diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md
index aca01021447..d19d5eaca23 100644
--- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md
+++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md
@@ -19,7 +19,7 @@ import { Fragment, useEffect, useMemo, useState } from 'react';
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';
+import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-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';
diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx
index f4ccc948759..9a00f4fa513 100644
--- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx
+++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx
@@ -10,7 +10,7 @@ import {
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';
+import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
interface Option {
text: string;
@@ -105,7 +105,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => {
isDisabled={!availableOptions.some((option) => option.selected)}
onClick={() => moveSelected(true)}
aria-label="Add selected"
- icon={}
+ icon={}
/>
{
isDisabled={!availableOptions.some((option) => option.selected)}
onClick={() => moveSelected(true)}
aria-label="Add selected"
- icon={}
+ icon={}
/>
{
aria-label="Add selected"
tooltipContent="Add selected"
tooltipProps={{ position: 'top', 'aria-live': 'off' }}
- icon={}
+ icon={}
/>
option.selected) || isDisabled}
onClick={() => moveSelected(true)}
aria-label="Add selected"
- icon={}
+ icon={}
/>
visibleAvailableLeafIds.includes(x)).length}
onClick={() => moveChecked(true)}
aria-label="Add selected"
- icon={}
+ icon={}
/>
}
+ icon={}
/>
{!isCompact && (
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 0f058e35a7d..b3c10cc6909 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
@@ -126,24 +126,12 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = `
fill="currentColor"
height="1em"
role="img"
+ 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 7a79535b815..4b372c774f7 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
@@ -190,24 +190,12 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -451,24 +439,12 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -712,24 +688,12 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -973,24 +937,12 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1234,24 +1186,12 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1495,24 +1435,12 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1747,24 +1675,12 @@ exports[`Pagination component render custom pagination toggle 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -2012,24 +1928,12 @@ exports[`Pagination component render custom perPageOptions 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -2275,24 +2179,12 @@ exports[`Pagination component render custom start end 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -2492,24 +2384,12 @@ exports[`Pagination component render empty per page options 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -2756,24 +2636,12 @@ exports[`Pagination component render last page 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -3024,24 +2892,12 @@ exports[`Pagination component render limited number of pages 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -3278,24 +3134,12 @@ exports[`Pagination component render should render correctly bottom 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -3531,24 +3375,12 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -3796,24 +3628,12 @@ exports[`Pagination component render should render correctly compact 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -4064,24 +3884,12 @@ exports[`Pagination component render should render correctly disabled 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -4330,24 +4138,12 @@ exports[`Pagination component render should render correctly sticky 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -4595,24 +4391,12 @@ exports[`Pagination component render should render correctly top 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -4860,24 +4644,12 @@ exports[`Pagination component render titles 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -5125,24 +4897,12 @@ exports[`Pagination component render up drop direction 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -5392,24 +5152,12 @@ exports[`Pagination component render zero results 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
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 34894ec120b..90b27c25fab 100644
--- a/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx
+++ b/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx
@@ -4,7 +4,7 @@ import { css } from '@patternfly/react-styles';
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';
+import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
import { DualListSelectorPane } from './DualListSelectorPane';
import { GenerateId, PickOptional } from '../../../helpers';
import { DualListSelectorTreeItemData } from './DualListSelectorTree';
@@ -726,7 +726,7 @@ class DualListSelector extends Component
-
+
-
-
+
@@ -435,24 +423,12 @@ exports[`DualListSelector basic with disabled controls 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -757,24 +733,12 @@ exports[`DualListSelector with actions 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1131,24 +1095,12 @@ exports[`DualListSelector with custom status 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1495,24 +1447,12 @@ exports[`DualListSelector with search inputs 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1936,24 +1876,12 @@ exports[`DualListSelector with tree 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
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 11823fbae9f..9916204e5b1 100644
--- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md
+++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md
@@ -32,7 +32,7 @@ DualListSelectorTree as DLSTreeDeprecated,
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';
+import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-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';
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 e29a285b5b1..fb2182b8c1c 100644
--- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx
+++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx
@@ -20,7 +20,7 @@ import {
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';
+import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-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';
@@ -193,7 +193,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
aria-label="Add selected"
tooltipContent="Add selected"
>
-
+
{
const [ignoreNextOptionSelect, setIgnoreNextOptionSelect] = useState(false);
@@ -121,7 +121,7 @@ export const DualListSelectorComposableDragDrop: React.FunctionComponent = () =>
onClick={() => moveSelected(true)}
aria-label="Add selected"
>
-
+
moveChecked(true)}
aria-label="Add selected"
>
-
+
{
const [ignoreNextOptionSelect, setIgnoreNextOptionSelect] = useState(false);
@@ -149,7 +149,7 @@ export const DragDropContainerDualListSelector: React.FunctionComponent = () =>
onClick={() => moveSelected(true)}
aria-label="Add selected"
>
-
+
{
const [ignoreNextOptionSelect, setIgnoreNextOptionSelect] = useState(false);
@@ -102,7 +102,7 @@ export const ComposableDualListSelector: React.FunctionComponent = () => {
isDisabled={!availableOptions.some((option) => option.props.isSelected)}
onClick={() => moveSelected(true)}
aria-label="Add selected"
- icon={}
+ icon={}
/>
{
aria-label="Add selected"
tooltipContent="Add selected"
tooltipProps={{ position: 'top', 'aria-live': 'off' }}
- icon={}
+ icon={}
/>
= ({
isDisabled={!checkedLeafIds.filter((x) => visibleAvailableLeafIds.includes(x)).length}
onClick={() => moveChecked(true)}
aria-label="Add selected"
- icon={}
+ icon={}
/>
{
isDisabled={!availableOptions.some((option) => option.selected) || isDisabled}
onClick={() => moveSelected(true)}
aria-label="Add selected"
- icon={}
+ icon={}
/>