@patternfly/react-core 6.5.0-prerelease.42 → 6.5.0-prerelease.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Compass/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hero/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/SSRSafeIds/SSRSafeIds/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useSSRSafeId/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
- package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
- package/dist/esm/components/Alert/AlertActionCloseButton.js +2 -2
- package/dist/esm/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/esm/components/Drawer/DrawerCloseButton.js +2 -2
- package/dist/esm/components/Drawer/DrawerCloseButton.js.map +1 -1
- package/dist/esm/components/Label/Label.js +2 -2
- package/dist/esm/components/Label/Label.js.map +1 -1
- package/dist/esm/components/Label/LabelGroup.js +2 -2
- package/dist/esm/components/Label/LabelGroup.js.map +1 -1
- package/dist/esm/components/Modal/ModalBoxCloseButton.js +2 -2
- package/dist/esm/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +2 -2
- package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.js +2 -2
- package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.js.map +1 -1
- package/dist/esm/components/Popover/PopoverCloseButton.js +2 -2
- package/dist/esm/components/Popover/PopoverCloseButton.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +4 -4
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/Tabs/Tab.js +2 -2
- package/dist/esm/components/Tabs/Tab.js.map +1 -1
- package/dist/esm/components/Wizard/WizardHeader.js +2 -2
- package/dist/esm/components/Wizard/WizardHeader.js.map +1 -1
- package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.js +2 -2
- package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/esm/deprecated/components/Wizard/WizardHeader.js +2 -2
- package/dist/esm/deprecated/components/Wizard/WizardHeader.js.map +1 -1
- package/dist/esm/helpers/Popper/thirdparty/popper-core/dom-utils/getDocumentElement.js +1 -1
- package/dist/esm/helpers/Popper/thirdparty/popper-core/dom-utils/getDocumentElement.js.map +1 -1
- package/dist/esm/helpers/Popper/thirdparty/react-popper/usePopper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/thirdparty/react-popper/usePopper.js +13 -0
- package/dist/esm/helpers/Popper/thirdparty/react-popper/usePopper.js.map +1 -1
- package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js +2 -2
- package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
- package/dist/js/components/Alert/AlertActionCloseButton.js +2 -2
- package/dist/js/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/js/components/Drawer/DrawerCloseButton.js +2 -2
- package/dist/js/components/Drawer/DrawerCloseButton.js.map +1 -1
- package/dist/js/components/Label/Label.js +2 -2
- package/dist/js/components/Label/Label.js.map +1 -1
- package/dist/js/components/Label/LabelGroup.js +2 -2
- package/dist/js/components/Label/LabelGroup.js.map +1 -1
- package/dist/js/components/Modal/ModalBoxCloseButton.js +2 -2
- package/dist/js/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +2 -2
- package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
- package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.js +2 -2
- package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.js.map +1 -1
- package/dist/js/components/Popover/PopoverCloseButton.js +2 -2
- package/dist/js/components/Popover/PopoverCloseButton.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +4 -4
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/Tabs/Tab.js +2 -2
- package/dist/js/components/Tabs/Tab.js.map +1 -1
- package/dist/js/components/Wizard/WizardHeader.js +2 -2
- package/dist/js/components/Wizard/WizardHeader.js.map +1 -1
- package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.js +2 -2
- package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/js/deprecated/components/Wizard/WizardHeader.js +2 -2
- package/dist/js/deprecated/components/Wizard/WizardHeader.js.map +1 -1
- package/dist/js/helpers/Popper/thirdparty/popper-core/dom-utils/getDocumentElement.js +1 -1
- package/dist/js/helpers/Popper/thirdparty/popper-core/dom-utils/getDocumentElement.js.map +1 -1
- package/dist/js/helpers/Popper/thirdparty/react-popper/usePopper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/thirdparty/react-popper/usePopper.js +13 -0
- package/dist/js/helpers/Popper/thirdparty/react-popper/usePopper.js.map +1 -1
- package/dist/umd/assets/{output-DBcJobEx.css → output-B_GJqJ5Q.css} +17470 -17470
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/AboutModal/AboutModalBoxCloseButton.tsx +2 -2
- package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +12 -48
- package/src/components/ActionList/examples/ActionList.md +1 -1
- package/src/components/ActionList/examples/ActionListVertical.tsx +3 -3
- package/src/components/ActionList/examples/ActionListWithIcons.tsx +9 -4
- package/src/components/Alert/AlertActionCloseButton.tsx +2 -2
- package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap +4 -16
- package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +4 -16
- package/src/components/Button/examples/Button.md +1 -1
- package/src/components/Button/examples/ButtonCircle.tsx +2 -2
- package/src/components/Button/examples/ButtonDisabled.tsx +2 -2
- package/src/components/Button/examples/ButtonVariations.tsx +2 -2
- package/src/components/Drawer/DrawerCloseButton.tsx +2 -2
- package/src/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +24 -96
- package/src/components/Label/Label.tsx +2 -2
- package/src/components/Label/LabelGroup.tsx +2 -2
- package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +12 -48
- package/src/components/Label/__tests__/__snapshots__/LabelGroup.test.tsx.snap +4 -16
- package/src/components/MenuToggle/examples/MenuToggle.md +1 -1
- package/src/components/MenuToggle/examples/MenuToggleTypeahead.tsx +2 -2
- package/src/components/Modal/ModalBoxCloseButton.tsx +2 -2
- package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +4 -16
- package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +2 -2
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +32 -128
- package/src/components/NotificationDrawer/NotificationDrawerHeader.tsx +2 -2
- package/src/components/Popover/PopoverCloseButton.tsx +2 -2
- package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap +4 -16
- package/src/components/SearchInput/SearchInput.tsx +4 -4
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +20 -80
- package/src/components/Select/examples/Select.md +1 -1
- package/src/components/Select/examples/SelectMultiTypeahead.tsx +7 -2
- package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +7 -2
- package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +7 -2
- package/src/components/Select/examples/SelectTypeahead.tsx +7 -2
- package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +7 -2
- package/src/components/Tabs/Tab.tsx +2 -2
- package/src/components/Tabs/examples/Tabs.md +1 -1
- package/src/components/Tabs/examples/TabsHelpAndClose.tsx +2 -2
- package/src/components/TextInputGroup/examples/TextInputGroup.md +1 -1
- package/src/components/TextInputGroup/examples/TextInputGroupFilters.tsx +2 -2
- package/src/components/TextInputGroup/examples/TextInputGroupUtilitiesAndIcon.tsx +7 -2
- package/src/components/TextInputGroup/examples/TextInputGroupWithStatus.tsx +7 -2
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +12 -48
- package/src/components/Wizard/WizardHeader.tsx +2 -2
- package/src/demos/TextInputGroupDemo.md +1 -1
- package/src/demos/examples/TextInputGroup/AttributeValueFiltering.tsx +2 -2
- package/src/demos/examples/TextInputGroup/AutoCompleteSearch.tsx +2 -2
- package/src/deprecated/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +4 -16
- package/src/deprecated/components/Modal/ModalBoxCloseButton.tsx +2 -2
- package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +32 -128
- package/src/deprecated/components/Wizard/WizardHeader.tsx +2 -2
- package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +8 -32
- package/src/helpers/Popper/thirdparty/popper-core/dom-utils/getDocumentElement.ts +1 -1
- package/src/helpers/Popper/thirdparty/react-popper/usePopper.ts +15 -0
|
@@ -35,24 +35,12 @@ exports[`Label editable label 1`] = `
|
|
|
35
35
|
fill="currentColor"
|
|
36
36
|
height="1em"
|
|
37
37
|
role="img"
|
|
38
|
+
viewBox="0 0 20 20"
|
|
38
39
|
width="1em"
|
|
39
40
|
>
|
|
40
|
-
<
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
>
|
|
44
|
-
<path
|
|
45
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
46
|
-
/>
|
|
47
|
-
</svg>
|
|
48
|
-
<svg
|
|
49
|
-
class="pf-v6-icon-rh-ui"
|
|
50
|
-
viewBox="0 0 32 32"
|
|
51
|
-
>
|
|
52
|
-
<path
|
|
53
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
54
|
-
/>
|
|
55
|
-
</svg>
|
|
41
|
+
<path
|
|
42
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
43
|
+
/>
|
|
56
44
|
</svg>
|
|
57
45
|
</span>
|
|
58
46
|
</button>
|
|
@@ -184,24 +172,12 @@ exports[`Label label with close button 1`] = `
|
|
|
184
172
|
fill="currentColor"
|
|
185
173
|
height="1em"
|
|
186
174
|
role="img"
|
|
175
|
+
viewBox="0 0 20 20"
|
|
187
176
|
width="1em"
|
|
188
177
|
>
|
|
189
|
-
<
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
>
|
|
193
|
-
<path
|
|
194
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
195
|
-
/>
|
|
196
|
-
</svg>
|
|
197
|
-
<svg
|
|
198
|
-
class="pf-v6-icon-rh-ui"
|
|
199
|
-
viewBox="0 0 32 32"
|
|
200
|
-
>
|
|
201
|
-
<path
|
|
202
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
203
|
-
/>
|
|
204
|
-
</svg>
|
|
178
|
+
<path
|
|
179
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
180
|
+
/>
|
|
205
181
|
</svg>
|
|
206
182
|
</span>
|
|
207
183
|
</button>
|
|
@@ -244,24 +220,12 @@ exports[`Label label with close button and outline variant 1`] = `
|
|
|
244
220
|
fill="currentColor"
|
|
245
221
|
height="1em"
|
|
246
222
|
role="img"
|
|
223
|
+
viewBox="0 0 20 20"
|
|
247
224
|
width="1em"
|
|
248
225
|
>
|
|
249
|
-
<
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
>
|
|
253
|
-
<path
|
|
254
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
255
|
-
/>
|
|
256
|
-
</svg>
|
|
257
|
-
<svg
|
|
258
|
-
class="pf-v6-icon-rh-ui"
|
|
259
|
-
viewBox="0 0 32 32"
|
|
260
|
-
>
|
|
261
|
-
<path
|
|
262
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
263
|
-
/>
|
|
264
|
-
</svg>
|
|
226
|
+
<path
|
|
227
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
228
|
+
/>
|
|
265
229
|
</svg>
|
|
266
230
|
</span>
|
|
267
231
|
</button>
|
|
@@ -271,24 +271,12 @@ exports[`LabelGroup label group with closable category 1`] = `
|
|
|
271
271
|
fill="currentColor"
|
|
272
272
|
height="1em"
|
|
273
273
|
role="img"
|
|
274
|
+
viewBox="0 0 20 20"
|
|
274
275
|
width="1em"
|
|
275
276
|
>
|
|
276
|
-
<
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
>
|
|
280
|
-
<path
|
|
281
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
282
|
-
/>
|
|
283
|
-
</svg>
|
|
284
|
-
<svg
|
|
285
|
-
class="pf-v6-icon-rh-ui"
|
|
286
|
-
viewBox="0 0 32 32"
|
|
287
|
-
>
|
|
288
|
-
<path
|
|
289
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
290
|
-
/>
|
|
291
|
-
</svg>
|
|
277
|
+
<path
|
|
278
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
279
|
+
/>
|
|
292
280
|
</svg>
|
|
293
281
|
</span>
|
|
294
282
|
</button>
|
|
@@ -11,7 +11,7 @@ import './MenuToggle.css'
|
|
|
11
11
|
import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
|
|
12
12
|
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
13
13
|
import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
|
|
14
|
-
import
|
|
14
|
+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
15
15
|
|
|
16
16
|
## Examples
|
|
17
17
|
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
TextInputGroupUtilities,
|
|
7
7
|
Button
|
|
8
8
|
} from '@patternfly/react-core';
|
|
9
|
-
import
|
|
9
|
+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
10
10
|
|
|
11
11
|
export const MenuToggleTypeahead: React.FunctionComponent = () => {
|
|
12
12
|
const [inputValue, setInputValue] = useState<string>('');
|
|
@@ -31,7 +31,7 @@ export const MenuToggleTypeahead: React.FunctionComponent = () => {
|
|
|
31
31
|
variant="plain"
|
|
32
32
|
onClick={() => setInputValue('')}
|
|
33
33
|
aria-label="Clear input value"
|
|
34
|
-
icon={<
|
|
34
|
+
icon={<RhMicronsCloseIcon />}
|
|
35
35
|
/>
|
|
36
36
|
)}
|
|
37
37
|
</TextInputGroupUtilities>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@patternfly/react-styles';
|
|
2
2
|
import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
|
|
3
3
|
import { Button } from '../Button';
|
|
4
|
-
import
|
|
4
|
+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
5
5
|
import { OUIAProps } from '../../helpers';
|
|
6
6
|
|
|
7
7
|
export interface ModalBoxCloseButtonProps extends OUIAProps {
|
|
@@ -29,7 +29,7 @@ export const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonPro
|
|
|
29
29
|
aria-label={ariaLabel}
|
|
30
30
|
{...(ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` })}
|
|
31
31
|
{...props}
|
|
32
|
-
icon={<
|
|
32
|
+
icon={<RhMicronsCloseIcon />}
|
|
33
33
|
/>
|
|
34
34
|
</div>
|
|
35
35
|
);
|
|
@@ -117,24 +117,12 @@ exports[`Modal Content Test with onclose 1`] = `
|
|
|
117
117
|
fill="currentColor"
|
|
118
118
|
height="1em"
|
|
119
119
|
role="img"
|
|
120
|
+
viewBox="0 0 20 20"
|
|
120
121
|
width="1em"
|
|
121
122
|
>
|
|
122
|
-
<
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
>
|
|
126
|
-
<path
|
|
127
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
128
|
-
/>
|
|
129
|
-
</svg>
|
|
130
|
-
<svg
|
|
131
|
-
class="pf-v6-icon-rh-ui"
|
|
132
|
-
viewBox="0 0 32 32"
|
|
133
|
-
>
|
|
134
|
-
<path
|
|
135
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
136
|
-
/>
|
|
137
|
-
</svg>
|
|
123
|
+
<path
|
|
124
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
125
|
+
/>
|
|
138
126
|
</svg>
|
|
139
127
|
</span>
|
|
140
128
|
</button>
|
|
@@ -4,7 +4,7 @@ import { css } from '@patternfly/react-styles';
|
|
|
4
4
|
import { Progress } from '../Progress';
|
|
5
5
|
import { Button } from '../Button';
|
|
6
6
|
import FileIcon from '@patternfly/react-icons/dist/esm/icons/file-icon';
|
|
7
|
-
import
|
|
7
|
+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
8
8
|
|
|
9
9
|
/** Automatically reads an uploaded file to render a visual representation of it, including
|
|
10
10
|
* its name, size, and read status. This sub-component also allows custom reading of files
|
|
@@ -170,7 +170,7 @@ export const MultipleFileUploadStatusItem: React.FunctionComponent<MultipleFileU
|
|
|
170
170
|
/>
|
|
171
171
|
</div>
|
|
172
172
|
<div className={`${styles.multipleFileUploadStatusItem}-close`}>
|
|
173
|
-
<Button variant="plain" aria-label={buttonAriaLabel} onClick={onClearClick} icon={<
|
|
173
|
+
<Button variant="plain" aria-label={buttonAriaLabel} onClick={onClearClick} icon={<RhMicronsCloseIcon />} />
|
|
174
174
|
</div>
|
|
175
175
|
</li>
|
|
176
176
|
);
|
|
@@ -117,24 +117,12 @@ exports[`MultipleFileUploadStatusItem renders custom aria labels 1`] = `
|
|
|
117
117
|
fill="currentColor"
|
|
118
118
|
height="1em"
|
|
119
119
|
role="img"
|
|
120
|
+
viewBox="0 0 20 20"
|
|
120
121
|
width="1em"
|
|
121
122
|
>
|
|
122
|
-
<
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
>
|
|
126
|
-
<path
|
|
127
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
128
|
-
/>
|
|
129
|
-
</svg>
|
|
130
|
-
<svg
|
|
131
|
-
class="pf-v6-icon-rh-ui"
|
|
132
|
-
viewBox="0 0 32 32"
|
|
133
|
-
>
|
|
134
|
-
<path
|
|
135
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
136
|
-
/>
|
|
137
|
-
</svg>
|
|
123
|
+
<path
|
|
124
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
125
|
+
/>
|
|
138
126
|
</svg>
|
|
139
127
|
</span>
|
|
140
128
|
</button>
|
|
@@ -257,24 +245,12 @@ exports[`MultipleFileUploadStatusItem renders custom class names 1`] = `
|
|
|
257
245
|
fill="currentColor"
|
|
258
246
|
height="1em"
|
|
259
247
|
role="img"
|
|
248
|
+
viewBox="0 0 20 20"
|
|
260
249
|
width="1em"
|
|
261
250
|
>
|
|
262
|
-
<
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
>
|
|
266
|
-
<path
|
|
267
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
268
|
-
/>
|
|
269
|
-
</svg>
|
|
270
|
-
<svg
|
|
271
|
-
class="pf-v6-icon-rh-ui"
|
|
272
|
-
viewBox="0 0 32 32"
|
|
273
|
-
>
|
|
274
|
-
<path
|
|
275
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
276
|
-
/>
|
|
277
|
-
</svg>
|
|
251
|
+
<path
|
|
252
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
253
|
+
/>
|
|
278
254
|
</svg>
|
|
279
255
|
</span>
|
|
280
256
|
</button>
|
|
@@ -387,24 +363,12 @@ exports[`MultipleFileUploadStatusItem renders custom file name/size/icon/progres
|
|
|
387
363
|
fill="currentColor"
|
|
388
364
|
height="1em"
|
|
389
365
|
role="img"
|
|
366
|
+
viewBox="0 0 20 20"
|
|
390
367
|
width="1em"
|
|
391
368
|
>
|
|
392
|
-
<
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
>
|
|
396
|
-
<path
|
|
397
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
398
|
-
/>
|
|
399
|
-
</svg>
|
|
400
|
-
<svg
|
|
401
|
-
class="pf-v6-icon-rh-ui"
|
|
402
|
-
viewBox="0 0 32 32"
|
|
403
|
-
>
|
|
404
|
-
<path
|
|
405
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
406
|
-
/>
|
|
407
|
-
</svg>
|
|
369
|
+
<path
|
|
370
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
371
|
+
/>
|
|
408
372
|
</svg>
|
|
409
373
|
</span>
|
|
410
374
|
</button>
|
|
@@ -517,24 +481,12 @@ exports[`MultipleFileUploadStatusItem renders custom function progressAriaLiveMe
|
|
|
517
481
|
fill="currentColor"
|
|
518
482
|
height="1em"
|
|
519
483
|
role="img"
|
|
484
|
+
viewBox="0 0 20 20"
|
|
520
485
|
width="1em"
|
|
521
486
|
>
|
|
522
|
-
<
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
>
|
|
526
|
-
<path
|
|
527
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
528
|
-
/>
|
|
529
|
-
</svg>
|
|
530
|
-
<svg
|
|
531
|
-
class="pf-v6-icon-rh-ui"
|
|
532
|
-
viewBox="0 0 32 32"
|
|
533
|
-
>
|
|
534
|
-
<path
|
|
535
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
536
|
-
/>
|
|
537
|
-
</svg>
|
|
487
|
+
<path
|
|
488
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
489
|
+
/>
|
|
538
490
|
</svg>
|
|
539
491
|
</span>
|
|
540
492
|
</button>
|
|
@@ -688,24 +640,12 @@ exports[`MultipleFileUploadStatusItem renders custom progress value/variant when
|
|
|
688
640
|
fill="currentColor"
|
|
689
641
|
height="1em"
|
|
690
642
|
role="img"
|
|
643
|
+
viewBox="0 0 20 20"
|
|
691
644
|
width="1em"
|
|
692
645
|
>
|
|
693
|
-
<
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
>
|
|
697
|
-
<path
|
|
698
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
699
|
-
/>
|
|
700
|
-
</svg>
|
|
701
|
-
<svg
|
|
702
|
-
class="pf-v6-icon-rh-ui"
|
|
703
|
-
viewBox="0 0 32 32"
|
|
704
|
-
>
|
|
705
|
-
<path
|
|
706
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
707
|
-
/>
|
|
708
|
-
</svg>
|
|
646
|
+
<path
|
|
647
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
648
|
+
/>
|
|
709
649
|
</svg>
|
|
710
650
|
</span>
|
|
711
651
|
</button>
|
|
@@ -830,24 +770,12 @@ exports[`MultipleFileUploadStatusItem renders expected values from a passed file
|
|
|
830
770
|
fill="currentColor"
|
|
831
771
|
height="1em"
|
|
832
772
|
role="img"
|
|
773
|
+
viewBox="0 0 20 20"
|
|
833
774
|
width="1em"
|
|
834
775
|
>
|
|
835
|
-
<
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
>
|
|
839
|
-
<path
|
|
840
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
841
|
-
/>
|
|
842
|
-
</svg>
|
|
843
|
-
<svg
|
|
844
|
-
class="pf-v6-icon-rh-ui"
|
|
845
|
-
viewBox="0 0 32 32"
|
|
846
|
-
>
|
|
847
|
-
<path
|
|
848
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
849
|
-
/>
|
|
850
|
-
</svg>
|
|
776
|
+
<path
|
|
777
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
778
|
+
/>
|
|
851
779
|
</svg>
|
|
852
780
|
</span>
|
|
853
781
|
</button>
|
|
@@ -970,24 +898,12 @@ exports[`MultipleFileUploadStatusItem renders with expected class names 1`] = `
|
|
|
970
898
|
fill="currentColor"
|
|
971
899
|
height="1em"
|
|
972
900
|
role="img"
|
|
901
|
+
viewBox="0 0 20 20"
|
|
973
902
|
width="1em"
|
|
974
903
|
>
|
|
975
|
-
<
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
>
|
|
979
|
-
<path
|
|
980
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
981
|
-
/>
|
|
982
|
-
</svg>
|
|
983
|
-
<svg
|
|
984
|
-
class="pf-v6-icon-rh-ui"
|
|
985
|
-
viewBox="0 0 32 32"
|
|
986
|
-
>
|
|
987
|
-
<path
|
|
988
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
989
|
-
/>
|
|
990
|
-
</svg>
|
|
904
|
+
<path
|
|
905
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
906
|
+
/>
|
|
991
907
|
</svg>
|
|
992
908
|
</span>
|
|
993
909
|
</button>
|
|
@@ -1100,24 +1016,12 @@ exports[`MultipleFileUploadStatusItem rendersdefault progressAriaLiveMessage whe
|
|
|
1100
1016
|
fill="currentColor"
|
|
1101
1017
|
height="1em"
|
|
1102
1018
|
role="img"
|
|
1019
|
+
viewBox="0 0 20 20"
|
|
1103
1020
|
width="1em"
|
|
1104
1021
|
>
|
|
1105
|
-
<
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
>
|
|
1109
|
-
<path
|
|
1110
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
1111
|
-
/>
|
|
1112
|
-
</svg>
|
|
1113
|
-
<svg
|
|
1114
|
-
class="pf-v6-icon-rh-ui"
|
|
1115
|
-
viewBox="0 0 32 32"
|
|
1116
|
-
>
|
|
1117
|
-
<path
|
|
1118
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
1119
|
-
/>
|
|
1120
|
-
</svg>
|
|
1022
|
+
<path
|
|
1023
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1024
|
+
/>
|
|
1121
1025
|
</svg>
|
|
1122
1026
|
</span>
|
|
1123
1027
|
</button>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from '@patternfly/react-styles';
|
|
2
2
|
import styles from '@patternfly/react-styles/css/components/NotificationDrawer/notification-drawer';
|
|
3
|
-
import
|
|
3
|
+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
4
4
|
import { Button, ButtonVariant } from '../Button';
|
|
5
5
|
|
|
6
6
|
export interface NotificationDrawerHeaderProps extends React.HTMLProps<HTMLDivElement> {
|
|
@@ -49,7 +49,7 @@ export const NotificationDrawerHeader: React.FunctionComponent<NotificationDrawe
|
|
|
49
49
|
variant={ButtonVariant.plain}
|
|
50
50
|
aria-label={closeButtonAriaLabel}
|
|
51
51
|
onClick={(event) => onClose(event)}
|
|
52
|
-
icon={<
|
|
52
|
+
icon={<RhMicronsCloseIcon />}
|
|
53
53
|
/>
|
|
54
54
|
</div>
|
|
55
55
|
)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@patternfly/react-styles';
|
|
2
2
|
import styles from '@patternfly/react-styles/css/components/Popover/popover';
|
|
3
3
|
import { Button } from '../Button';
|
|
4
|
-
import
|
|
4
|
+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
5
5
|
|
|
6
6
|
export const PopoverCloseButton: React.FunctionComponent<PopoverCloseButtonProps> = ({
|
|
7
7
|
onClose = () => undefined as void,
|
|
@@ -14,7 +14,7 @@ export const PopoverCloseButton: React.FunctionComponent<PopoverCloseButtonProps
|
|
|
14
14
|
aria-label
|
|
15
15
|
{...props}
|
|
16
16
|
style={{ pointerEvents: 'auto' }}
|
|
17
|
-
icon={<
|
|
17
|
+
icon={<RhMicronsCloseIcon />}
|
|
18
18
|
/>
|
|
19
19
|
</div>
|
|
20
20
|
);
|
package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap
CHANGED
|
@@ -23,24 +23,12 @@ exports[`PopoverCloseButton should match snapshot (auto-generated) 1`] = `
|
|
|
23
23
|
fill="currentColor"
|
|
24
24
|
height="1em"
|
|
25
25
|
role="img"
|
|
26
|
+
viewBox="0 0 20 20"
|
|
26
27
|
width="1em"
|
|
27
28
|
>
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
>
|
|
32
|
-
<path
|
|
33
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
34
|
-
/>
|
|
35
|
-
</svg>
|
|
36
|
-
<svg
|
|
37
|
-
class="pf-v6-icon-rh-ui"
|
|
38
|
-
viewBox="0 0 32 32"
|
|
39
|
-
>
|
|
40
|
-
<path
|
|
41
|
-
d="M28.707 27.293a.999.999 0 1 1-1.414 1.414L16 17.414 4.707 28.707a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 16 3.293 4.707a.999.999 0 1 1 1.414-1.414L16 14.586 27.293 3.293a.999.999 0 1 1 1.414 1.414L17.414 16l11.293 11.293Z"
|
|
42
|
-
/>
|
|
43
|
-
</svg>
|
|
29
|
+
<path
|
|
30
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
31
|
+
/>
|
|
44
32
|
</svg>
|
|
45
33
|
</span>
|
|
46
34
|
</button>
|
|
@@ -5,7 +5,7 @@ import { Badge } from '../Badge';
|
|
|
5
5
|
import { Icon } from '../Icon';
|
|
6
6
|
import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
|
|
7
7
|
import AngleUpIcon from '@patternfly/react-icons/dist/esm/icons/angle-up-icon';
|
|
8
|
-
import
|
|
8
|
+
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
9
9
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
10
10
|
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
|
|
11
11
|
import ArrowRightIcon from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon';
|
|
@@ -350,7 +350,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
|
|
|
350
350
|
isDisabled={isDisabled}
|
|
351
351
|
aria-label={resetButtonLabel}
|
|
352
352
|
onClick={onClearInput}
|
|
353
|
-
icon={<
|
|
353
|
+
icon={<RhMicronsCloseIcon />}
|
|
354
354
|
/>
|
|
355
355
|
)}
|
|
356
356
|
</TextInputGroupUtilities>
|
|
@@ -374,7 +374,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
|
|
|
374
374
|
variant={ButtonVariant.plain}
|
|
375
375
|
aria-label={toggleAriaLabel}
|
|
376
376
|
aria-expanded={isExpanded}
|
|
377
|
-
icon={<
|
|
377
|
+
icon={<RhMicronsCloseIcon />}
|
|
378
378
|
onClick={onExpandHandler}
|
|
379
379
|
/>
|
|
380
380
|
);
|
|
@@ -384,7 +384,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
|
|
|
384
384
|
variant={ButtonVariant.plain}
|
|
385
385
|
aria-label={toggleAriaLabel}
|
|
386
386
|
aria-expanded={isExpanded}
|
|
387
|
-
icon={isExpanded ? <
|
|
387
|
+
icon={isExpanded ? <RhMicronsCloseIcon /> : <SearchIcon />}
|
|
388
388
|
onClick={onExpandHandler}
|
|
389
389
|
ref={searchInputExpandableToggleRef}
|
|
390
390
|
/>
|