@patternfly/patternfly 6.5.0-prerelease.45 → 6.5.0-prerelease.47
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/components/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/Card/card.css +1 -1
- package/components/Card/card.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +2 -2
- package/components/ExpandableSection/expandable-section.scss +2 -2
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +11 -3
- package/components/NotificationDrawer/notification-drawer.scss +12 -5
- package/components/Table/table.css +2 -2
- package/components/Table/table.scss +2 -2
- package/components/Tabs/tabs.css +2 -2
- package/components/Tabs/tabs.scss +2 -2
- package/components/Toolbar/toolbar.css +1 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/TreeView/tree-view.css +1 -1
- package/components/TreeView/tree-view.scss +1 -1
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +28 -20
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
- package/docs/components/Accordion/examples/Accordion.md +390 -30
- package/docs/components/ActionList/examples/ActionList.md +10 -10
- package/docs/components/Alert/examples/Alert.md +30 -30
- package/docs/components/Banner/examples/Banner.md +65 -5
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
- package/docs/components/Card/examples/Card.md +52 -4
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
- package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
- package/docs/components/DataList/examples/DataList.md +221 -17
- package/docs/components/Drawer/examples/Drawer.md +42 -42
- package/docs/components/DualListSelector/examples/DualListSelector.md +961 -85
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
- package/docs/components/Form/examples/Form.md +78 -6
- package/docs/components/Icon/examples/Icon.md +91 -7
- package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
- package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
- package/docs/components/Label/examples/Label.md +2812 -220
- package/docs/components/Menu/examples/Menu.md +1456 -112
- package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
- package/docs/components/ModalBox/examples/ModalBox.md +121 -37
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +57 -21
- package/docs/components/Nav/examples/Navigation.md +710 -62
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +576 -48
- package/docs/components/Popover/examples/Popover.md +110 -38
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
- package/docs/components/Slider/examples/Slider.md +52 -4
- package/docs/components/Table/examples/Table.md +819 -63
- package/docs/components/Tabs/examples/Tabs.md +1959 -339
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
- package/docs/components/Toolbar/examples/Toolbar.md +48 -48
- package/docs/components/TreeView/examples/TreeView.md +1300 -100
- package/docs/components/Wizard/examples/Wizard.md +349 -85
- package/docs/demos/AboutModal/examples/AboutModal.md +41 -5
- package/docs/demos/Alert/examples/Alert.md +123 -15
- package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
- package/docs/demos/Banner/examples/Banner.md +78 -6
- package/docs/demos/Card/examples/Card.md +310 -34
- package/docs/demos/CardView/examples/CardView.md +78 -6
- package/docs/demos/Compass/examples/Compass.md +73 -37
- package/docs/demos/Dashboard/examples/Dashboard.md +128 -14
- package/docs/demos/DataList/examples/DataList.md +234 -18
- package/docs/demos/DescriptionList/examples/DescriptionList.md +119 -11
- package/docs/demos/Drawer/examples/Drawer.md +147 -21
- package/docs/demos/Form/examples/BasicForms.md +169 -13
- package/docs/demos/JumpLinks/examples/JumpLinks.md +220 -31
- package/docs/demos/Masthead/examples/Masthead.md +370 -34
- package/docs/demos/Modal/examples/Modal.md +246 -30
- package/docs/demos/Nav/examples/Nav.md +320 -32
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1063 -115
- package/docs/demos/Page/examples/Page.md +548 -44
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +371 -47
- package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
- package/docs/demos/Table/examples/Table.md +934 -73
- package/docs/demos/Tabs/examples/Tabs.md +261 -27
- package/docs/demos/Toolbar/examples/Toolbar.md +102 -30
- package/docs/demos/Wizard/examples/Wizard.md +641 -92
- package/package.json +1 -1
- package/patternfly-no-globals.css +28 -20
- package/patternfly.css +28 -20
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -150,7 +150,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
150
150
|
<span class="pf-v6-c-button__icon">
|
|
151
151
|
<svg
|
|
152
152
|
class="pf-v6-svg"
|
|
153
|
-
viewBox="0 0
|
|
153
|
+
viewBox="0 0 20 20"
|
|
154
154
|
fill="currentColor"
|
|
155
155
|
aria-hidden="true"
|
|
156
156
|
role="img"
|
|
@@ -158,7 +158,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
158
158
|
height="1em"
|
|
159
159
|
>
|
|
160
160
|
<path
|
|
161
|
-
d="
|
|
161
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
162
162
|
/>
|
|
163
163
|
</svg>
|
|
164
164
|
</span>
|
|
@@ -248,7 +248,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
248
248
|
<span class="pf-v6-c-button__icon">
|
|
249
249
|
<svg
|
|
250
250
|
class="pf-v6-svg"
|
|
251
|
-
viewBox="0 0
|
|
251
|
+
viewBox="0 0 20 20"
|
|
252
252
|
fill="currentColor"
|
|
253
253
|
aria-hidden="true"
|
|
254
254
|
role="img"
|
|
@@ -256,7 +256,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
256
256
|
height="1em"
|
|
257
257
|
>
|
|
258
258
|
<path
|
|
259
|
-
d="
|
|
259
|
+
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"
|
|
260
260
|
/>
|
|
261
261
|
</svg>
|
|
262
262
|
</span>
|
|
@@ -306,7 +306,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
306
306
|
<span class="pf-v6-c-button__icon">
|
|
307
307
|
<svg
|
|
308
308
|
class="pf-v6-svg"
|
|
309
|
-
viewBox="0 0
|
|
309
|
+
viewBox="0 0 20 20"
|
|
310
310
|
fill="currentColor"
|
|
311
311
|
aria-hidden="true"
|
|
312
312
|
role="img"
|
|
@@ -314,7 +314,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
314
314
|
height="1em"
|
|
315
315
|
>
|
|
316
316
|
<path
|
|
317
|
-
d="
|
|
317
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
318
318
|
/>
|
|
319
319
|
</svg>
|
|
320
320
|
</span>
|
|
@@ -407,7 +407,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
407
407
|
<span class="pf-v6-c-button__icon">
|
|
408
408
|
<svg
|
|
409
409
|
class="pf-v6-svg"
|
|
410
|
-
viewBox="0 0
|
|
410
|
+
viewBox="0 0 20 20"
|
|
411
411
|
fill="currentColor"
|
|
412
412
|
aria-hidden="true"
|
|
413
413
|
role="img"
|
|
@@ -415,7 +415,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
415
415
|
height="1em"
|
|
416
416
|
>
|
|
417
417
|
<path
|
|
418
|
-
d="
|
|
418
|
+
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"
|
|
419
419
|
/>
|
|
420
420
|
</svg>
|
|
421
421
|
</span>
|
|
@@ -1549,7 +1549,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1549
1549
|
<span class="pf-v6-c-button__icon">
|
|
1550
1550
|
<svg
|
|
1551
1551
|
class="pf-v6-svg"
|
|
1552
|
-
viewBox="0 0
|
|
1552
|
+
viewBox="0 0 20 20"
|
|
1553
1553
|
fill="currentColor"
|
|
1554
1554
|
aria-hidden="true"
|
|
1555
1555
|
role="img"
|
|
@@ -1557,7 +1557,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1557
1557
|
height="1em"
|
|
1558
1558
|
>
|
|
1559
1559
|
<path
|
|
1560
|
-
d="
|
|
1560
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1561
1561
|
/>
|
|
1562
1562
|
</svg>
|
|
1563
1563
|
</span>
|
|
@@ -1647,7 +1647,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1647
1647
|
<span class="pf-v6-c-button__icon">
|
|
1648
1648
|
<svg
|
|
1649
1649
|
class="pf-v6-svg"
|
|
1650
|
-
viewBox="0 0
|
|
1650
|
+
viewBox="0 0 20 20"
|
|
1651
1651
|
fill="currentColor"
|
|
1652
1652
|
aria-hidden="true"
|
|
1653
1653
|
role="img"
|
|
@@ -1655,7 +1655,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1655
1655
|
height="1em"
|
|
1656
1656
|
>
|
|
1657
1657
|
<path
|
|
1658
|
-
d="
|
|
1658
|
+
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"
|
|
1659
1659
|
/>
|
|
1660
1660
|
</svg>
|
|
1661
1661
|
</span>
|
|
@@ -1705,7 +1705,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1705
1705
|
<span class="pf-v6-c-button__icon">
|
|
1706
1706
|
<svg
|
|
1707
1707
|
class="pf-v6-svg"
|
|
1708
|
-
viewBox="0 0
|
|
1708
|
+
viewBox="0 0 20 20"
|
|
1709
1709
|
fill="currentColor"
|
|
1710
1710
|
aria-hidden="true"
|
|
1711
1711
|
role="img"
|
|
@@ -1713,7 +1713,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1713
1713
|
height="1em"
|
|
1714
1714
|
>
|
|
1715
1715
|
<path
|
|
1716
|
-
d="
|
|
1716
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1717
1717
|
/>
|
|
1718
1718
|
</svg>
|
|
1719
1719
|
</span>
|
|
@@ -1806,7 +1806,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1806
1806
|
<span class="pf-v6-c-button__icon">
|
|
1807
1807
|
<svg
|
|
1808
1808
|
class="pf-v6-svg"
|
|
1809
|
-
viewBox="0 0
|
|
1809
|
+
viewBox="0 0 20 20"
|
|
1810
1810
|
fill="currentColor"
|
|
1811
1811
|
aria-hidden="true"
|
|
1812
1812
|
role="img"
|
|
@@ -1814,7 +1814,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
1814
1814
|
height="1em"
|
|
1815
1815
|
>
|
|
1816
1816
|
<path
|
|
1817
|
-
d="
|
|
1817
|
+
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"
|
|
1818
1818
|
/>
|
|
1819
1819
|
</svg>
|
|
1820
1820
|
</span>
|
|
@@ -2179,7 +2179,19 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
2179
2179
|
>
|
|
2180
2180
|
<span class="pf-v6-c-button__icon pf-m-start">
|
|
2181
2181
|
<span class="pf-v6-c-card__header-toggle-icon">
|
|
2182
|
-
<
|
|
2182
|
+
<svg
|
|
2183
|
+
class="pf-v6-svg"
|
|
2184
|
+
viewBox="0 0 20 20"
|
|
2185
|
+
fill="currentColor"
|
|
2186
|
+
aria-hidden="true"
|
|
2187
|
+
role="img"
|
|
2188
|
+
width="1em"
|
|
2189
|
+
height="1em"
|
|
2190
|
+
>
|
|
2191
|
+
<path
|
|
2192
|
+
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"
|
|
2193
|
+
/>
|
|
2194
|
+
</svg>
|
|
2183
2195
|
</span>
|
|
2184
2196
|
</span>
|
|
2185
2197
|
</button>
|
|
@@ -2290,7 +2302,19 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
2290
2302
|
>
|
|
2291
2303
|
<span class="pf-v6-c-button__icon pf-m-start">
|
|
2292
2304
|
<span class="pf-v6-c-card__header-toggle-icon">
|
|
2293
|
-
<
|
|
2305
|
+
<svg
|
|
2306
|
+
class="pf-v6-svg"
|
|
2307
|
+
viewBox="0 0 20 20"
|
|
2308
|
+
fill="currentColor"
|
|
2309
|
+
aria-hidden="true"
|
|
2310
|
+
role="img"
|
|
2311
|
+
width="1em"
|
|
2312
|
+
height="1em"
|
|
2313
|
+
>
|
|
2314
|
+
<path
|
|
2315
|
+
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"
|
|
2316
|
+
/>
|
|
2317
|
+
</svg>
|
|
2294
2318
|
</span>
|
|
2295
2319
|
</span>
|
|
2296
2320
|
</button>
|
|
@@ -2318,7 +2342,19 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
2318
2342
|
>
|
|
2319
2343
|
<span class="pf-v6-c-button__icon pf-m-start">
|
|
2320
2344
|
<span class="pf-v6-c-card__header-toggle-icon">
|
|
2321
|
-
<
|
|
2345
|
+
<svg
|
|
2346
|
+
class="pf-v6-svg"
|
|
2347
|
+
viewBox="0 0 20 20"
|
|
2348
|
+
fill="currentColor"
|
|
2349
|
+
aria-hidden="true"
|
|
2350
|
+
role="img"
|
|
2351
|
+
width="1em"
|
|
2352
|
+
height="1em"
|
|
2353
|
+
>
|
|
2354
|
+
<path
|
|
2355
|
+
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"
|
|
2356
|
+
/>
|
|
2357
|
+
</svg>
|
|
2322
2358
|
</span>
|
|
2323
2359
|
</span>
|
|
2324
2360
|
</button>
|
|
@@ -3149,7 +3185,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3149
3185
|
<span class="pf-v6-c-button__icon">
|
|
3150
3186
|
<svg
|
|
3151
3187
|
class="pf-v6-svg"
|
|
3152
|
-
viewBox="0 0
|
|
3188
|
+
viewBox="0 0 20 20"
|
|
3153
3189
|
fill="currentColor"
|
|
3154
3190
|
aria-hidden="true"
|
|
3155
3191
|
role="img"
|
|
@@ -3157,7 +3193,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3157
3193
|
height="1em"
|
|
3158
3194
|
>
|
|
3159
3195
|
<path
|
|
3160
|
-
d="
|
|
3196
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3161
3197
|
/>
|
|
3162
3198
|
</svg>
|
|
3163
3199
|
</span>
|
|
@@ -3247,7 +3283,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3247
3283
|
<span class="pf-v6-c-button__icon">
|
|
3248
3284
|
<svg
|
|
3249
3285
|
class="pf-v6-svg"
|
|
3250
|
-
viewBox="0 0
|
|
3286
|
+
viewBox="0 0 20 20"
|
|
3251
3287
|
fill="currentColor"
|
|
3252
3288
|
aria-hidden="true"
|
|
3253
3289
|
role="img"
|
|
@@ -3255,7 +3291,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3255
3291
|
height="1em"
|
|
3256
3292
|
>
|
|
3257
3293
|
<path
|
|
3258
|
-
d="
|
|
3294
|
+
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"
|
|
3259
3295
|
/>
|
|
3260
3296
|
</svg>
|
|
3261
3297
|
</span>
|
|
@@ -3305,7 +3341,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3305
3341
|
<span class="pf-v6-c-button__icon">
|
|
3306
3342
|
<svg
|
|
3307
3343
|
class="pf-v6-svg"
|
|
3308
|
-
viewBox="0 0
|
|
3344
|
+
viewBox="0 0 20 20"
|
|
3309
3345
|
fill="currentColor"
|
|
3310
3346
|
aria-hidden="true"
|
|
3311
3347
|
role="img"
|
|
@@ -3313,7 +3349,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3313
3349
|
height="1em"
|
|
3314
3350
|
>
|
|
3315
3351
|
<path
|
|
3316
|
-
d="
|
|
3352
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3317
3353
|
/>
|
|
3318
3354
|
</svg>
|
|
3319
3355
|
</span>
|
|
@@ -3406,7 +3442,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3406
3442
|
<span class="pf-v6-c-button__icon">
|
|
3407
3443
|
<svg
|
|
3408
3444
|
class="pf-v6-svg"
|
|
3409
|
-
viewBox="0 0
|
|
3445
|
+
viewBox="0 0 20 20"
|
|
3410
3446
|
fill="currentColor"
|
|
3411
3447
|
aria-hidden="true"
|
|
3412
3448
|
role="img"
|
|
@@ -3414,7 +3450,7 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3414
3450
|
height="1em"
|
|
3415
3451
|
>
|
|
3416
3452
|
<path
|
|
3417
|
-
d="
|
|
3453
|
+
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"
|
|
3418
3454
|
/>
|
|
3419
3455
|
</svg>
|
|
3420
3456
|
</span>
|
|
@@ -5252,7 +5288,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5252
5288
|
<span class="pf-v6-c-button__icon">
|
|
5253
5289
|
<svg
|
|
5254
5290
|
class="pf-v6-svg"
|
|
5255
|
-
viewBox="0 0
|
|
5291
|
+
viewBox="0 0 20 20"
|
|
5256
5292
|
fill="currentColor"
|
|
5257
5293
|
aria-hidden="true"
|
|
5258
5294
|
role="img"
|
|
@@ -5260,7 +5296,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5260
5296
|
height="1em"
|
|
5261
5297
|
>
|
|
5262
5298
|
<path
|
|
5263
|
-
d="
|
|
5299
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
5264
5300
|
/>
|
|
5265
5301
|
</svg>
|
|
5266
5302
|
</span>
|
|
@@ -5356,7 +5392,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5356
5392
|
<span class="pf-v6-c-button__icon">
|
|
5357
5393
|
<svg
|
|
5358
5394
|
class="pf-v6-svg"
|
|
5359
|
-
viewBox="0 0
|
|
5395
|
+
viewBox="0 0 20 20"
|
|
5360
5396
|
fill="currentColor"
|
|
5361
5397
|
aria-hidden="true"
|
|
5362
5398
|
role="img"
|
|
@@ -5364,7 +5400,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5364
5400
|
height="1em"
|
|
5365
5401
|
>
|
|
5366
5402
|
<path
|
|
5367
|
-
d="
|
|
5403
|
+
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"
|
|
5368
5404
|
/>
|
|
5369
5405
|
</svg>
|
|
5370
5406
|
</span>
|
|
@@ -5417,7 +5453,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5417
5453
|
<span class="pf-v6-c-button__icon">
|
|
5418
5454
|
<svg
|
|
5419
5455
|
class="pf-v6-svg"
|
|
5420
|
-
viewBox="0 0
|
|
5456
|
+
viewBox="0 0 20 20"
|
|
5421
5457
|
fill="currentColor"
|
|
5422
5458
|
aria-hidden="true"
|
|
5423
5459
|
role="img"
|
|
@@ -5425,7 +5461,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5425
5461
|
height="1em"
|
|
5426
5462
|
>
|
|
5427
5463
|
<path
|
|
5428
|
-
d="
|
|
5464
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
5429
5465
|
/>
|
|
5430
5466
|
</svg>
|
|
5431
5467
|
</span>
|
|
@@ -5524,7 +5560,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5524
5560
|
<span class="pf-v6-c-button__icon">
|
|
5525
5561
|
<svg
|
|
5526
5562
|
class="pf-v6-svg"
|
|
5527
|
-
viewBox="0 0
|
|
5563
|
+
viewBox="0 0 20 20"
|
|
5528
5564
|
fill="currentColor"
|
|
5529
5565
|
aria-hidden="true"
|
|
5530
5566
|
role="img"
|
|
@@ -5532,7 +5568,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5532
5568
|
height="1em"
|
|
5533
5569
|
>
|
|
5534
5570
|
<path
|
|
5535
|
-
d="
|
|
5571
|
+
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"
|
|
5536
5572
|
/>
|
|
5537
5573
|
</svg>
|
|
5538
5574
|
</span>
|
|
@@ -6565,7 +6601,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6565
6601
|
<span class="pf-v6-c-button__icon">
|
|
6566
6602
|
<svg
|
|
6567
6603
|
class="pf-v6-svg"
|
|
6568
|
-
viewBox="0 0
|
|
6604
|
+
viewBox="0 0 20 20"
|
|
6569
6605
|
fill="currentColor"
|
|
6570
6606
|
aria-hidden="true"
|
|
6571
6607
|
role="img"
|
|
@@ -6573,7 +6609,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6573
6609
|
height="1em"
|
|
6574
6610
|
>
|
|
6575
6611
|
<path
|
|
6576
|
-
d="
|
|
6612
|
+
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"
|
|
6577
6613
|
/>
|
|
6578
6614
|
</svg>
|
|
6579
6615
|
</span>
|
|
@@ -247,21 +247,57 @@ cssPrefix: pf-d-dashboard
|
|
|
247
247
|
</li>
|
|
248
248
|
<li class="pf-v6-c-breadcrumb__item">
|
|
249
249
|
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
250
|
-
<
|
|
250
|
+
<svg
|
|
251
|
+
class="pf-v6-svg"
|
|
252
|
+
viewBox="0 0 20 20"
|
|
253
|
+
fill="currentColor"
|
|
254
|
+
aria-hidden="true"
|
|
255
|
+
role="img"
|
|
256
|
+
width="1em"
|
|
257
|
+
height="1em"
|
|
258
|
+
>
|
|
259
|
+
<path
|
|
260
|
+
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"
|
|
261
|
+
/>
|
|
262
|
+
</svg>
|
|
251
263
|
</span>
|
|
252
264
|
|
|
253
265
|
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
254
266
|
</li>
|
|
255
267
|
<li class="pf-v6-c-breadcrumb__item">
|
|
256
268
|
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
257
|
-
<
|
|
269
|
+
<svg
|
|
270
|
+
class="pf-v6-svg"
|
|
271
|
+
viewBox="0 0 20 20"
|
|
272
|
+
fill="currentColor"
|
|
273
|
+
aria-hidden="true"
|
|
274
|
+
role="img"
|
|
275
|
+
width="1em"
|
|
276
|
+
height="1em"
|
|
277
|
+
>
|
|
278
|
+
<path
|
|
279
|
+
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"
|
|
280
|
+
/>
|
|
281
|
+
</svg>
|
|
258
282
|
</span>
|
|
259
283
|
|
|
260
284
|
<a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
|
|
261
285
|
</li>
|
|
262
286
|
<li class="pf-v6-c-breadcrumb__item">
|
|
263
287
|
<span class="pf-v6-c-breadcrumb__item-divider">
|
|
264
|
-
<
|
|
288
|
+
<svg
|
|
289
|
+
class="pf-v6-svg"
|
|
290
|
+
viewBox="0 0 20 20"
|
|
291
|
+
fill="currentColor"
|
|
292
|
+
aria-hidden="true"
|
|
293
|
+
role="img"
|
|
294
|
+
width="1em"
|
|
295
|
+
height="1em"
|
|
296
|
+
>
|
|
297
|
+
<path
|
|
298
|
+
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"
|
|
299
|
+
/>
|
|
300
|
+
</svg>
|
|
265
301
|
</span>
|
|
266
302
|
|
|
267
303
|
<a
|
|
@@ -295,7 +331,19 @@ cssPrefix: pf-d-dashboard
|
|
|
295
331
|
>
|
|
296
332
|
<span class="pf-v6-c-button__icon pf-m-start">
|
|
297
333
|
<span class="pf-v6-c-card__header-toggle-icon">
|
|
298
|
-
<
|
|
334
|
+
<svg
|
|
335
|
+
class="pf-v6-svg"
|
|
336
|
+
viewBox="0 0 20 20"
|
|
337
|
+
fill="currentColor"
|
|
338
|
+
aria-hidden="true"
|
|
339
|
+
role="img"
|
|
340
|
+
width="1em"
|
|
341
|
+
height="1em"
|
|
342
|
+
>
|
|
343
|
+
<path
|
|
344
|
+
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"
|
|
345
|
+
/>
|
|
346
|
+
</svg>
|
|
299
347
|
</span>
|
|
300
348
|
</span>
|
|
301
349
|
</button>
|
|
@@ -847,7 +895,19 @@ cssPrefix: pf-d-dashboard
|
|
|
847
895
|
<span
|
|
848
896
|
class="pf-v6-c-notification-drawer__group-toggle-icon"
|
|
849
897
|
>
|
|
850
|
-
<
|
|
898
|
+
<svg
|
|
899
|
+
class="pf-v6-svg"
|
|
900
|
+
viewBox="0 0 20 20"
|
|
901
|
+
fill="currentColor"
|
|
902
|
+
aria-hidden="true"
|
|
903
|
+
role="img"
|
|
904
|
+
width="1em"
|
|
905
|
+
height="1em"
|
|
906
|
+
>
|
|
907
|
+
<path
|
|
908
|
+
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"
|
|
909
|
+
/>
|
|
910
|
+
</svg>
|
|
851
911
|
</span>
|
|
852
912
|
</button>
|
|
853
913
|
<ul
|
|
@@ -865,10 +925,19 @@ cssPrefix: pf-d-dashboard
|
|
|
865
925
|
<span
|
|
866
926
|
class="pf-v6-c-notification-drawer__list-item-header-icon"
|
|
867
927
|
>
|
|
868
|
-
<
|
|
869
|
-
class="
|
|
928
|
+
<svg
|
|
929
|
+
class="pf-v6-svg"
|
|
930
|
+
viewBox="0 0 32 32"
|
|
931
|
+
fill="currentColor"
|
|
870
932
|
aria-hidden="true"
|
|
871
|
-
|
|
933
|
+
role="img"
|
|
934
|
+
width="1em"
|
|
935
|
+
height="1em"
|
|
936
|
+
>
|
|
937
|
+
<path
|
|
938
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
|
|
939
|
+
/>
|
|
940
|
+
</svg>
|
|
872
941
|
</span>
|
|
873
942
|
<h2
|
|
874
943
|
class="pf-v6-c-notification-drawer__list-item-header-title"
|
|
@@ -893,10 +962,19 @@ cssPrefix: pf-d-dashboard
|
|
|
893
962
|
<span
|
|
894
963
|
class="pf-v6-c-notification-drawer__list-item-header-icon"
|
|
895
964
|
>
|
|
896
|
-
<
|
|
897
|
-
class="
|
|
965
|
+
<svg
|
|
966
|
+
class="pf-v6-svg"
|
|
967
|
+
viewBox="0 0 32 32"
|
|
968
|
+
fill="currentColor"
|
|
898
969
|
aria-hidden="true"
|
|
899
|
-
|
|
970
|
+
role="img"
|
|
971
|
+
width="1em"
|
|
972
|
+
height="1em"
|
|
973
|
+
>
|
|
974
|
+
<path
|
|
975
|
+
d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
|
|
976
|
+
/>
|
|
977
|
+
</svg>
|
|
900
978
|
</span>
|
|
901
979
|
<h2
|
|
902
980
|
class="pf-v6-c-notification-drawer__list-item-header-title"
|
|
@@ -959,7 +1037,19 @@ cssPrefix: pf-d-dashboard
|
|
|
959
1037
|
>
|
|
960
1038
|
<span class="pf-v6-c-button__icon pf-m-start">
|
|
961
1039
|
<span class="pf-v6-c-card__header-toggle-icon">
|
|
962
|
-
<
|
|
1040
|
+
<svg
|
|
1041
|
+
class="pf-v6-svg"
|
|
1042
|
+
viewBox="0 0 20 20"
|
|
1043
|
+
fill="currentColor"
|
|
1044
|
+
aria-hidden="true"
|
|
1045
|
+
role="img"
|
|
1046
|
+
width="1em"
|
|
1047
|
+
height="1em"
|
|
1048
|
+
>
|
|
1049
|
+
<path
|
|
1050
|
+
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"
|
|
1051
|
+
/>
|
|
1052
|
+
</svg>
|
|
963
1053
|
</span>
|
|
964
1054
|
</span>
|
|
965
1055
|
</button>
|
|
@@ -1070,7 +1160,19 @@ cssPrefix: pf-d-dashboard
|
|
|
1070
1160
|
>
|
|
1071
1161
|
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1072
1162
|
<span class="pf-v6-c-card__header-toggle-icon">
|
|
1073
|
-
<
|
|
1163
|
+
<svg
|
|
1164
|
+
class="pf-v6-svg"
|
|
1165
|
+
viewBox="0 0 20 20"
|
|
1166
|
+
fill="currentColor"
|
|
1167
|
+
aria-hidden="true"
|
|
1168
|
+
role="img"
|
|
1169
|
+
width="1em"
|
|
1170
|
+
height="1em"
|
|
1171
|
+
>
|
|
1172
|
+
<path
|
|
1173
|
+
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"
|
|
1174
|
+
/>
|
|
1175
|
+
</svg>
|
|
1074
1176
|
</span>
|
|
1075
1177
|
</span>
|
|
1076
1178
|
</button>
|
|
@@ -1098,7 +1200,19 @@ cssPrefix: pf-d-dashboard
|
|
|
1098
1200
|
>
|
|
1099
1201
|
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1100
1202
|
<span class="pf-v6-c-card__header-toggle-icon">
|
|
1101
|
-
<
|
|
1203
|
+
<svg
|
|
1204
|
+
class="pf-v6-svg"
|
|
1205
|
+
viewBox="0 0 20 20"
|
|
1206
|
+
fill="currentColor"
|
|
1207
|
+
aria-hidden="true"
|
|
1208
|
+
role="img"
|
|
1209
|
+
width="1em"
|
|
1210
|
+
height="1em"
|
|
1211
|
+
>
|
|
1212
|
+
<path
|
|
1213
|
+
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"
|
|
1214
|
+
/>
|
|
1215
|
+
</svg>
|
|
1102
1216
|
</span>
|
|
1103
1217
|
</span>
|
|
1104
1218
|
</button>
|