From 1437cee24db385bce5973818fdf643d9ed227b5c Mon Sep 17 00:00:00 2001 From: Titani Date: Mon, 27 Apr 2026 09:47:40 -0400 Subject: [PATCH 1/3] Updated all usage of AngleDoubleLeftIcon to RhUiDoubleCaretLeftIcon --- .../examples/DualListSelector.md | 2 +- .../examples/DualListSelectorBasic.tsx | 4 +- .../examples/DualListSelectorBasicSearch.tsx | 4 +- .../DualListSelectorBasicTooltips.tsx | 4 +- .../DualListSelectorComplexOptionsActions.tsx | 4 +- .../examples/DualListSelectorTree.tsx | 4 +- .../Pagination/PaginationNavigation.tsx | 4 +- .../PaginationNavigation.test.tsx.snap | 20 +- .../__snapshots__/Pagination.test.tsx.snap | 420 ++++-------------- .../DualListSelector/DualListSelector.tsx | 4 +- .../DualListSelector.test.tsx.snap | 120 +---- .../examples/DualListSelector.md | 2 +- .../examples/DualListSelectorComposable.tsx | 4 +- .../DualListSelectorComposableDragDrop.tsx | 4 +- .../DualListSelectorComposableTree.tsx | 4 +- .../components/DragDrop/examples/DragDrop.md | 2 +- .../DragDropContainerDualListSelector.tsx | 4 +- .../DragDrop/examples/DragDropDemos.md | 2 +- .../examples/DualListSelectorDraggable.tsx | 4 +- .../DualListSelectorBasicDemo.tsx | 4 +- .../DualListSelectorTreeDemo.tsx | 4 +- .../DualListSelectorWithActionsDemo.tsx | 4 +- 22 files changed, 146 insertions(+), 482 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..a8fe9f2d697 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -16,7 +16,7 @@ propComponents: --- import { Fragment, useEffect, useMemo, useState } from 'react'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx index b1e77ed2a6a..26d6fae3d02 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx @@ -7,7 +7,7 @@ import { DualListSelectorControlsWrapper, DualListSelectorControl } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -117,7 +117,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx index cf5365c8efc..33ef0acf91c 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx @@ -14,7 +14,7 @@ import { EmptyStateBody, EmptyStateActions } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -165,7 +165,7 @@ export const DualListSelectorSearch: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx index 96ed69cd375..bbf1cd3cc25 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx @@ -7,7 +7,7 @@ import { DualListSelectorControlsWrapper, DualListSelectorControl } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -123,7 +123,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => { aria-label="Remove all" tooltipContent="Remove all" tooltipProps={{ position: 'left', 'aria-live': 'off' }} - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index 5830aee7237..10c390afafd 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -21,7 +21,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -283,7 +283,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent isDisabled={chosenOptions.length === 0 || isDisabled} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx index a893541ed5e..02088a918a0 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx @@ -15,7 +15,7 @@ import { EmptyStateBody, EmptyStateActions } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -302,7 +302,7 @@ export const DualListSelectorComposableTree: React.FunctionComponent moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveChecked(false)} diff --git a/packages/react-core/src/components/Pagination/PaginationNavigation.tsx b/packages/react-core/src/components/Pagination/PaginationNavigation.tsx index 02f114e5172..b9d770d13b2 100644 --- a/packages/react-core/src/components/Pagination/PaginationNavigation.tsx +++ b/packages/react-core/src/components/Pagination/PaginationNavigation.tsx @@ -2,7 +2,7 @@ import { Component } from 'react'; import styles from '@patternfly/react-styles/css/components/Pagination/pagination'; import { css } from '@patternfly/react-styles'; import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import { Button, ButtonVariant } from '../Button'; @@ -195,7 +195,7 @@ class PaginationNavigation extends Component} + icon={} /> )} diff --git a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap index 0ba4f028523..8b6826919fc 100644 --- a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap @@ -33,24 +33,12 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap index 7d291a25a05..358b6920efd 100644 --- a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap @@ -108,24 +108,12 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -393,24 +381,12 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -678,24 +654,12 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -963,24 +927,12 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -1248,24 +1200,12 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -1533,24 +1473,12 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -1804,24 +1732,12 @@ exports[`Pagination component render custom pagination toggle 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2093,24 +2009,12 @@ exports[`Pagination component render custom perPageOptions 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2381,24 +2285,12 @@ exports[`Pagination component render custom start end 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2609,24 +2501,12 @@ exports[`Pagination component render empty per page options 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2897,24 +2777,12 @@ exports[`Pagination component render last page 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -3187,24 +3055,12 @@ exports[`Pagination component render limited number of pages 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -3467,24 +3323,12 @@ exports[`Pagination component render should render correctly bottom 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -3744,24 +3588,12 @@ exports[`Pagination component render should render correctly bottom sticky 1`] = fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -4033,24 +3865,12 @@ exports[`Pagination component render should render correctly compact 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -4323,24 +4143,12 @@ exports[`Pagination component render should render correctly disabled 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -4615,24 +4423,12 @@ exports[`Pagination component render should render correctly sticky 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -4904,24 +4700,12 @@ exports[`Pagination component render should render correctly top 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -5193,24 +4977,12 @@ exports[`Pagination component render titles 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -5482,24 +5254,12 @@ exports[`Pagination component render up drop direction 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -5771,24 +5531,12 @@ exports[`Pagination component render zero results 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx b/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx index 6cb684e78ed..359f3804f2e 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx @@ -1,7 +1,7 @@ import { Component, createRef } from 'react'; import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; import { css } from '@patternfly/react-styles'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -746,7 +746,7 @@ class DualListSelector extends Component - + - - - - - - + @@ -537,24 +525,12 @@ exports[`DualListSelector basic with disabled controls 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -869,24 +845,12 @@ exports[`DualListSelector with actions 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -1256,24 +1220,12 @@ exports[`DualListSelector with custom status 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -1632,24 +1584,12 @@ exports[`DualListSelector with search inputs 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -2085,24 +2025,12 @@ exports[`DualListSelector with tree 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + 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..f3b56a005b1 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md @@ -29,7 +29,7 @@ DualListSelectorControlsWrapper as DLSControlsWrapperDeprecated, DualListSelectorControl as DLSControlDeprecated, DualListSelectorTree as DLSTreeDeprecated, } from '@patternfly/react-core/deprecated'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; 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..38e4b8a9051 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx @@ -17,7 +17,7 @@ import { DualListSelectorControlsWrapper as DLSControlsWrapperDeprecated, DualListSelectorControl as DLSControlDeprecated } from '@patternfly/react-core/deprecated'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -209,7 +209,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => { aria-label="Remove all" tooltipContent="Remove all" > - + moveSelected(false)} diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx index 4867da8f8b0..6868b4be1eb 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx @@ -11,7 +11,7 @@ import { DualListSelectorControlsWrapper as DLSControlsWrapperDeprecated, DualListSelectorControl as DLSControlDeprecated } from '@patternfly/react-core/deprecated'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -135,7 +135,7 @@ export const DualListSelectorComposableDragDrop: React.FunctionComponent = () => onClick={() => moveAll(false)} aria-label="Remove all" > - + moveSelected(false)} diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx index e55c076ee81..669212d9c2c 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx @@ -17,7 +17,7 @@ import { DualListSelectorTree as DLSTreeDeprecated, DualListSelectorTreeItemData as DLSTreeItemDataDeprecated } from '@patternfly/react-core/deprecated'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -304,7 +304,7 @@ export const DualListSelectorComposableTree: React.FunctionComponent moveAll(false)} aria-label="Remove all" > - + moveChecked(false)} 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..9c68a36e40b 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md @@ -9,7 +9,7 @@ hideNavItem: true Note: This drag and drop implementation lives in its own package at [@patternfly/react-drag-drop](https://www.npmjs.com/package/@patternfly/react-drag-drop)! import { useState } from 'react'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; diff --git a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx index a2aa634cc25..003c752494c 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx @@ -8,7 +8,7 @@ import { } from '@patternfly/react-core'; import { DragDropContainer, DraggableObject, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -163,7 +163,7 @@ export const DragDropContainerDualListSelector: React.FunctionComponent = () => onClick={() => moveAll(false)} aria-label="Remove all" > - + moveSelected(false)} 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..b8c565e9f41 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md @@ -8,7 +8,7 @@ propComponents: ['DragDropSort', 'DraggableObject'] Note: This drag and drop implementation lives in its own package at [@patternfly/react-drag-drop](https://www.npmjs.com/package/@patternfly/react-drag-drop)! import { useEffect, useState } from 'react'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; diff --git a/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx b/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx index 8b65aeb8d28..a1c21d5a19b 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx @@ -9,7 +9,7 @@ import { } from '@patternfly/react-core'; import { DragDropSort, DraggableObject } from '@patternfly/react-drag-drop'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -114,7 +114,7 @@ export const ComposableDualListSelector: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx index 28f11388e8a..5d26cb9c922 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx @@ -7,7 +7,7 @@ import { DualListSelectorControlsWrapper, DualListSelectorControl } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -123,7 +123,7 @@ export const DualListSelectorBasicDemo: React.FunctionComponent = () => { aria-label="Remove all" tooltipContent="Remove all" tooltipProps={{ position: 'left', 'aria-live': 'off' }} - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx index 8d2e6609e40..721c5f70d03 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx @@ -15,7 +15,7 @@ import { EmptyStateBody, EmptyStateActions } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -301,7 +301,7 @@ const DualListSelectorComposableTree: React.FunctionComponent = ({ isDisabled={chosenLeafIds.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveChecked(false)} 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..9853614b340 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 @@ -21,7 +21,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon'; +import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; 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'; @@ -306,7 +306,7 @@ export const DualListSelectorWithActionsDemo: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0 || isDisabled} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} From 8e0ae79b257adfe4c592b843a6ad21c14df3a95a Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Thu, 4 Jun 2026 10:36:10 -0400 Subject: [PATCH 2/3] update to microns icon --- .../components/DualListSelector/examples/DualListSelector.md | 2 +- .../DualListSelector/examples/DualListSelectorBasic.tsx | 4 ++-- .../DualListSelector/examples/DualListSelectorBasicSearch.tsx | 4 ++-- .../examples/DualListSelectorBasicTooltips.tsx | 4 ++-- .../examples/DualListSelectorComplexOptionsActions.tsx | 4 ++-- .../DualListSelector/examples/DualListSelectorTree.tsx | 4 ++-- .../src/components/Pagination/PaginationNavigation.tsx | 4 ++-- .../components/DualListSelector/DualListSelector.tsx | 4 ++-- .../components/DualListSelector/examples/DualListSelector.md | 2 +- .../DualListSelector/examples/DualListSelectorComposable.tsx | 4 ++-- .../examples/DualListSelectorComposableDragDrop.tsx | 4 ++-- .../examples/DualListSelectorComposableTree.tsx | 4 ++-- .../src/components/DragDrop/examples/DragDrop.md | 2 +- .../DragDrop/examples/DragDropContainerDualListSelector.tsx | 4 ++-- .../src/components/DragDrop/examples/DragDropDemos.md | 2 +- .../DragDrop/examples/DualListSelectorDraggable.tsx | 4 ++-- .../demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx | 4 ++-- .../demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx | 4 ++-- .../DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx | 4 ++-- 19 files changed, 34 insertions(+), 34 deletions(-) diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index a8fe9f2d697..d50ad8a63b5 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -16,7 +16,7 @@ propComponents: --- import { Fragment, useEffect, useMemo, useState } from 'react'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx index 26d6fae3d02..f4ccc948759 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx @@ -7,7 +7,7 @@ import { DualListSelectorControlsWrapper, DualListSelectorControl } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -117,7 +117,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx index 33ef0acf91c..c5d6b1af9a9 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx @@ -14,7 +14,7 @@ import { EmptyStateBody, EmptyStateActions } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -165,7 +165,7 @@ export const DualListSelectorSearch: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx index bbf1cd3cc25..39377a8f0dd 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx @@ -7,7 +7,7 @@ import { DualListSelectorControlsWrapper, DualListSelectorControl } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -123,7 +123,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => { aria-label="Remove all" tooltipContent="Remove all" tooltipProps={{ position: 'left', 'aria-live': 'off' }} - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index 10c390afafd..e51a58a573b 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -21,7 +21,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -283,7 +283,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent isDisabled={chosenOptions.length === 0 || isDisabled} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx index 02088a918a0..43fe3e1b790 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx @@ -15,7 +15,7 @@ import { EmptyStateBody, EmptyStateActions } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -302,7 +302,7 @@ export const DualListSelectorComposableTree: React.FunctionComponent moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveChecked(false)} diff --git a/packages/react-core/src/components/Pagination/PaginationNavigation.tsx b/packages/react-core/src/components/Pagination/PaginationNavigation.tsx index b9d770d13b2..41a78bd7330 100644 --- a/packages/react-core/src/components/Pagination/PaginationNavigation.tsx +++ b/packages/react-core/src/components/Pagination/PaginationNavigation.tsx @@ -2,7 +2,7 @@ import { Component } from 'react'; import styles from '@patternfly/react-styles/css/components/Pagination/pagination'; import { css } from '@patternfly/react-styles'; import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon'; import { Button, ButtonVariant } from '../Button'; @@ -195,7 +195,7 @@ class PaginationNavigation extends Component} + icon={} /> )} diff --git a/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx b/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx index 359f3804f2e..34894ec120b 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx @@ -1,7 +1,7 @@ import { Component, createRef } from 'react'; import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector'; import { css } from '@patternfly/react-styles'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -746,7 +746,7 @@ class DualListSelector extends Component - + { aria-label="Remove all" tooltipContent="Remove all" > - + moveSelected(false)} diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx index 6868b4be1eb..0f7f40e8942 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx @@ -11,7 +11,7 @@ import { DualListSelectorControlsWrapper as DLSControlsWrapperDeprecated, DualListSelectorControl as DLSControlDeprecated } from '@patternfly/react-core/deprecated'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -135,7 +135,7 @@ export const DualListSelectorComposableDragDrop: React.FunctionComponent = () => onClick={() => moveAll(false)} aria-label="Remove all" > - + moveSelected(false)} diff --git a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx index 669212d9c2c..305a460c252 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx @@ -17,7 +17,7 @@ import { DualListSelectorTree as DLSTreeDeprecated, DualListSelectorTreeItemData as DLSTreeItemDataDeprecated } from '@patternfly/react-core/deprecated'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -304,7 +304,7 @@ export const DualListSelectorComposableTree: React.FunctionComponent moveAll(false)} aria-label="Remove all" > - + moveChecked(false)} 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 9c68a36e40b..8689357c6f4 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md @@ -9,7 +9,7 @@ hideNavItem: true Note: This drag and drop implementation lives in its own package at [@patternfly/react-drag-drop](https://www.npmjs.com/package/@patternfly/react-drag-drop)! import { useState } from 'react'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; diff --git a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx index 003c752494c..acc8571c40d 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx @@ -8,7 +8,7 @@ import { } from '@patternfly/react-core'; import { DragDropContainer, DraggableObject, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -163,7 +163,7 @@ export const DragDropContainerDualListSelector: React.FunctionComponent = () => onClick={() => moveAll(false)} aria-label="Remove all" > - + moveSelected(false)} 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 b8c565e9f41..51a7728a66c 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md @@ -8,7 +8,7 @@ propComponents: ['DragDropSort', 'DraggableObject'] Note: This drag and drop implementation lives in its own package at [@patternfly/react-drag-drop](https://www.npmjs.com/package/@patternfly/react-drag-drop)! import { useEffect, useState } from 'react'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; diff --git a/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx b/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx index a1c21d5a19b..d03d44d7ff6 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx @@ -9,7 +9,7 @@ import { } from '@patternfly/react-core'; import { DragDropSort, DraggableObject } from '@patternfly/react-drag-drop'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -114,7 +114,7 @@ export const ComposableDualListSelector: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx index 5d26cb9c922..f946ff0c0db 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx @@ -7,7 +7,7 @@ import { DualListSelectorControlsWrapper, DualListSelectorControl } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -123,7 +123,7 @@ export const DualListSelectorBasicDemo: React.FunctionComponent = () => { aria-label="Remove all" tooltipContent="Remove all" tooltipProps={{ position: 'left', 'aria-live': 'off' }} - icon={} + icon={} /> moveSelected(false)} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx index 721c5f70d03..4bd7819e150 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx @@ -15,7 +15,7 @@ import { EmptyStateBody, EmptyStateActions } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -301,7 +301,7 @@ const DualListSelectorComposableTree: React.FunctionComponent = ({ isDisabled={chosenLeafIds.length === 0} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveChecked(false)} 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 9853614b340..6b187cc5621 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 @@ -21,7 +21,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import RhUiDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-double-caret-left-icon'; +import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-double-caret-left-icon'; 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'; @@ -306,7 +306,7 @@ export const DualListSelectorWithActionsDemo: React.FunctionComponent = () => { isDisabled={chosenOptions.length === 0 || isDisabled} onClick={() => moveAll(false)} aria-label="Remove all" - icon={} + icon={} /> moveSelected(false)} From 760c2829107518a034dd0b8e59bdc0fefb7278ba Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Thu, 4 Jun 2026 11:18:18 -0400 Subject: [PATCH 3/3] update snap --- .../PaginationNavigation.test.tsx.snap | 4 +- .../__snapshots__/Pagination.test.tsx.snap | 84 +++++++++---------- .../DualListSelector.test.tsx.snap | 24 +++--- 3 files changed, 56 insertions(+), 56 deletions(-) diff --git a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap index 8b6826919fc..0f058e35a7d 100644 --- a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap @@ -33,11 +33,11 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > diff --git a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap index 358b6920efd..63b0f272353 100644 --- a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +++ b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap @@ -108,11 +108,11 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -381,11 +381,11 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -654,11 +654,11 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -927,11 +927,11 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -1200,11 +1200,11 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -1473,11 +1473,11 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -1732,11 +1732,11 @@ exports[`Pagination component render custom pagination toggle 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -2009,11 +2009,11 @@ exports[`Pagination component render custom perPageOptions 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -2285,11 +2285,11 @@ exports[`Pagination component render custom start end 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -2501,11 +2501,11 @@ exports[`Pagination component render empty per page options 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -2777,11 +2777,11 @@ exports[`Pagination component render last page 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -3055,11 +3055,11 @@ exports[`Pagination component render limited number of pages 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -3323,11 +3323,11 @@ exports[`Pagination component render should render correctly bottom 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -3588,11 +3588,11 @@ exports[`Pagination component render should render correctly bottom sticky 1`] = fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -3865,11 +3865,11 @@ exports[`Pagination component render should render correctly compact 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -4143,11 +4143,11 @@ exports[`Pagination component render should render correctly disabled 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -4423,11 +4423,11 @@ exports[`Pagination component render should render correctly sticky 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -4700,11 +4700,11 @@ exports[`Pagination component render should render correctly top 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -4977,11 +4977,11 @@ exports[`Pagination component render titles 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -5254,11 +5254,11 @@ exports[`Pagination component render up drop direction 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -5531,11 +5531,11 @@ exports[`Pagination component render zero results 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > diff --git a/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap b/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap index bc81e03b035..7e87b4d87bc 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +++ b/packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap @@ -214,11 +214,11 @@ exports[`DualListSelector basic 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -525,11 +525,11 @@ exports[`DualListSelector basic with disabled controls 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -845,11 +845,11 @@ exports[`DualListSelector with actions 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -1220,11 +1220,11 @@ exports[`DualListSelector with custom status 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -1584,11 +1584,11 @@ exports[`DualListSelector with search inputs 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" > @@ -2025,11 +2025,11 @@ exports[`DualListSelector with tree 1`] = ` fill="currentColor" height="1em" role="img" - viewBox="0 0 32 32" + viewBox="0 0 20 20" width="1em" >