@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.10

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 (220) hide show
  1. package/README.md +1 -1
  2. package/assets/images/img_avatar-rhds.svg +22 -0
  3. package/assets/images/pf-logo-avatar.jpg +0 -0
  4. package/base/normalize.scss +2 -0
  5. package/base/patternfly-common.css +2 -2
  6. package/base/patternfly-common.scss +1 -1
  7. package/base/patternfly-fa-icons.css +3 -3
  8. package/base/patternfly-fa-icons.scss +3 -3
  9. package/base/patternfly-variables.css +58 -56
  10. package/base/reset.scss +2 -0
  11. package/base/tokens/tokens-charts-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-charts.scss +1 -1
  15. package/base/tokens/tokens-dark.scss +9 -9
  16. package/base/tokens/tokens-default.scss +8 -8
  17. package/base/tokens/tokens-felt-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  19. package/base/tokens/tokens-felt-glass.scss +10 -9
  20. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  21. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  22. package/base/tokens/tokens-felt.scss +1 -1
  23. package/base/tokens/tokens-glass-dark.scss +8 -8
  24. package/base/tokens/tokens-glass.scss +10 -9
  25. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  26. package/base/tokens/tokens-highcontrast.scss +7 -7
  27. package/base/tokens/tokens-palette.scss +1 -1
  28. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  29. package/components/AboutModalBox/about-modal-box.css +1 -1
  30. package/components/AboutModalBox/about-modal-box.scss +1 -1
  31. package/components/Accordion/accordion.css +8 -4
  32. package/components/Accordion/accordion.scss +9 -4
  33. package/components/Alert/alert-group.css +1 -1
  34. package/components/Alert/alert-group.scss +1 -1
  35. package/components/Alert/alert.css +4 -3
  36. package/components/Alert/alert.scss +4 -3
  37. package/components/Avatar/avatar.css +144 -0
  38. package/components/Avatar/avatar.scss +161 -0
  39. package/components/Breadcrumb/breadcrumb.css +1 -1
  40. package/components/Breadcrumb/breadcrumb.scss +1 -1
  41. package/components/Button/button.css +9 -6
  42. package/components/Button/button.scss +10 -6
  43. package/components/Card/card.css +2 -2
  44. package/components/Card/card.scss +3 -3
  45. package/components/Check/check.css +1 -1
  46. package/components/Check/check.scss +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  48. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  49. package/components/Compass/compass.css +7 -3
  50. package/components/Compass/compass.scss +7 -3
  51. package/components/Content/content.css +2 -2
  52. package/components/Content/content.scss +2 -2
  53. package/components/DataList/data-list.css +1 -1
  54. package/components/DataList/data-list.scss +1 -1
  55. package/components/DescriptionList/description-list.css +0 -1
  56. package/components/DescriptionList/description-list.scss +0 -1
  57. package/components/Drawer/drawer.css +2 -2
  58. package/components/Drawer/drawer.scss +2 -2
  59. package/components/DualListSelector/dual-list-selector.css +6 -6
  60. package/components/DualListSelector/dual-list-selector.scss +6 -6
  61. package/components/ExpandableSection/expandable-section.css +3 -3
  62. package/components/ExpandableSection/expandable-section.scss +3 -3
  63. package/components/Form/form.css +12 -12
  64. package/components/Form/form.scss +6 -6
  65. package/components/FormControl/form-control.css +1 -1
  66. package/components/FormControl/form-control.scss +3 -1
  67. package/components/Hero/hero.css +1 -1
  68. package/components/Hero/hero.scss +1 -1
  69. package/components/Hint/hint.css +1 -1
  70. package/components/Hint/hint.scss +1 -1
  71. package/components/InputGroup/input-group.css +5 -5
  72. package/components/InputGroup/input-group.scss +5 -5
  73. package/components/JumpLinks/jump-links.css +1 -1
  74. package/components/JumpLinks/jump-links.scss +1 -1
  75. package/components/Label/label.css +1 -1
  76. package/components/Label/label.scss +1 -1
  77. package/components/Login/login.css +2 -2
  78. package/components/Login/login.scss +2 -2
  79. package/components/Masthead/masthead.css +2 -2
  80. package/components/Masthead/masthead.scss +2 -2
  81. package/components/Menu/menu.css +4 -4
  82. package/components/Menu/menu.scss +4 -4
  83. package/components/MenuToggle/menu-toggle.css +4 -1
  84. package/components/MenuToggle/menu-toggle.scss +5 -2
  85. package/components/ModalBox/modal-box.css +1 -1
  86. package/components/ModalBox/modal-box.scss +1 -1
  87. package/components/Nav/nav.css +5 -5
  88. package/components/Nav/nav.scss +5 -5
  89. package/components/NotificationDrawer/notification-drawer.css +5 -5
  90. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  91. package/components/Page/page.css +26 -21
  92. package/components/Page/page.scss +30 -25
  93. package/components/Popover/popover.css +1 -1
  94. package/components/Popover/popover.scss +2 -2
  95. package/components/Progress/progress.css +3 -3
  96. package/components/Progress/progress.scss +3 -6
  97. package/components/ProgressStepper/progress-stepper.css +1 -1
  98. package/components/Radio/radio.css +1 -1
  99. package/components/Radio/radio.scss +1 -1
  100. package/components/Sidebar/sidebar.css +4 -7
  101. package/components/Sidebar/sidebar.scss +9 -9
  102. package/components/Spinner/spinner.css +2 -2
  103. package/components/Spinner/spinner.scss +2 -2
  104. package/components/Switch/switch.css +1 -1
  105. package/components/Switch/switch.scss +1 -1
  106. package/components/Table/table-tree-view.css +10 -10
  107. package/components/Table/table-tree-view.scss +2 -2
  108. package/components/Table/table.css +37 -10
  109. package/components/Table/table.scss +53 -14
  110. package/components/Tabs/tabs.css +3 -3
  111. package/components/Tabs/tabs.scss +3 -3
  112. package/components/TextInputGroup/text-input-group.css +1 -1
  113. package/components/TextInputGroup/text-input-group.scss +1 -1
  114. package/components/Title/title.css +1 -1
  115. package/components/Title/title.scss +1 -1
  116. package/components/Toolbar/toolbar.css +1 -1
  117. package/components/Toolbar/toolbar.scss +1 -1
  118. package/components/Tooltip/tooltip.css +1 -1
  119. package/components/Tooltip/tooltip.scss +2 -2
  120. package/components/TreeView/tree-view.css +5 -5
  121. package/components/TreeView/tree-view.scss +5 -5
  122. package/components/Wizard/wizard.css +5 -5
  123. package/components/Wizard/wizard.scss +5 -5
  124. package/components/_index.css +342 -155
  125. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  126. package/docs/components/Accordion/examples/Accordion.md +30 -30
  127. package/docs/components/ActionList/examples/ActionList.md +11 -11
  128. package/docs/components/Alert/examples/Alert.md +54 -54
  129. package/docs/components/Avatar/examples/Avatar.css +6 -0
  130. package/docs/components/Avatar/examples/Avatar.md +414 -40
  131. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  132. package/docs/components/Banner/examples/Banner.md +10 -10
  133. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  134. package/docs/components/Button/examples/Button.md +184 -184
  135. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  136. package/docs/components/Card/examples/Card.md +14 -14
  137. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  138. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  139. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  140. package/docs/components/DataList/examples/DataList.md +34 -34
  141. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  142. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  143. package/docs/components/Drawer/examples/Drawer.md +23 -23
  144. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  145. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  146. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  147. package/docs/components/Form/examples/Form.md +6 -6
  148. package/docs/components/Hint/examples/Hint.md +3 -3
  149. package/docs/components/Icon/examples/Icon.md +9 -9
  150. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  151. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  152. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  153. package/docs/components/Label/examples/Label.md +218 -218
  154. package/docs/components/Login/examples/Login.md +4 -4
  155. package/docs/components/Masthead/examples/masthead.md +1 -1
  156. package/docs/components/Menu/examples/Menu.md +129 -129
  157. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  158. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  159. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  160. package/docs/components/Nav/examples/Navigation.md +66 -66
  161. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  162. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  163. package/docs/components/Page/examples/Page.md +1 -1
  164. package/docs/components/Pagination/examples/Pagination.md +92 -92
  165. package/docs/components/Popover/examples/Popover.md +22 -22
  166. package/docs/components/Progress/examples/Progress.md +7 -7
  167. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  168. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  169. package/docs/components/Slider/examples/Slider.md +4 -4
  170. package/docs/components/Table/examples/Table.css +6 -0
  171. package/docs/components/Table/examples/Table.md +807 -527
  172. package/docs/components/Tabs/examples/Tabs.md +378 -378
  173. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  174. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  175. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  176. package/docs/components/TreeView/examples/TreeView.md +104 -104
  177. package/docs/components/Wizard/examples/Wizard.md +40 -40
  178. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  179. package/docs/demos/Alert/examples/Alert.md +32 -32
  180. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  181. package/docs/demos/Banner/examples/Banner.md +16 -16
  182. package/docs/demos/Button/examples/Button.md +1 -1
  183. package/docs/demos/Card/examples/Card.md +78 -78
  184. package/docs/demos/CardView/examples/CardView.md +38 -38
  185. package/docs/demos/Compass/examples/Compass.md +294 -238
  186. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  187. package/docs/demos/DataList/examples/DataList.md +101 -101
  188. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  189. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  190. package/docs/demos/Form/examples/BasicForms.md +21 -21
  191. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  192. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  193. package/docs/demos/Modal/examples/Modal.md +54 -54
  194. package/docs/demos/Nav/examples/Nav.md +93 -93
  195. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  196. package/docs/demos/Page/examples/Page.md +119 -119
  197. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  198. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  199. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  200. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  201. package/docs/demos/Table/examples/Table.md +630 -630
  202. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  203. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  204. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  205. package/layouts/Gallery/gallery.css +1 -1
  206. package/layouts/Gallery/gallery.scss +1 -1
  207. package/layouts/Grid/grid.css +1 -1
  208. package/layouts/Grid/grid.scss +1 -1
  209. package/layouts/_index.css +2 -2
  210. package/package.json +11 -12
  211. package/patternfly-addons.css +12 -12
  212. package/patternfly-base-no-globals.css +63 -61
  213. package/patternfly-base.css +63 -61
  214. package/patternfly-no-globals.css +407 -218
  215. package/patternfly.css +407 -218
  216. package/patternfly.min.css +1 -1
  217. package/patternfly.min.css.map +1 -1
  218. package/sass-utilities/mixins.scss +2 -2
  219. package/utilities/Accessibility/accessibility.css +12 -12
  220. package/utilities/_index.css +12 -12
package/patternfly.css CHANGED
@@ -158,9 +158,9 @@ button) {
158
158
  inset-block-start: 0;
159
159
  inset-inline-start: 0;
160
160
  overflow: hidden;
161
- clip: rect(0, 0, 0, 0);
162
161
  white-space: nowrap;
163
162
  border: 0;
163
+ clip-path: inset(50%);
164
164
  }
165
165
  .pf-v6-screen-reader.pf-m-full-size {
166
166
  width: 100%;
@@ -263,8 +263,8 @@ button) {
263
263
  }
264
264
  }
265
265
  :root {
266
- container-type: inline-size;
267
266
  container-name: pf-v6-contain-viewport pf-v6-contain-table;
267
+ container-type: inline-size;
268
268
  }
269
269
 
270
270
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -5884,13 +5884,13 @@ button) {
5884
5884
  .far,
5885
5885
  .fal,
5886
5886
  .fab {
5887
- -moz-osx-font-smoothing: grayscale;
5888
- -webkit-font-smoothing: antialiased;
5889
5887
  display: inline-block;
5890
5888
  font-style: normal;
5891
5889
  font-variant: normal;
5892
- text-rendering: auto;
5893
5890
  line-height: 1;
5891
+ text-rendering: auto;
5892
+ -moz-osx-font-smoothing: grayscale;
5893
+ -webkit-font-smoothing: antialiased;
5894
5894
  }
5895
5895
 
5896
5896
  @font-face {
@@ -6555,12 +6555,12 @@ button) {
6555
6555
  --pf-t--color--yellow--60: #96640f;
6556
6556
  --pf-t--color--yellow--70: #73480b;
6557
6557
  --pf-t--color--yellow--80: #54330b;
6558
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6559
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6560
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6561
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6558
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
6559
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
6560
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
6561
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
6562
6562
  --pf-t--global--background--filter--glass--blur--primary: initial;
6563
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6563
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
6564
6564
  --pf-t--global--border--radius--0: 0px;
6565
6565
  --pf-t--global--border--radius--100: 4px;
6566
6566
  --pf-t--global--border--radius--200: 6px;
@@ -6598,8 +6598,8 @@ button) {
6598
6598
  --pf-t--global--box-shadow--blur--100: 6px;
6599
6599
  --pf-t--global--box-shadow--blur--200: 10px;
6600
6600
  --pf-t--global--box-shadow--blur--300: 20px;
6601
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6602
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6601
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
6602
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
6603
6603
  --pf-t--global--box-shadow--spread--100: 0px;
6604
6604
  --pf-t--global--box-shadow--spread--200: -4px;
6605
6605
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -7472,10 +7472,10 @@ button) {
7472
7472
  }
7473
7473
 
7474
7474
  :root:where(.pf-v6-theme-high-contrast) {
7475
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7476
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7477
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7478
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7475
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
7476
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
7477
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
7478
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
7479
7479
  --pf-t--global--background--filter--glass--blur--primary: initial;
7480
7480
  --pf-t--global--border--radius--0: 0px;
7481
7481
  --pf-t--global--border--radius--100: 4px;
@@ -7509,8 +7509,8 @@ button) {
7509
7509
  --pf-t--global--box-shadow--blur--100: 6px;
7510
7510
  --pf-t--global--box-shadow--blur--200: 10px;
7511
7511
  --pf-t--global--box-shadow--blur--300: 20px;
7512
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7513
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7512
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
7513
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
7514
7514
  --pf-t--global--box-shadow--spread--100: 0px;
7515
7515
  --pf-t--global--box-shadow--spread--200: -4px;
7516
7516
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -8227,13 +8227,13 @@ button) {
8227
8227
  }
8228
8228
 
8229
8229
  :root:where(.pf-v6-theme-glass) {
8230
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8231
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8232
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8233
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8234
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8235
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8236
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8230
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8231
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8232
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8233
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8234
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8235
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8236
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8237
8237
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8238
8238
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8239
8239
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8241,6 +8241,7 @@ button) {
8241
8241
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8242
8242
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8243
8243
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8244
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8244
8245
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8245
8246
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8246
8247
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8372,13 +8373,13 @@ button) {
8372
8373
  }
8373
8374
 
8374
8375
  :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8375
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8376
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8377
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8378
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8379
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8380
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8381
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8376
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8377
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8378
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8379
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8380
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8381
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8382
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8382
8383
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8383
8384
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8384
8385
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8394,20 +8395,21 @@ button) {
8394
8395
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8395
8396
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8396
8397
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8398
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8397
8399
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8398
8400
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8399
8401
  }
8400
8402
 
8401
8403
  :root:where(.pf-v6-theme-dark) {
8402
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8403
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8404
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8405
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8404
8406
  --pf-t--global--background--filter--glass--blur--primary: initial;
8405
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
8406
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8407
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8408
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8409
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8410
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8407
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
8408
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8409
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8410
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8411
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8412
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8411
8413
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8412
8414
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8413
8415
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -8857,14 +8859,14 @@ button) {
8857
8859
  }
8858
8860
 
8859
8861
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8860
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8861
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8862
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8863
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8862
8864
  --pf-t--global--background--filter--glass--blur--primary: initial;
8863
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8864
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8865
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8866
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8867
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8865
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8866
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8867
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8868
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8869
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8868
8870
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8869
8871
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8870
8872
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -9298,13 +9300,13 @@ button) {
9298
9300
  }
9299
9301
 
9300
9302
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
9301
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9302
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9303
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9304
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9305
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9306
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9307
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9303
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9304
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9305
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9306
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9307
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9308
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9309
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9308
9310
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9309
9311
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9310
9312
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9367,13 +9369,13 @@ button) {
9367
9369
  }
9368
9370
 
9369
9371
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9370
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9371
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9372
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9373
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9374
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9375
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9376
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9372
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9373
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9374
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9375
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9376
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9377
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9378
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9377
9379
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9378
9380
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9379
9381
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9573,7 +9575,7 @@ button) {
9573
9575
  overflow-x: hidden;
9574
9576
  overflow-y: auto;
9575
9577
  overscroll-behavior: contain;
9576
- word-break: break-word;
9578
+ overflow-wrap: break-word;
9577
9579
  -webkit-overflow-scrolling: touch;
9578
9580
  }
9579
9581
  @media screen and (min-width: 36rem) {
@@ -9650,7 +9652,9 @@ button) {
9650
9652
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
9651
9653
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
9652
9654
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
9655
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
9653
9656
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
9657
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
9654
9658
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
9655
9659
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9656
9660
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -9783,6 +9787,7 @@ button) {
9783
9787
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9784
9788
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9785
9789
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9790
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
9786
9791
  }
9787
9792
 
9788
9793
  .pf-v6-c-accordion__toggle {
@@ -9830,8 +9835,8 @@ button) {
9830
9835
  }
9831
9836
 
9832
9837
  .pf-v6-c-accordion__toggle-icon {
9833
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9834
9838
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9839
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9835
9840
  }
9836
9841
 
9837
9842
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9839,26 +9844,27 @@ button) {
9839
9844
  }
9840
9845
 
9841
9846
  .pf-v6-c-accordion__expandable-content {
9847
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9842
9848
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9843
9849
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9844
9850
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
9845
9851
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
9852
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9846
9853
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9847
9854
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9848
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9849
9855
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9850
9856
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9851
9857
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9852
9858
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9859
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9853
9860
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
9854
9861
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9855
9862
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9856
9863
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9857
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9858
9864
  }
9859
9865
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9866
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
9860
9867
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
9861
- overflow-y: auto;
9862
9868
  }
9863
9869
 
9864
9870
  .pf-v6-c-accordion__expandable-content-body {
@@ -10058,12 +10064,13 @@ button) {
10058
10064
 
10059
10065
  .pf-v6-c-alert__toggle-icon {
10060
10066
  display: inline-block;
10061
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10062
10067
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
10068
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10063
10069
  }
10064
10070
 
10065
10071
  .pf-v6-c-alert__icon {
10066
10072
  grid-area: icon;
10073
+ align-self: baseline;
10067
10074
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
10068
10075
  font-size: var(--pf-v6-c-alert__icon--FontSize);
10069
10076
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10074,7 +10081,7 @@ button) {
10074
10081
  grid-area: title;
10075
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10076
10083
  color: var(--pf-v6-c-alert__title--Color);
10077
- word-break: break-word;
10084
+ overflow-wrap: break-word;
10078
10085
  }
10079
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10080
10087
  display: -webkit-box;
@@ -10086,7 +10093,7 @@ button) {
10086
10093
  .pf-v6-c-alert__description {
10087
10094
  grid-area: description;
10088
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10089
- word-break: break-word;
10096
+ overflow-wrap: break-word;
10090
10097
  }
10091
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10092
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10236,8 +10243,8 @@ button) {
10236
10243
  display: grid;
10237
10244
  grid-template-rows: 1fr;
10238
10245
  opacity: 1;
10239
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10240
10246
  transform: translateX(0) translateY(0);
10247
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10241
10248
  }
10242
10249
  @media screen and (prefers-reduced-motion: no-preference) {
10243
10250
  .pf-v6-c-alert-group__item {
@@ -10293,24 +10300,87 @@ button) {
10293
10300
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10294
10301
  --pf-v6-c-avatar--Width: 2.25rem;
10295
10302
  --pf-v6-c-avatar--Height: 2.25rem;
10303
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10296
10304
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10297
10305
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10306
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10298
10307
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10299
10308
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10309
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10300
10310
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10301
10311
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10312
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10302
10313
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10303
10314
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10315
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10304
10316
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10305
10317
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10318
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10319
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10320
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10321
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10322
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10323
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10324
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10325
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10326
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10327
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10328
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10329
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10330
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10331
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10332
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10333
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10334
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10335
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10336
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10337
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10338
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10339
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10340
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10341
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10342
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10343
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10344
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10345
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10346
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10347
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10348
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10349
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10350
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10351
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10352
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10353
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10354
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10355
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10356
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10357
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10358
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10359
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10360
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10361
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10362
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10363
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10364
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10306
10365
  }
10307
10366
 
10308
10367
  .pf-v6-c-avatar {
10309
10368
  width: var(--pf-v6-c-avatar--Width);
10310
10369
  height: var(--pf-v6-c-avatar--Height);
10370
+ font-size: var(--pf-v6-c-avatar--FontSize);
10371
+ color: var(--pf-v6-c-avatar--Color, inherit);
10372
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10311
10373
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10312
10374
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10313
10375
  }
10376
+ div.pf-v6-c-avatar {
10377
+ display: inline-flex;
10378
+ align-items: center;
10379
+ justify-content: center;
10380
+ overflow: clip;
10381
+ vertical-align: middle;
10382
+ }
10383
+
10314
10384
  .pf-v6-c-avatar.pf-m-bordered {
10315
10385
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10316
10386
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10539,6 +10609,87 @@ button) {
10539
10609
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
10540
10610
  }
10541
10611
  }
10612
+ .pf-v6-c-avatar.pf-m-sm {
10613
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10614
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10615
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10616
+ }
10617
+ .pf-v6-c-avatar.pf-m-lg {
10618
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10619
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10620
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10621
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10622
+ }
10623
+ .pf-v6-c-avatar.pf-m-xl {
10624
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10625
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10626
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10627
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10628
+ }
10629
+ .pf-v6-c-avatar.pf-m-colorful {
10630
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10631
+ }
10632
+ .pf-v6-c-avatar.pf-m-red {
10633
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10634
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10635
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10636
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10637
+ }
10638
+ .pf-v6-c-avatar.pf-m-orangered {
10639
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10640
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10641
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10642
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10643
+ }
10644
+ .pf-v6-c-avatar.pf-m-orange {
10645
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10646
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10647
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10648
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10649
+ }
10650
+ .pf-v6-c-avatar.pf-m-yellow {
10651
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10652
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10653
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10654
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10655
+ }
10656
+ .pf-v6-c-avatar.pf-m-green {
10657
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10658
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10659
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10660
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10661
+ }
10662
+ .pf-v6-c-avatar.pf-m-teal {
10663
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10664
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10665
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10666
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10667
+ }
10668
+ .pf-v6-c-avatar.pf-m-blue {
10669
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10670
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10671
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10672
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10673
+ }
10674
+ .pf-v6-c-avatar.pf-m-purple {
10675
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10676
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10677
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10678
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10679
+ }
10680
+ .pf-v6-c-avatar.pf-m-gray {
10681
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10682
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10683
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10684
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10685
+ }
10686
+
10687
+ .pf-v6-c-avatar__initials {
10688
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10689
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10690
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10691
+ color: var(--pf-v6-c-avatar__initials--Color);
10692
+ }
10542
10693
 
10543
10694
  .pf-v6-c-backdrop {
10544
10695
  --pf-v6-c-backdrop--Position: fixed;
@@ -10982,10 +11133,10 @@ button) {
10982
11133
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10983
11134
  line-height: inherit;
10984
11135
  color: var(--pf-v6-c-breadcrumb__link--Color);
11136
+ overflow-wrap: break-word;
10985
11137
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10986
11138
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10987
11139
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10988
- word-break: break-word;
10989
11140
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10990
11141
  }
10991
11142
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11403,10 +11554,10 @@ button.pf-v6-c-breadcrumb__link {
11403
11554
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11404
11555
  color: var(--pf-v6-c-button--Color);
11405
11556
  text-align: center;
11557
+ white-space: nowrap;
11406
11558
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11407
11559
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11408
11560
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11409
- white-space: nowrap;
11410
11561
  cursor: pointer;
11411
11562
  -webkit-user-select: none;
11412
11563
  user-select: none;
@@ -11416,11 +11567,11 @@ button.pf-v6-c-breadcrumb__link {
11416
11567
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11417
11568
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11418
11569
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
11570
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11419
11571
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11420
11572
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11421
11573
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11422
11574
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11423
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11424
11575
  }
11425
11576
  .pf-v6-c-button::after {
11426
11577
  position: absolute;
@@ -11547,10 +11698,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11547
11698
  --pf-v6-c-button--hover--BorderWidth: 0;
11548
11699
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11549
11700
  text-align: start;
11550
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11551
11701
  white-space: normal;
11552
- background: transparent;
11702
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11553
11703
  outline-offset: 0.125rem;
11704
+ background: transparent;
11554
11705
  }
11555
11706
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11556
11707
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11888,6 +12039,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11888
12039
  justify-content: flex-start;
11889
12040
  width: 100%;
11890
12041
  }
12042
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
12043
+ min-width: 1lh;
12044
+ }
11891
12045
  @media (min-width: 62rem) {
11892
12046
  .pf-v6-c-button.pf-m-docked {
11893
12047
  justify-content: center;
@@ -11908,12 +12062,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11908
12062
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11909
12063
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11910
12064
  color: var(--pf-v6-c-button__icon--Color);
12065
+ rotate: var(--pf-v6-c-button__icon--Rotate);
12066
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11911
12067
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11912
12068
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11913
12069
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11914
12070
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11915
- rotate: var(--pf-v6-c-button__icon--Rotate);
11916
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11917
12071
  }
11918
12072
  .pf-v6-c-button__icon.pf-m-start {
11919
12073
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12340,8 +12494,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12340
12494
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12341
12495
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12342
12496
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12343
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12344
12497
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12498
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12345
12499
  }
12346
12500
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12347
12501
  gap: 0;
@@ -12583,9 +12737,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12583
12737
  }
12584
12738
 
12585
12739
  .pf-v6-c-card__clickable-action {
12740
+ outline: 0;
12586
12741
  background: none;
12587
12742
  border: 0;
12588
- outline: 0;
12589
12743
  }
12590
12744
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12591
12745
  pointer-events: none;
@@ -12653,7 +12807,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12653
12807
  .pf-v6-c-check {
12654
12808
  display: grid;
12655
12809
  grid-template-columns: auto 1fr;
12656
- grid-gap: var(--pf-v6-c-check--GridGap);
12810
+ gap: var(--pf-v6-c-check--GridGap);
12657
12811
  accent-color: var(--pf-v6-c-check--AccentColor);
12658
12812
  }
12659
12813
  .pf-v6-c-check.pf-m-standalone {
@@ -12784,7 +12938,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12784
12938
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12785
12939
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12786
12940
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12787
- word-wrap: break-word;
12941
+ overflow-wrap: break-word;
12788
12942
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12789
12943
  background-clip: padding-box;
12790
12944
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12800,7 +12954,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12800
12954
  }
12801
12955
 
12802
12956
  .pf-v6-c-clipboard-copy__text {
12803
- word-break: break-word;
12957
+ overflow-wrap: break-word;
12804
12958
  white-space: normal;
12805
12959
  }
12806
12960
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13289,8 +13443,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13289
13443
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13290
13444
  .pf-v6-c-compass__main-footer,
13291
13445
  .pf-v6-c-compass__footer {
13292
- margin: 0;
13293
13446
  visibility: hidden;
13447
+ margin: 0;
13294
13448
  opacity: 0;
13295
13449
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13296
13450
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13408,15 +13562,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13408
13562
  inset-inline-start: 0;
13409
13563
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13410
13564
  display: flex;
13565
+ visibility: hidden;
13411
13566
  flex-direction: column;
13412
13567
  grid-area: dock;
13413
13568
  width: var(--pf-v6-c-compass__dock--Width);
13414
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13415
13569
  translate: -100% 0;
13570
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13416
13571
  }
13417
13572
  .pf-v6-c-compass__dock.pf-m-expanded {
13418
13573
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13574
+ visibility: visible;
13419
13575
  translate: 0;
13576
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13420
13577
  }
13421
13578
  @media (min-width: 62rem) {
13422
13579
  .pf-v6-c-compass__dock {
@@ -13424,6 +13581,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13424
13581
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13425
13582
  position: revert;
13426
13583
  inset: revert;
13584
+ visibility: revert;
13427
13585
  width: auto;
13428
13586
  translate: 0;
13429
13587
  }
@@ -13438,9 +13596,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13438
13596
  .pf-v6-c-compass__dock-main {
13439
13597
  flex-grow: 1;
13440
13598
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13441
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13442
13599
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13443
13600
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13601
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13444
13602
  }
13445
13603
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13446
13604
  border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -13771,8 +13929,8 @@ ul) {
13771
13929
  @media screen and (min-width: 36rem) {
13772
13930
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13773
13931
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13774
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13775
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13932
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13933
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13776
13934
  }
13777
13935
  }
13778
13936
 
@@ -14561,8 +14719,8 @@ ul) {
14561
14719
  .pf-v6-c-data-list__toggle-icon {
14562
14720
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14563
14721
  pointer-events: none;
14564
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14565
14722
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14723
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14566
14724
  }
14567
14725
 
14568
14726
  .pf-v6-c-data-list__item-content {
@@ -14779,7 +14937,6 @@ ul) {
14779
14937
  width: 100%;
14780
14938
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14781
14939
  break-inside: avoid;
14782
- page-break-inside: avoid;
14783
14940
  -webkit-column-break-inside: avoid;
14784
14941
  -moz-column-break-inside: avoid;
14785
14942
  }
@@ -15187,9 +15344,9 @@ ul) {
15187
15344
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15188
15345
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15189
15346
  overflow: auto;
15347
+ outline-offset: 2px;
15190
15348
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15191
15349
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15192
- outline-offset: 2px;
15193
15350
  }
15194
15351
 
15195
15352
  .pf-v6-c-dual-list-selector__list {
@@ -15225,25 +15382,25 @@ ul) {
15225
15382
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15226
15383
  }
15227
15384
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
15228
- max-height: 0;
15229
15385
  visibility: hidden;
15386
+ max-height: 0;
15230
15387
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15388
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15231
15389
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15232
15390
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15233
15391
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15234
15392
  transition-property: opacity, translate, visibility, max-height;
15235
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15236
15393
  }
15237
15394
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15238
15395
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
15239
15396
  }
15240
15397
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
15241
- max-height: 99999px;
15242
15398
  visibility: revert;
15399
+ max-height: 99999px;
15243
15400
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15401
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15244
15402
  transition-delay: 0s;
15245
15403
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
15246
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15247
15404
  }
15248
15405
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15249
15406
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15378,10 +15535,10 @@ ul) {
15378
15535
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15379
15536
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15380
15537
  text-align: center;
15538
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15381
15539
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15382
15540
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15383
15541
  transition-property: transform;
15384
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15385
15542
  }
15386
15543
 
15387
15544
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16166,6 +16323,7 @@ ul) {
16166
16323
  .pf-v6-c-drawer__panel {
16167
16324
  position: relative;
16168
16325
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16326
+ visibility: hidden;
16169
16327
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16170
16328
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16171
16329
  order: 1;
@@ -16173,7 +16331,6 @@ ul) {
16173
16331
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16174
16332
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16175
16333
  overflow: auto;
16176
- visibility: hidden;
16177
16334
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16178
16335
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16179
16336
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16283,8 +16440,8 @@ ul) {
16283
16440
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16284
16441
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16285
16442
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16286
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16287
16443
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16444
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16288
16445
  }
16289
16446
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16290
16447
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -17074,8 +17231,8 @@ ul) {
17074
17231
  display: inline-block;
17075
17232
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
17076
17233
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
17077
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17078
17234
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17235
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17079
17236
  }
17080
17237
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
17081
17238
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -17090,15 +17247,15 @@ ul) {
17090
17247
  display: revert;
17091
17248
  }
17092
17249
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17250
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17093
17251
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
17094
17252
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
17095
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17096
17253
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17254
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17097
17255
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
17098
17256
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
17099
17257
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
17100
17258
  transition-property: opacity, translate, visibility, max-height;
17101
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17102
17259
  }
17103
17260
 
17104
17261
  .pf-v6-c-file-upload {
@@ -17269,7 +17426,7 @@ ul) {
17269
17426
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17270
17427
  display: grid;
17271
17428
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17272
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17429
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17273
17430
  }
17274
17431
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17275
17432
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17297,7 +17454,7 @@ ul) {
17297
17454
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17298
17455
  display: grid;
17299
17456
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17300
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17457
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17301
17458
  }
17302
17459
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17303
17460
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17325,7 +17482,7 @@ ul) {
17325
17482
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17326
17483
  display: grid;
17327
17484
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17328
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17485
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17329
17486
  }
17330
17487
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17331
17488
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17353,7 +17510,7 @@ ul) {
17353
17510
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17354
17511
  display: grid;
17355
17512
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17356
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17513
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17357
17514
  }
17358
17515
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17359
17516
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17381,7 +17538,7 @@ ul) {
17381
17538
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17382
17539
  display: grid;
17383
17540
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17384
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17541
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17385
17542
  }
17386
17543
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17387
17544
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17409,7 +17566,7 @@ ul) {
17409
17566
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17410
17567
  display: grid;
17411
17568
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17412
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17569
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17413
17570
  }
17414
17571
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17415
17572
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17437,7 +17594,7 @@ ul) {
17437
17594
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17438
17595
  display: grid;
17439
17596
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17440
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17597
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17441
17598
  }
17442
17599
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17443
17600
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17610,14 +17767,14 @@ ul) {
17610
17767
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17611
17768
  }
17612
17769
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17770
+ visibility: visible;
17613
17771
  max-height: 99999px;
17614
17772
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17615
17773
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17616
- visibility: visible;
17617
17774
  opacity: 1;
17775
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17618
17776
  transition-delay: 0s;
17619
17777
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
17620
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17621
17778
  }
17622
17779
 
17623
17780
  .pf-v6-c-form__field-group-toggle {
@@ -17639,10 +17796,10 @@ ul) {
17639
17796
  display: inline-block;
17640
17797
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17641
17798
  text-align: center;
17799
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17642
17800
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17643
17801
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17644
17802
  transition-property: transform;
17645
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17646
17803
  }
17647
17804
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17648
17805
  scale: -1 1;
@@ -17691,15 +17848,15 @@ ul) {
17691
17848
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17692
17849
  }
17693
17850
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17851
+ visibility: hidden;
17694
17852
  max-height: 0;
17695
17853
  padding-block-start: 0;
17696
17854
  padding-block-end: 0;
17697
- visibility: hidden;
17698
17855
  opacity: 0;
17856
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17699
17857
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
17700
17858
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
17701
17859
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17702
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17703
17860
  }
17704
17861
 
17705
17862
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17859,10 +18016,10 @@ ul) {
17859
18016
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17860
18017
  color: var(--pf-v6-c-form-control--Color);
17861
18018
  appearance: none;
18019
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17862
18020
  background-color: transparent;
17863
18021
  border: none;
17864
18022
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17865
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17866
18023
  }
17867
18024
  .pf-v6-c-form-control > ::placeholder {
17868
18025
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18228,8 +18385,8 @@ ul) {
18228
18385
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18229
18386
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18230
18387
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18231
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18232
18388
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18389
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18233
18390
  }
18234
18391
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18235
18392
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18265,7 +18422,7 @@ ul) {
18265
18422
  .pf-v6-c-hint {
18266
18423
  display: grid;
18267
18424
  grid-template-columns: 1fr auto;
18268
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18425
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18269
18426
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18270
18427
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18271
18428
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18713,20 +18870,20 @@ ul) {
18713
18870
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18714
18871
  }
18715
18872
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18873
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18716
18874
  flex-grow: 1;
18717
18875
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18718
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18719
18876
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18877
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18878
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18720
18879
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18721
18880
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18722
18881
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
18723
18882
  transition-property: opacity, scale, visibility, max-width;
18724
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18725
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18726
18883
  }
18727
18884
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18728
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18729
18885
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18886
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18730
18887
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18731
18888
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18732
18889
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18734,8 +18891,8 @@ ul) {
18734
18891
  transition-property: opacity, visibility, max-width;
18735
18892
  }
18736
18893
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18737
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18738
18894
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18895
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18739
18896
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18740
18897
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18741
18898
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -19062,10 +19219,10 @@ label.pf-v6-c-input-group__text {
19062
19219
  .pf-v6-c-jump-links__toggle-icon {
19063
19220
  display: inline-block;
19064
19221
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19222
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19065
19223
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
19066
19224
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
19067
19225
  transition-property: transform;
19068
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19069
19226
  }
19070
19227
 
19071
19228
  .pf-v6-c-label {
@@ -19278,9 +19435,9 @@ label.pf-v6-c-input-group__text {
19278
19435
  font-size: var(--pf-v6-c-label--FontSize);
19279
19436
  white-space: nowrap;
19280
19437
  background: transparent;
19281
- isolation: isolate;
19282
19438
  border: 0;
19283
19439
  border-radius: var(--pf-v6-c-label--BorderRadius);
19440
+ isolation: isolate;
19284
19441
  }
19285
19442
  .pf-v6-c-label.pf-m-blue {
19286
19443
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19938,7 +20095,7 @@ ul.pf-v6-c-list {
19938
20095
  display: grid;
19939
20096
  grid-template-areas: "main header" "main footer" "main .";
19940
20097
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19941
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
20098
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19942
20099
  justify-content: center;
19943
20100
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19944
20101
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19964,10 +20121,10 @@ ul.pf-v6-c-list {
19964
20121
  align-self: start;
19965
20122
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19966
20123
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19967
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19968
20124
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19969
20125
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19970
20126
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
20127
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19971
20128
  }
19972
20129
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19973
20130
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20074,7 +20231,7 @@ ul.pf-v6-c-list {
20074
20231
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
20075
20232
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
20076
20233
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
20077
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20234
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
20078
20235
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
20079
20236
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20080
20237
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20311,9 +20468,9 @@ ul.pf-v6-c-list {
20311
20468
  }
20312
20469
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20313
20470
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20314
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20315
20471
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20316
20472
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20473
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20317
20474
  }
20318
20475
 
20319
20476
  .pf-v6-c-masthead__main {
@@ -21022,8 +21179,8 @@ ul.pf-v6-c-list {
21022
21179
  }
21023
21180
 
21024
21181
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
21025
- overflow: hidden;
21026
21182
  visibility: visible;
21183
+ overflow: hidden;
21027
21184
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
21028
21185
  }
21029
21186
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -21049,8 +21206,8 @@ ul.pf-v6-c-list {
21049
21206
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21050
21207
  }
21051
21208
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
21052
- overflow: visible;
21053
21209
  visibility: hidden;
21210
+ overflow: visible;
21054
21211
  }
21055
21212
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
21056
21213
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -21191,10 +21348,10 @@ ul.pf-v6-c-list {
21191
21348
  color: var(--pf-v6-c-menu__item--Color);
21192
21349
  text-align: start;
21193
21350
  text-decoration-line: none;
21351
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21194
21352
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21195
21353
  border: 0;
21196
21354
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21197
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21198
21355
  --pf-v6-hidden-visible--visible--Display: flex;
21199
21356
  --pf-v6-hidden-visible--hidden--Display: none;
21200
21357
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21288,7 +21445,7 @@ ul.pf-v6-c-list {
21288
21445
  .pf-v6-c-menu__item-description {
21289
21446
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21290
21447
  color: var(--pf-v6-c-menu__item-description--Color);
21291
- word-break: break-word;
21448
+ overflow-wrap: break-word;
21292
21449
  }
21293
21450
 
21294
21451
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21705,6 +21862,9 @@ ul.pf-v6-c-list {
21705
21862
  justify-content: flex-start;
21706
21863
  width: 100%;
21707
21864
  }
21865
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21866
+ min-width: 1lh;
21867
+ }
21708
21868
  @media (min-width: 62rem) {
21709
21869
  .pf-v6-c-menu-toggle.pf-m-docked {
21710
21870
  justify-content: center;
@@ -21871,10 +22031,10 @@ ul.pf-v6-c-list {
21871
22031
 
21872
22032
  .pf-v6-c-menu-toggle__icon {
21873
22033
  flex-shrink: 0;
22034
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21874
22035
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21875
22036
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21876
22037
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21877
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21878
22038
  }
21879
22039
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21880
22040
  vertical-align: middle;
@@ -22082,7 +22242,7 @@ ul.pf-v6-c-list {
22082
22242
  overflow-x: hidden;
22083
22243
  overflow-y: auto;
22084
22244
  overscroll-behavior: contain;
22085
- word-break: break-word;
22245
+ overflow-wrap: break-word;
22086
22246
  -webkit-overflow-scrolling: touch;
22087
22247
  }
22088
22248
  .pf-v6-c-modal-box__body:last-child {
@@ -22531,17 +22691,17 @@ ul.pf-v6-c-list {
22531
22691
 
22532
22692
  .pf-v6-c-nav__subnav {
22533
22693
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22694
+ visibility: visible;
22534
22695
  max-height: 99999px;
22535
22696
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22536
22697
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22537
22698
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22538
22699
  overflow-y: clip;
22539
- visibility: visible;
22700
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22540
22701
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
22541
22702
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22542
22703
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22543
22704
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22544
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22545
22705
  }
22546
22706
  .pf-v6-c-nav__subnav[hidden] {
22547
22707
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22551,8 +22711,8 @@ ul.pf-v6-c-list {
22551
22711
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22552
22712
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22553
22713
  display: grid;
22554
- max-height: 0;
22555
22714
  visibility: hidden;
22715
+ max-height: 0;
22556
22716
  opacity: 0;
22557
22717
  }
22558
22718
 
@@ -22570,10 +22730,10 @@ ul.pf-v6-c-list {
22570
22730
  content: var(--pf-v6-c-nav__item--accent--content, "");
22571
22731
  background-color: var(--pf-v6-c-nav__item--accent--color);
22572
22732
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22733
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22573
22734
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22574
22735
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22575
22736
  transition-property: scale;
22576
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22577
22737
  }
22578
22738
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22579
22739
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22661,10 +22821,10 @@ ul.pf-v6-c-list {
22661
22821
 
22662
22822
  .pf-v6-c-nav__toggle-icon {
22663
22823
  display: inline-block;
22824
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22664
22825
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22665
22826
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22666
22827
  transition-property: transform;
22667
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22668
22828
  }
22669
22829
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22670
22830
  scale: -1 1;
@@ -22897,9 +23057,9 @@ ul.pf-v6-c-list {
22897
23057
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22898
23058
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22899
23059
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
23060
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22900
23061
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22901
23062
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22902
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22903
23063
  }
22904
23064
  .pf-v6-c-notification-drawer__list-item::before {
22905
23065
  position: absolute;
@@ -22956,7 +23116,7 @@ ul.pf-v6-c-list {
22956
23116
 
22957
23117
  .pf-v6-c-notification-drawer__list-item-header-title {
22958
23118
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22959
- word-break: break-word;
23119
+ overflow-wrap: break-word;
22960
23120
  }
22961
23121
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22962
23122
  display: -webkit-box;
@@ -22978,7 +23138,7 @@ ul.pf-v6-c-list {
22978
23138
  grid-row: 2/3;
22979
23139
  grid-column: 1/2;
22980
23140
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22981
- word-break: break-word;
23141
+ overflow-wrap: break-word;
22982
23142
  }
22983
23143
 
22984
23144
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23009,9 +23169,9 @@ ul.pf-v6-c-list {
23009
23169
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
23010
23170
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
23011
23171
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23172
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23012
23173
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
23013
23174
  border: none;
23014
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23015
23175
  }
23016
23176
 
23017
23177
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -23023,7 +23183,7 @@ ul.pf-v6-c-list {
23023
23183
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23024
23184
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23025
23185
  text-align: start;
23026
- word-break: break-word;
23186
+ overflow-wrap: break-word;
23027
23187
  }
23028
23188
 
23029
23189
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23100,11 +23260,6 @@ ul.pf-v6-c-list {
23100
23260
  .pf-v6-c-page {
23101
23261
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23102
23262
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
23103
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23104
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
23105
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
23106
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23107
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23108
23263
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
23109
23264
  --pf-v6-c-page__dock--Width: 15.625rem;
23110
23265
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -23123,6 +23278,11 @@ ul.pf-v6-c-list {
23123
23278
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23124
23279
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
23125
23280
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23281
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23282
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23283
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23284
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23285
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23126
23286
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
23127
23287
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
23128
23288
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23293,20 +23453,17 @@ ul.pf-v6-c-list {
23293
23453
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23294
23454
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23295
23455
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23296
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23297
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23298
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23299
23456
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23300
23457
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23301
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23302
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23303
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23458
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23459
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23460
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23304
23461
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23305
23462
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23306
23463
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23307
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23308
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23309
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23464
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23465
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23466
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23310
23467
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23311
23468
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23312
23469
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23317,9 +23474,11 @@ ul.pf-v6-c-list {
23317
23474
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23318
23475
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23319
23476
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23320
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23321
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23322
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23477
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23478
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23479
+ --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23480
+ --pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23481
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23323
23482
  }
23324
23483
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23325
23484
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23342,6 +23501,8 @@ ul.pf-v6-c-list {
23342
23501
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23343
23502
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23344
23503
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23504
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23505
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23345
23506
  }
23346
23507
  @media (min-width: 75rem) {
23347
23508
  .pf-v6-c-page {
@@ -23493,10 +23654,11 @@ ul.pf-v6-c-list {
23493
23654
  inset-inline-start: 0;
23494
23655
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23495
23656
  display: flex;
23657
+ visibility: hidden;
23496
23658
  flex-direction: column;
23497
23659
  grid-area: dock;
23498
23660
  width: var(--pf-v6-c-page__dock--Width);
23499
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23661
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23500
23662
  translate: -100% 0;
23501
23663
  }
23502
23664
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23505,7 +23667,9 @@ ul.pf-v6-c-list {
23505
23667
 
23506
23668
  .pf-v6-c-page__dock.pf-m-expanded {
23507
23669
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23670
+ visibility: visible;
23508
23671
  translate: 0;
23672
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23509
23673
  }
23510
23674
  @media (min-width: 62rem) {
23511
23675
  .pf-v6-c-page__dock {
@@ -23513,6 +23677,7 @@ ul.pf-v6-c-list {
23513
23677
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23514
23678
  position: revert;
23515
23679
  inset: revert;
23680
+ visibility: revert;
23516
23681
  width: auto;
23517
23682
  translate: 0;
23518
23683
  }
@@ -23527,9 +23692,9 @@ ul.pf-v6-c-list {
23527
23692
  .pf-v6-c-page__dock-main {
23528
23693
  flex-grow: 1;
23529
23694
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23530
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23531
23695
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23532
23696
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23697
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23533
23698
  }
23534
23699
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23535
23700
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -23611,10 +23776,10 @@ ul.pf-v6-c-list {
23611
23776
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23612
23777
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23613
23778
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23614
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23615
23779
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23616
23780
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23617
23781
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23782
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23618
23783
  }
23619
23784
 
23620
23785
  .pf-v6-c-page__sidebar-header {
@@ -23980,7 +24145,6 @@ ul.pf-v6-c-list {
23980
24145
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23981
24146
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23982
24147
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23983
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23984
24148
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23985
24149
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23986
24150
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23988,6 +24152,7 @@ ul.pf-v6-c-list {
23988
24152
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23989
24153
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23990
24154
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
24155
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23991
24156
  }
23992
24157
  @media screen and (max-width: calc(48rem - 1px)) {
23993
24158
  .pf-v6-c-page__main-container {
@@ -25012,7 +25177,7 @@ ul.pf-v6-c-list {
25012
25177
  }
25013
25178
 
25014
25179
  .pf-v6-c-popover__body {
25015
- word-wrap: break-word;
25180
+ overflow-wrap: break-word;
25016
25181
  }
25017
25182
 
25018
25183
  .pf-v6-c-popover__footer {
@@ -25057,7 +25222,7 @@ ul.pf-v6-c-list {
25057
25222
  display: grid;
25058
25223
  grid-template-rows: 1fr auto;
25059
25224
  grid-template-columns: auto auto;
25060
- grid-gap: var(--pf-v6-c-progress--GridGap);
25225
+ gap: var(--pf-v6-c-progress--GridGap);
25061
25226
  align-items: end;
25062
25227
  }
25063
25228
  .pf-v6-c-progress.pf-m-sm {
@@ -25151,7 +25316,7 @@ ul.pf-v6-c-list {
25151
25316
 
25152
25317
  .pf-v6-c-progress__description {
25153
25318
  grid-column: 1/2;
25154
- word-break: break-word;
25319
+ overflow-wrap: break-word;
25155
25320
  }
25156
25321
  .pf-v6-c-progress__description.pf-m-truncate {
25157
25322
  overflow: hidden;
@@ -25167,7 +25332,7 @@ ul.pf-v6-c-list {
25167
25332
  align-items: flex-start;
25168
25333
  justify-content: flex-end;
25169
25334
  text-align: end;
25170
- word-break: break-word;
25335
+ overflow-wrap: break-word;
25171
25336
  }
25172
25337
 
25173
25338
  .pf-v6-c-progress__status-icon {
@@ -25430,9 +25595,9 @@ ul.pf-v6-c-list {
25430
25595
  inset-block-start: 0;
25431
25596
  inset-inline-start: 0;
25432
25597
  overflow: hidden;
25433
- clip: rect(0, 0, 0, 0);
25434
25598
  white-space: nowrap;
25435
25599
  border: 0;
25600
+ clip-path: inset(50%);
25436
25601
  }
25437
25602
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25438
25603
  grid-row: 1/2;
@@ -25854,7 +26019,7 @@ ul.pf-v6-c-list {
25854
26019
  .pf-v6-c-radio {
25855
26020
  display: grid;
25856
26021
  grid-template-columns: auto 1fr;
25857
- grid-gap: var(--pf-v6-c-radio--GridGap);
26022
+ gap: var(--pf-v6-c-radio--GridGap);
25858
26023
  align-items: baseline;
25859
26024
  accent-color: var(--pf-v6-c-radio--AccentColor);
25860
26025
  }
@@ -26085,6 +26250,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26085
26250
  --pf-v6-c-sidebar__panel--Position: static;
26086
26251
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26087
26252
  }
26253
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
26254
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26255
+ }
26088
26256
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26089
26257
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26090
26258
  }
@@ -26104,7 +26272,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26104
26272
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26105
26273
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26106
26274
  }
26107
- .pf-v6-c-sidebar__content.pf-m-no-background {
26275
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
26108
26276
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26109
26277
  }
26110
26278
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26117,12 +26285,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26117
26285
  --pf-v6-c-sidebar__content--Order: -1;
26118
26286
  }
26119
26287
 
26120
- .pf-v6-c-sidebar.pf-m-no-background,
26121
- .pf-v6-c-sidebar__panel.pf-m-no-background,
26122
- .pf-v6-c-sidebar__content.pf-m-no-background {
26123
- background-color: transparent;
26124
- }
26125
-
26126
26288
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26127
26289
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26128
26290
  }
@@ -26849,10 +27011,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26849
27011
  width: 100%;
26850
27012
  height: 100%;
26851
27013
  stroke: var(--pf-v6-c-spinner--Color);
27014
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
27015
+ stroke-linecap: round;
26852
27016
  stroke-dasharray: 283;
26853
27017
  stroke-dashoffset: 280;
26854
- stroke-linecap: round;
26855
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26856
27018
  transform-origin: 50% 50%;
26857
27019
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26858
27020
  }
@@ -27012,8 +27174,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27012
27174
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
27013
27175
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
27014
27176
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
27015
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
27016
27177
  transform: translateY(-50%);
27178
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
27017
27179
  }
27018
27180
  .pf-v6-c-switch__toggle::after {
27019
27181
  position: absolute;
@@ -28871,6 +29033,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28871
29033
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28872
29034
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28873
29035
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
29036
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
29037
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28874
29038
  }
28875
29039
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28876
29040
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28940,6 +29104,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28940
29104
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
28941
29105
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28942
29106
  }
29107
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29108
+ position: sticky;
29109
+ inset-block-end: 0;
29110
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29111
+ background: var(--pf-v6-c-table--BackgroundColor);
29112
+ }
29113
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29114
+ position: absolute;
29115
+ inset: 0;
29116
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29117
+ pointer-events: none;
29118
+ content: "";
29119
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29120
+ }
29121
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29122
+ border-block-end: 0;
29123
+ }
29124
+ .pf-v6-c-table.pf-m-plain {
29125
+ --pf-v6-c-table--BackgroundColor: transparent;
29126
+ }
28943
29127
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
28944
29128
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28945
29129
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29010,11 +29194,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29010
29194
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
29011
29195
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
29012
29196
  overflow: var(--pf-v6-c-table--cell--Overflow);
29197
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29013
29198
  font-size: var(--pf-v6-c-table--cell--FontSize);
29014
29199
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
29015
29200
  line-height: var(--pf-v6-c-table--cell--LineHeight);
29016
29201
  color: var(--pf-v6-c-table--cell--Color);
29017
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29018
29202
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29019
29203
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29020
29204
  }
@@ -29120,24 +29304,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29120
29304
  }
29121
29305
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
29122
29306
  cursor: pointer;
29123
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29124
29307
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29308
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29125
29309
  }
29126
29310
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
29127
29311
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
29128
29312
  }
29129
29313
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
29130
29314
  position: relative;
29131
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29132
29315
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29316
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29133
29317
  }
29134
29318
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
29135
29319
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
29136
29320
  }
29137
29321
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
29138
29322
  cursor: pointer;
29139
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29140
29323
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29324
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29141
29325
  }
29142
29326
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
29143
29327
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -29146,8 +29330,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29146
29330
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
29147
29331
  }
29148
29332
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
29149
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29150
29333
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29334
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29151
29335
  }
29152
29336
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
29153
29337
  border: none;
@@ -29172,11 +29356,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29172
29356
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29173
29357
  visibility: hidden;
29174
29358
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29359
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29175
29360
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29176
29361
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29177
29362
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29178
29363
  transition-property: opacity, translate, visibility, background-color;
29179
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29180
29364
  }
29181
29365
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29182
29366
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29184,9 +29368,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29184
29368
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29185
29369
  visibility: visible;
29186
29370
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29371
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29187
29372
  transition-delay: 0s;
29188
29373
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29189
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29190
29374
  }
29191
29375
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
29192
29376
  max-height: 99999px;
@@ -29252,8 +29436,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29252
29436
  min-width: var(--pf-v6-c-table__text--MinWidth);
29253
29437
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29254
29438
  overflow: var(--pf-v6-c-table--cell--Overflow);
29255
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29256
29439
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29440
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29257
29441
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29258
29442
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29259
29443
  }
@@ -29282,10 +29466,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29282
29466
  text-align: start;
29283
29467
  white-space: inherit;
29284
29468
  user-select: text;
29469
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29285
29470
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29286
29471
  border: 0;
29287
29472
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29288
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29289
29473
  }
29290
29474
  .pf-v6-c-table__button::after {
29291
29475
  position: absolute;
@@ -29379,10 +29563,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29379
29563
  }
29380
29564
 
29381
29565
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29566
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29382
29567
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29383
29568
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29384
29569
  transition-property: transform;
29385
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29386
29570
  }
29387
29571
  .pf-v6-c-table__toggle svg {
29388
29572
  pointer-events: none;
@@ -29674,6 +29858,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29674
29858
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29675
29859
  }
29676
29860
 
29861
+ .pf-v6-c-table__tfoot {
29862
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29863
+ vertical-align: top;
29864
+ }
29865
+
29677
29866
  .pf-v6-c-table__icon-inline {
29678
29867
  display: flex;
29679
29868
  align-items: center;
@@ -29938,8 +30127,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29938
30127
  }
29939
30128
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29940
30129
  position: relative;
29941
- border: none;
29942
30130
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30131
+ border: none;
29943
30132
  }
29944
30133
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29945
30134
  position: absolute;
@@ -29977,7 +30166,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29977
30166
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29978
30167
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29979
30168
  grid-column: 1;
29980
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30169
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29981
30170
  align-items: start;
29982
30171
  }
29983
30172
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30080,8 +30269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30080
30269
  }
30081
30270
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30082
30271
  position: relative;
30083
- border: none;
30084
30272
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30273
+ border: none;
30085
30274
  }
30086
30275
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30087
30276
  position: absolute;
@@ -30119,7 +30308,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30119
30308
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30120
30309
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30121
30310
  grid-column: 1;
30122
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30311
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30123
30312
  align-items: start;
30124
30313
  }
30125
30314
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30223,8 +30412,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30223
30412
  }
30224
30413
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30225
30414
  position: relative;
30226
- border: none;
30227
30415
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30416
+ border: none;
30228
30417
  }
30229
30418
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30230
30419
  position: absolute;
@@ -30262,7 +30451,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30262
30451
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30263
30452
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30264
30453
  grid-column: 1;
30265
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30454
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30266
30455
  align-items: start;
30267
30456
  }
30268
30457
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30366,8 +30555,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30366
30555
  }
30367
30556
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30368
30557
  position: relative;
30369
- border: none;
30370
30558
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30559
+ border: none;
30371
30560
  }
30372
30561
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30373
30562
  position: absolute;
@@ -30405,7 +30594,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30405
30594
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30406
30595
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30407
30596
  grid-column: 1;
30408
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30597
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30409
30598
  align-items: start;
30410
30599
  }
30411
30600
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30509,8 +30698,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30509
30698
  }
30510
30699
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30511
30700
  position: relative;
30512
- border: none;
30513
30701
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30702
+ border: none;
30514
30703
  }
30515
30704
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30516
30705
  position: absolute;
@@ -30548,7 +30737,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30548
30737
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30549
30738
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30550
30739
  grid-column: 1;
30551
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30740
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30552
30741
  align-items: start;
30553
30742
  }
30554
30743
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -31101,8 +31290,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31101
31290
 
31102
31291
  .pf-v6-c-tabs__toggle-icon {
31103
31292
  display: inline-block;
31104
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31105
31293
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31294
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31106
31295
  }
31107
31296
 
31108
31297
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31266,8 +31455,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31266
31455
  align-self: end;
31267
31456
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31268
31457
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31269
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31270
31458
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31459
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31271
31460
  }
31272
31461
 
31273
31462
  .pf-v6-c-tabs__item-action {
@@ -31530,10 +31719,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31530
31719
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31531
31720
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31532
31721
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31722
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31533
31723
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31534
31724
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31535
31725
  transition-property: width, height, translate;
31536
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31537
31726
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31538
31727
  }
31539
31728
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -31739,9 +31928,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31739
31928
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31740
31929
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31741
31930
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31931
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31742
31932
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31743
31933
  border: 0;
31744
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31745
31934
  }
31746
31935
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31747
31936
  grid-area: text-input;
@@ -31949,7 +32138,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31949
32138
 
31950
32139
  .pf-v6-c-title {
31951
32140
  font-family: var(--pf-v6-c-title--FontFamily);
31952
- word-break: break-word;
32141
+ overflow-wrap: break-word;
31953
32142
  }
31954
32143
  .pf-v6-c-title.pf-m-4xl {
31955
32144
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32732,10 +32921,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32732
32921
 
32733
32922
  .pf-v6-c-toolbar__expand-all-icon {
32734
32923
  display: inline-flex;
32924
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32735
32925
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32736
32926
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32737
32927
  transition-property: transform;
32738
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32739
32928
  }
32740
32929
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32741
32930
  scale: -1 1;
@@ -34371,7 +34560,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34371
34560
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34372
34561
  color: var(--pf-v6-c-tooltip__content--Color);
34373
34562
  text-align: center;
34374
- word-break: break-word;
34563
+ overflow-wrap: break-word;
34375
34564
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34376
34565
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34377
34566
  }
@@ -34753,19 +34942,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34753
34942
  display: inline-block;
34754
34943
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34755
34944
  text-align: center;
34756
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34757
34945
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34946
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34758
34947
  }
34759
34948
 
34760
34949
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34761
- max-height: 0;
34762
34950
  visibility: hidden;
34951
+ max-height: 0;
34763
34952
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34953
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34764
34954
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34765
34955
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34766
34956
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34767
34957
  transition-property: opacity, translate, visibility, max-height;
34768
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34769
34958
  }
34770
34959
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34771
34960
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34776,12 +34965,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34776
34965
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34777
34966
  }
34778
34967
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34779
- max-height: 99999px;
34780
34968
  visibility: revert;
34969
+ max-height: 99999px;
34781
34970
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34971
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34782
34972
  transition-delay: 0s;
34783
34973
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34784
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34785
34974
  }
34786
34975
 
34787
34976
  .pf-v6-c-tree-view__node,
@@ -35220,7 +35409,7 @@ label.pf-v6-c-tree-view__node-text {
35220
35409
 
35221
35410
  .pf-v6-c-wizard__title {
35222
35411
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35223
- word-wrap: break-word;
35412
+ overflow-wrap: break-word;
35224
35413
  }
35225
35414
 
35226
35415
  .pf-v6-c-wizard__title-text {
@@ -35283,7 +35472,7 @@ label.pf-v6-c-tree-view__node-text {
35283
35472
  align-items: baseline;
35284
35473
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35285
35474
  text-align: start;
35286
- word-break: break-word;
35475
+ overflow-wrap: break-word;
35287
35476
  }
35288
35477
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35289
35478
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35419,8 +35608,8 @@ label.pf-v6-c-tree-view__node-text {
35419
35608
  padding-inline: 0;
35420
35609
  color: var(--pf-v6-c-wizard__nav-link--Color);
35421
35610
  text-align: start;
35611
+ overflow-wrap: break-word;
35422
35612
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35423
- word-break: break-word;
35424
35613
  counter-increment: wizard-nav-count;
35425
35614
  background-color: transparent;
35426
35615
  border: none;
@@ -35525,10 +35714,10 @@ label.pf-v6-c-tree-view__node-text {
35525
35714
 
35526
35715
  .pf-v6-c-wizard__nav-link-toggle-icon {
35527
35716
  display: inline-block;
35717
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35528
35718
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35529
35719
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35530
35720
  transition-property: transform;
35531
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35532
35721
  }
35533
35722
 
35534
35723
  .pf-v6-c-wizard__main {
@@ -35538,7 +35727,7 @@ label.pf-v6-c-tree-view__node-text {
35538
35727
  flex-direction: column;
35539
35728
  overflow-x: hidden;
35540
35729
  overflow-y: auto;
35541
- word-break: break-word;
35730
+ overflow-wrap: break-word;
35542
35731
  }
35543
35732
 
35544
35733
  .pf-v6-c-wizard__main-body {
@@ -37975,7 +38164,7 @@ label.pf-v6-c-tree-view__node-text {
37975
38164
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37976
38165
  }
37977
38166
  .pf-v6-l-gallery.pf-m-gutter {
37978
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
38167
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37979
38168
  }
37980
38169
  .pf-v6-l-gallery {
37981
38170
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38968,7 +39157,7 @@ label.pf-v6-c-tree-view__node-text {
38968
39157
  }
38969
39158
  }
38970
39159
  .pf-v6-l-grid.pf-m-gutter {
38971
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
39160
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38972
39161
  }
38973
39162
 
38974
39163
  .pf-v6-l-level {