From 4568ea662c9d56e54ea3b4838ec343f6bb5e19b8 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 1ff7084efec..ada86d7d286 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-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 5830aee7237..9f42bb0f40b 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-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 cf7adf4d608..eb4993ecdc8 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; 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 e1522f90d40..33dff092db7 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 df654c6c5f8..bc7be6f82cd 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 0c2f9540e73..a0c8c9a05eb 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 057c172872b..6016ae867fe 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,7 +25,7 @@ import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 PficonSortCommonDescIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-desc-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-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 9ddc114529e..4988e014acb 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,7 +5,7 @@ import { DualListSelectorProps as DLSPropsDeprecated } from '@patternfly/react-core/deprecated'; import PficonSortCommonDescIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-desc-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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; interface DualListSelectorState { @@ -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 ada86d7d286..51ea23d942b 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-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 9f42bb0f40b..a94098b30ac 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-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 eb4993ecdc8..891e3ee99ac 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; 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 33dff092db7..bf9d80608f4 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 AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 6016ae867fe..06bec1b4adf 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,7 +25,7 @@ import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-do 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 PficonSortCommonDescIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-desc-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-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 4988e014acb..3c0f09ee46c 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,7 +5,7 @@ import { DualListSelectorProps as DLSPropsDeprecated } from '@patternfly/react-core/deprecated'; import PficonSortCommonDescIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-desc-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 EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; interface DualListSelectorState { @@ -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 ? : } />,