@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.
Files changed (48) hide show
  1. package/components/Button/button.css +1 -1
  2. package/components/Button/button.scss +1 -1
  3. package/components/NotificationDrawer/notification-drawer.css +10 -2
  4. package/components/NotificationDrawer/notification-drawer.scss +11 -4
  5. package/components/_index.css +11 -3
  6. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  7. package/docs/components/ActionList/examples/ActionList.md +10 -10
  8. package/docs/components/Alert/examples/Alert.md +30 -30
  9. package/docs/components/Banner/examples/Banner.md +65 -5
  10. package/docs/components/Drawer/examples/Drawer.md +42 -42
  11. package/docs/components/DualListSelector/examples/DualListSelector.md +792 -72
  12. package/docs/components/Icon/examples/Icon.md +65 -5
  13. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  14. package/docs/components/Label/examples/Label.md +2812 -220
  15. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  16. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  17. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +18 -18
  18. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +524 -44
  19. package/docs/components/Popover/examples/Popover.md +110 -38
  20. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  21. package/docs/components/Slider/examples/Slider.md +52 -4
  22. package/docs/components/Tabs/examples/Tabs.md +1638 -126
  23. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  24. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  25. package/docs/components/Wizard/examples/Wizard.md +26 -26
  26. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  27. package/docs/demos/Alert/examples/Alert.md +6 -6
  28. package/docs/demos/Card/examples/Card.md +80 -8
  29. package/docs/demos/Compass/examples/Compass.md +2 -2
  30. package/docs/demos/Dashboard/examples/Dashboard.md +24 -6
  31. package/docs/demos/DescriptionList/examples/DescriptionList.md +2 -2
  32. package/docs/demos/Drawer/examples/Drawer.md +6 -6
  33. package/docs/demos/Form/examples/BasicForms.md +26 -2
  34. package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -4
  35. package/docs/demos/Masthead/examples/Masthead.md +15 -3
  36. package/docs/demos/Modal/examples/Modal.md +12 -12
  37. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +816 -96
  38. package/docs/demos/Page/examples/Page.md +2 -2
  39. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -18
  40. package/docs/demos/Table/examples/Table.md +232 -19
  41. package/docs/demos/Tabs/examples/Tabs.md +23 -5
  42. package/docs/demos/Toolbar/examples/Toolbar.md +24 -24
  43. package/docs/demos/Wizard/examples/Wizard.md +20 -20
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +11 -3
  46. package/patternfly.css +11 -3
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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>
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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 352 512"
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="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.44",
4
+ "version": "6.5.0-prerelease.46",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -10800,7 +10800,7 @@ button.pf-v6-c-breadcrumb__link {
10800
10800
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10801
10801
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10802
10802
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10803
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10803
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10804
10804
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10805
10805
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10806
10806
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -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
@@ -10947,7 +10947,7 @@ button.pf-v6-c-breadcrumb__link {
10947
10947
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10948
10948
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10949
10949
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10950
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10950
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10951
10951
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10952
10952
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10953
10953
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -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;