@patternfly/patternfly 6.5.0-prerelease.44 → 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/Button/button.css +1 -1
- package/components/Button/button.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +10 -2
- package/components/NotificationDrawer/notification-drawer.scss +11 -4
- package/components/_index.css +11 -3
- 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 +11 -3
- package/patternfly.css +11 -3
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -360,7 +360,7 @@ wrapperTag: div
|
|
|
360
360
|
<span class="pf-v6-c-button__icon">
|
|
361
361
|
<svg
|
|
362
362
|
class="pf-v6-svg"
|
|
363
|
-
viewBox="0 0
|
|
363
|
+
viewBox="0 0 20 20"
|
|
364
364
|
fill="currentColor"
|
|
365
365
|
aria-hidden="true"
|
|
366
366
|
role="img"
|
|
@@ -368,7 +368,7 @@ wrapperTag: div
|
|
|
368
368
|
height="1em"
|
|
369
369
|
>
|
|
370
370
|
<path
|
|
371
|
-
d="
|
|
371
|
+
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"
|
|
372
372
|
/>
|
|
373
373
|
</svg>
|
|
374
374
|
</span>
|
|
@@ -1602,7 +1602,7 @@ wrapperTag: div
|
|
|
1602
1602
|
<span class="pf-v6-c-button__icon">
|
|
1603
1603
|
<svg
|
|
1604
1604
|
class="pf-v6-svg"
|
|
1605
|
-
viewBox="0 0
|
|
1605
|
+
viewBox="0 0 20 20"
|
|
1606
1606
|
fill="currentColor"
|
|
1607
1607
|
aria-hidden="true"
|
|
1608
1608
|
role="img"
|
|
@@ -1610,7 +1610,7 @@ wrapperTag: div
|
|
|
1610
1610
|
height="1em"
|
|
1611
1611
|
>
|
|
1612
1612
|
<path
|
|
1613
|
-
d="
|
|
1613
|
+
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"
|
|
1614
1614
|
/>
|
|
1615
1615
|
</svg>
|
|
1616
1616
|
</span>
|
|
@@ -2036,7 +2036,7 @@ wrapperTag: div
|
|
|
2036
2036
|
<span class="pf-v6-c-button__icon">
|
|
2037
2037
|
<svg
|
|
2038
2038
|
class="pf-v6-svg"
|
|
2039
|
-
viewBox="0 0
|
|
2039
|
+
viewBox="0 0 20 20"
|
|
2040
2040
|
fill="currentColor"
|
|
2041
2041
|
aria-hidden="true"
|
|
2042
2042
|
role="img"
|
|
@@ -2044,7 +2044,7 @@ wrapperTag: div
|
|
|
2044
2044
|
height="1em"
|
|
2045
2045
|
>
|
|
2046
2046
|
<path
|
|
2047
|
-
d="
|
|
2047
|
+
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"
|
|
2048
2048
|
/>
|
|
2049
2049
|
</svg>
|
|
2050
2050
|
</span>
|
|
@@ -1087,7 +1087,19 @@ subsection: forms
|
|
|
1087
1087
|
aria-labelledby="-label-1-button -label-1-text"
|
|
1088
1088
|
>
|
|
1089
1089
|
<span class="pf-v6-c-button__icon">
|
|
1090
|
-
|
|
1090
|
+
<svg
|
|
1091
|
+
class="pf-v6-svg"
|
|
1092
|
+
viewBox="0 0 20 20"
|
|
1093
|
+
fill="currentColor"
|
|
1094
|
+
aria-hidden="true"
|
|
1095
|
+
role="img"
|
|
1096
|
+
width="1em"
|
|
1097
|
+
height="1em"
|
|
1098
|
+
>
|
|
1099
|
+
<path
|
|
1100
|
+
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"
|
|
1101
|
+
/>
|
|
1102
|
+
</svg>
|
|
1091
1103
|
</span>
|
|
1092
1104
|
</button>
|
|
1093
1105
|
</span>
|
|
@@ -1110,7 +1122,19 @@ subsection: forms
|
|
|
1110
1122
|
aria-labelledby="-label-2-button -label-2-text"
|
|
1111
1123
|
>
|
|
1112
1124
|
<span class="pf-v6-c-button__icon">
|
|
1113
|
-
|
|
1125
|
+
<svg
|
|
1126
|
+
class="pf-v6-svg"
|
|
1127
|
+
viewBox="0 0 20 20"
|
|
1128
|
+
fill="currentColor"
|
|
1129
|
+
aria-hidden="true"
|
|
1130
|
+
role="img"
|
|
1131
|
+
width="1em"
|
|
1132
|
+
height="1em"
|
|
1133
|
+
>
|
|
1134
|
+
<path
|
|
1135
|
+
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"
|
|
1136
|
+
/>
|
|
1137
|
+
</svg>
|
|
1114
1138
|
</span>
|
|
1115
1139
|
</button>
|
|
1116
1140
|
</span>
|
|
@@ -2087,7 +2087,7 @@ section: components
|
|
|
2087
2087
|
<span class="pf-v6-c-button__icon">
|
|
2088
2088
|
<svg
|
|
2089
2089
|
class="pf-v6-svg"
|
|
2090
|
-
viewBox="0 0
|
|
2090
|
+
viewBox="0 0 20 20"
|
|
2091
2091
|
fill="currentColor"
|
|
2092
2092
|
aria-hidden="true"
|
|
2093
2093
|
role="img"
|
|
@@ -2095,7 +2095,7 @@ section: components
|
|
|
2095
2095
|
height="1em"
|
|
2096
2096
|
>
|
|
2097
2097
|
<path
|
|
2098
|
-
d="
|
|
2098
|
+
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"
|
|
2099
2099
|
/>
|
|
2100
2100
|
</svg>
|
|
2101
2101
|
</span>
|
|
@@ -2521,7 +2521,7 @@ section: components
|
|
|
2521
2521
|
<span class="pf-v6-c-button__icon">
|
|
2522
2522
|
<svg
|
|
2523
2523
|
class="pf-v6-svg"
|
|
2524
|
-
viewBox="0 0
|
|
2524
|
+
viewBox="0 0 20 20"
|
|
2525
2525
|
fill="currentColor"
|
|
2526
2526
|
aria-hidden="true"
|
|
2527
2527
|
role="img"
|
|
@@ -2529,7 +2529,7 @@ section: components
|
|
|
2529
2529
|
height="1em"
|
|
2530
2530
|
>
|
|
2531
2531
|
<path
|
|
2532
|
-
d="
|
|
2532
|
+
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"
|
|
2533
2533
|
/>
|
|
2534
2534
|
</svg>
|
|
2535
2535
|
</span>
|
|
@@ -1424,7 +1424,19 @@ wrapperTag: div
|
|
|
1424
1424
|
aria-label="Open search"
|
|
1425
1425
|
>
|
|
1426
1426
|
<span class="pf-v6-c-button__icon">
|
|
1427
|
-
|
|
1427
|
+
<svg
|
|
1428
|
+
class="pf-v6-svg"
|
|
1429
|
+
viewBox="0 0 512 512"
|
|
1430
|
+
fill="currentColor"
|
|
1431
|
+
aria-hidden="true"
|
|
1432
|
+
role="img"
|
|
1433
|
+
width="1em"
|
|
1434
|
+
height="1em"
|
|
1435
|
+
>
|
|
1436
|
+
<path
|
|
1437
|
+
d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
|
|
1438
|
+
/>
|
|
1439
|
+
</svg>
|
|
1428
1440
|
</span>
|
|
1429
1441
|
</button>
|
|
1430
1442
|
</div>
|
|
@@ -1728,7 +1740,7 @@ wrapperTag: div
|
|
|
1728
1740
|
<span class="pf-v6-c-button__icon">
|
|
1729
1741
|
<svg
|
|
1730
1742
|
class="pf-v6-svg"
|
|
1731
|
-
viewBox="0 0
|
|
1743
|
+
viewBox="0 0 20 20"
|
|
1732
1744
|
fill="currentColor"
|
|
1733
1745
|
aria-hidden="true"
|
|
1734
1746
|
role="img"
|
|
@@ -1736,7 +1748,7 @@ wrapperTag: div
|
|
|
1736
1748
|
height="1em"
|
|
1737
1749
|
>
|
|
1738
1750
|
<path
|
|
1739
|
-
d="
|
|
1751
|
+
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"
|
|
1740
1752
|
/>
|
|
1741
1753
|
</svg>
|
|
1742
1754
|
</span>
|
|
@@ -339,7 +339,7 @@ section: components
|
|
|
339
339
|
<span class="pf-v6-c-button__icon">
|
|
340
340
|
<svg
|
|
341
341
|
class="pf-v6-svg"
|
|
342
|
-
viewBox="0 0
|
|
342
|
+
viewBox="0 0 20 20"
|
|
343
343
|
fill="currentColor"
|
|
344
344
|
aria-hidden="true"
|
|
345
345
|
role="img"
|
|
@@ -347,7 +347,7 @@ section: components
|
|
|
347
347
|
height="1em"
|
|
348
348
|
>
|
|
349
349
|
<path
|
|
350
|
-
d="
|
|
350
|
+
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"
|
|
351
351
|
/>
|
|
352
352
|
</svg>
|
|
353
353
|
</span>
|
|
@@ -718,7 +718,7 @@ section: components
|
|
|
718
718
|
<span class="pf-v6-c-button__icon">
|
|
719
719
|
<svg
|
|
720
720
|
class="pf-v6-svg"
|
|
721
|
-
viewBox="0 0
|
|
721
|
+
viewBox="0 0 20 20"
|
|
722
722
|
fill="currentColor"
|
|
723
723
|
aria-hidden="true"
|
|
724
724
|
role="img"
|
|
@@ -726,7 +726,7 @@ section: components
|
|
|
726
726
|
height="1em"
|
|
727
727
|
>
|
|
728
728
|
<path
|
|
729
|
-
d="
|
|
729
|
+
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"
|
|
730
730
|
/>
|
|
731
731
|
</svg>
|
|
732
732
|
</span>
|
|
@@ -1106,7 +1106,7 @@ section: components
|
|
|
1106
1106
|
<span class="pf-v6-c-button__icon">
|
|
1107
1107
|
<svg
|
|
1108
1108
|
class="pf-v6-svg"
|
|
1109
|
-
viewBox="0 0
|
|
1109
|
+
viewBox="0 0 20 20"
|
|
1110
1110
|
fill="currentColor"
|
|
1111
1111
|
aria-hidden="true"
|
|
1112
1112
|
role="img"
|
|
@@ -1114,7 +1114,7 @@ section: components
|
|
|
1114
1114
|
height="1em"
|
|
1115
1115
|
>
|
|
1116
1116
|
<path
|
|
1117
|
-
d="
|
|
1117
|
+
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"
|
|
1118
1118
|
/>
|
|
1119
1119
|
</svg>
|
|
1120
1120
|
</span>
|
|
@@ -1484,7 +1484,7 @@ section: components
|
|
|
1484
1484
|
<span class="pf-v6-c-button__icon">
|
|
1485
1485
|
<svg
|
|
1486
1486
|
class="pf-v6-svg"
|
|
1487
|
-
viewBox="0 0
|
|
1487
|
+
viewBox="0 0 20 20"
|
|
1488
1488
|
fill="currentColor"
|
|
1489
1489
|
aria-hidden="true"
|
|
1490
1490
|
role="img"
|
|
@@ -1492,7 +1492,7 @@ section: components
|
|
|
1492
1492
|
height="1em"
|
|
1493
1493
|
>
|
|
1494
1494
|
<path
|
|
1495
|
-
d="
|
|
1495
|
+
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"
|
|
1496
1496
|
/>
|
|
1497
1497
|
</svg>
|
|
1498
1498
|
</span>
|
|
@@ -1862,7 +1862,7 @@ section: components
|
|
|
1862
1862
|
<span class="pf-v6-c-button__icon">
|
|
1863
1863
|
<svg
|
|
1864
1864
|
class="pf-v6-svg"
|
|
1865
|
-
viewBox="0 0
|
|
1865
|
+
viewBox="0 0 20 20"
|
|
1866
1866
|
fill="currentColor"
|
|
1867
1867
|
aria-hidden="true"
|
|
1868
1868
|
role="img"
|
|
@@ -1870,7 +1870,7 @@ section: components
|
|
|
1870
1870
|
height="1em"
|
|
1871
1871
|
>
|
|
1872
1872
|
<path
|
|
1873
|
-
d="
|
|
1873
|
+
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"
|
|
1874
1874
|
/>
|
|
1875
1875
|
</svg>
|
|
1876
1876
|
</span>
|
|
@@ -2240,7 +2240,7 @@ section: components
|
|
|
2240
2240
|
<span class="pf-v6-c-button__icon">
|
|
2241
2241
|
<svg
|
|
2242
2242
|
class="pf-v6-svg"
|
|
2243
|
-
viewBox="0 0
|
|
2243
|
+
viewBox="0 0 20 20"
|
|
2244
2244
|
fill="currentColor"
|
|
2245
2245
|
aria-hidden="true"
|
|
2246
2246
|
role="img"
|
|
@@ -2248,7 +2248,7 @@ section: components
|
|
|
2248
2248
|
height="1em"
|
|
2249
2249
|
>
|
|
2250
2250
|
<path
|
|
2251
|
-
d="
|
|
2251
|
+
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"
|
|
2252
2252
|
/>
|
|
2253
2253
|
</svg>
|
|
2254
2254
|
</span>
|