@patternfly/patternfly 6.5.0-prerelease.45 → 6.5.0-prerelease.46
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/NotificationDrawer/notification-drawer.css +10 -2
- package/components/NotificationDrawer/notification-drawer.scss +11 -4
- package/components/_index.css +10 -2
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
- 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/Drawer/examples/Drawer.md +42 -42
- package/docs/components/DualListSelector/examples/DualListSelector.md +792 -72
- package/docs/components/Icon/examples/Icon.md +65 -5
- package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
- package/docs/components/Label/examples/Label.md +2812 -220
- 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 +18 -18
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +524 -44
- 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/Tabs/examples/Tabs.md +1638 -126
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
- package/docs/components/Toolbar/examples/Toolbar.md +48 -48
- package/docs/components/Wizard/examples/Wizard.md +26 -26
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/Card/examples/Card.md +80 -8
- package/docs/demos/Compass/examples/Compass.md +2 -2
- package/docs/demos/Dashboard/examples/Dashboard.md +24 -6
- package/docs/demos/DescriptionList/examples/DescriptionList.md +2 -2
- package/docs/demos/Drawer/examples/Drawer.md +6 -6
- package/docs/demos/Form/examples/BasicForms.md +26 -2
- package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -4
- package/docs/demos/Masthead/examples/Masthead.md +15 -3
- package/docs/demos/Modal/examples/Modal.md +12 -12
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +816 -96
- package/docs/demos/Page/examples/Page.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -18
- package/docs/demos/Table/examples/Table.md +232 -19
- package/docs/demos/Tabs/examples/Tabs.md +23 -5
- package/docs/demos/Toolbar/examples/Toolbar.md +24 -24
- package/docs/demos/Wizard/examples/Wizard.md +20 -20
- package/package.json +1 -1
- package/patternfly-no-globals.css +10 -2
- package/patternfly.css +10 -2
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -21,7 +21,7 @@ wrapperTag: div
|
|
|
21
21
|
<span class="pf-v6-c-button__icon">
|
|
22
22
|
<svg
|
|
23
23
|
class="pf-v6-svg"
|
|
24
|
-
viewBox="0 0
|
|
24
|
+
viewBox="0 0 20 20"
|
|
25
25
|
fill="currentColor"
|
|
26
26
|
aria-hidden="true"
|
|
27
27
|
role="img"
|
|
@@ -29,7 +29,7 @@ wrapperTag: div
|
|
|
29
29
|
height="1em"
|
|
30
30
|
>
|
|
31
31
|
<path
|
|
32
|
-
d="
|
|
32
|
+
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"
|
|
33
33
|
/>
|
|
34
34
|
</svg>
|
|
35
35
|
</span>
|
|
@@ -319,7 +319,7 @@ wrapperTag: div
|
|
|
319
319
|
<span class="pf-v6-c-button__icon">
|
|
320
320
|
<svg
|
|
321
321
|
class="pf-v6-svg"
|
|
322
|
-
viewBox="0 0
|
|
322
|
+
viewBox="0 0 20 20"
|
|
323
323
|
fill="currentColor"
|
|
324
324
|
aria-hidden="true"
|
|
325
325
|
role="img"
|
|
@@ -327,7 +327,7 @@ wrapperTag: div
|
|
|
327
327
|
height="1em"
|
|
328
328
|
>
|
|
329
329
|
<path
|
|
330
|
-
d="
|
|
330
|
+
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"
|
|
331
331
|
/>
|
|
332
332
|
</svg>
|
|
333
333
|
</span>
|
|
@@ -617,7 +617,7 @@ wrapperTag: div
|
|
|
617
617
|
<span class="pf-v6-c-button__icon">
|
|
618
618
|
<svg
|
|
619
619
|
class="pf-v6-svg"
|
|
620
|
-
viewBox="0 0
|
|
620
|
+
viewBox="0 0 20 20"
|
|
621
621
|
fill="currentColor"
|
|
622
622
|
aria-hidden="true"
|
|
623
623
|
role="img"
|
|
@@ -625,7 +625,7 @@ wrapperTag: div
|
|
|
625
625
|
height="1em"
|
|
626
626
|
>
|
|
627
627
|
<path
|
|
628
|
-
d="
|
|
628
|
+
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"
|
|
629
629
|
/>
|
|
630
630
|
</svg>
|
|
631
631
|
</span>
|
|
@@ -894,7 +894,7 @@ wrapperTag: div
|
|
|
894
894
|
<span class="pf-v6-c-button__icon">
|
|
895
895
|
<svg
|
|
896
896
|
class="pf-v6-svg"
|
|
897
|
-
viewBox="0 0
|
|
897
|
+
viewBox="0 0 20 20"
|
|
898
898
|
fill="currentColor"
|
|
899
899
|
aria-hidden="true"
|
|
900
900
|
role="img"
|
|
@@ -902,7 +902,7 @@ wrapperTag: div
|
|
|
902
902
|
height="1em"
|
|
903
903
|
>
|
|
904
904
|
<path
|
|
905
|
-
d="
|
|
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
906
|
/>
|
|
907
907
|
</svg>
|
|
908
908
|
</span>
|
|
@@ -958,7 +958,7 @@ wrapperTag: div
|
|
|
958
958
|
<span class="pf-v6-c-button__icon">
|
|
959
959
|
<svg
|
|
960
960
|
class="pf-v6-svg"
|
|
961
|
-
viewBox="0 0
|
|
961
|
+
viewBox="0 0 20 20"
|
|
962
962
|
fill="currentColor"
|
|
963
963
|
aria-hidden="true"
|
|
964
964
|
role="img"
|
|
@@ -966,7 +966,7 @@ wrapperTag: div
|
|
|
966
966
|
height="1em"
|
|
967
967
|
>
|
|
968
968
|
<path
|
|
969
|
-
d="
|
|
969
|
+
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"
|
|
970
970
|
/>
|
|
971
971
|
</svg>
|
|
972
972
|
</span>
|
|
@@ -1256,7 +1256,7 @@ wrapperTag: div
|
|
|
1256
1256
|
<span class="pf-v6-c-button__icon">
|
|
1257
1257
|
<svg
|
|
1258
1258
|
class="pf-v6-svg"
|
|
1259
|
-
viewBox="0 0
|
|
1259
|
+
viewBox="0 0 20 20"
|
|
1260
1260
|
fill="currentColor"
|
|
1261
1261
|
aria-hidden="true"
|
|
1262
1262
|
role="img"
|
|
@@ -1264,7 +1264,7 @@ wrapperTag: div
|
|
|
1264
1264
|
height="1em"
|
|
1265
1265
|
>
|
|
1266
1266
|
<path
|
|
1267
|
-
d="
|
|
1267
|
+
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"
|
|
1268
1268
|
/>
|
|
1269
1269
|
</svg>
|
|
1270
1270
|
</span>
|
|
@@ -1554,7 +1554,7 @@ wrapperTag: div
|
|
|
1554
1554
|
<span class="pf-v6-c-button__icon">
|
|
1555
1555
|
<svg
|
|
1556
1556
|
class="pf-v6-svg"
|
|
1557
|
-
viewBox="0 0
|
|
1557
|
+
viewBox="0 0 20 20"
|
|
1558
1558
|
fill="currentColor"
|
|
1559
1559
|
aria-hidden="true"
|
|
1560
1560
|
role="img"
|
|
@@ -1562,7 +1562,7 @@ wrapperTag: div
|
|
|
1562
1562
|
height="1em"
|
|
1563
1563
|
>
|
|
1564
1564
|
<path
|
|
1565
|
-
d="
|
|
1565
|
+
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"
|
|
1566
1566
|
/>
|
|
1567
1567
|
</svg>
|
|
1568
1568
|
</span>
|
|
@@ -1745,7 +1745,7 @@ wrapperTag: div
|
|
|
1745
1745
|
<span class="pf-v6-c-button__icon">
|
|
1746
1746
|
<svg
|
|
1747
1747
|
class="pf-v6-svg"
|
|
1748
|
-
viewBox="0 0
|
|
1748
|
+
viewBox="0 0 20 20"
|
|
1749
1749
|
fill="currentColor"
|
|
1750
1750
|
aria-hidden="true"
|
|
1751
1751
|
role="img"
|
|
@@ -1753,7 +1753,7 @@ wrapperTag: div
|
|
|
1753
1753
|
height="1em"
|
|
1754
1754
|
>
|
|
1755
1755
|
<path
|
|
1756
|
-
d="
|
|
1756
|
+
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"
|
|
1757
1757
|
/>
|
|
1758
1758
|
</svg>
|
|
1759
1759
|
</span>
|
|
@@ -2048,7 +2048,7 @@ wrapperTag: div
|
|
|
2048
2048
|
<span class="pf-v6-c-button__icon">
|
|
2049
2049
|
<svg
|
|
2050
2050
|
class="pf-v6-svg"
|
|
2051
|
-
viewBox="0 0
|
|
2051
|
+
viewBox="0 0 20 20"
|
|
2052
2052
|
fill="currentColor"
|
|
2053
2053
|
aria-hidden="true"
|
|
2054
2054
|
role="img"
|
|
@@ -2056,7 +2056,7 @@ wrapperTag: div
|
|
|
2056
2056
|
height="1em"
|
|
2057
2057
|
>
|
|
2058
2058
|
<path
|
|
2059
|
-
d="
|
|
2059
|
+
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"
|
|
2060
2060
|
/>
|
|
2061
2061
|
</svg>
|
|
2062
2062
|
</span>
|
|
@@ -2351,7 +2351,7 @@ wrapperTag: div
|
|
|
2351
2351
|
<span class="pf-v6-c-button__icon">
|
|
2352
2352
|
<svg
|
|
2353
2353
|
class="pf-v6-svg"
|
|
2354
|
-
viewBox="0 0
|
|
2354
|
+
viewBox="0 0 20 20"
|
|
2355
2355
|
fill="currentColor"
|
|
2356
2356
|
aria-hidden="true"
|
|
2357
2357
|
role="img"
|
|
@@ -2359,7 +2359,7 @@ wrapperTag: div
|
|
|
2359
2359
|
height="1em"
|
|
2360
2360
|
>
|
|
2361
2361
|
<path
|
|
2362
|
-
d="
|
|
2362
|
+
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"
|
|
2363
2363
|
/>
|
|
2364
2364
|
</svg>
|
|
2365
2365
|
</span>
|
|
@@ -2654,7 +2654,7 @@ wrapperTag: div
|
|
|
2654
2654
|
<span class="pf-v6-c-button__icon">
|
|
2655
2655
|
<svg
|
|
2656
2656
|
class="pf-v6-svg"
|
|
2657
|
-
viewBox="0 0
|
|
2657
|
+
viewBox="0 0 20 20"
|
|
2658
2658
|
fill="currentColor"
|
|
2659
2659
|
aria-hidden="true"
|
|
2660
2660
|
role="img"
|
|
@@ -2662,7 +2662,7 @@ wrapperTag: div
|
|
|
2662
2662
|
height="1em"
|
|
2663
2663
|
>
|
|
2664
2664
|
<path
|
|
2665
|
-
d="
|
|
2665
|
+
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"
|
|
2666
2666
|
/>
|
|
2667
2667
|
</svg>
|
|
2668
2668
|
</span>
|
|
@@ -2957,7 +2957,7 @@ wrapperTag: div
|
|
|
2957
2957
|
<span class="pf-v6-c-button__icon">
|
|
2958
2958
|
<svg
|
|
2959
2959
|
class="pf-v6-svg"
|
|
2960
|
-
viewBox="0 0
|
|
2960
|
+
viewBox="0 0 20 20"
|
|
2961
2961
|
fill="currentColor"
|
|
2962
2962
|
aria-hidden="true"
|
|
2963
2963
|
role="img"
|
|
@@ -2965,7 +2965,7 @@ wrapperTag: div
|
|
|
2965
2965
|
height="1em"
|
|
2966
2966
|
>
|
|
2967
2967
|
<path
|
|
2968
|
-
d="
|
|
2968
|
+
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"
|
|
2969
2969
|
/>
|
|
2970
2970
|
</svg>
|
|
2971
2971
|
</span>
|
|
@@ -3260,7 +3260,7 @@ wrapperTag: div
|
|
|
3260
3260
|
<span class="pf-v6-c-button__icon">
|
|
3261
3261
|
<svg
|
|
3262
3262
|
class="pf-v6-svg"
|
|
3263
|
-
viewBox="0 0
|
|
3263
|
+
viewBox="0 0 20 20"
|
|
3264
3264
|
fill="currentColor"
|
|
3265
3265
|
aria-hidden="true"
|
|
3266
3266
|
role="img"
|
|
@@ -3268,7 +3268,7 @@ wrapperTag: div
|
|
|
3268
3268
|
height="1em"
|
|
3269
3269
|
>
|
|
3270
3270
|
<path
|
|
3271
|
-
d="
|
|
3271
|
+
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"
|
|
3272
3272
|
/>
|
|
3273
3273
|
</svg>
|
|
3274
3274
|
</span>
|
|
@@ -351,7 +351,7 @@ This demo implements the about modal, including the backdrop.
|
|
|
351
351
|
<span class="pf-v6-c-button__icon">
|
|
352
352
|
<svg
|
|
353
353
|
class="pf-v6-svg"
|
|
354
|
-
viewBox="0 0
|
|
354
|
+
viewBox="0 0 20 20"
|
|
355
355
|
fill="currentColor"
|
|
356
356
|
aria-hidden="true"
|
|
357
357
|
role="img"
|
|
@@ -359,7 +359,7 @@ This demo implements the about modal, including the backdrop.
|
|
|
359
359
|
height="1em"
|
|
360
360
|
>
|
|
361
361
|
<path
|
|
362
|
-
d="
|
|
362
|
+
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"
|
|
363
363
|
/>
|
|
364
364
|
</svg>
|
|
365
365
|
</span>
|
|
@@ -340,7 +340,7 @@ section: components
|
|
|
340
340
|
<span class="pf-v6-c-button__icon">
|
|
341
341
|
<svg
|
|
342
342
|
class="pf-v6-svg"
|
|
343
|
-
viewBox="0 0
|
|
343
|
+
viewBox="0 0 20 20"
|
|
344
344
|
fill="currentColor"
|
|
345
345
|
aria-hidden="true"
|
|
346
346
|
role="img"
|
|
@@ -348,7 +348,7 @@ section: components
|
|
|
348
348
|
height="1em"
|
|
349
349
|
>
|
|
350
350
|
<path
|
|
351
|
-
d="
|
|
351
|
+
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"
|
|
352
352
|
/>
|
|
353
353
|
</svg>
|
|
354
354
|
</span>
|
|
@@ -377,7 +377,7 @@ section: components
|
|
|
377
377
|
<span class="pf-v6-c-button__icon">
|
|
378
378
|
<svg
|
|
379
379
|
class="pf-v6-svg"
|
|
380
|
-
viewBox="0 0
|
|
380
|
+
viewBox="0 0 20 20"
|
|
381
381
|
fill="currentColor"
|
|
382
382
|
aria-hidden="true"
|
|
383
383
|
role="img"
|
|
@@ -385,7 +385,7 @@ section: components
|
|
|
385
385
|
height="1em"
|
|
386
386
|
>
|
|
387
387
|
<path
|
|
388
|
-
d="
|
|
388
|
+
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"
|
|
389
389
|
/>
|
|
390
390
|
</svg>
|
|
391
391
|
</span>
|
|
@@ -414,7 +414,7 @@ section: components
|
|
|
414
414
|
<span class="pf-v6-c-button__icon">
|
|
415
415
|
<svg
|
|
416
416
|
class="pf-v6-svg"
|
|
417
|
-
viewBox="0 0
|
|
417
|
+
viewBox="0 0 20 20"
|
|
418
418
|
fill="currentColor"
|
|
419
419
|
aria-hidden="true"
|
|
420
420
|
role="img"
|
|
@@ -422,7 +422,7 @@ section: components
|
|
|
422
422
|
height="1em"
|
|
423
423
|
>
|
|
424
424
|
<path
|
|
425
|
-
d="
|
|
425
|
+
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"
|
|
426
426
|
/>
|
|
427
427
|
</svg>
|
|
428
428
|
</span>
|
|
@@ -1125,7 +1125,19 @@ wrapperTag: div
|
|
|
1125
1125
|
>
|
|
1126
1126
|
<div class="pf-v6-c-notification-drawer__list-item-header">
|
|
1127
1127
|
<span class="pf-v6-c-notification-drawer__list-item-header-icon">
|
|
1128
|
-
<
|
|
1128
|
+
<svg
|
|
1129
|
+
class="pf-v6-svg"
|
|
1130
|
+
viewBox="0 0 32 32"
|
|
1131
|
+
fill="currentColor"
|
|
1132
|
+
aria-hidden="true"
|
|
1133
|
+
role="img"
|
|
1134
|
+
width="1em"
|
|
1135
|
+
height="1em"
|
|
1136
|
+
>
|
|
1137
|
+
<path
|
|
1138
|
+
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"
|
|
1139
|
+
/>
|
|
1140
|
+
</svg>
|
|
1129
1141
|
</span>
|
|
1130
1142
|
<h2 class="pf-v6-c-notification-drawer__list-item-header-title">
|
|
1131
1143
|
<span class="pf-v6-screen-reader">Danger notification:</span>
|
|
@@ -1142,7 +1154,19 @@ wrapperTag: div
|
|
|
1142
1154
|
>
|
|
1143
1155
|
<div class="pf-v6-c-notification-drawer__list-item-header">
|
|
1144
1156
|
<span class="pf-v6-c-notification-drawer__list-item-header-icon">
|
|
1145
|
-
<
|
|
1157
|
+
<svg
|
|
1158
|
+
class="pf-v6-svg"
|
|
1159
|
+
viewBox="0 0 32 32"
|
|
1160
|
+
fill="currentColor"
|
|
1161
|
+
aria-hidden="true"
|
|
1162
|
+
role="img"
|
|
1163
|
+
width="1em"
|
|
1164
|
+
height="1em"
|
|
1165
|
+
>
|
|
1166
|
+
<path
|
|
1167
|
+
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"
|
|
1168
|
+
/>
|
|
1169
|
+
</svg>
|
|
1146
1170
|
</span>
|
|
1147
1171
|
<h2 class="pf-v6-c-notification-drawer__list-item-header-title">
|
|
1148
1172
|
<span class="pf-v6-screen-reader">Warning notification:</span>
|
|
@@ -1314,7 +1338,19 @@ wrapperTag: div
|
|
|
1314
1338
|
>
|
|
1315
1339
|
<div class="pf-v6-c-notification-drawer__list-item-header">
|
|
1316
1340
|
<span class="pf-v6-c-notification-drawer__list-item-header-icon">
|
|
1317
|
-
<
|
|
1341
|
+
<svg
|
|
1342
|
+
class="pf-v6-svg"
|
|
1343
|
+
viewBox="0 0 32 32"
|
|
1344
|
+
fill="currentColor"
|
|
1345
|
+
aria-hidden="true"
|
|
1346
|
+
role="img"
|
|
1347
|
+
width="1em"
|
|
1348
|
+
height="1em"
|
|
1349
|
+
>
|
|
1350
|
+
<path
|
|
1351
|
+
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"
|
|
1352
|
+
/>
|
|
1353
|
+
</svg>
|
|
1318
1354
|
</span>
|
|
1319
1355
|
<h2 class="pf-v6-c-notification-drawer__list-item-header-title">
|
|
1320
1356
|
<span class="pf-v6-screen-reader">Danger notification:</span>
|
|
@@ -1331,7 +1367,19 @@ wrapperTag: div
|
|
|
1331
1367
|
>
|
|
1332
1368
|
<div class="pf-v6-c-notification-drawer__list-item-header">
|
|
1333
1369
|
<span class="pf-v6-c-notification-drawer__list-item-header-icon">
|
|
1334
|
-
<
|
|
1370
|
+
<svg
|
|
1371
|
+
class="pf-v6-svg"
|
|
1372
|
+
viewBox="0 0 32 32"
|
|
1373
|
+
fill="currentColor"
|
|
1374
|
+
aria-hidden="true"
|
|
1375
|
+
role="img"
|
|
1376
|
+
width="1em"
|
|
1377
|
+
height="1em"
|
|
1378
|
+
>
|
|
1379
|
+
<path
|
|
1380
|
+
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"
|
|
1381
|
+
/>
|
|
1382
|
+
</svg>
|
|
1335
1383
|
</span>
|
|
1336
1384
|
<h2 class="pf-v6-c-notification-drawer__list-item-header-title">
|
|
1337
1385
|
<span class="pf-v6-screen-reader">Warning notification:</span>
|
|
@@ -1404,7 +1452,7 @@ wrapperTag: div
|
|
|
1404
1452
|
<span class="pf-v6-c-button__icon">
|
|
1405
1453
|
<svg
|
|
1406
1454
|
class="pf-v6-svg"
|
|
1407
|
-
viewBox="0 0
|
|
1455
|
+
viewBox="0 0 20 20"
|
|
1408
1456
|
fill="currentColor"
|
|
1409
1457
|
aria-hidden="true"
|
|
1410
1458
|
role="img"
|
|
@@ -1412,7 +1460,7 @@ wrapperTag: div
|
|
|
1412
1460
|
height="1em"
|
|
1413
1461
|
>
|
|
1414
1462
|
<path
|
|
1415
|
-
d="
|
|
1463
|
+
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"
|
|
1416
1464
|
/>
|
|
1417
1465
|
</svg>
|
|
1418
1466
|
</span>
|
|
@@ -1861,7 +1909,19 @@ wrapperTag: div
|
|
|
1861
1909
|
>
|
|
1862
1910
|
<div class="pf-v6-c-notification-drawer__list-item-header">
|
|
1863
1911
|
<span class="pf-v6-c-notification-drawer__list-item-header-icon">
|
|
1864
|
-
<
|
|
1912
|
+
<svg
|
|
1913
|
+
class="pf-v6-svg"
|
|
1914
|
+
viewBox="0 0 32 32"
|
|
1915
|
+
fill="currentColor"
|
|
1916
|
+
aria-hidden="true"
|
|
1917
|
+
role="img"
|
|
1918
|
+
width="1em"
|
|
1919
|
+
height="1em"
|
|
1920
|
+
>
|
|
1921
|
+
<path
|
|
1922
|
+
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"
|
|
1923
|
+
/>
|
|
1924
|
+
</svg>
|
|
1865
1925
|
</span>
|
|
1866
1926
|
<h2 class="pf-v6-c-notification-drawer__list-item-header-title">
|
|
1867
1927
|
<span class="pf-v6-screen-reader">Danger notification:</span>
|
|
@@ -1878,7 +1938,19 @@ wrapperTag: div
|
|
|
1878
1938
|
>
|
|
1879
1939
|
<div class="pf-v6-c-notification-drawer__list-item-header">
|
|
1880
1940
|
<span class="pf-v6-c-notification-drawer__list-item-header-icon">
|
|
1881
|
-
<
|
|
1941
|
+
<svg
|
|
1942
|
+
class="pf-v6-svg"
|
|
1943
|
+
viewBox="0 0 32 32"
|
|
1944
|
+
fill="currentColor"
|
|
1945
|
+
aria-hidden="true"
|
|
1946
|
+
role="img"
|
|
1947
|
+
width="1em"
|
|
1948
|
+
height="1em"
|
|
1949
|
+
>
|
|
1950
|
+
<path
|
|
1951
|
+
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"
|
|
1952
|
+
/>
|
|
1953
|
+
</svg>
|
|
1882
1954
|
</span>
|
|
1883
1955
|
<h2 class="pf-v6-c-notification-drawer__list-item-header-title">
|
|
1884
1956
|
<span class="pf-v6-screen-reader">Warning notification:</span>
|
|
@@ -6565,7 +6565,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6565
6565
|
<span class="pf-v6-c-button__icon">
|
|
6566
6566
|
<svg
|
|
6567
6567
|
class="pf-v6-svg"
|
|
6568
|
-
viewBox="0 0
|
|
6568
|
+
viewBox="0 0 20 20"
|
|
6569
6569
|
fill="currentColor"
|
|
6570
6570
|
aria-hidden="true"
|
|
6571
6571
|
role="img"
|
|
@@ -6573,7 +6573,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6573
6573
|
height="1em"
|
|
6574
6574
|
>
|
|
6575
6575
|
<path
|
|
6576
|
-
d="
|
|
6576
|
+
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
6577
|
/>
|
|
6578
6578
|
</svg>
|
|
6579
6579
|
</span>
|
|
@@ -865,10 +865,19 @@ cssPrefix: pf-d-dashboard
|
|
|
865
865
|
<span
|
|
866
866
|
class="pf-v6-c-notification-drawer__list-item-header-icon"
|
|
867
867
|
>
|
|
868
|
-
<
|
|
869
|
-
class="
|
|
868
|
+
<svg
|
|
869
|
+
class="pf-v6-svg"
|
|
870
|
+
viewBox="0 0 32 32"
|
|
871
|
+
fill="currentColor"
|
|
870
872
|
aria-hidden="true"
|
|
871
|
-
|
|
873
|
+
role="img"
|
|
874
|
+
width="1em"
|
|
875
|
+
height="1em"
|
|
876
|
+
>
|
|
877
|
+
<path
|
|
878
|
+
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"
|
|
879
|
+
/>
|
|
880
|
+
</svg>
|
|
872
881
|
</span>
|
|
873
882
|
<h2
|
|
874
883
|
class="pf-v6-c-notification-drawer__list-item-header-title"
|
|
@@ -893,10 +902,19 @@ cssPrefix: pf-d-dashboard
|
|
|
893
902
|
<span
|
|
894
903
|
class="pf-v6-c-notification-drawer__list-item-header-icon"
|
|
895
904
|
>
|
|
896
|
-
<
|
|
897
|
-
class="
|
|
905
|
+
<svg
|
|
906
|
+
class="pf-v6-svg"
|
|
907
|
+
viewBox="0 0 32 32"
|
|
908
|
+
fill="currentColor"
|
|
898
909
|
aria-hidden="true"
|
|
899
|
-
|
|
910
|
+
role="img"
|
|
911
|
+
width="1em"
|
|
912
|
+
height="1em"
|
|
913
|
+
>
|
|
914
|
+
<path
|
|
915
|
+
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"
|
|
916
|
+
/>
|
|
917
|
+
</svg>
|
|
900
918
|
</span>
|
|
901
919
|
<h2
|
|
902
920
|
class="pf-v6-c-notification-drawer__list-item-header-title"
|
|
@@ -749,7 +749,7 @@ cssPrefix: pf-d-description-list
|
|
|
749
749
|
<span class="pf-v6-c-button__icon">
|
|
750
750
|
<svg
|
|
751
751
|
class="pf-v6-svg"
|
|
752
|
-
viewBox="0 0
|
|
752
|
+
viewBox="0 0 20 20"
|
|
753
753
|
fill="currentColor"
|
|
754
754
|
aria-hidden="true"
|
|
755
755
|
role="img"
|
|
@@ -757,7 +757,7 @@ cssPrefix: pf-d-description-list
|
|
|
757
757
|
height="1em"
|
|
758
758
|
>
|
|
759
759
|
<path
|
|
760
|
-
d="
|
|
760
|
+
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"
|
|
761
761
|
/>
|
|
762
762
|
</svg>
|
|
763
763
|
</span>
|