diff --git a/packages/react-core/src/components/ActionList/examples/ActionList.md b/packages/react-core/src/components/ActionList/examples/ActionList.md index bf6d0e14a3e..836a7087ead 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionList.md +++ b/packages/react-core/src/components/ActionList/examples/ActionList.md @@ -8,7 +8,7 @@ propComponents: ['ActionList', 'ActionListGroup', 'ActionListItem'] import { Fragment, useState } from 'react'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/js/icons/rh-microns-close-icon'; import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx b/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx index 75fa07880a8..4c092a90346 100644 --- a/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx +++ b/packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx @@ -11,7 +11,7 @@ import { MenuToggleElement, Divider } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const ActionListSingleGroup: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -84,7 +84,7 @@ export const ActionListSingleGroup: React.FunctionComponent = () => { variant="plain" isExpanded={isOpen} aria-label="Action list single group kebab" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/Card/examples/Card.md b/packages/react-core/src/components/Card/examples/Card.md index 6f90777fc9b..d2fd9ed7c95 100644 --- a/packages/react-core/src/components/Card/examples/Card.md +++ b/packages/react-core/src/components/Card/examples/Card.md @@ -19,7 +19,7 @@ ouia: true import { Fragment, useState } from 'react'; import pfLogo from '../../assets/PF-HorizontalLogo-Color.svg'; import pfLogoSmall from '../../assets/PF-IconLogo.svg'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon'; ## Examples diff --git a/packages/react-core/src/components/Card/examples/CardExpandable.tsx b/packages/react-core/src/components/Card/examples/CardExpandable.tsx index 54c05beed7d..0a014b41c57 100644 --- a/packages/react-core/src/components/Card/examples/CardExpandable.tsx +++ b/packages/react-core/src/components/Card/examples/CardExpandable.tsx @@ -14,7 +14,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardExpandable: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -71,7 +71,7 @@ export const CardExpandable: React.FunctionComponent = () => { onClick={() => setIsOpen(!isOpen)} variant="plain" aria-label="Card expandable example kebab toggle" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx b/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx index 19a706791c0..7b776cc17ef 100644 --- a/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx +++ b/packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx @@ -14,7 +14,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import pfLogoSmall from '../../PF-IconLogo.svg'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardExpandableWithIcon: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -67,7 +67,7 @@ export const CardExpandableWithIcon: React.FunctionComponent = () => { onClick={() => setIsOpen(!isOpen)} variant="plain" aria-label="Card expandable with icon example kebab toggle" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx b/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx index ab7ef1f7ba3..eec8f1b392d 100644 --- a/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx +++ b/packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx @@ -13,7 +13,7 @@ import { MenuToggleElement, Divider } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardTitleInHeader: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -58,7 +58,7 @@ export const CardTitleInHeader: React.FunctionComponent = () => { onClick={() => setIsOpen(!isOpen)} variant="plain" aria-label="Card title inline with images and actions example kebab toggle" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx b/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx index e6d7db885dc..823b0450bdf 100644 --- a/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx +++ b/packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx @@ -11,7 +11,7 @@ import { MenuToggleElement, Divider } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardOnlyActionsInCardHead: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -56,7 +56,7 @@ export const CardOnlyActionsInCardHead: React.FunctionComponent = () => { onClick={() => setIsOpen(!isOpen)} variant="plain" aria-label="Card header without title example kebab toggle" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx b/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx index 4277b06834b..53a003961c7 100644 --- a/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx +++ b/packages/react-core/src/components/Card/examples/CardSubtitleActions.tsx @@ -14,7 +14,7 @@ import { MenuToggleElement, Divider } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import pfLogo from '../../assets/PF-HorizontalLogo-Color.svg'; export const CardWithImageAndActions: React.FunctionComponent = () => { @@ -64,7 +64,7 @@ export const CardWithImageAndActions: React.FunctionComponent = () => { onClick={() => setIsOpen(!isOpen)} variant="plain" aria-label="Card header images and actions example kebab toggle" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx b/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx index d77fc82a0f7..2d1d03486df 100644 --- a/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx +++ b/packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx @@ -14,7 +14,7 @@ import { MenuToggleElement, Divider } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import pfLogo from '../../assets/PF-HorizontalLogo-Color.svg'; export const CardWithImageAndActions: React.FunctionComponent = () => { @@ -64,7 +64,7 @@ export const CardWithImageAndActions: React.FunctionComponent = () => { onClick={() => setIsOpen(!isOpen)} variant="plain" aria-label="Card header images and actions example kebab toggle" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/DataList/examples/DataList.md b/packages/react-core/src/components/DataList/examples/DataList.md index 57c61e9df9a..8245ef35f16 100644 --- a/packages/react-core/src/components/DataList/examples/DataList.md +++ b/packages/react-core/src/components/DataList/examples/DataList.md @@ -22,7 +22,7 @@ import { Fragment, useState } from 'react'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { css } from '@patternfly/react-styles'; import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; diff --git a/packages/react-core/src/components/DataList/examples/DataListActions.tsx b/packages/react-core/src/components/DataList/examples/DataListActions.tsx index fe828173a4b..7094808cc2c 100644 --- a/packages/react-core/src/components/DataList/examples/DataListActions.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListActions.tsx @@ -13,7 +13,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListActions: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -86,7 +86,7 @@ export const DataListActions: React.FunctionComponent = () => { onClick={onToggle} variant="plain" aria-label="Data list with actions example kebab toggle" - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx b/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx index 5138ce37093..a0ba52cc57d 100644 --- a/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx @@ -14,7 +14,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListCheckboxes: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); @@ -84,7 +84,7 @@ export const DataListCheckboxes: React.FunctionComponent = () => { onClick={onToggle1} variant="plain" aria-label="Data list with checkboxes, actions and additional cells example kebab toggle 1" - icon={} + icon={} /> )} isOpen={isOpen1} @@ -138,7 +138,7 @@ export const DataListCheckboxes: React.FunctionComponent = () => { onClick={onToggle2} variant="plain" aria-label="Data list with checkboxes, actions and additional cells example kebab toggle 2" - icon={} + icon={} /> )} isOpen={isOpen2} @@ -201,7 +201,7 @@ export const DataListCheckboxes: React.FunctionComponent = () => { onClick={onToggle3} variant="plain" aria-label="Data list with checkboxes, actions and additional cells example kebab toggle 3" - icon={} + icon={} /> )} isOpen={isOpen3} diff --git a/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx b/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx index a23bd1ad94f..21cc1fcd865 100644 --- a/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx @@ -12,7 +12,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListClickableRows: React.FunctionComponent = () => { const [isOpen1, setIsOpen1] = useState(false); @@ -76,7 +76,7 @@ export const DataListClickableRows: React.FunctionComponent = () => { onClick={onToggle1} variant="plain" aria-label="Data list clickable rows example kebab toggle 1" - icon={} + icon={} /> )} isOpen={isOpen1} @@ -125,7 +125,7 @@ export const DataListClickableRows: React.FunctionComponent = () => { onClick={onToggle2} variant="plain" aria-label="Data list clickable rows example kebab toggle 2" - icon={} + icon={} /> )} isOpen={isOpen2} diff --git a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx index 7b94d233115..1cfe8ff18a0 100644 --- a/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListExpandable.tsx @@ -14,7 +14,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; export const DataListExpandable: React.FunctionComponent = () => { @@ -92,7 +92,7 @@ export const DataListExpandable: React.FunctionComponent = () => { onClick={onToggle1} variant="plain" aria-label="Data list exapndable example kebaby toggle 1" - icon={} + icon={} /> )} isOpen={isOpen1} @@ -162,7 +162,7 @@ export const DataListExpandable: React.FunctionComponent = () => { onClick={onToggle2} variant="plain" aria-label="Data list exapndable example kebaby toggle 2" - icon={} + icon={} /> )} isOpen={isOpen2} @@ -232,7 +232,7 @@ export const DataListExpandable: React.FunctionComponent = () => { onClick={onToggle3} variant="plain" aria-label="Data list exapndable example kebaby toggle 3" - icon={} + icon={} /> )} isOpen={isOpen3} diff --git a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx index fd6eac75bfa..143a2d46400 100644 --- a/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListMixedExpandable.tsx @@ -14,7 +14,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; export const DataListMixedExpandable: React.FunctionComponent = () => { @@ -94,7 +94,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { onClick={onToggle1} variant="plain" aria-label="Data list mixed expandable example kebab toggle 1" - icon={} + icon={} /> )} isOpen={isOpen1} @@ -166,7 +166,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { onClick={onToggle2} variant="plain" aria-label="Data list mixed expandable example kebab toggle 2" - icon={} + icon={} /> )} isOpen={isOpen2} @@ -226,7 +226,7 @@ export const DataListMixedExpandable: React.FunctionComponent = () => { onClick={onToggle3} variant="plain" aria-label="Data list mixed expandable example kebab toggle 3" - icon={} + icon={} /> )} isOpen={isOpen3} diff --git a/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx b/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx index f7cde4ca06d..703a7433eaf 100644 --- a/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx +++ b/packages/react-core/src/components/DataList/examples/DataListWidthModifiers.tsx @@ -16,7 +16,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListWidthModifiers: React.FunctionComponent = () => { const [show, setShow] = useState(true); @@ -103,7 +103,7 @@ export const DataListWidthModifiers: React.FunctionComponent = () => { onClick={onToggle1} variant="plain" aria-label="Data list width modifiers example kebab toggle 1" - icon={} + icon={} /> )} isOpen={isOpen1} @@ -176,7 +176,7 @@ export const DataListWidthModifiers: React.FunctionComponent = () => { onClick={onToggle2} variant="plain" aria-label="Data list width modifiers example kebab toggle 2" - icon={} + icon={} /> )} isOpen={isOpen2} diff --git a/packages/react-core/src/components/Dropdown/examples/Dropdown.md b/packages/react-core/src/components/Dropdown/examples/Dropdown.md index 4e0cf97fe46..d0b8a472153 100644 --- a/packages/react-core/src/components/Dropdown/examples/Dropdown.md +++ b/packages/react-core/src/components/Dropdown/examples/Dropdown.md @@ -17,7 +17,7 @@ propComponents: --- import { useState, useRef } from 'react'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx b/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx index 6dc43da0604..6673220f376 100644 --- a/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx +++ b/packages/react-core/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { Dropdown, DropdownItem, DropdownList, Divider, MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DropdownWithKebab: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -27,7 +27,7 @@ export const DropdownWithKebab: React.FunctionComponent = () => { variant="plain" onClick={onToggleClick} isExpanded={isOpen} - icon={} + icon={} /> )} shouldFocusToggleOnSelect diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md index d50ad8a63b5..09bf09f7cca 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md @@ -22,7 +22,7 @@ import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-d import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop'; ## Examples diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx index e51a58a573b..70a3ab52b68 100644 --- a/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx @@ -27,7 +27,7 @@ import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-d import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface Option { text: string; @@ -167,7 +167,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent variant="plain" id="complex-available-toggle" aria-label="Complex actions example available kebab toggle" - icon={} + icon={} /> )} isOpen={isAvailableKebabOpen} @@ -202,7 +202,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent variant="plain" id="complex-chosen-toggle" aria-label="Complex actions example chosen kebab toggle" - icon={} + icon={} /> )} isOpen={isChosenKebabOpen} diff --git a/packages/react-core/src/components/Hint/examples/Hint.md b/packages/react-core/src/components/Hint/examples/Hint.md index 28fd2e21b1a..8338647ee1d 100644 --- a/packages/react-core/src/components/Hint/examples/Hint.md +++ b/packages/react-core/src/components/Hint/examples/Hint.md @@ -6,7 +6,7 @@ propComponents: ['Hint', 'HintTitle', 'HintBody', 'HintFooter'] --- import { Fragment, useState } from 'react'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx b/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx index 47740a26ec6..39ead61d479 100644 --- a/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx +++ b/packages/react-core/src/components/Hint/examples/HintBasicWithTitle.tsx @@ -12,7 +12,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const HintBasicWithTitle: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -37,7 +37,7 @@ export const HintBasicWithTitle: React.FunctionComponent = () => { variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx b/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx index 313a6c1c184..73903fa8aa8 100644 --- a/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx +++ b/packages/react-core/src/components/Hint/examples/HintBasicWithoutTitle.tsx @@ -11,7 +11,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const HintBasicWithoutTitle: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -36,7 +36,7 @@ export const HintBasicWithoutTitle: React.FunctionComponent = () => { variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/components/MenuToggle/__tests__/MenuToggle.test.tsx b/packages/react-core/src/components/MenuToggle/__tests__/MenuToggle.test.tsx index aafd5026bc0..d5df7c657c4 100644 --- a/packages/react-core/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +++ b/packages/react-core/src/components/MenuToggle/__tests__/MenuToggle.test.tsx @@ -2,7 +2,7 @@ import { MenuToggle } from '../MenuToggle'; import { MenuToggleCheckbox } from '../MenuToggleCheckbox'; import { Badge } from '../../Badge'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import userEvent from '@testing-library/user-event'; import { render, screen } from '@testing-library/react'; import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle'; @@ -35,7 +35,7 @@ describe('Old Snapshot tests - remove when refactoring', () => { }); test('shows isPlain', () => { - const { asFragment } = render(} />); + const { asFragment } = render(} />); expect(asFragment()).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap b/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap index 70bef975964..0d681905576 100644 --- a/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +++ b/packages/react-core/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap @@ -286,24 +286,12 @@ exports[`Old Snapshot tests - remove when refactoring shows isPlain 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md index a9965e0e556..ae37f548b7e 100644 --- a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md +++ b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md @@ -9,7 +9,7 @@ propComponents: ['MenuToggle', 'MenuToggleAction', 'MenuToggleCheckbox'] import { Fragment, useState } from 'react'; import './MenuToggle.css' import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; @@ -93,7 +93,7 @@ Variant styling can be applied to menu toggles. In the following example, the to ### Plain toggle with icon -To apply plain styling to a menu toggle with an icon, pass in `variant="plain"`. This will remove the default bottom border and caret. You may pass in an `icon` to serve as the menu toggle. The following example passes in an `EllipsisVIcon`. +To apply plain styling to a menu toggle with an icon, pass in `variant="plain"`. This will remove the default bottom border and caret. You may pass in an `icon` to serve as the menu toggle. The following example passes in an `RhUiEllipsisVerticalFillIcon`. If the toggle does not have any visible text content, use the `aria-label` property to provide an accessible name. diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainCircle.tsx b/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainCircle.tsx index bf5fb30aae4..14cb70847b7 100644 --- a/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainCircle.tsx +++ b/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainCircle.tsx @@ -1,11 +1,23 @@ import { Fragment } from 'react'; import { MenuToggle } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const MenuTogglePlainCircle: React.FunctionComponent = () => ( - } variant="plain" aria-label="plain circle kebab" />{' '} - } variant="plain" isExpanded aria-label="plain circle expanded kebab" />{' '} - } variant="plain" isDisabled aria-label="disabled plain circle kebab" /> + } variant="plain" aria-label="plain circle kebab" />{' '} + } + variant="plain" + isExpanded + aria-label="plain circle expanded kebab" + />{' '} + } + variant="plain" + isDisabled + aria-label="disabled plain circle kebab" + /> ); diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainIcon.tsx b/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainIcon.tsx index 92ce8b25fbb..97c243744d9 100644 --- a/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainIcon.tsx +++ b/packages/react-core/src/components/MenuToggle/examples/MenuTogglePlainIcon.tsx @@ -1,11 +1,11 @@ import { Fragment } from 'react'; import { MenuToggle } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const MenuTogglePlainIcon: React.FunctionComponent = () => ( - } variant="plain" aria-label="plain kebab" />{' '} - } variant="plain" isExpanded aria-label="plain expanded kebab" />{' '} - } variant="plain" isDisabled aria-label="disabled plain kebab" /> + } variant="plain" aria-label="plain kebab" />{' '} + } variant="plain" isExpanded aria-label="plain expanded kebab" />{' '} + } variant="plain" isDisabled aria-label="disabled plain kebab" /> ); diff --git a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md index c437ed981ce..7f572256cb5 100644 --- a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md +++ b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md @@ -18,7 +18,7 @@ propComponents: import { useState } from 'react'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx index 90c4a1d907b..9f67625cdc1 100644 --- a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +++ b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx @@ -13,7 +13,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const NotificationDrawerBasic: React.FunctionComponent = () => { const [isOpenMap, setIsOpenMap] = useState(new Array(7).fill(false)); @@ -64,7 +64,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onToggle(0)} variant="plain" aria-label={`Basic example header kebab toggle`} - icon={} + icon={} /> )} > @@ -91,7 +91,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onToggle(1)} variant="plain" aria-label={`Basic example notification 1 kebab toggle`} - icon={} + icon={} /> )} > @@ -120,7 +120,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onToggle(2)} variant="plain" aria-label={`Basic example notification 2 kebab toggle`} - icon={} + icon={} /> )} > @@ -151,7 +151,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onToggle(3)} variant="plain" aria-label={`Basic example notification 3 kebab toggle`} - icon={} + icon={} /> )} > @@ -181,7 +181,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onToggle(4)} variant="plain" aria-label={`Basic example notification 4 kebab toggle`} - icon={} + icon={} /> )} > @@ -210,7 +210,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onToggle(5)} variant="plain" aria-label={`Basic example notification 5 kebab toggle`} - icon={} + icon={} /> )} > @@ -235,7 +235,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onToggle(6)} variant="plain" aria-label={`Basic example notification 6 kebab toggle`} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx index 5c857d7cf2d..91701f91f14 100644 --- a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +++ b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx @@ -21,7 +21,7 @@ import { MenuToggle, MenuToggleElement } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; export const NotificationDrawerGroups: React.FunctionComponent = () => { @@ -89,7 +89,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-1')} variant="plain" aria-label={`Groups example header kebab toggle`} - icon={} + icon={} /> )} > @@ -124,7 +124,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-2')} variant="plain" aria-label={`Groups example group 1 notification 1 kebab toggle`} - icon={} + icon={} /> )} > @@ -154,7 +154,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-3')} variant="plain" aria-label={`Groups example group 1 notification 2 kebab toggle`} - icon={} + icon={} /> )} > @@ -185,7 +185,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-4')} variant="plain" aria-label={`Groups example group 1 notification 3 kebab toggle`} - icon={} + icon={} /> )} > @@ -215,7 +215,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-5')} variant="plain" aria-label={`Groups example group 1 notification 4 kebab toggle`} - icon={} + icon={} /> )} > @@ -254,7 +254,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-6')} variant="plain" aria-label={`Groups example group 2 notification 1 kebab toggle`} - icon={} + icon={} /> )} > @@ -284,7 +284,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-7')} variant="plain" aria-label={`Groups example group 2 notification 2 kebab toggle`} - icon={} + icon={} /> )} > @@ -315,7 +315,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-8')} variant="plain" aria-label={`Groups example group 2 notification 3 kebab toggle`} - icon={} + icon={} /> )} > @@ -345,7 +345,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => { onClick={() => onToggle('groups-kebab-toggle-9')} variant="plain" aria-label={`Groups example group 2 notification 4 kebab toggle`} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md index 9e4a9b46877..1f657a9e452 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md @@ -17,7 +17,7 @@ import { useRef, useState } from 'react'; import AlignLeftIcon from '@patternfly/react-icons/dist/esm/icons/align-left-icon'; import AlignCenterIcon from '@patternfly/react-icons/dist/esm/icons/align-center-icon'; import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainer.tsx b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainer.tsx index e124e07a507..95bc635531c 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainer.tsx +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainer.tsx @@ -12,7 +12,7 @@ import { Dropdown, DropdownList } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const OverflowMenuBreakpointOnContainer: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -95,7 +95,7 @@ export const OverflowMenuBreakpointOnContainer: React.FunctionComponent = () => variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainerHeight.tsx b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainerHeight.tsx index ab35002cf44..ddddca9909b 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainerHeight.tsx +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainerHeight.tsx @@ -12,7 +12,7 @@ import { Dropdown, DropdownList } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const OverflowMenuBreakpointOnContainerHeight: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -92,7 +92,7 @@ export const OverflowMenuBreakpointOnContainerHeight: React.FunctionComponent = variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx index 4b2b93c271a..27ee2936c1e 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx @@ -12,7 +12,7 @@ import { Dropdown, DropdownList } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import AlignLeftIcon from '@patternfly/react-icons/dist/esm/icons/align-left-icon'; import AlignCenterIcon from '@patternfly/react-icons/dist/esm/icons/align-center-icon'; import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-icon'; @@ -99,7 +99,7 @@ export const OverflowMenuGroupTypes: React.FunctionComponent = () => { variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx index 0484322ebfa..23c8d60cf74 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx @@ -12,7 +12,7 @@ import { Dropdown, DropdownList } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import AlignLeftIcon from '@patternfly/react-icons/dist/esm/icons/align-left-icon'; import AlignCenterIcon from '@patternfly/react-icons/dist/esm/icons/align-center-icon'; import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-icon'; @@ -88,7 +88,7 @@ export const OverflowMenuMultiGroup: React.FunctionComponent = () => { variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuPersistent.tsx b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuPersistent.tsx index 508b9dccc7b..f50814a4589 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuPersistent.tsx +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuPersistent.tsx @@ -12,7 +12,7 @@ import { Dropdown, DropdownList } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const OverflowMenuPersistent: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -62,7 +62,7 @@ export const OverflowMenuPersistent: React.FunctionComponent = () => { variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimple.tsx b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimple.tsx index 25998691118..2719035929b 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimple.tsx +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimple.tsx @@ -10,7 +10,7 @@ import { Dropdown, DropdownList } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const OverflowMenuBreakpointOnContainer: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -62,7 +62,7 @@ export const OverflowMenuBreakpointOnContainer: React.FunctionComponent = () => variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimpleVertical.tsx b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimpleVertical.tsx index fc712b6b31b..a4515c0e6f2 100644 --- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimpleVertical.tsx +++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenuSimpleVertical.tsx @@ -10,7 +10,7 @@ import { Dropdown, DropdownList } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const OverflowMenuSimpleVertical: React.FunctionComponent = () => { const [isOpen, setIsOpen] = useState(false); @@ -62,7 +62,7 @@ export const OverflowMenuSimpleVertical: React.FunctionComponent = () => { variant="plain" onClick={onToggle} isExpanded={isOpen} - icon={} + icon={} /> )} isOpen={isOpen} diff --git a/packages/react-core/src/components/Toolbar/examples/Toolbar.md b/packages/react-core/src/components/Toolbar/examples/Toolbar.md index 77fa2f90558..e66b7907c47 100644 --- a/packages/react-core/src/components/Toolbar/examples/Toolbar.md +++ b/packages/react-core/src/components/Toolbar/examples/Toolbar.md @@ -12,7 +12,7 @@ import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx index 73c9ffc14ae..a037c592f8b 100644 --- a/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx +++ b/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx @@ -24,7 +24,7 @@ import { ToolbarItem } from '@patternfly/react-core'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const ToolbarStacked: React.FunctionComponent = () => { // toggle group - three option menus with labels, two icon buttons, Kebab menu - right aligned @@ -229,7 +229,7 @@ export const ToolbarStacked: React.FunctionComponent = () => { variant="plain" onClick={onKebabToggle} isExpanded={kebabIsOpen} - icon={} + icon={} /> )} isOpen={kebabIsOpen} diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx index 84d490ab35e..a249b5a76b9 100644 --- a/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx +++ b/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx @@ -22,7 +22,7 @@ import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const ToolbarWithFilters: React.FunctionComponent = () => { const [inputValue, setInputValue] = useState(''); @@ -231,7 +231,7 @@ export const ToolbarWithFilters: React.FunctionComponent = () => { onClick={onKebabToggle} variant="plain" aria-label="Toolbar with filters example kebab toggle" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/components/TreeView/examples/TreeView.md b/packages/react-core/src/components/TreeView/examples/TreeView.md index c89599bce39..2690852e729 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeView.md +++ b/packages/react-core/src/components/TreeView/examples/TreeView.md @@ -6,7 +6,7 @@ propComponents: ['TreeView', 'TreeViewDataItem', 'TreeViewSearch'] --- import { Fragment, useEffect, useState } from 'react'; -import { FolderIcon, FolderOpenIcon, EllipsisVIcon, HamburgerIcon, GitlabIcon, GithubIcon, GoogleIcon, RhUiClipboardFillIcon, RhUiStorageFillIcon } from '@patternfly/react-icons'; +import { FolderIcon, FolderOpenIcon, RhUiEllipsisVerticalFillIcon, HamburgerIcon, GitlabIcon, GithubIcon, GoogleIcon, RhUiClipboardFillIcon, RhUiStorageFillIcon } from '@patternfly/react-icons'; ## Examples diff --git a/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx b/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx index 123ecbc0268..56bf8f9fe02 100644 --- a/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx +++ b/packages/react-core/src/components/TreeView/examples/TreeViewWithActionItems.tsx @@ -10,7 +10,7 @@ import { } from '@patternfly/react-core'; import RhUiClipboardFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-fill-icon'; import RhUiStorageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const TreeViewWithActionItems: React.FunctionComponent = () => { const [activeItems, setActiveItems] = useState(); @@ -47,7 +47,7 @@ export const TreeViewWithActionItems: React.FunctionComponent = () => { onClick={onToggle} variant="plain" aria-label="Tree view with actions example kebab toggle" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/AlertGroup.md b/packages/react-core/src/demos/AlertGroup.md index 8961240fcbe..8b0383fb8e3 100644 --- a/packages/react-core/src/demos/AlertGroup.md +++ b/packages/react-core/src/demos/AlertGroup.md @@ -5,7 +5,7 @@ section: components import { useEffect, useState } from 'react'; import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; diff --git a/packages/react-core/src/demos/CardDemos.md b/packages/react-core/src/demos/CardDemos.md index 3105924eed9..8519ce1842e 100644 --- a/packages/react-core/src/demos/CardDemos.md +++ b/packages/react-core/src/demos/CardDemos.md @@ -4,7 +4,7 @@ section: components --- import { Fragment, useState } from 'react'; -import { EllipsisVIcon, RhMicronsCaretRightIcon, RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhMicronsExternalLinkIcon, RhUiInformationFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons'; +import { RhUiEllipsisVerticalFillIcon, RhMicronsCaretRightIcon, RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhMicronsExternalLinkIcon, RhUiInformationFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons'; import { Table, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table'; import { Chart, ChartAxis, ChartGroup, ChartVoronoiContainer, ChartStack, ChartBar, ChartTooltip, ChartDonutThreshold, ChartDonutUtilization, ChartArea, ChartContainer, ChartLabel } from '@patternfly/react-charts/victory'; import chart_color_yellow_100 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_100'; diff --git a/packages/react-core/src/demos/CardView/CardView.md b/packages/react-core/src/demos/CardView/CardView.md index cc4859c20c1..c428153125d 100644 --- a/packages/react-core/src/demos/CardView/CardView.md +++ b/packages/react-core/src/demos/CardView/CardView.md @@ -16,7 +16,7 @@ import sparkIcon from '../assets/camel-spark_200x150.png'; import swaggerIcon from '../assets/camel-swagger-java_200x150.png'; import azureIcon from '../assets/FuseConnector_Icons_AzureServices.png'; import restIcon from '../assets/FuseConnector_Icons_REST.png'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { data } from '@patternfly/react-core/src/demos/CardView/examples/CardViewData.jsx'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; diff --git a/packages/react-core/src/demos/CardView/examples/CardView.tsx b/packages/react-core/src/demos/CardView/examples/CardView.tsx index 256f22aa8e7..a89a79ca74b 100644 --- a/packages/react-core/src/demos/CardView/examples/CardView.tsx +++ b/packages/react-core/src/demos/CardView/examples/CardView.tsx @@ -46,7 +46,7 @@ import sparkIcon from './assets/camel-spark_200x150.png'; import swaggerIcon from './assets/camel-swagger-java_200x150.png'; import azureIcon from './assets/FuseConnector_Icons_AzureServices.png'; import restIcon from './assets/FuseConnector_Icons_REST.png'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import { data } from '@patternfly/react-core/src/demos/CardView/examples/CardViewData.jsx'; @@ -427,7 +427,7 @@ export const CardViewBasic: React.FunctionComponent = () => { variant="plain" onClick={onToolbarKebabDropdownToggle} isExpanded={isLowerToolbarKebabDropdownOpen} - icon={} + icon={} /> )} isOpen={isLowerToolbarKebabDropdownOpen} @@ -517,7 +517,7 @@ export const CardViewBasic: React.FunctionComponent = () => { onCardKebabDropdownToggle(e, key.toString()); }} isExpanded={!!state[key]} - icon={} + icon={} /> )} popperProps={{ position: 'right' }} diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md index b00ed59346d..06c8caeac19 100644 --- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md +++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md @@ -7,7 +7,6 @@ subsection: menus import { cloneElement, Fragment, useEffect, useRef, useState } from 'react'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import LayerGroupIcon from '@patternfly/react-icons/dist/esm/icons/layer-group-icon'; diff --git a/packages/react-core/src/demos/DashboardHeader.tsx b/packages/react-core/src/demos/DashboardHeader.tsx index f96f6c35b4c..06833e89ae0 100644 --- a/packages/react-core/src/demos/DashboardHeader.tsx +++ b/packages/react-core/src/demos/DashboardHeader.tsx @@ -26,7 +26,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; interface DashboardHeaderProps { @@ -175,7 +175,7 @@ export const DashboardHeader: React.FC = ({ notificationBa onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -195,7 +195,7 @@ export const DashboardHeader: React.FC = ({ notificationBa onClick={onFullKebabToggle} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/DataList/examples/DataListActionable.tsx b/packages/react-core/src/demos/DataList/examples/DataListActionable.tsx index 3e08e1656fe..cf6ffc90e27 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListActionable.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListActionable.tsx @@ -16,7 +16,7 @@ import { PageSection, Title } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; export const DataListActionable: React.FunctionComponent = () => { @@ -100,7 +100,7 @@ export const DataListActionable: React.FunctionComponent = () => { variant="plain" aria-label="Data list with actions example kebab toggle" > - )} isOpen={isOpen} diff --git a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx index 687887e0654..50c4ee631c3 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx @@ -21,7 +21,7 @@ import { ToolbarItem, ToolbarContent } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; @@ -57,7 +57,11 @@ export const DataListBasic: React.FunctionComponent = () => { - } /> + } + /> diff --git a/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx b/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx index bbc5346317c..b30e30f48fa 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx @@ -30,7 +30,7 @@ import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrap import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const DataListExpandableControlInToolbar: React.FunctionComponent = () => { const [expanded, setExpanded] = useState(['ex-toggle1', 'ex-toggle3']); @@ -188,7 +188,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => isExpanded={isOpen1} variant="plain" aria-label="Primary content kebab toggle" - icon={} + icon={} /> )} > @@ -264,7 +264,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => isExpanded={isOpen2} variant="plain" aria-label="Secondary content kebab toggle" - icon={} + icon={} /> )} > @@ -340,7 +340,7 @@ export const DataListExpandableControlInToolbar: React.FunctionComponent = () => isExpanded={isOpen3} variant="plain" aria-label="Tertiary content kebab toggle" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx index 9d1c234f819..7502e4a7719 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx @@ -23,7 +23,7 @@ import { ToolbarContent, PaginationVariant } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; @@ -101,7 +101,7 @@ export const DataListStaticBottomPagination: React.FunctionComponent = () => { - + diff --git a/packages/react-core/src/demos/DataListDemo.md b/packages/react-core/src/demos/DataListDemo.md index 26989d827f3..7d54dd76138 100644 --- a/packages/react-core/src/demos/DataListDemo.md +++ b/packages/react-core/src/demos/DataListDemo.md @@ -8,7 +8,7 @@ import { Fragment, useState } from 'react'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { css } from '@patternfly/react-styles'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; diff --git a/packages/react-core/src/demos/Masthead.md b/packages/react-core/src/demos/Masthead.md index 8ded03c9aae..097fc89806d 100644 --- a/packages/react-core/src/demos/Masthead.md +++ b/packages/react-core/src/demos/Masthead.md @@ -4,8 +4,8 @@ section: components --- import { cloneElement, Fragment, useEffect, useRef, useState } from 'react'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md index aeb29e94cd9..f51f988571b 100644 --- a/packages/react-core/src/demos/Nav.md +++ b/packages/react-core/src/demos/Nav.md @@ -7,7 +7,7 @@ import { Fragment, useState, useRef, useEffect } from 'react'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; diff --git a/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md b/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md index 9a81c00feba..5d5ffb18d04 100644 --- a/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md +++ b/packages/react-core/src/demos/NotificationDrawer/NotificationDrawer.md @@ -12,7 +12,7 @@ import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; ## Demos diff --git a/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx b/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx index 347d1ac2ce3..2e3e6acbd35 100644 --- a/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +++ b/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx @@ -48,7 +48,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfLogo from '@patternfly/react-core/src/demos/assets/pf-logo.PF-HorizontalLogo-Color.svg'; @@ -221,7 +221,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -352,7 +352,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-0')} isExpanded={isActionsMenuOpen['toggle-id-0'] || false} - icon={} + icon={} /> )} > @@ -386,7 +386,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-1')} isExpanded={isActionsMenuOpen['toggle-id-1'] || false} - icon={} + icon={} /> )} > @@ -421,7 +421,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-2')} isExpanded={isActionsMenuOpen['toggle-id-2'] || false} - icon={} + icon={} /> )} > @@ -457,7 +457,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-3')} isExpanded={isActionsMenuOpen['toggle-id-3'] || false} - icon={} + icon={} /> )} > @@ -492,7 +492,7 @@ export const NotificationDrawerBasic: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-4')} isExpanded={isActionsMenuOpen['toggle-id-4'] || false} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx b/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx index f5393f19fde..d5121008a1a 100644 --- a/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +++ b/packages/react-core/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx @@ -51,7 +51,7 @@ import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-s import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/pf-logo.PF-HorizontalLogo-Color.svg'; @@ -271,7 +271,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -403,7 +403,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-0')} isExpanded={isActionsMenuOpen['toggle-id-0'] || false} - icon={} + icon={} /> )} > @@ -444,7 +444,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-5')} isExpanded={isActionsMenuOpen['toggle-id-5'] || false} - icon={} + icon={} /> )} > @@ -479,7 +479,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-6')} isExpanded={isActionsMenuOpen['toggle-id-6'] || false} - icon={} + icon={} /> )} > @@ -515,7 +515,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-7')} isExpanded={isActionsMenuOpen['toggle-id-7'] || false} - icon={} + icon={} /> )} > @@ -550,7 +550,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-8')} isExpanded={isActionsMenuOpen['toggle-id-8'] || false} - icon={} + icon={} /> )} > @@ -594,7 +594,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-9')} isExpanded={isActionsMenuOpen['toggle-id-9'] || false} - icon={} + icon={} /> )} > @@ -629,7 +629,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-10')} isExpanded={isActionsMenuOpen['toggle-id-10'] || false} - icon={} + icon={} /> )} > @@ -665,7 +665,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-11')} isExpanded={isActionsMenuOpen['toggle-id-11'] || false} - icon={} + icon={} /> )} > @@ -700,7 +700,7 @@ export const NotificationDrawerGrouped: React.FunctionComponent = () => { variant="plain" onClick={() => onToggle('toggle-id-12')} isExpanded={isActionsMenuOpen['toggle-id-12'] || false} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/Page.md b/packages/react-core/src/demos/Page.md index ee67e77111f..e2c3115a7e5 100644 --- a/packages/react-core/src/demos/Page.md +++ b/packages/react-core/src/demos/Page.md @@ -11,7 +11,7 @@ import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/ico import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; import LightbulbIcon from '@patternfly/react-icons/dist/esm/icons/lightbulb-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; diff --git a/packages/react-core/src/demos/PrimaryDetail.md b/packages/react-core/src/demos/PrimaryDetail.md index 5ea1f337325..d28904400f8 100644 --- a/packages/react-core/src/demos/PrimaryDetail.md +++ b/packages/react-core/src/demos/PrimaryDetail.md @@ -23,7 +23,7 @@ import sparkIcon from './assets/camel-spark_200x150.png'; import swaggerIcon from './assets/camel-swagger-java_200x150.png'; import azureIcon from './assets/FuseConnector_Icons_AzureServices.png'; import restIcon from './assets/FuseConnector_Icons_REST.png'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { data } from '@patternfly/react-core/src/demos/CardView/examples/CardViewData.jsx'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; diff --git a/packages/react-core/src/demos/RTL/RTL.md b/packages/react-core/src/demos/RTL/RTL.md index 07885ae9d79..81191bee56a 100644 --- a/packages/react-core/src/demos/RTL/RTL.md +++ b/packages/react-core/src/demos/RTL/RTL.md @@ -15,8 +15,8 @@ import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu- import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import RhUiStopCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-stop-circle-fill-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import { rows } from '@patternfly/react-core/dist/esm/demos/sampleDataRTL'; diff --git a/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx b/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx index 6d28e6577ce..94be9274bca 100644 --- a/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx +++ b/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx @@ -52,8 +52,8 @@ import pfLogo from '@patternfly/react-core/src/demos/assets/pf-logo.svg'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import RhUiStopCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-stop-circle-fill-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import { rows } from '@patternfly/react-core/dist/esm/demos/sampleDataRTL'; @@ -363,7 +363,7 @@ export const PaginatedTableAction: React.FunctionComponent = () => { onClick={onKebabDropdownToggle} variant="plain" aria-label={translation.kebabDropdown.settingsAndHelp} - icon={} + icon={} /> )} > @@ -383,7 +383,7 @@ export const PaginatedTableAction: React.FunctionComponent = () => { onClick={onFullKebabToggle} variant="plain" aria-label={translation.kebabAndUserDropdown.toolbarMenuAriaLabel} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/Tabs.md b/packages/react-core/src/demos/Tabs.md index f3767df0d1f..4731219369b 100644 --- a/packages/react-core/src/demos/Tabs.md +++ b/packages/react-core/src/demos/Tabs.md @@ -11,7 +11,7 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-i import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import display from '@patternfly/react-styles/css/utilities/Display/display'; import sizing from '@patternfly/react-styles/css/utilities/Sizing/sizing'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; diff --git a/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx b/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx index 358cf207b96..9aaba3d99fe 100644 --- a/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +++ b/packages/react-core/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx @@ -28,7 +28,7 @@ import { MenuToggleElement } from '@patternfly/react-core'; import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardHeader'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; @@ -248,7 +248,7 @@ export const AlertGroupToastWithNotificationDrawer: React.FunctionComponent = () variant="plain" onClick={() => onDropdownToggle('dropdown-toggle-id-0')} aria-label="Notification drawer actions" - icon={} + icon={} /> )} > @@ -279,7 +279,7 @@ export const AlertGroupToastWithNotificationDrawer: React.FunctionComponent = () variant="plain" onClick={() => onDropdownToggle(key)} aria-label={`Notification ${index + 1} actions`} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx b/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx index 215a679062a..93ace150b66 100644 --- a/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx +++ b/packages/react-core/src/demos/examples/Card/CardHorizontalGrid.tsx @@ -23,7 +23,7 @@ import { import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import RhMicronsExternalLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-external-link-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const CardHorizontalGrid: React.FunctionComponent = () => { const [isCardExpanded, setIsCardExpanded] = useState(false); @@ -64,7 +64,7 @@ export const CardHorizontalGrid: React.FunctionComponent = () => { onClick={onActionToggle} variant="plain" aria-label="Horizontal card grid demo kebab toggle" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx b/packages/react-core/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx index 60cc3f1269f..17fdbe1ae22 100644 --- a/packages/react-core/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +++ b/packages/react-core/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx @@ -36,7 +36,7 @@ import { ToolbarGroup, ToolbarItem } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; @@ -212,7 +212,7 @@ export const MastheadWithHorizontalNav: React.FunctionComponent = () => { isExpanded={isKebabDropdownOpen} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -232,7 +232,7 @@ export const MastheadWithHorizontalNav: React.FunctionComponent = () => { isExpanded={isFullKebabDropdownOpen} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx b/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx index d777072e633..5e01e56e54b 100644 --- a/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +++ b/packages/react-core/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx @@ -49,7 +49,7 @@ import { SearchInput, Tooltip } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; @@ -422,7 +422,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent = isExpanded={isKebabDropdownOpen} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -442,7 +442,7 @@ export const MastheadWithUtilitiesAndUserDropdownMenu: React.FunctionComponent = isExpanded={isFullKebabDropdownOpen} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Nav/NavFlyout.tsx b/packages/react-core/src/demos/examples/Nav/NavFlyout.tsx index 9bad26f2d85..aed3ad4324c 100644 --- a/packages/react-core/src/demos/examples/Nav/NavFlyout.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavFlyout.tsx @@ -37,7 +37,7 @@ import { ToolbarItem } from '@patternfly/react-core'; import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; @@ -157,7 +157,7 @@ export const NavFlyout: React.FunctionComponent = () => { onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -177,7 +177,7 @@ export const NavFlyout: React.FunctionComponent = () => { onClick={onFullKebabToggle} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Nav/NavHorizontal.tsx b/packages/react-core/src/demos/examples/Nav/NavHorizontal.tsx index 3bc107c2eca..90dc9472e54 100644 --- a/packages/react-core/src/demos/examples/Nav/NavHorizontal.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavHorizontal.tsx @@ -36,7 +36,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; import { DashboardBreadcrumb } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; @@ -136,7 +136,7 @@ export const NavHorizontal: React.FunctionComponent = () => { onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -156,7 +156,7 @@ export const NavHorizontal: React.FunctionComponent = () => { onClick={onFullKebabToggle} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx b/packages/react-core/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx index 404c49d6e28..ae525d04617 100644 --- a/packages/react-core/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx @@ -39,7 +39,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; import { DashboardBreadcrumb } from '@patternfly/react-core/src/demos/DashboardWrapper'; @@ -184,7 +184,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => { onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -204,7 +204,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => { onClick={onFullKebabToggle} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Nav/NavManual.tsx b/packages/react-core/src/demos/examples/Nav/NavManual.tsx index fa547c07488..c954174f834 100644 --- a/packages/react-core/src/demos/examples/Nav/NavManual.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavManual.tsx @@ -40,7 +40,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; @@ -151,7 +151,7 @@ export const NavManual: React.FunctionComponent = () => { onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -171,7 +171,7 @@ export const NavManual: React.FunctionComponent = () => { onClick={onFullKebabToggle} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Page/PageContextSelector.tsx b/packages/react-core/src/demos/examples/Page/PageContextSelector.tsx index 097c4dfd167..69da65af417 100644 --- a/packages/react-core/src/demos/examples/Page/PageContextSelector.tsx +++ b/packages/react-core/src/demos/examples/Page/PageContextSelector.tsx @@ -43,7 +43,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; interface NavOnSelectProps { @@ -169,7 +169,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => { isExpanded={isKebabDropdownOpen} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -189,7 +189,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => { isExpanded={isFullKebabDropdownOpen} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx b/packages/react-core/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx index d82b7345a04..2e029f5bdc8 100644 --- a/packages/react-core/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +++ b/packages/react-core/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx @@ -43,7 +43,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; interface NavOnSelectProps { @@ -147,7 +147,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => { isExpanded={isKebabDropdownOpen} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -167,7 +167,7 @@ export const PageStickySectionBreadcrumb: React.FunctionComponent = () => { isExpanded={isFullKebabDropdownOpen} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Page/PageStickySectionGroup.tsx b/packages/react-core/src/demos/examples/Page/PageStickySectionGroup.tsx index 407560fd779..742f2b85849 100644 --- a/packages/react-core/src/demos/examples/Page/PageStickySectionGroup.tsx +++ b/packages/react-core/src/demos/examples/Page/PageStickySectionGroup.tsx @@ -43,7 +43,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; interface NavOnSelectProps { @@ -147,7 +147,7 @@ export const PageStickySectionGroup: React.FunctionComponent = () => { isExpanded={isKebabDropdownOpen} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -167,7 +167,7 @@ export const PageStickySectionGroup: React.FunctionComponent = () => { isExpanded={isFullKebabDropdownOpen} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx b/packages/react-core/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx index b9324707fb0..1cd689114fc 100644 --- a/packages/react-core/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +++ b/packages/react-core/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx @@ -45,7 +45,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; @@ -139,7 +139,7 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => { isExpanded={isKebabDropdownOpen} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -159,7 +159,7 @@ export const PageStickySectionGroupAlternate: React.FunctionComponent = () => { isExpanded={isFullKebabDropdownOpen} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx index c3b3146588c..dbbad5f5676 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx @@ -48,7 +48,7 @@ import sparkIcon from './assets/camel-spark_200x150.png'; import swaggerIcon from './assets/camel-swagger-java_200x150.png'; import azureIcon from './assets/FuseConnector_Icons_AzureServices.png'; import restIcon from './assets/FuseConnector_Icons_REST.png'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper'; import { data } from '@patternfly/react-core/src/demos/CardView/examples/CardViewData.jsx'; @@ -467,7 +467,7 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => { variant="plain" onClick={onToolbarKebabDropdownToggle} aria-label="Toolbar actions" - icon={} + icon={} /> )} > @@ -525,7 +525,7 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => { onCardKebabDropdownToggle(e, key.toString()); }} isExpanded={!!state[key]} - icon={} + icon={} /> )} > diff --git a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx index c7e783c3ad8..537953bf812 100644 --- a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx +++ b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx @@ -48,8 +48,8 @@ import { ActionsColumn, CustomActionsToggleProps } from '@patternfly/react-table'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; @@ -171,7 +171,7 @@ export const TablesAndTabs = () => { aria-haspopup="menu" isExpanded={props.isOpen} ref={props.toggleRef} - icon={} + icon={} /> ); @@ -207,7 +207,7 @@ export const TablesAndTabs = () => { variant="plain" onClick={() => {}} isExpanded={false} - icon={} + icon={} /> )} isOpen={false} 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 63d377db092..35e71cac781 100644 --- a/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md +++ b/packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md @@ -35,7 +35,6 @@ import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-d import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon'; import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; ## Examples diff --git a/packages/react-integration/demo-app-ts/src/components/demos/CardDemo/CardDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/CardDemo/CardDemo.tsx index 9cf4c53ccd8..596d308b338 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/CardDemo/CardDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/CardDemo/CardDemo.tsx @@ -16,7 +16,7 @@ import { DropdownList, MenuToggle } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { Component } from 'react'; const pfLogo = '../../../assets/images/pfLogo.svg'; @@ -149,7 +149,7 @@ class CardDemo extends Component { ref={toggleRef} isExpanded={this.state.isOpen} onClick={this.onToggle} - icon={} + icon={} /> )} > diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDemo.tsx index e4ebb59d89d..e3f56ce7868 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DataListDemo/DataListDemo.tsx @@ -13,7 +13,7 @@ import { DropdownList, MenuToggle } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface DataListState { selectedDataListItemId: string; @@ -82,7 +82,7 @@ class DataListDemo extends Component { ref={toggleRef} isExpanded={this.state.isOpen} onClick={this.onToggle} - icon={} + icon={} /> )} > diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx index ae6a69d8d22..6fbb269df8c 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 @@ -28,7 +28,7 @@ import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-i import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; import RhUiSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-large-to-small-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface Option { text: string; @@ -190,7 +190,7 @@ export const DualListSelectorWithActionsDemo: React.FunctionComponent = () => { variant="plain" id="complex-available-toggle" aria-label="Complex actions example available kebab toggle" - icon={} + icon={} /> )} isOpen={isAvailableKebabOpen} @@ -225,7 +225,7 @@ export const DualListSelectorWithActionsDemo: React.FunctionComponent = () => { variant="plain" id="complex-chosen-toggle" aria-label="Complex actions example chosen kebab toggle" - icon={} + icon={} /> )} isOpen={isChosenKebabOpen} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx index 0e2898492bf..b491b3dd8a2 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDeprecatedDemo/DualListSelectorDeprecatedWithActionsDemo.tsx @@ -6,7 +6,7 @@ import { } from '@patternfly/react-core/deprecated'; import RhUiSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sort-down-large-to-small-icon'; import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface DualListSelectorState { availableOptions: React.ReactNode[]; @@ -139,7 +139,7 @@ class DualListSelectorDeprecatedWithActionsDemo extends Component this.onToggle('available')} - icon={} + icon={} /> )} > @@ -166,7 +166,7 @@ class DualListSelectorDeprecatedWithActionsDemo extends Component this.onToggle('chosen')} - icon={} + icon={} /> )} > diff --git a/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx index c8d3365f6a1..db5cda7ebcd 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx @@ -20,7 +20,7 @@ import { MastheadProps } from '@patternfly/react-core'; import imgBrand from '@patternfly/react-core/src/demos/assets/pf-logo.svg'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export class MastheadDemo extends Component { static displayName = 'MastheadDemo'; @@ -180,7 +180,7 @@ export class MastheadDemo extends Component { onClick={this.onKebabToggle} id="toggle-id-kebab" variant="plain" - icon={} + icon={} /> )} > diff --git a/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerBasicDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerBasicDemo.tsx index e3ee5d2f297..600157b00a2 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerBasicDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerBasicDemo.tsx @@ -15,7 +15,7 @@ import { MenuToggleElement, Divider } from '@patternfly/react-core'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface BasicNotificationDrawerDemoState { isDrawerOpen: boolean; @@ -71,7 +71,7 @@ export class BasicNotificationDrawerDemo extends Component this.onToggle(0)} id="toggle-id-0" variant="plain" - icon={} + icon={} /> )} > @@ -101,7 +101,7 @@ export class BasicNotificationDrawerDemo extends Component this.onToggle(1)} id="toggle-id-1" variant="plain" - icon={} + icon={} /> )} > @@ -130,7 +130,7 @@ export class BasicNotificationDrawerDemo extends Component this.onToggle(2)} id="toggle-id-2" variant="plain" - icon={} + icon={} /> )} > @@ -161,7 +161,7 @@ export class BasicNotificationDrawerDemo extends Component this.onToggle(3)} id="toggle-id-3" variant="plain" - icon={} + icon={} /> )} > @@ -194,7 +194,7 @@ export class BasicNotificationDrawerDemo extends Component this.onToggle(4)} id="toggle-id-4" variant="plain" - icon={} + icon={} /> )} > @@ -220,7 +220,7 @@ export class BasicNotificationDrawerDemo extends Component this.onToggle(5)} id="toggle-id-5" variant="plain" - icon={} + icon={} /> )} > diff --git a/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerGroupsDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerGroupsDemo.tsx index ce033429232..a25309d7028 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerGroupsDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/NotificationDrawerDemo/NotificationDrawerGroupsDemo.tsx @@ -23,7 +23,7 @@ import { Divider } from '@patternfly/react-core'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface GroupsNotificationDrawerDemoState { isDrawerOpen: boolean; @@ -106,7 +106,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-0')} isExpanded={isOpenMap['toggle-id-0'] || false} - icon={} + icon={} /> )} > @@ -143,7 +143,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-5')} isExpanded={isOpenMap['toggle-id-5'] || false} - icon={} + icon={} /> )} > @@ -173,7 +173,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-6')} isExpanded={isOpenMap['toggle-id-6'] || false} - icon={} + icon={} /> )} > @@ -204,7 +204,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-7')} isExpanded={isOpenMap['toggle-id-7'] || false} - icon={} + icon={} /> )} > @@ -234,7 +234,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-8')} isExpanded={isOpenMap['toggle-id-8'] || false} - icon={} + icon={} /> )} > @@ -276,7 +276,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-9')} isExpanded={isOpenMap['toggle-id-9'] || false} - icon={} + icon={} /> )} > @@ -306,7 +306,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-10')} isExpanded={isOpenMap['toggle-id-10'] || false} - icon={} + icon={} /> )} > @@ -337,7 +337,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-11')} isExpanded={isOpenMap['toggle-id-11'] || false} - icon={} + icon={} /> )} > @@ -367,7 +367,7 @@ class GroupsNotificationDrawerDemo extends Component this.onToggle('toggle-id-12')} isExpanded={isOpenMap['toggle-id-12'] || false} - icon={} + icon={} /> )} > diff --git a/packages/react-integration/demo-app-ts/src/components/demos/OverflowMenuDemo/OverflowMenuDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/OverflowMenuDemo/OverflowMenuDemo.tsx index bcf17406196..0102b45fba5 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/OverflowMenuDemo/OverflowMenuDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/OverflowMenuDemo/OverflowMenuDemo.tsx @@ -14,7 +14,7 @@ import { import AlignLeftIcon from '@patternfly/react-icons/dist/esm/icons/align-left-icon'; import AlignCenterIcon from '@patternfly/react-icons/dist/esm/icons/align-center-icon'; import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export class OverflowMenuDemo extends Component { static displayName = 'OverflowMenuDemo'; @@ -88,7 +88,7 @@ export class OverflowMenuDemo extends Component { variant="plain" onClick={this.onSimpleToggle} isExpanded={isSimpleOpen} - icon={} + icon={} /> )} isOpen={isSimpleOpen} @@ -174,7 +174,7 @@ export class OverflowMenuDemo extends Component { variant="plain" onClick={this.onAdditionalOptionsToggle} isExpanded={isAdditionalOptionsOpen} - icon={} + icon={} /> )} isOpen={isAdditionalOptionsOpen} @@ -240,7 +240,7 @@ export class OverflowMenuDemo extends Component { variant="plain" onClick={this.onPersistToggle} isExpanded={isPersistOpen} - icon={} + icon={} /> )} isOpen={isPersistOpen} @@ -314,7 +314,7 @@ export class OverflowMenuDemo extends Component { variant="plain" onClick={this.onContainerBreakpointToggle} isExpanded={isContainerBreakpointOpen} - icon={} + icon={} /> )} isOpen={isContainerBreakpointOpen} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx index 515f0023e0d..d69e22d546e 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx @@ -28,7 +28,7 @@ import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface Filter { risk: string[]; @@ -273,7 +273,7 @@ class ToolbarDemo extends Component { ref={toggleRef} onClick={this.onKebabToggle} isExpanded={kebabIsOpen} - icon={} + icon={} /> )} > diff --git a/packages/react-table/src/components/Table/ActionsColumn.tsx b/packages/react-table/src/components/Table/ActionsColumn.tsx index cc72264c851..356477f5709 100644 --- a/packages/react-table/src/components/Table/ActionsColumn.tsx +++ b/packages/react-table/src/components/Table/ActionsColumn.tsx @@ -4,7 +4,7 @@ import { Button } from '@patternfly/react-core/dist/esm/components/Button'; import { Divider } from '@patternfly/react-core/dist/esm/components/Divider'; import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle'; import { IAction, IExtraData, IRowData } from './TableTypes'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip'; export interface CustomActionsToggleProps { @@ -105,7 +105,7 @@ const ActionsColumnBase: React.FunctionComponent = ({ isExpanded={isOpen} isDisabled={isDisabled} variant="plain" - icon={} + icon={} /> ) } diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md index caa4e22b2f3..dce07679411 100644 --- a/packages/react-table/src/components/Table/examples/Table.md +++ b/packages/react-table/src/components/Table/examples/Table.md @@ -51,8 +51,8 @@ import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import FolderOpenIcon from '@patternfly/react-icons/dist/esm/icons/folder-open-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; import RhUiBlueprintIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-blueprint-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import RhUiEditFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-edit-fill-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; diff --git a/packages/react-table/src/components/Table/examples/TableActionsOverflow.tsx b/packages/react-table/src/components/Table/examples/TableActionsOverflow.tsx index ecf40155c3a..cd143a4d60e 100644 --- a/packages/react-table/src/components/Table/examples/TableActionsOverflow.tsx +++ b/packages/react-table/src/components/Table/examples/TableActionsOverflow.tsx @@ -12,7 +12,7 @@ import { DropdownList } from '@patternfly/react-core'; import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; interface Repository { name: string; @@ -105,7 +105,7 @@ export const TableActions: React.FunctionComponent = () => { setRepos(repos.map((r) => (r.name !== repo.name ? r : { ...r, isMenuOpen: !r.isMenuOpen }))) } isExpanded={repo.isMenuOpen} - icon={} + icon={} /> )} isOpen={repo.isMenuOpen} diff --git a/packages/react-table/src/demos/DashboardHeader.tsx b/packages/react-table/src/demos/DashboardHeader.tsx index 0912b0194e4..f7804caa31a 100644 --- a/packages/react-table/src/demos/DashboardHeader.tsx +++ b/packages/react-table/src/demos/DashboardHeader.tsx @@ -26,7 +26,7 @@ import { import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import imgAvatar from '@patternfly/react-table/src/demos/assets/avatarImg.svg'; interface DashboardHeaderProps { @@ -175,7 +175,7 @@ export const DashboardHeader: React.FC = ({ notificationBa onClick={onKebabDropdownToggle} variant="plain" aria-label="Settings and help" - icon={} + icon={} /> )} > @@ -195,7 +195,7 @@ export const DashboardHeader: React.FC = ({ notificationBa onClick={onFullKebabToggle} variant="plain" aria-label="Toolbar menu" - icon={} + icon={} /> )} > diff --git a/packages/react-table/src/demos/Table.md b/packages/react-table/src/demos/Table.md index 168dc9fc43c..9d5211b7701 100644 --- a/packages/react-table/src/demos/Table.md +++ b/packages/react-table/src/demos/Table.md @@ -66,7 +66,7 @@ import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-mi import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import RhUiBlueprintIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-blueprint-icon'; import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; import { rows, columns } from '@patternfly/react-table/dist/esm/demos/sampleData'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; diff --git a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx index 8b5969a79c4..244860ac473 100644 --- a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx +++ b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx @@ -37,7 +37,7 @@ import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-i import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import { rows, columns, SampleDataRow } from '@patternfly/react-table/dist/esm/demos/sampleData'; type Direction = 'asc' | 'desc' | undefined; @@ -199,7 +199,7 @@ export const TableSortableResponsive: React.FunctionComponent = () => { variant="plain" onClick={() => setIsKebabDropdownOpen(!isKebabDropdownOpen)} isExpanded={false} - icon={} + icon={} /> )} isOpen={isKebabDropdownOpen} diff --git a/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap index cb0bcd21b81..be9bab3ef2f 100644 --- a/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +++ b/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap @@ -188,24 +188,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -281,24 +269,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -374,24 +350,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -467,24 +431,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -560,24 +512,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -653,24 +593,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -746,24 +674,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -839,24 +755,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -932,24 +836,12 @@ exports[`Table Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6165,24 +6057,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6258,24 +6138,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6351,24 +6219,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6444,24 +6300,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6537,24 +6381,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6630,24 +6462,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6723,24 +6543,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6816,24 +6624,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -6909,24 +6705,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + @@ -7003,24 +6787,12 @@ exports[`Table Simple Actions table 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-templates/src/components/Dropdown/examples/DropdownTemplates.md b/packages/react-templates/src/components/Dropdown/examples/DropdownTemplates.md index 3467907a8e5..bc1efb6e508 100644 --- a/packages/react-templates/src/components/Dropdown/examples/DropdownTemplates.md +++ b/packages/react-templates/src/components/Dropdown/examples/DropdownTemplates.md @@ -14,7 +14,7 @@ For custom use cases, please see the dropdown component suite from [@patternfly/ import { Fragment, useState, FunctionComponent } from 'react'; import { Checkbox, Flex, FlexItem } from '@patternfly/react-core'; import { SimpleDropdown } from '@patternfly/react-templates'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; ## Examples diff --git a/packages/react-templates/src/components/Dropdown/examples/SimpleDropdownExample.tsx b/packages/react-templates/src/components/Dropdown/examples/SimpleDropdownExample.tsx index 83900b58479..5d9b4f363e2 100644 --- a/packages/react-templates/src/components/Dropdown/examples/SimpleDropdownExample.tsx +++ b/packages/react-templates/src/components/Dropdown/examples/SimpleDropdownExample.tsx @@ -1,7 +1,7 @@ import { Fragment, useState, FunctionComponent } from 'react'; import { Checkbox, Flex, FlexItem } from '@patternfly/react-core'; import { SimpleDropdown, SimpleDropdownItem } from '@patternfly/react-templates'; -import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; +import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; export const SimpleDropdownExample: FunctionComponent = () => { const [isDisabled, setIsDisabled] = useState(false); @@ -43,7 +43,7 @@ export const SimpleDropdownExample: FunctionComponent = () => { toggleVariant="plain" initialItems={items} isDisabled={isDisabled} - toggleContent={} + toggleContent={} toggleAriaLabel="Plain dropdown toggle" />