@patternfly/react-core 6.6.0-prerelease.2 → 6.6.0-prerelease.4
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 +8 -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/FormSelect/FormSelect.js +2 -2
- package/dist/esm/components/FormSelect/FormSelect.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +2 -2
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +3 -3
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/Wizard/WizardToggle.js +2 -2
- package/dist/esm/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/esm/deprecated/components/Wizard/WizardToggle.js +2 -2
- package/dist/esm/deprecated/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/js/components/FormSelect/FormSelect.js +2 -2
- package/dist/js/components/FormSelect/FormSelect.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +2 -2
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +3 -3
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/Wizard/WizardToggle.js +2 -2
- package/dist/js/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/js/deprecated/components/Wizard/WizardToggle.js +2 -2
- package/dist/js/deprecated/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/umd/assets/{output-B552jUrA.css → output-5bclBrSL.css} +18496 -18496
- 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/Accordion/examples/Accordion.md +1 -1
- package/src/components/Accordion/examples/AccordionBordered.tsx +2 -2
- package/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx +5 -6
- package/src/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/src/components/Button/examples/Button.md +1 -1
- package/src/components/Button/examples/ButtonCallToAction.tsx +2 -2
- package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +4 -16
- package/src/components/FormSelect/FormSelect.tsx +2 -2
- package/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +36 -144
- package/src/components/Menu/examples/Menu.md +1 -1
- package/src/components/MenuToggle/MenuToggle.tsx +2 -2
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +32 -128
- package/src/components/Modal/examples/Modal.md +1 -1
- package/src/components/Nav/examples/Nav.md +1 -1
- package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +4 -16
- package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +80 -320
- package/src/components/Panel/__tests__/__snapshots__/Panel.test.tsx.snap +6 -6
- package/src/components/SearchInput/SearchInput.tsx +4 -4
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +32 -128
- package/src/components/Wizard/WizardToggle.tsx +2 -2
- package/src/demos/CardDemos.md +1 -1
- package/src/demos/CustomMenus/CustomMenus.md +1 -1
- package/src/demos/examples/Card/CardHorizontalGrid.tsx +33 -5
- package/src/deprecated/components/Modal/examples/Modal.md +1 -1
- package/src/deprecated/components/Wizard/WizardToggle.tsx +2 -2
- package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap +4 -16
- package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +12 -48
|
@@ -104,24 +104,12 @@ exports[`SearchInput advanced search 1`] = `
|
|
|
104
104
|
fill="currentColor"
|
|
105
105
|
height="1em"
|
|
106
106
|
role="img"
|
|
107
|
+
viewBox="0 0 20 20"
|
|
107
108
|
width="1em"
|
|
108
109
|
>
|
|
109
|
-
<
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
>
|
|
113
|
-
<path
|
|
114
|
-
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
|
|
115
|
-
/>
|
|
116
|
-
</svg>
|
|
117
|
-
<svg
|
|
118
|
-
class="pf-v6-icon-rh-ui"
|
|
119
|
-
viewBox="0 0 32 32"
|
|
120
|
-
>
|
|
121
|
-
<path
|
|
122
|
-
d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
|
|
123
|
-
/>
|
|
124
|
-
</svg>
|
|
110
|
+
<path
|
|
111
|
+
d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
|
|
112
|
+
/>
|
|
125
113
|
</svg>
|
|
126
114
|
</span>
|
|
127
115
|
</button>
|
|
@@ -149,24 +137,12 @@ exports[`SearchInput advanced search 1`] = `
|
|
|
149
137
|
fill="currentColor"
|
|
150
138
|
height="1em"
|
|
151
139
|
role="img"
|
|
140
|
+
viewBox="0 0 20 20"
|
|
152
141
|
width="1em"
|
|
153
142
|
>
|
|
154
|
-
<
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
>
|
|
158
|
-
<path
|
|
159
|
-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
|
|
160
|
-
/>
|
|
161
|
-
</svg>
|
|
162
|
-
<svg
|
|
163
|
-
class="pf-v6-icon-rh-ui"
|
|
164
|
-
viewBox="0 0 32 32"
|
|
165
|
-
>
|
|
166
|
-
<path
|
|
167
|
-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
|
|
168
|
-
/>
|
|
169
|
-
</svg>
|
|
143
|
+
<path
|
|
144
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
145
|
+
/>
|
|
170
146
|
</svg>
|
|
171
147
|
</span>
|
|
172
148
|
</span>
|
|
@@ -283,24 +259,12 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
|
|
|
283
259
|
fill="currentColor"
|
|
284
260
|
height="1em"
|
|
285
261
|
role="img"
|
|
262
|
+
viewBox="0 0 20 20"
|
|
286
263
|
width="1em"
|
|
287
264
|
>
|
|
288
|
-
<
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
>
|
|
292
|
-
<path
|
|
293
|
-
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
|
|
294
|
-
/>
|
|
295
|
-
</svg>
|
|
296
|
-
<svg
|
|
297
|
-
class="pf-v6-icon-rh-ui"
|
|
298
|
-
viewBox="0 0 32 32"
|
|
299
|
-
>
|
|
300
|
-
<path
|
|
301
|
-
d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
|
|
302
|
-
/>
|
|
303
|
-
</svg>
|
|
265
|
+
<path
|
|
266
|
+
d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
|
|
267
|
+
/>
|
|
304
268
|
</svg>
|
|
305
269
|
</span>
|
|
306
270
|
</button>
|
|
@@ -328,24 +292,12 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
|
|
|
328
292
|
fill="currentColor"
|
|
329
293
|
height="1em"
|
|
330
294
|
role="img"
|
|
295
|
+
viewBox="0 0 20 20"
|
|
331
296
|
width="1em"
|
|
332
297
|
>
|
|
333
|
-
<
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
>
|
|
337
|
-
<path
|
|
338
|
-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
|
|
339
|
-
/>
|
|
340
|
-
</svg>
|
|
341
|
-
<svg
|
|
342
|
-
class="pf-v6-icon-rh-ui"
|
|
343
|
-
viewBox="0 0 32 32"
|
|
344
|
-
>
|
|
345
|
-
<path
|
|
346
|
-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
|
|
347
|
-
/>
|
|
348
|
-
</svg>
|
|
298
|
+
<path
|
|
299
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
300
|
+
/>
|
|
349
301
|
</svg>
|
|
350
302
|
</span>
|
|
351
303
|
</span>
|
|
@@ -652,24 +604,12 @@ exports[`SearchInput renders search input in strict mode 1`] = `
|
|
|
652
604
|
fill="currentColor"
|
|
653
605
|
height="1em"
|
|
654
606
|
role="img"
|
|
607
|
+
viewBox="0 0 20 20"
|
|
655
608
|
width="1em"
|
|
656
609
|
>
|
|
657
|
-
<
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
>
|
|
661
|
-
<path
|
|
662
|
-
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
|
|
663
|
-
/>
|
|
664
|
-
</svg>
|
|
665
|
-
<svg
|
|
666
|
-
class="pf-v6-icon-rh-ui"
|
|
667
|
-
viewBox="0 0 32 32"
|
|
668
|
-
>
|
|
669
|
-
<path
|
|
670
|
-
d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
|
|
671
|
-
/>
|
|
672
|
-
</svg>
|
|
610
|
+
<path
|
|
611
|
+
d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
|
|
612
|
+
/>
|
|
673
613
|
</svg>
|
|
674
614
|
</span>
|
|
675
615
|
</button>
|
|
@@ -697,24 +637,12 @@ exports[`SearchInput renders search input in strict mode 1`] = `
|
|
|
697
637
|
fill="currentColor"
|
|
698
638
|
height="1em"
|
|
699
639
|
role="img"
|
|
640
|
+
viewBox="0 0 20 20"
|
|
700
641
|
width="1em"
|
|
701
642
|
>
|
|
702
|
-
<
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
>
|
|
706
|
-
<path
|
|
707
|
-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
|
|
708
|
-
/>
|
|
709
|
-
</svg>
|
|
710
|
-
<svg
|
|
711
|
-
class="pf-v6-icon-rh-ui"
|
|
712
|
-
viewBox="0 0 32 32"
|
|
713
|
-
>
|
|
714
|
-
<path
|
|
715
|
-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
|
|
716
|
-
/>
|
|
717
|
-
</svg>
|
|
643
|
+
<path
|
|
644
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
645
|
+
/>
|
|
718
646
|
</svg>
|
|
719
647
|
</span>
|
|
720
648
|
</span>
|
|
@@ -913,24 +841,12 @@ exports[`SearchInput search input with hint 1`] = `
|
|
|
913
841
|
fill="currentColor"
|
|
914
842
|
height="1em"
|
|
915
843
|
role="img"
|
|
844
|
+
viewBox="0 0 20 20"
|
|
916
845
|
width="1em"
|
|
917
846
|
>
|
|
918
|
-
<
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
>
|
|
922
|
-
<path
|
|
923
|
-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
|
|
924
|
-
/>
|
|
925
|
-
</svg>
|
|
926
|
-
<svg
|
|
927
|
-
class="pf-v6-icon-rh-ui"
|
|
928
|
-
viewBox="0 0 32 32"
|
|
929
|
-
>
|
|
930
|
-
<path
|
|
931
|
-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
|
|
932
|
-
/>
|
|
933
|
-
</svg>
|
|
847
|
+
<path
|
|
848
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
849
|
+
/>
|
|
934
850
|
</svg>
|
|
935
851
|
</span>
|
|
936
852
|
</span>
|
|
@@ -1121,24 +1037,12 @@ exports[`SearchInput simple search input 1`] = `
|
|
|
1121
1037
|
fill="currentColor"
|
|
1122
1038
|
height="1em"
|
|
1123
1039
|
role="img"
|
|
1040
|
+
viewBox="0 0 20 20"
|
|
1124
1041
|
width="1em"
|
|
1125
1042
|
>
|
|
1126
|
-
<
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
>
|
|
1130
|
-
<path
|
|
1131
|
-
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
|
|
1132
|
-
/>
|
|
1133
|
-
</svg>
|
|
1134
|
-
<svg
|
|
1135
|
-
class="pf-v6-icon-rh-ui"
|
|
1136
|
-
viewBox="0 0 32 32"
|
|
1137
|
-
>
|
|
1138
|
-
<path
|
|
1139
|
-
d="M30.354 14.939 19.708 4.293a.999.999 0 1 0-1.414 1.414L27.587 15H2a1 1 0 0 0 0 2h25.586l-9.293 9.293a.999.999 0 1 0 1.414 1.414l10.646-10.646c.283-.283.439-.66.439-1.061s-.156-.777-.439-1.061Z"
|
|
1140
|
-
/>
|
|
1141
|
-
</svg>
|
|
1043
|
+
<path
|
|
1044
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1045
|
+
/>
|
|
1142
1046
|
</svg>
|
|
1143
1047
|
</span>
|
|
1144
1048
|
</span>
|
|
@@ -2,7 +2,7 @@ import { Fragment, useCallback, useEffect } from 'react';
|
|
|
2
2
|
import { css } from '@patternfly/react-styles';
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
|
4
4
|
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
|
|
5
|
-
import
|
|
5
|
+
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
6
6
|
import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
|
|
7
7
|
import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
|
|
8
8
|
|
|
@@ -122,7 +122,7 @@ export const WizardToggle = ({
|
|
|
122
122
|
</span>
|
|
123
123
|
|
|
124
124
|
<span className={css(styles.wizardToggleIcon)}>
|
|
125
|
-
<
|
|
125
|
+
<RhMicronsCaretDownIcon />
|
|
126
126
|
</span>
|
|
127
127
|
</button>
|
|
128
128
|
<div className={css(styles.wizardOuterWrap)}>
|
package/src/demos/CardDemos.md
CHANGED
|
@@ -6,7 +6,7 @@ section: components
|
|
|
6
6
|
import { Fragment, useState } from 'react';
|
|
7
7
|
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
8
8
|
import RhUiInformationFillIcon from '@patternfly/react-icons/dist/js/icons/rh-ui-information-fill-icon';
|
|
9
|
-
import
|
|
9
|
+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/js/icons/rh-microns-caret-right-icon';
|
|
10
10
|
import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
|
|
11
11
|
import { RhUiCheckCircleFillIcon, RhUiErrorFillIcon, RhUiWarningFillIcon, RhUiNotificationFillIcon } from '@patternfly/react-icons';
|
|
12
12
|
import { Table, Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table';
|
|
@@ -19,7 +19,7 @@ import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-
|
|
|
19
19
|
import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
|
|
20
20
|
import brandImg from '../assets/PF-IconLogo.svg';
|
|
21
21
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
22
|
-
import
|
|
22
|
+
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
23
23
|
import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
|
|
24
24
|
import avatarImg from '../assets/avatarImg.svg';
|
|
25
25
|
import { css } from '@patternfly/react-styles';
|
|
@@ -21,7 +21,7 @@ import {
|
|
|
21
21
|
MenuToggleElement
|
|
22
22
|
} from '@patternfly/react-core';
|
|
23
23
|
import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
|
|
24
|
-
import
|
|
24
|
+
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
|
|
25
25
|
import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
|
|
26
26
|
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
27
27
|
|
|
@@ -135,7 +135,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
|
|
|
135
135
|
</ListItem>
|
|
136
136
|
</List>
|
|
137
137
|
</Flex>
|
|
138
|
-
<Button
|
|
138
|
+
<Button
|
|
139
|
+
href="#"
|
|
140
|
+
component="a"
|
|
141
|
+
variant="link"
|
|
142
|
+
isInline
|
|
143
|
+
icon={<RhMicronsCaretRightIcon />}
|
|
144
|
+
iconPosition="right"
|
|
145
|
+
>
|
|
139
146
|
View all set up cluster steps
|
|
140
147
|
</Button>
|
|
141
148
|
</Flex>
|
|
@@ -163,7 +170,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
|
|
|
163
170
|
</ListItem>
|
|
164
171
|
</List>
|
|
165
172
|
</Flex>
|
|
166
|
-
<Button
|
|
173
|
+
<Button
|
|
174
|
+
href="#"
|
|
175
|
+
component="a"
|
|
176
|
+
variant="link"
|
|
177
|
+
isInline
|
|
178
|
+
icon={<RhMicronsCaretRightIcon />}
|
|
179
|
+
iconPosition="right"
|
|
180
|
+
>
|
|
167
181
|
View all guided tours
|
|
168
182
|
</Button>
|
|
169
183
|
</Flex>
|
|
@@ -194,7 +208,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
|
|
|
194
208
|
</ListItem>
|
|
195
209
|
</List>
|
|
196
210
|
</Flex>
|
|
197
|
-
<Button
|
|
211
|
+
<Button
|
|
212
|
+
href="#"
|
|
213
|
+
component="a"
|
|
214
|
+
variant="link"
|
|
215
|
+
isInline
|
|
216
|
+
icon={<RhMicronsCaretRightIcon />}
|
|
217
|
+
iconPosition="right"
|
|
218
|
+
>
|
|
198
219
|
View all quick starts
|
|
199
220
|
</Button>
|
|
200
221
|
</Flex>
|
|
@@ -228,7 +249,14 @@ export const CardHorizontalGrid: React.FunctionComponent = () => {
|
|
|
228
249
|
</ListItem>
|
|
229
250
|
</List>
|
|
230
251
|
</Flex>
|
|
231
|
-
<Button
|
|
252
|
+
<Button
|
|
253
|
+
href="#"
|
|
254
|
+
component="a"
|
|
255
|
+
variant="link"
|
|
256
|
+
isInline
|
|
257
|
+
icon={<RhMicronsCaretRightIcon />}
|
|
258
|
+
iconPosition="right"
|
|
259
|
+
>
|
|
232
260
|
View all learning resources
|
|
233
261
|
</Button>
|
|
234
262
|
</Flex>
|
|
@@ -11,7 +11,7 @@ import { Fragment, useRef, useState } from 'react';
|
|
|
11
11
|
|
|
12
12
|
import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated';
|
|
13
13
|
import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon';
|
|
14
|
-
import
|
|
14
|
+
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
15
15
|
import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon';
|
|
16
16
|
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
17
17
|
import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
|
|
@@ -2,7 +2,7 @@ import { Fragment } from 'react';
|
|
|
2
2
|
import { css } from '@patternfly/react-styles';
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
|
|
4
4
|
import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
|
|
5
|
-
import
|
|
5
|
+
import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
|
|
6
6
|
import { WizardStep } from './Wizard';
|
|
7
7
|
import { WizardBody } from './WizardBody';
|
|
8
8
|
|
|
@@ -97,7 +97,7 @@ export const WizardToggle: React.FunctionComponent<WizardToggleProps> = ({
|
|
|
97
97
|
{activeStepSubName && <span className={css(styles.wizardToggleListItem)}>{activeStepSubName}</span>}
|
|
98
98
|
</span>
|
|
99
99
|
<span className={css(styles.wizardToggleIcon)}>
|
|
100
|
-
<
|
|
100
|
+
<RhMicronsCaretDownIcon />
|
|
101
101
|
</span>
|
|
102
102
|
</button>
|
|
103
103
|
<div className={css(styles.wizardOuterWrap)}>
|
|
@@ -28,24 +28,12 @@ exports[`WizardToggle should match snapshot (auto-generated) 1`] = `
|
|
|
28
28
|
fill="currentColor"
|
|
29
29
|
height="1em"
|
|
30
30
|
role="img"
|
|
31
|
+
viewBox="0 0 20 20"
|
|
31
32
|
width="1em"
|
|
32
33
|
>
|
|
33
|
-
<
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
>
|
|
37
|
-
<path
|
|
38
|
-
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
|
|
39
|
-
/>
|
|
40
|
-
</svg>
|
|
41
|
-
<svg
|
|
42
|
-
class="pf-v6-icon-rh-ui"
|
|
43
|
-
viewBox="0 0 32 32"
|
|
44
|
-
>
|
|
45
|
-
<path
|
|
46
|
-
d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
|
|
47
|
-
/>
|
|
48
|
-
</svg>
|
|
34
|
+
<path
|
|
35
|
+
d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
|
|
36
|
+
/>
|
|
49
37
|
</svg>
|
|
50
38
|
</span>
|
|
51
39
|
</button>
|
|
@@ -83,24 +83,12 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
|
|
|
83
83
|
fill="currentColor"
|
|
84
84
|
height="1em"
|
|
85
85
|
role="img"
|
|
86
|
+
viewBox="0 0 20 20"
|
|
86
87
|
width="1em"
|
|
87
88
|
>
|
|
88
|
-
<
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
>
|
|
92
|
-
<path
|
|
93
|
-
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
|
|
94
|
-
/>
|
|
95
|
-
</svg>
|
|
96
|
-
<svg
|
|
97
|
-
class="pf-v6-icon-rh-ui"
|
|
98
|
-
viewBox="0 0 32 32"
|
|
99
|
-
>
|
|
100
|
-
<path
|
|
101
|
-
d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
|
|
102
|
-
/>
|
|
103
|
-
</svg>
|
|
89
|
+
<path
|
|
90
|
+
d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
|
|
91
|
+
/>
|
|
104
92
|
</svg>
|
|
105
93
|
</span>
|
|
106
94
|
</button>
|
|
@@ -430,24 +418,12 @@ exports[`Wizard Wizard should match snapshot 1`] = `
|
|
|
430
418
|
fill="currentColor"
|
|
431
419
|
height="1em"
|
|
432
420
|
role="img"
|
|
421
|
+
viewBox="0 0 20 20"
|
|
433
422
|
width="1em"
|
|
434
423
|
>
|
|
435
|
-
<
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
>
|
|
439
|
-
<path
|
|
440
|
-
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
|
|
441
|
-
/>
|
|
442
|
-
</svg>
|
|
443
|
-
<svg
|
|
444
|
-
class="pf-v6-icon-rh-ui"
|
|
445
|
-
viewBox="0 0 32 32"
|
|
446
|
-
>
|
|
447
|
-
<path
|
|
448
|
-
d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
|
|
449
|
-
/>
|
|
450
|
-
</svg>
|
|
424
|
+
<path
|
|
425
|
+
d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
|
|
426
|
+
/>
|
|
451
427
|
</svg>
|
|
452
428
|
</span>
|
|
453
429
|
</button>
|
|
@@ -708,24 +684,12 @@ exports[`Wizard bare wiz 1`] = `
|
|
|
708
684
|
fill="currentColor"
|
|
709
685
|
height="1em"
|
|
710
686
|
role="img"
|
|
687
|
+
viewBox="0 0 20 20"
|
|
711
688
|
width="1em"
|
|
712
689
|
>
|
|
713
|
-
<
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
>
|
|
717
|
-
<path
|
|
718
|
-
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
|
|
719
|
-
/>
|
|
720
|
-
</svg>
|
|
721
|
-
<svg
|
|
722
|
-
class="pf-v6-icon-rh-ui"
|
|
723
|
-
viewBox="0 0 32 32"
|
|
724
|
-
>
|
|
725
|
-
<path
|
|
726
|
-
d="M16 24.792c-.384 0-.769-.146-1.061-.438L2.293 11.707a.999.999 0 1 1 1.414-1.414L16 22.586l12.293-12.293a.999.999 0 1 1 1.414 1.414L17.061 24.353a1.497 1.497 0 0 1-1.061.438Z"
|
|
727
|
-
/>
|
|
728
|
-
</svg>
|
|
690
|
+
<path
|
|
691
|
+
d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
|
|
692
|
+
/>
|
|
729
693
|
</svg>
|
|
730
694
|
</span>
|
|
731
695
|
</button>
|