@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
|
@@ -2012,7 +2012,7 @@ section: components
|
|
|
2012
2012
|
<span class="pf-v6-c-button__icon">
|
|
2013
2013
|
<svg
|
|
2014
2014
|
class="pf-v6-svg"
|
|
2015
|
-
viewBox="0 0
|
|
2015
|
+
viewBox="0 0 20 20"
|
|
2016
2016
|
fill="currentColor"
|
|
2017
2017
|
aria-hidden="true"
|
|
2018
2018
|
role="img"
|
|
@@ -2020,7 +2020,7 @@ section: components
|
|
|
2020
2020
|
height="1em"
|
|
2021
2021
|
>
|
|
2022
2022
|
<path
|
|
2023
|
-
d="
|
|
2023
|
+
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"
|
|
2024
2024
|
/>
|
|
2025
2025
|
</svg>
|
|
2026
2026
|
</span>
|
|
@@ -2049,7 +2049,7 @@ section: components
|
|
|
2049
2049
|
<span class="pf-v6-c-button__icon">
|
|
2050
2050
|
<svg
|
|
2051
2051
|
class="pf-v6-svg"
|
|
2052
|
-
viewBox="0 0
|
|
2052
|
+
viewBox="0 0 20 20"
|
|
2053
2053
|
fill="currentColor"
|
|
2054
2054
|
aria-hidden="true"
|
|
2055
2055
|
role="img"
|
|
@@ -2057,7 +2057,7 @@ section: components
|
|
|
2057
2057
|
height="1em"
|
|
2058
2058
|
>
|
|
2059
2059
|
<path
|
|
2060
|
-
d="
|
|
2060
|
+
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"
|
|
2061
2061
|
/>
|
|
2062
2062
|
</svg>
|
|
2063
2063
|
</span>
|
|
@@ -2086,7 +2086,7 @@ section: components
|
|
|
2086
2086
|
<span class="pf-v6-c-button__icon">
|
|
2087
2087
|
<svg
|
|
2088
2088
|
class="pf-v6-svg"
|
|
2089
|
-
viewBox="0 0
|
|
2089
|
+
viewBox="0 0 20 20"
|
|
2090
2090
|
fill="currentColor"
|
|
2091
2091
|
aria-hidden="true"
|
|
2092
2092
|
role="img"
|
|
@@ -2094,7 +2094,7 @@ section: components
|
|
|
2094
2094
|
height="1em"
|
|
2095
2095
|
>
|
|
2096
2096
|
<path
|
|
2097
|
-
d="
|
|
2097
|
+
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"
|
|
2098
2098
|
/>
|
|
2099
2099
|
</svg>
|
|
2100
2100
|
</span>
|
|
@@ -2140,7 +2140,7 @@ section: components
|
|
|
2140
2140
|
<span class="pf-v6-c-button__icon">
|
|
2141
2141
|
<svg
|
|
2142
2142
|
class="pf-v6-svg"
|
|
2143
|
-
viewBox="0 0
|
|
2143
|
+
viewBox="0 0 20 20"
|
|
2144
2144
|
fill="currentColor"
|
|
2145
2145
|
aria-hidden="true"
|
|
2146
2146
|
role="img"
|
|
@@ -2148,7 +2148,7 @@ section: components
|
|
|
2148
2148
|
height="1em"
|
|
2149
2149
|
>
|
|
2150
2150
|
<path
|
|
2151
|
-
d="
|
|
2151
|
+
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"
|
|
2152
2152
|
/>
|
|
2153
2153
|
</svg>
|
|
2154
2154
|
</span>
|
|
@@ -2177,7 +2177,7 @@ section: components
|
|
|
2177
2177
|
<span class="pf-v6-c-button__icon">
|
|
2178
2178
|
<svg
|
|
2179
2179
|
class="pf-v6-svg"
|
|
2180
|
-
viewBox="0 0
|
|
2180
|
+
viewBox="0 0 20 20"
|
|
2181
2181
|
fill="currentColor"
|
|
2182
2182
|
aria-hidden="true"
|
|
2183
2183
|
role="img"
|
|
@@ -2185,7 +2185,7 @@ section: components
|
|
|
2185
2185
|
height="1em"
|
|
2186
2186
|
>
|
|
2187
2187
|
<path
|
|
2188
|
-
d="
|
|
2188
|
+
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"
|
|
2189
2189
|
/>
|
|
2190
2190
|
</svg>
|
|
2191
2191
|
</span>
|
|
@@ -2214,7 +2214,7 @@ section: components
|
|
|
2214
2214
|
<span class="pf-v6-c-button__icon">
|
|
2215
2215
|
<svg
|
|
2216
2216
|
class="pf-v6-svg"
|
|
2217
|
-
viewBox="0 0
|
|
2217
|
+
viewBox="0 0 20 20"
|
|
2218
2218
|
fill="currentColor"
|
|
2219
2219
|
aria-hidden="true"
|
|
2220
2220
|
role="img"
|
|
@@ -2222,7 +2222,7 @@ section: components
|
|
|
2222
2222
|
height="1em"
|
|
2223
2223
|
>
|
|
2224
2224
|
<path
|
|
2225
|
-
d="
|
|
2225
|
+
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"
|
|
2226
2226
|
/>
|
|
2227
2227
|
</svg>
|
|
2228
2228
|
</span>
|
|
@@ -2527,7 +2527,7 @@ section: components
|
|
|
2527
2527
|
<span class="pf-v6-c-button__icon">
|
|
2528
2528
|
<svg
|
|
2529
2529
|
class="pf-v6-svg"
|
|
2530
|
-
viewBox="0 0
|
|
2530
|
+
viewBox="0 0 20 20"
|
|
2531
2531
|
fill="currentColor"
|
|
2532
2532
|
aria-hidden="true"
|
|
2533
2533
|
role="img"
|
|
@@ -2535,7 +2535,7 @@ section: components
|
|
|
2535
2535
|
height="1em"
|
|
2536
2536
|
>
|
|
2537
2537
|
<path
|
|
2538
|
-
d="
|
|
2538
|
+
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"
|
|
2539
2539
|
/>
|
|
2540
2540
|
</svg>
|
|
2541
2541
|
</span>
|
|
@@ -2564,7 +2564,7 @@ section: components
|
|
|
2564
2564
|
<span class="pf-v6-c-button__icon">
|
|
2565
2565
|
<svg
|
|
2566
2566
|
class="pf-v6-svg"
|
|
2567
|
-
viewBox="0 0
|
|
2567
|
+
viewBox="0 0 20 20"
|
|
2568
2568
|
fill="currentColor"
|
|
2569
2569
|
aria-hidden="true"
|
|
2570
2570
|
role="img"
|
|
@@ -2572,7 +2572,7 @@ section: components
|
|
|
2572
2572
|
height="1em"
|
|
2573
2573
|
>
|
|
2574
2574
|
<path
|
|
2575
|
-
d="
|
|
2575
|
+
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"
|
|
2576
2576
|
/>
|
|
2577
2577
|
</svg>
|
|
2578
2578
|
</span>
|
|
@@ -2601,7 +2601,7 @@ section: components
|
|
|
2601
2601
|
<span class="pf-v6-c-button__icon">
|
|
2602
2602
|
<svg
|
|
2603
2603
|
class="pf-v6-svg"
|
|
2604
|
-
viewBox="0 0
|
|
2604
|
+
viewBox="0 0 20 20"
|
|
2605
2605
|
fill="currentColor"
|
|
2606
2606
|
aria-hidden="true"
|
|
2607
2607
|
role="img"
|
|
@@ -2609,7 +2609,7 @@ section: components
|
|
|
2609
2609
|
height="1em"
|
|
2610
2610
|
>
|
|
2611
2611
|
<path
|
|
2612
|
-
d="
|
|
2612
|
+
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"
|
|
2613
2613
|
/>
|
|
2614
2614
|
</svg>
|
|
2615
2615
|
</span>
|
|
@@ -2655,7 +2655,7 @@ section: components
|
|
|
2655
2655
|
<span class="pf-v6-c-button__icon">
|
|
2656
2656
|
<svg
|
|
2657
2657
|
class="pf-v6-svg"
|
|
2658
|
-
viewBox="0 0
|
|
2658
|
+
viewBox="0 0 20 20"
|
|
2659
2659
|
fill="currentColor"
|
|
2660
2660
|
aria-hidden="true"
|
|
2661
2661
|
role="img"
|
|
@@ -2663,7 +2663,7 @@ section: components
|
|
|
2663
2663
|
height="1em"
|
|
2664
2664
|
>
|
|
2665
2665
|
<path
|
|
2666
|
-
d="
|
|
2666
|
+
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"
|
|
2667
2667
|
/>
|
|
2668
2668
|
</svg>
|
|
2669
2669
|
</span>
|
|
@@ -2692,7 +2692,7 @@ section: components
|
|
|
2692
2692
|
<span class="pf-v6-c-button__icon">
|
|
2693
2693
|
<svg
|
|
2694
2694
|
class="pf-v6-svg"
|
|
2695
|
-
viewBox="0 0
|
|
2695
|
+
viewBox="0 0 20 20"
|
|
2696
2696
|
fill="currentColor"
|
|
2697
2697
|
aria-hidden="true"
|
|
2698
2698
|
role="img"
|
|
@@ -2700,7 +2700,7 @@ section: components
|
|
|
2700
2700
|
height="1em"
|
|
2701
2701
|
>
|
|
2702
2702
|
<path
|
|
2703
|
-
d="
|
|
2703
|
+
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"
|
|
2704
2704
|
/>
|
|
2705
2705
|
</svg>
|
|
2706
2706
|
</span>
|
|
@@ -2729,7 +2729,7 @@ section: components
|
|
|
2729
2729
|
<span class="pf-v6-c-button__icon">
|
|
2730
2730
|
<svg
|
|
2731
2731
|
class="pf-v6-svg"
|
|
2732
|
-
viewBox="0 0
|
|
2732
|
+
viewBox="0 0 20 20"
|
|
2733
2733
|
fill="currentColor"
|
|
2734
2734
|
aria-hidden="true"
|
|
2735
2735
|
role="img"
|
|
@@ -2737,7 +2737,7 @@ section: components
|
|
|
2737
2737
|
height="1em"
|
|
2738
2738
|
>
|
|
2739
2739
|
<path
|
|
2740
|
-
d="
|
|
2740
|
+
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"
|
|
2741
2741
|
/>
|
|
2742
2742
|
</svg>
|
|
2743
2743
|
</span>
|
|
@@ -341,7 +341,7 @@ wrapperTag: div
|
|
|
341
341
|
<span class="pf-v6-c-button__icon">
|
|
342
342
|
<svg
|
|
343
343
|
class="pf-v6-svg"
|
|
344
|
-
viewBox="0 0
|
|
344
|
+
viewBox="0 0 20 20"
|
|
345
345
|
fill="currentColor"
|
|
346
346
|
aria-hidden="true"
|
|
347
347
|
role="img"
|
|
@@ -349,7 +349,7 @@ wrapperTag: div
|
|
|
349
349
|
height="1em"
|
|
350
350
|
>
|
|
351
351
|
<path
|
|
352
|
-
d="
|
|
352
|
+
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"
|
|
353
353
|
/>
|
|
354
354
|
</svg>
|
|
355
355
|
</span>
|
|
@@ -974,7 +974,7 @@ wrapperTag: div
|
|
|
974
974
|
<span class="pf-v6-c-button__icon">
|
|
975
975
|
<svg
|
|
976
976
|
class="pf-v6-svg"
|
|
977
|
-
viewBox="0 0
|
|
977
|
+
viewBox="0 0 20 20"
|
|
978
978
|
fill="currentColor"
|
|
979
979
|
aria-hidden="true"
|
|
980
980
|
role="img"
|
|
@@ -982,7 +982,7 @@ wrapperTag: div
|
|
|
982
982
|
height="1em"
|
|
983
983
|
>
|
|
984
984
|
<path
|
|
985
|
-
d="
|
|
985
|
+
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"
|
|
986
986
|
/>
|
|
987
987
|
</svg>
|
|
988
988
|
</span>
|
|
@@ -1589,7 +1589,7 @@ wrapperTag: div
|
|
|
1589
1589
|
<span class="pf-v6-c-button__icon">
|
|
1590
1590
|
<svg
|
|
1591
1591
|
class="pf-v6-svg"
|
|
1592
|
-
viewBox="0 0
|
|
1592
|
+
viewBox="0 0 20 20"
|
|
1593
1593
|
fill="currentColor"
|
|
1594
1594
|
aria-hidden="true"
|
|
1595
1595
|
role="img"
|
|
@@ -1597,7 +1597,7 @@ wrapperTag: div
|
|
|
1597
1597
|
height="1em"
|
|
1598
1598
|
>
|
|
1599
1599
|
<path
|
|
1600
|
-
d="
|
|
1600
|
+
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"
|
|
1601
1601
|
/>
|
|
1602
1602
|
</svg>
|
|
1603
1603
|
</span>
|
|
@@ -1876,7 +1876,7 @@ wrapperTag: div
|
|
|
1876
1876
|
<span class="pf-v6-c-button__icon">
|
|
1877
1877
|
<svg
|
|
1878
1878
|
class="pf-v6-svg"
|
|
1879
|
-
viewBox="0 0
|
|
1879
|
+
viewBox="0 0 20 20"
|
|
1880
1880
|
fill="currentColor"
|
|
1881
1881
|
aria-hidden="true"
|
|
1882
1882
|
role="img"
|
|
@@ -1884,7 +1884,7 @@ wrapperTag: div
|
|
|
1884
1884
|
height="1em"
|
|
1885
1885
|
>
|
|
1886
1886
|
<path
|
|
1887
|
-
d="
|
|
1887
|
+
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"
|
|
1888
1888
|
/>
|
|
1889
1889
|
</svg>
|
|
1890
1890
|
</span>
|
|
@@ -2300,7 +2300,7 @@ wrapperTag: div
|
|
|
2300
2300
|
<span class="pf-v6-c-button__icon">
|
|
2301
2301
|
<svg
|
|
2302
2302
|
class="pf-v6-svg"
|
|
2303
|
-
viewBox="0 0
|
|
2303
|
+
viewBox="0 0 20 20"
|
|
2304
2304
|
fill="currentColor"
|
|
2305
2305
|
aria-hidden="true"
|
|
2306
2306
|
role="img"
|
|
@@ -2308,7 +2308,7 @@ wrapperTag: div
|
|
|
2308
2308
|
height="1em"
|
|
2309
2309
|
>
|
|
2310
2310
|
<path
|
|
2311
|
-
d="
|
|
2311
|
+
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"
|
|
2312
2312
|
/>
|
|
2313
2313
|
</svg>
|
|
2314
2314
|
</span>
|
|
@@ -2587,7 +2587,7 @@ wrapperTag: div
|
|
|
2587
2587
|
<span class="pf-v6-c-button__icon">
|
|
2588
2588
|
<svg
|
|
2589
2589
|
class="pf-v6-svg"
|
|
2590
|
-
viewBox="0 0
|
|
2590
|
+
viewBox="0 0 20 20"
|
|
2591
2591
|
fill="currentColor"
|
|
2592
2592
|
aria-hidden="true"
|
|
2593
2593
|
role="img"
|
|
@@ -2595,7 +2595,7 @@ wrapperTag: div
|
|
|
2595
2595
|
height="1em"
|
|
2596
2596
|
>
|
|
2597
2597
|
<path
|
|
2598
|
-
d="
|
|
2598
|
+
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"
|
|
2599
2599
|
/>
|
|
2600
2600
|
</svg>
|
|
2601
2601
|
</span>
|
|
@@ -3007,7 +3007,7 @@ wrapperTag: div
|
|
|
3007
3007
|
<span class="pf-v6-c-button__icon">
|
|
3008
3008
|
<svg
|
|
3009
3009
|
class="pf-v6-svg"
|
|
3010
|
-
viewBox="0 0
|
|
3010
|
+
viewBox="0 0 20 20"
|
|
3011
3011
|
fill="currentColor"
|
|
3012
3012
|
aria-hidden="true"
|
|
3013
3013
|
role="img"
|
|
@@ -3015,7 +3015,7 @@ wrapperTag: div
|
|
|
3015
3015
|
height="1em"
|
|
3016
3016
|
>
|
|
3017
3017
|
<path
|
|
3018
|
-
d="
|
|
3018
|
+
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"
|
|
3019
3019
|
/>
|
|
3020
3020
|
</svg>
|
|
3021
3021
|
</span>
|
|
@@ -3168,7 +3168,7 @@ wrapperTag: div
|
|
|
3168
3168
|
<span class="pf-v6-c-button__icon">
|
|
3169
3169
|
<svg
|
|
3170
3170
|
class="pf-v6-svg"
|
|
3171
|
-
viewBox="0 0
|
|
3171
|
+
viewBox="0 0 20 20"
|
|
3172
3172
|
fill="currentColor"
|
|
3173
3173
|
aria-hidden="true"
|
|
3174
3174
|
role="img"
|
|
@@ -3176,7 +3176,7 @@ wrapperTag: div
|
|
|
3176
3176
|
height="1em"
|
|
3177
3177
|
>
|
|
3178
3178
|
<path
|
|
3179
|
-
d="
|
|
3179
|
+
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"
|
|
3180
3180
|
/>
|
|
3181
3181
|
</svg>
|
|
3182
3182
|
</span>
|
|
@@ -4914,7 +4914,7 @@ wrapperTag: div
|
|
|
4914
4914
|
<span class="pf-v6-c-button__icon">
|
|
4915
4915
|
<svg
|
|
4916
4916
|
class="pf-v6-svg"
|
|
4917
|
-
viewBox="0 0
|
|
4917
|
+
viewBox="0 0 20 20"
|
|
4918
4918
|
fill="currentColor"
|
|
4919
4919
|
aria-hidden="true"
|
|
4920
4920
|
role="img"
|
|
@@ -4922,7 +4922,7 @@ wrapperTag: div
|
|
|
4922
4922
|
height="1em"
|
|
4923
4923
|
>
|
|
4924
4924
|
<path
|
|
4925
|
-
d="
|
|
4925
|
+
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"
|
|
4926
4926
|
/>
|
|
4927
4927
|
</svg>
|
|
4928
4928
|
</span>
|
|
@@ -5544,7 +5544,7 @@ wrapperTag: div
|
|
|
5544
5544
|
<span class="pf-v6-c-button__icon">
|
|
5545
5545
|
<svg
|
|
5546
5546
|
class="pf-v6-svg"
|
|
5547
|
-
viewBox="0 0
|
|
5547
|
+
viewBox="0 0 20 20"
|
|
5548
5548
|
fill="currentColor"
|
|
5549
5549
|
aria-hidden="true"
|
|
5550
5550
|
role="img"
|
|
@@ -5552,7 +5552,7 @@ wrapperTag: div
|
|
|
5552
5552
|
height="1em"
|
|
5553
5553
|
>
|
|
5554
5554
|
<path
|
|
5555
|
-
d="
|
|
5555
|
+
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"
|
|
5556
5556
|
/>
|
|
5557
5557
|
</svg>
|
|
5558
5558
|
</span>
|
package/package.json
CHANGED
|
@@ -22062,6 +22062,7 @@ ul.pf-v6-c-list {
|
|
|
22062
22062
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22063
22063
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
22064
22064
|
--pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22065
|
+
--pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
|
|
22065
22066
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
22066
22067
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
22067
22068
|
--pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -22172,8 +22173,16 @@ ul.pf-v6-c-list {
|
|
|
22172
22173
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22173
22174
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22174
22175
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22175
|
-
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
22176
22176
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22177
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22178
|
+
}
|
|
22179
|
+
.pf-v6-c-notification-drawer__list-item::before {
|
|
22180
|
+
position: absolute;
|
|
22181
|
+
inset: 0;
|
|
22182
|
+
pointer-events: none;
|
|
22183
|
+
content: "";
|
|
22184
|
+
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
22185
|
+
border-radius: inherit;
|
|
22177
22186
|
}
|
|
22178
22187
|
.pf-v6-c-notification-drawer__list-item.pf-m-info {
|
|
22179
22188
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
@@ -22199,7 +22208,6 @@ ul.pf-v6-c-list {
|
|
|
22199
22208
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
22200
22209
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
22201
22210
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
|
|
22202
|
-
position: relative;
|
|
22203
22211
|
}
|
|
22204
22212
|
.pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
|
|
22205
22213
|
cursor: pointer;
|
package/patternfly.css
CHANGED
|
@@ -22209,6 +22209,7 @@ ul.pf-v6-c-list {
|
|
|
22209
22209
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22210
22210
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
22211
22211
|
--pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22212
|
+
--pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
|
|
22212
22213
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
22213
22214
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
22214
22215
|
--pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -22319,8 +22320,16 @@ ul.pf-v6-c-list {
|
|
|
22319
22320
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22320
22321
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22321
22322
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22322
|
-
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
22323
22323
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22324
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22325
|
+
}
|
|
22326
|
+
.pf-v6-c-notification-drawer__list-item::before {
|
|
22327
|
+
position: absolute;
|
|
22328
|
+
inset: 0;
|
|
22329
|
+
pointer-events: none;
|
|
22330
|
+
content: "";
|
|
22331
|
+
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
22332
|
+
border-radius: inherit;
|
|
22324
22333
|
}
|
|
22325
22334
|
.pf-v6-c-notification-drawer__list-item.pf-m-info {
|
|
22326
22335
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
@@ -22346,7 +22355,6 @@ ul.pf-v6-c-list {
|
|
|
22346
22355
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
22347
22356
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
22348
22357
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
|
|
22349
|
-
position: relative;
|
|
22350
22358
|
}
|
|
22351
22359
|
.pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
|
|
22352
22360
|
cursor: pointer;
|