diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index aca01021447..5337b2b4268 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -17,7 +17,7 @@ propComponents: 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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 RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-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..5ab4a8919cd 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx @@ -8,7 +8,7 @@ import { DualListSelectorControl } from '@patternfly/react-core'; 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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 = () => { onClick={() => moveSelected(false)} isDisabled={!chosenOptions.some((option) => option.selected)} aria-label="Remove selected" - icon={} + icon={} /> { onClick={() => moveSelected(false)} isDisabled={!chosenOptions.some((option) => option.selected)} aria-label="Remove selected" - icon={} + icon={} /> { aria-label="Remove selected" tooltipContent="Remove selected" tooltipProps={{ position: 'bottom', 'aria-live': 'off' }} - icon={} + icon={} /> moveSelected(false)} isDisabled={!chosenOptions.some((option) => option.selected) || isDisabled} aria-label="Remove selected" - icon={} + icon={} /> moveChecked(false)} isDisabled={!checkedLeafIds.filter((x) => visibleChosenLeafIds.includes(x)).length} aria-label="Remove selected" - icon={} + icon={} /> {buildPane(true)} diff --git a/packages/react-core/src/components/Pagination/PaginationNavigation.tsx b/packages/react-core/src/components/Pagination/PaginationNavigation.tsx index 41a78bd7330..4809d309668 100644 --- a/packages/react-core/src/components/Pagination/PaginationNavigation.tsx +++ b/packages/react-core/src/components/Pagination/PaginationNavigation.tsx @@ -1,7 +1,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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-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'; @@ -211,7 +211,7 @@ class PaginationNavigation extends Component} + 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..e3309a2e3aa 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 @@ -64,24 +64,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..e3931460554 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 @@ -128,24 +128,12 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -389,24 +377,12 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -650,24 +626,12 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -911,24 +875,12 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -1172,24 +1124,12 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -1433,24 +1373,12 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -1680,24 +1608,12 @@ exports[`Pagination component render custom pagination toggle 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -1945,24 +1861,12 @@ exports[`Pagination component render custom perPageOptions 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -2208,24 +2112,12 @@ exports[`Pagination component render custom start end 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -2425,24 +2317,12 @@ exports[`Pagination component render empty per page options 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -2688,24 +2568,12 @@ exports[`Pagination component render last page 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -2955,24 +2823,12 @@ exports[`Pagination component render limited number of pages 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -3211,24 +3067,12 @@ exports[`Pagination component render should render correctly bottom 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -3464,24 +3308,12 @@ exports[`Pagination component render should render correctly bottom sticky 1`] = fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -3729,24 +3561,12 @@ exports[`Pagination component render should render correctly compact 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -3995,24 +3815,12 @@ exports[`Pagination component render should render correctly disabled 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -4263,24 +4071,12 @@ exports[`Pagination component render should render correctly sticky 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -4528,24 +4324,12 @@ exports[`Pagination component render should render correctly top 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -4793,24 +4577,12 @@ exports[`Pagination component render titles 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -5058,24 +4830,12 @@ exports[`Pagination component render up drop direction 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -5323,24 +5083,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..83643cd0bab 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx @@ -2,7 +2,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 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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 { DualListSelectorPane } from './DualListSelectorPane'; @@ -759,7 +759,7 @@ class DualListSelector extends Component - + - - - - - - + @@ -558,24 +546,12 @@ exports[`DualListSelector basic with disabled controls 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -878,24 +854,12 @@ exports[`DualListSelector with actions 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -1253,24 +1217,12 @@ exports[`DualListSelector with custom status 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -1617,24 +1569,12 @@ exports[`DualListSelector with search inputs 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 20 20" width="1em" > - - - - - - + @@ -2058,24 +1998,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..1eca1670290 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md @@ -30,7 +30,7 @@ DualListSelectorControl as DLSControlDeprecated, DualListSelectorTree as DLSTreeDeprecated, } from '@patternfly/react-core/deprecated'; 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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 RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-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..f16f61ec129 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx @@ -18,7 +18,7 @@ import { DualListSelectorControl as DLSControlDeprecated } from '@patternfly/react-core/deprecated'; 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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 RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon'; @@ -217,7 +217,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => { aria-label="Remove selected" tooltipContent="Remove selected" > - + isDisabled={!chosenOptions.some((option) => option.selected)} aria-label="Remove selected" > - + !!chosenLeafIds.includes(x)).length} aria-label="Remove selected" > - + {buildPane(true)} 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 7701a756272..41d0743535c 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md @@ -10,7 +10,7 @@ Note: This drag and drop implementation lives in its own package at [@patternfly import { 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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 acc8571c40d..537c72fea40 100644 --- a/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx +++ b/packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx @@ -9,7 +9,7 @@ import { import { DragDropContainer, DraggableObject, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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'; @@ -170,7 +170,7 @@ export const DragDropContainerDualListSelector: React.FunctionComponent = () => isDisabled={!chosenOptions.some((option) => option.props.isSelected)} aria-label="Remove selected" > - + { onClick={() => moveSelected(false)} isDisabled={!chosenOptions.some((option) => option.props.isSelected)} aria-label="Remove selected" - icon={} + icon={} /> { aria-label="Remove selected" tooltipContent="Remove selected" tooltipProps={{ position: 'bottom', 'aria-live': 'off' }} - icon={} + icon={} /> = ({ onClick={() => moveChecked(false)} isDisabled={!checkedLeafIds.filter((x) => visibleChosenLeafIds.includes(x)).length} aria-label="Remove selected" - icon={} + icon={} /> {buildPane(true)} 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 80b6ee7c8aa..e02a9169ecf 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 @@ -22,7 +22,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; 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 RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-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 RhUiSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-large-to-small-icon'; @@ -312,7 +312,7 @@ export const DualListSelectorWithActionsDemo: React.FunctionComponent = () => { onClick={() => moveSelected(false)} isDisabled={!chosenOptions.some((option) => option.selected) || isDisabled} aria-label="Remove selected" - icon={} + icon={} />