Skip to content

Commit e4230ae

Browse files
authored
chore(docs): Updated remaining TimesIcon to RhMicronsCloseIcon (#12334)
* chore(docs): Updateed remaining TimesIcon to RhMicronsCloseIcon * additional fixes * fix paths * update readme
1 parent 10b92b1 commit e4230ae

File tree

7 files changed

+14
-14
lines changed

7 files changed

+14
-14
lines changed

packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import figma from '@figma/code-connect';
22
import { Button, ButtonVariant, DualListSelectorPane, SearchInput } from '@patternfly/react-core';
3-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
3+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
44

55
// Documentation for DualListHeader can be found at https://www.patternfly.org/components/dual-list-selector
66

@@ -9,7 +9,7 @@ figma.connect(
99
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=21279-116172',
1010
{
1111
props: {
12-
icon: <TimesIcon />, // placeholder icon
12+
icon: <RhMicronsCloseIcon />, // placeholder icon
1313

1414
// string
1515
itemInformation: figma.string('Item information'),

packages/react-core/src/components/HelperText/examples/HelperText.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { Fragment } from 'react';
99
import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon';
1010
import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon';
1111
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
12-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
12+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
1313
import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon';
1414

1515
## Examples

packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon';
44
import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon';
55
import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon';
66
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
7-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
7+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
88

99
export const HelperTextWithCustomIcon: React.FunctionComponent = () => (
1010
<Fragment>
@@ -27,7 +27,7 @@ export const HelperTextWithCustomIcon: React.FunctionComponent = () => (
2727
</HelperTextItem>
2828
</HelperText>
2929
<HelperText>
30-
<HelperTextItem variant="error" icon={<TimesIcon />}>
30+
<HelperTextItem variant="error" icon={<RhMicronsCloseIcon />}>
3131
This is error helper text
3232
</HelperTextItem>
3333
</HelperText>

packages/react-core/src/demos/CustomMenus/CustomMenus.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
2020
import brandImg from '../assets/PF-IconLogo.svg';
2121
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
2222
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
23-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
23+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
2424
import avatarImg from '../assets/avatarImg.svg';
2525
import { css } from '@patternfly/react-styles';
2626
import styles from '@patternfly/react-styles/css/components/Menu/menu';

packages/react-core/src/demos/HelperText.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-wa
99
import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
1010
import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
1111
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
12-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
12+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
1313

1414
## Demos
1515

packages/react-core/src/demos/Toolbar.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external
1111
import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
1212
import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
1313
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
14-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
14+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
1515
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
1616

1717
## Demos

packages/react-icons/README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@ PatternFly Icons as React Components.
55
## Usage
66

77
```tsx
8-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
8+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
99

10-
const closeIcon = <TimesIcon />;
10+
const closeIcon = <RhMicronsCloseIcon />;
1111
```
1212

1313
For a list of the available icons please refer to the [PatternFly react docs](https://pf-react-staging.patternfly.org/icons)
@@ -47,7 +47,7 @@ optimization: {
4747
Use ESM module imports to enable tree shaking with no additional setup required.
4848

4949
```JS
50-
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
50+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
5151
```
5252

5353
To enable tree shaking with named imports for CJS modules, utilize [babel-plugin-transform-imports](https://www.npmjs.com/package/babel-plugin-transform-imports) and update a babel.config.js file to utilize the plugin:
@@ -83,13 +83,13 @@ You can import or reference static SVG files directly:
8383

8484
```jsx
8585
// In HTML
86-
<img src="/icons/static/times-icon.svg" alt="Close" />
86+
<img src="/icons/static/rh-microns-close-icon.svg" alt="Close" />
8787

8888
// In CSS
8989
.close-icon {
90-
background-image: url('/icons/static/times-icon.svg');
90+
background-image: url('/icons/static/rh-microns-close-icon.svg');
9191
}
9292

9393
// Direct file path
94-
import timesIcon from '@patternfly/react-icons/dist/static/times-icon.svg';
94+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/static/rh-microns-close-icon.svg';
9595
```

0 commit comments

Comments
 (0)