Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import figma from '@figma/code-connect';
import { Button, ButtonVariant, DualListSelectorPane, SearchInput } from '@patternfly/react-core';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';

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

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

// string
itemInformation: figma.string('Item information'),
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import { Fragment } from 'react';
import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon';
import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon';

## Examples
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon';
import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon';
import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';

export const HelperTextWithCustomIcon: React.FunctionComponent = () => (
<Fragment>
Expand All @@ -27,7 +27,7 @@ export const HelperTextWithCustomIcon: React.FunctionComponent = () => (
</HelperTextItem>
</HelperText>
<HelperText>
<HelperTextItem variant="error" icon={<TimesIcon />}>
<HelperTextItem variant="error" icon={<RhMicronsCloseIcon />}>
This is error helper text
</HelperTextItem>
</HelperText>
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/demos/CustomMenus/CustomMenus.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
import brandImg from '../assets/PF-IconLogo.svg';
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import avatarImg from '../assets/avatarImg.svg';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/react-styles/css/components/Menu/menu';
Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/demos/HelperText.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-wa
import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';

## Demos

Expand Down
2 changes: 1 addition & 1 deletion packages/react-core/src/demos/Toolbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external
import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';

## Demos
Expand Down
8 changes: 4 additions & 4 deletions packages/react-icons/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@ PatternFly Icons as React Components.
## Usage

```tsx
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';

const closeIcon = <TimesIcon />;
const closeIcon = <RhMicronsCloseIcon />;
```

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

```JS
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
```

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:
Expand Down Expand Up @@ -91,5 +91,5 @@ You can import or reference static SVG files directly:
}

// Direct file path
import timesIcon from '@patternfly/react-icons/dist/static/times-icon.svg';
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/static/times-icon.svg';
```
Loading