From 082288d0085159518dcf181c6b9dd4c5884d7180 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 16 Jun 2026 15:39:51 -0400 Subject: [PATCH 1/2] fix(PficonSortCommonAscIcon): Replace PficonSortCommonAscIcon with RhUiSortDownSmallToLargeIcon Co-authored-by: Cursor --- .../DualListSelector/examples/DualListSelector.md | 2 +- .../examples/DualListSelectorComplexOptionsActions.tsx | 6 +++--- .../DualListSelector/examples/DualListSelector.md | 2 +- .../examples/DualListSelectorComplexOptionsActions.tsx | 6 +++--- .../examples/DualListSelectorComposable.tsx | 4 ++-- .../src/components/DragDrop/examples/DragDrop.md | 1 - .../src/components/DragDrop/examples/DragDropDemos.md | 1 - .../DualListSelectorWithActionsDemo.tsx | 4 ++-- .../DualListSelectorDeprecatedWithActionsDemo.tsx | 6 +++--- 9 files changed, 15 insertions(+), 17 deletions(-) diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index 09bf09f7cca..b061e218c7c 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -20,7 +20,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; +import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index 70a3ab52b68..9430e988377 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -25,7 +25,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; +import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -155,7 +155,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent aria-label="Sort Available" key="availableSortButton" isDisabled={isDisabled} - icon={} + icon={} />, ) => ( @@ -190,7 +190,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent aria-label="Sort Chosen" key="chosenSortButton" isDisabled={isDisabled} - icon={} + icon={} />, ) => ( diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md index 35e71cac781..9dd757b4bab 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md @@ -33,7 +33,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; +import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; ## Examples diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index 03074c54c40..e74cb490f87 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -1,7 +1,7 @@ import { Fragment, useState } from 'react'; import { Button, ButtonVariant, Checkbox } from '@patternfly/react-core'; import { DualListSelector as DLSDeprecated } from '@patternfly/react-core/deprecated'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; +import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; export const DualListSelectorComplexOptionsActions: React.FunctionComponent = () => { const [availableOptions, setAvailableOptions] = useState([ @@ -47,7 +47,7 @@ export const DualListSelectorComplexOptionsActions: React.FunctionComponent = () aria-label="Sort available options" key="availableSortButton" isDisabled={isDisabled} - icon={} + icon={} /> ]; @@ -58,7 +58,7 @@ export const DualListSelectorComplexOptionsActions: React.FunctionComponent = () aria-label="Sort chosen options" key="chosenSortButton" isDisabled={isDisabled} - icon={} + icon={} /> ]; diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx index 9da1dbd3f65..2c51dae6c74 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx @@ -21,7 +21,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; +import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; interface Option { @@ -137,7 +137,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => { onClick={onSort} aria-label="Sort" key="sortButton" - icon={} + icon={} /> ); }; diff --git a/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md b/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md index 8689357c6f4..7701a756272 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md @@ -13,7 +13,6 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; diff --git a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md index 51a7728a66c..af4e843d727 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md @@ -12,7 +12,6 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx index 6fbb269df8c..6672ee88ea7 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx @@ -25,8 +25,8 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import RhUiSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-large-to-small-icon'; +import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -133,7 +133,7 @@ export const DualListSelectorWithActionsDemo: React.FunctionComponent = () => { return direction === 'asc' ? 'ascending' : 'descending'; }, getIcon(direction: SortDirection) { - return direction === 'asc' ? : ; + return direction === 'asc' ? : ; } }; diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx index b491b3dd8a2..3a4f23cded8 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx @@ -5,8 +5,8 @@ import { DualListSelectorProps as DLSPropsDeprecated } from '@patternfly/react-core/deprecated'; import RhUiSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-large-to-small-icon'; -import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; interface DualListSelectorState { availableOptions: React.ReactNode[]; @@ -126,7 +126,7 @@ class DualListSelectorDeprecatedWithActionsDemo extends Component this.onSort('available')} aria-label="Sort" key="availableSortButton" - icon={this.state.availableDescending ? : } + icon={this.state.availableDescending ? : } />, this.onSort('chosen')} aria-label="Sort" key="chosenSortButton" - icon={this.state.chosenDescending ? : } + icon={this.state.chosenDescending ? :} />, Date: Tue, 16 Jun 2026 17:40:52 -0400 Subject: [PATCH 2/2] fix(PficonSortCommonAscIcon): Use RhMicronsSortDownSmallToLargeIcon instead of RhUiSortDownSmallToLargeIcon Co-authored-by: Cursor --- .../DualListSelector/examples/DualListSelector.md | 2 +- .../examples/DualListSelectorComplexOptionsActions.tsx | 6 +++--- .../DualListSelector/examples/DualListSelector.md | 2 +- .../examples/DualListSelectorComplexOptionsActions.tsx | 6 +++--- .../examples/DualListSelectorComposable.tsx | 4 ++-- .../DualListSelectorWithActionsDemo.tsx | 4 ++-- .../DualListSelectorDeprecatedWithActionsDemo.tsx | 6 +++--- 7 files changed, 15 insertions(+), 15 deletions(-) diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index b061e218c7c..aca01021447 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -20,7 +20,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index 9430e988377..5480a8fa90a 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -25,7 +25,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -155,7 +155,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent aria-label="Sort Available" key="availableSortButton" isDisabled={isDisabled} - icon={} + icon={} />, ) => ( @@ -190,7 +190,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent aria-label="Sort Chosen" key="chosenSortButton" isDisabled={isDisabled} - icon={} + icon={} />, ) => ( diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md index 9dd757b4bab..11823fbae9f 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md @@ -33,7 +33,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; ## Examples diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index e74cb490f87..0e9f4c66663 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -1,7 +1,7 @@ import { Fragment, useState } from 'react'; import { Button, ButtonVariant, Checkbox } from '@patternfly/react-core'; import { DualListSelector as DLSDeprecated } from '@patternfly/react-core/deprecated'; -import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; export const DualListSelectorComplexOptionsActions: React.FunctionComponent = () => { const [availableOptions, setAvailableOptions] = useState([ @@ -47,7 +47,7 @@ export const DualListSelectorComplexOptionsActions: React.FunctionComponent = () aria-label="Sort available options" key="availableSortButton" isDisabled={isDisabled} - icon={} + icon={} /> ]; @@ -58,7 +58,7 @@ export const DualListSelectorComplexOptionsActions: React.FunctionComponent = () aria-label="Sort chosen options" key="chosenSortButton" isDisabled={isDisabled} - icon={} + icon={} /> ]; diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx index 2c51dae6c74..e29a285b5b1 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx @@ -21,7 +21,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; -import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; interface Option { @@ -137,7 +137,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => { onClick={onSort} aria-label="Sort" key="sortButton" - icon={} + icon={} /> ); }; diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx index 6672ee88ea7..80b6ee7c8aa 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx @@ -26,7 +26,7 @@ import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-ico import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; import RhUiSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-large-to-small-icon'; -import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; @@ -133,7 +133,7 @@ export const DualListSelectorWithActionsDemo: React.FunctionComponent = () => { return direction === 'asc' ? 'ascending' : 'descending'; }, getIcon(direction: SortDirection) { - return direction === 'asc' ? : ; + return direction === 'asc' ? : ; } }; diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx index 3a4f23cded8..173b3aab0d8 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx @@ -6,7 +6,7 @@ import { } from '@patternfly/react-core/deprecated'; import RhUiSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-large-to-small-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; -import RhUiSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-small-to-large-icon'; +import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; interface DualListSelectorState { availableOptions: React.ReactNode[]; @@ -126,7 +126,7 @@ class DualListSelectorDeprecatedWithActionsDemo extends Component this.onSort('available')} aria-label="Sort" key="availableSortButton" - icon={this.state.availableDescending ? : } + icon={this.state.availableDescending ? : } />, this.onSort('chosen')} aria-label="Sort" key="chosenSortButton" - icon={this.state.chosenDescending ? :} + icon={this.state.chosenDescending ? : } />,