@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.11

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 (221) hide show
  1. package/assets/images/img_avatar-rhds.svg +22 -0
  2. package/assets/images/pf-logo-avatar.jpg +0 -0
  3. package/base/normalize.scss +2 -0
  4. package/base/patternfly-common.css +2 -2
  5. package/base/patternfly-common.scss +1 -1
  6. package/base/patternfly-fa-icons.css +3 -3
  7. package/base/patternfly-fa-icons.scss +3 -3
  8. package/base/patternfly-variables.css +58 -56
  9. package/base/reset.scss +2 -0
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  13. package/base/tokens/tokens-charts.scss +1 -1
  14. package/base/tokens/tokens-dark.scss +9 -9
  15. package/base/tokens/tokens-default.scss +8 -8
  16. package/base/tokens/tokens-felt-dark.scss +1 -1
  17. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  18. package/base/tokens/tokens-felt-glass.scss +10 -9
  19. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  21. package/base/tokens/tokens-felt.scss +1 -1
  22. package/base/tokens/tokens-glass-dark.scss +8 -8
  23. package/base/tokens/tokens-glass.scss +10 -9
  24. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  25. package/base/tokens/tokens-highcontrast.scss +7 -7
  26. package/base/tokens/tokens-palette.scss +1 -1
  27. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  28. package/components/AboutModalBox/about-modal-box.css +1 -1
  29. package/components/AboutModalBox/about-modal-box.scss +1 -1
  30. package/components/Accordion/accordion.css +3 -3
  31. package/components/Accordion/accordion.scss +3 -3
  32. package/components/Alert/alert-group.css +1 -1
  33. package/components/Alert/alert-group.scss +1 -1
  34. package/components/Alert/alert.css +4 -3
  35. package/components/Alert/alert.scss +4 -3
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Breadcrumb/breadcrumb.css +1 -1
  39. package/components/Breadcrumb/breadcrumb.scss +1 -1
  40. package/components/Button/button.css +9 -6
  41. package/components/Button/button.scss +10 -6
  42. package/components/Card/card.css +2 -2
  43. package/components/Card/card.scss +3 -3
  44. package/components/Check/check.css +1 -1
  45. package/components/Check/check.scss +1 -1
  46. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  47. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  48. package/components/Compass/compass.css +7 -3
  49. package/components/Compass/compass.scss +7 -3
  50. package/components/Content/content.css +2 -2
  51. package/components/Content/content.scss +2 -2
  52. package/components/DataList/data-list.css +1 -1
  53. package/components/DataList/data-list.scss +1 -1
  54. package/components/DescriptionList/description-list.css +0 -1
  55. package/components/DescriptionList/description-list.scss +0 -1
  56. package/components/DragDrop/drag-drop.css +4 -0
  57. package/components/DragDrop/drag-drop.scss +4 -0
  58. package/components/Drawer/drawer.css +2 -2
  59. package/components/Drawer/drawer.scss +2 -2
  60. package/components/DualListSelector/dual-list-selector.css +6 -6
  61. package/components/DualListSelector/dual-list-selector.scss +6 -6
  62. package/components/ExpandableSection/expandable-section.css +3 -3
  63. package/components/ExpandableSection/expandable-section.scss +3 -3
  64. package/components/Form/form.css +12 -12
  65. package/components/Form/form.scss +6 -6
  66. package/components/FormControl/form-control.css +1 -1
  67. package/components/FormControl/form-control.scss +3 -1
  68. package/components/Hero/hero.css +1 -1
  69. package/components/Hero/hero.scss +1 -1
  70. package/components/Hint/hint.css +1 -1
  71. package/components/Hint/hint.scss +1 -1
  72. package/components/InputGroup/input-group.css +5 -5
  73. package/components/InputGroup/input-group.scss +5 -5
  74. package/components/JumpLinks/jump-links.css +1 -1
  75. package/components/JumpLinks/jump-links.scss +1 -1
  76. package/components/Label/label.css +1 -1
  77. package/components/Label/label.scss +1 -1
  78. package/components/Login/login.css +2 -2
  79. package/components/Login/login.scss +2 -2
  80. package/components/Masthead/masthead.css +2 -2
  81. package/components/Masthead/masthead.scss +2 -2
  82. package/components/Menu/menu.css +4 -4
  83. package/components/Menu/menu.scss +4 -4
  84. package/components/MenuToggle/menu-toggle.css +4 -1
  85. package/components/MenuToggle/menu-toggle.scss +5 -2
  86. package/components/ModalBox/modal-box.css +1 -1
  87. package/components/ModalBox/modal-box.scss +1 -1
  88. package/components/Nav/nav.css +5 -5
  89. package/components/Nav/nav.scss +5 -5
  90. package/components/NotificationDrawer/notification-drawer.css +5 -5
  91. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  92. package/components/Page/page.css +26 -21
  93. package/components/Page/page.scss +30 -25
  94. package/components/Popover/popover.css +1 -1
  95. package/components/Popover/popover.scss +2 -2
  96. package/components/Progress/progress.css +3 -3
  97. package/components/Progress/progress.scss +3 -6
  98. package/components/ProgressStepper/progress-stepper.css +1 -1
  99. package/components/Radio/radio.css +1 -1
  100. package/components/Radio/radio.scss +1 -1
  101. package/components/Sidebar/sidebar.css +4 -7
  102. package/components/Sidebar/sidebar.scss +9 -9
  103. package/components/Spinner/spinner.css +2 -2
  104. package/components/Spinner/spinner.scss +2 -2
  105. package/components/Switch/switch.css +1 -1
  106. package/components/Switch/switch.scss +1 -1
  107. package/components/Table/table-tree-view.css +10 -10
  108. package/components/Table/table-tree-view.scss +2 -2
  109. package/components/Table/table.css +37 -10
  110. package/components/Table/table.scss +53 -14
  111. package/components/Tabs/tabs.css +3 -3
  112. package/components/Tabs/tabs.scss +3 -3
  113. package/components/TextInputGroup/text-input-group.css +1 -1
  114. package/components/TextInputGroup/text-input-group.scss +1 -1
  115. package/components/Title/title.css +1 -1
  116. package/components/Title/title.scss +1 -1
  117. package/components/Toolbar/toolbar.css +1 -1
  118. package/components/Toolbar/toolbar.scss +1 -1
  119. package/components/Tooltip/tooltip.css +1 -1
  120. package/components/Tooltip/tooltip.scss +2 -2
  121. package/components/TreeView/tree-view.css +5 -5
  122. package/components/TreeView/tree-view.scss +5 -5
  123. package/components/Wizard/wizard.css +5 -5
  124. package/components/Wizard/wizard.scss +5 -5
  125. package/components/_index.css +341 -154
  126. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  127. package/docs/components/Accordion/examples/Accordion.md +30 -30
  128. package/docs/components/ActionList/examples/ActionList.md +11 -11
  129. package/docs/components/Alert/examples/Alert.md +54 -54
  130. package/docs/components/Avatar/examples/Avatar.css +6 -0
  131. package/docs/components/Avatar/examples/Avatar.md +414 -40
  132. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  133. package/docs/components/Banner/examples/Banner.md +10 -10
  134. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  135. package/docs/components/Button/examples/Button.md +184 -184
  136. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  137. package/docs/components/Card/examples/Card.md +14 -14
  138. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  139. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  140. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  141. package/docs/components/DataList/examples/DataList.md +34 -34
  142. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  143. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  144. package/docs/components/Drawer/examples/Drawer.md +23 -23
  145. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  146. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  147. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  148. package/docs/components/Form/examples/Form.md +6 -6
  149. package/docs/components/Hint/examples/Hint.md +3 -3
  150. package/docs/components/Icon/examples/Icon.md +9 -9
  151. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  152. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  153. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  154. package/docs/components/Label/examples/Label.md +218 -218
  155. package/docs/components/Login/examples/Login.md +4 -4
  156. package/docs/components/Masthead/examples/masthead.md +1 -1
  157. package/docs/components/Menu/examples/Menu.md +129 -129
  158. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  159. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  160. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  161. package/docs/components/Nav/examples/Navigation.md +66 -66
  162. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  163. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  164. package/docs/components/Page/examples/Page.md +1 -1
  165. package/docs/components/Pagination/examples/Pagination.md +92 -92
  166. package/docs/components/Popover/examples/Popover.md +22 -22
  167. package/docs/components/Progress/examples/Progress.md +7 -7
  168. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  169. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  170. package/docs/components/Slider/examples/Slider.md +4 -4
  171. package/docs/components/Table/examples/Table.css +6 -0
  172. package/docs/components/Table/examples/Table.md +807 -527
  173. package/docs/components/Tabs/examples/Tabs.md +378 -378
  174. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  175. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  176. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  177. package/docs/components/TreeView/examples/TreeView.md +104 -104
  178. package/docs/components/Wizard/examples/Wizard.md +40 -40
  179. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  180. package/docs/demos/Alert/examples/Alert.md +32 -32
  181. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  182. package/docs/demos/Banner/examples/Banner.md +16 -16
  183. package/docs/demos/Button/examples/Button.md +1 -1
  184. package/docs/demos/Card/examples/Card.md +78 -78
  185. package/docs/demos/CardView/examples/CardView.md +38 -38
  186. package/docs/demos/Compass/examples/Compass.md +294 -238
  187. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  188. package/docs/demos/DataList/examples/DataList.md +101 -101
  189. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  190. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  191. package/docs/demos/Form/examples/BasicForms.md +21 -21
  192. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  193. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  194. package/docs/demos/Modal/examples/Modal.md +54 -54
  195. package/docs/demos/Nav/examples/Nav.md +93 -93
  196. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  197. package/docs/demos/Page/examples/Page.md +119 -119
  198. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  199. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  200. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  201. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  202. package/docs/demos/Table/examples/Table.md +630 -630
  203. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  204. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  205. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  206. package/layouts/Gallery/gallery.css +1 -1
  207. package/layouts/Gallery/gallery.scss +1 -1
  208. package/layouts/Grid/grid.css +1 -1
  209. package/layouts/Grid/grid.scss +1 -1
  210. package/layouts/_index.css +2 -2
  211. package/package.json +11 -12
  212. package/patternfly-addons.css +12 -12
  213. package/patternfly-base-no-globals.css +63 -61
  214. package/patternfly-base.css +63 -61
  215. package/patternfly-no-globals.css +406 -217
  216. package/patternfly.css +406 -217
  217. package/patternfly.min.css +1 -1
  218. package/patternfly.min.css.map +1 -1
  219. package/sass-utilities/mixins.scss +2 -2
  220. package/utilities/Accessibility/accessibility.css +12 -12
  221. 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) {
@@ -9833,8 +9835,8 @@ button) {
9833
9835
  }
9834
9836
 
9835
9837
  .pf-v6-c-accordion__toggle-icon {
9836
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9837
9838
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9839
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9838
9840
  }
9839
9841
 
9840
9842
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9842,6 +9844,7 @@ button) {
9842
9844
  }
9843
9845
 
9844
9846
  .pf-v6-c-accordion__expandable-content {
9847
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9845
9848
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9846
9849
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9847
9850
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -9849,16 +9852,15 @@ button) {
9849
9852
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9850
9853
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9851
9854
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9852
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9853
9855
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9854
9856
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9855
9857
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9856
9858
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9859
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9857
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);
9858
9861
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9859
9862
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9860
9863
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9861
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9862
9864
  }
9863
9865
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9864
9866
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -10062,12 +10064,13 @@ button) {
10062
10064
 
10063
10065
  .pf-v6-c-alert__toggle-icon {
10064
10066
  display: inline-block;
10065
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10066
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);
10067
10069
  }
10068
10070
 
10069
10071
  .pf-v6-c-alert__icon {
10070
10072
  grid-area: icon;
10073
+ align-self: baseline;
10071
10074
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
10072
10075
  font-size: var(--pf-v6-c-alert__icon--FontSize);
10073
10076
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10078,7 +10081,7 @@ button) {
10078
10081
  grid-area: title;
10079
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10080
10083
  color: var(--pf-v6-c-alert__title--Color);
10081
- word-break: break-word;
10084
+ overflow-wrap: break-word;
10082
10085
  }
10083
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10084
10087
  display: -webkit-box;
@@ -10090,7 +10093,7 @@ button) {
10090
10093
  .pf-v6-c-alert__description {
10091
10094
  grid-area: description;
10092
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10093
- word-break: break-word;
10096
+ overflow-wrap: break-word;
10094
10097
  }
10095
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10096
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10240,8 +10243,8 @@ button) {
10240
10243
  display: grid;
10241
10244
  grid-template-rows: 1fr;
10242
10245
  opacity: 1;
10243
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10244
10246
  transform: translateX(0) translateY(0);
10247
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10245
10248
  }
10246
10249
  @media screen and (prefers-reduced-motion: no-preference) {
10247
10250
  .pf-v6-c-alert-group__item {
@@ -10297,24 +10300,87 @@ button) {
10297
10300
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10298
10301
  --pf-v6-c-avatar--Width: 2.25rem;
10299
10302
  --pf-v6-c-avatar--Height: 2.25rem;
10303
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10300
10304
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10301
10305
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10306
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10302
10307
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10303
10308
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10309
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10304
10310
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10305
10311
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10312
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10306
10313
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10307
10314
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10315
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10308
10316
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10309
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);
10310
10365
  }
10311
10366
 
10312
10367
  .pf-v6-c-avatar {
10313
10368
  width: var(--pf-v6-c-avatar--Width);
10314
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);
10315
10373
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10316
10374
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10317
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
+
10318
10384
  .pf-v6-c-avatar.pf-m-bordered {
10319
10385
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10320
10386
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10543,6 +10609,87 @@ button) {
10543
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))))));
10544
10610
  }
10545
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
+ }
10546
10693
 
10547
10694
  .pf-v6-c-backdrop {
10548
10695
  --pf-v6-c-backdrop--Position: fixed;
@@ -10986,10 +11133,10 @@ button) {
10986
11133
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10987
11134
  line-height: inherit;
10988
11135
  color: var(--pf-v6-c-breadcrumb__link--Color);
11136
+ overflow-wrap: break-word;
10989
11137
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10990
11138
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10991
11139
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10992
- word-break: break-word;
10993
11140
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10994
11141
  }
10995
11142
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11407,10 +11554,10 @@ button.pf-v6-c-breadcrumb__link {
11407
11554
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11408
11555
  color: var(--pf-v6-c-button--Color);
11409
11556
  text-align: center;
11557
+ white-space: nowrap;
11410
11558
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11411
11559
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11412
11560
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11413
- white-space: nowrap;
11414
11561
  cursor: pointer;
11415
11562
  -webkit-user-select: none;
11416
11563
  user-select: none;
@@ -11420,11 +11567,11 @@ button.pf-v6-c-breadcrumb__link {
11420
11567
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11421
11568
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11422
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);
11423
11571
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11424
11572
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11425
11573
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11426
11574
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11427
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11428
11575
  }
11429
11576
  .pf-v6-c-button::after {
11430
11577
  position: absolute;
@@ -11551,10 +11698,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11551
11698
  --pf-v6-c-button--hover--BorderWidth: 0;
11552
11699
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11553
11700
  text-align: start;
11554
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11555
11701
  white-space: normal;
11556
- background: transparent;
11702
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11557
11703
  outline-offset: 0.125rem;
11704
+ background: transparent;
11558
11705
  }
11559
11706
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11560
11707
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11892,6 +12039,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11892
12039
  justify-content: flex-start;
11893
12040
  width: 100%;
11894
12041
  }
12042
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
12043
+ min-width: 1lh;
12044
+ }
11895
12045
  @media (min-width: 62rem) {
11896
12046
  .pf-v6-c-button.pf-m-docked {
11897
12047
  justify-content: center;
@@ -11912,12 +12062,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11912
12062
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11913
12063
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11914
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);
11915
12067
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11916
12068
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11917
12069
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11918
12070
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11919
- rotate: var(--pf-v6-c-button__icon--Rotate);
11920
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11921
12071
  }
11922
12072
  .pf-v6-c-button__icon.pf-m-start {
11923
12073
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12344,8 +12494,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12344
12494
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12345
12495
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12346
12496
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12347
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12348
12497
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12498
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12349
12499
  }
12350
12500
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12351
12501
  gap: 0;
@@ -12587,9 +12737,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12587
12737
  }
12588
12738
 
12589
12739
  .pf-v6-c-card__clickable-action {
12740
+ outline: 0;
12590
12741
  background: none;
12591
12742
  border: 0;
12592
- outline: 0;
12593
12743
  }
12594
12744
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12595
12745
  pointer-events: none;
@@ -12657,7 +12807,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12657
12807
  .pf-v6-c-check {
12658
12808
  display: grid;
12659
12809
  grid-template-columns: auto 1fr;
12660
- grid-gap: var(--pf-v6-c-check--GridGap);
12810
+ gap: var(--pf-v6-c-check--GridGap);
12661
12811
  accent-color: var(--pf-v6-c-check--AccentColor);
12662
12812
  }
12663
12813
  .pf-v6-c-check.pf-m-standalone {
@@ -12788,7 +12938,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12788
12938
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12789
12939
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12790
12940
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12791
- word-wrap: break-word;
12941
+ overflow-wrap: break-word;
12792
12942
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12793
12943
  background-clip: padding-box;
12794
12944
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12804,7 +12954,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12804
12954
  }
12805
12955
 
12806
12956
  .pf-v6-c-clipboard-copy__text {
12807
- word-break: break-word;
12957
+ overflow-wrap: break-word;
12808
12958
  white-space: normal;
12809
12959
  }
12810
12960
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13293,8 +13443,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13293
13443
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13294
13444
  .pf-v6-c-compass__main-footer,
13295
13445
  .pf-v6-c-compass__footer {
13296
- margin: 0;
13297
13446
  visibility: hidden;
13447
+ margin: 0;
13298
13448
  opacity: 0;
13299
13449
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13300
13450
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13412,15 +13562,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13412
13562
  inset-inline-start: 0;
13413
13563
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13414
13564
  display: flex;
13565
+ visibility: hidden;
13415
13566
  flex-direction: column;
13416
13567
  grid-area: dock;
13417
13568
  width: var(--pf-v6-c-compass__dock--Width);
13418
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13419
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);
13420
13571
  }
13421
13572
  .pf-v6-c-compass__dock.pf-m-expanded {
13422
13573
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13574
+ visibility: visible;
13423
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;
13424
13577
  }
13425
13578
  @media (min-width: 62rem) {
13426
13579
  .pf-v6-c-compass__dock {
@@ -13428,6 +13581,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13428
13581
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13429
13582
  position: revert;
13430
13583
  inset: revert;
13584
+ visibility: revert;
13431
13585
  width: auto;
13432
13586
  translate: 0;
13433
13587
  }
@@ -13442,9 +13596,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13442
13596
  .pf-v6-c-compass__dock-main {
13443
13597
  flex-grow: 1;
13444
13598
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13445
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13446
13599
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13447
13600
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13601
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13448
13602
  }
13449
13603
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13450
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);
@@ -13775,8 +13929,8 @@ ul) {
13775
13929
  @media screen and (min-width: 36rem) {
13776
13930
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13777
13931
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13778
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13779
- 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);
13780
13934
  }
13781
13935
  }
13782
13936
 
@@ -14565,8 +14719,8 @@ ul) {
14565
14719
  .pf-v6-c-data-list__toggle-icon {
14566
14720
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14567
14721
  pointer-events: none;
14568
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14569
14722
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14723
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14570
14724
  }
14571
14725
 
14572
14726
  .pf-v6-c-data-list__item-content {
@@ -14783,7 +14937,6 @@ ul) {
14783
14937
  width: 100%;
14784
14938
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14785
14939
  break-inside: avoid;
14786
- page-break-inside: avoid;
14787
14940
  -webkit-column-break-inside: avoid;
14788
14941
  -moz-column-break-inside: avoid;
14789
14942
  }
@@ -14972,6 +15125,7 @@ ul) {
14972
15125
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14973
15126
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14974
15127
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
15128
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14975
15129
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14976
15130
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14977
15131
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14986,6 +15140,7 @@ ul) {
14986
15140
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14987
15141
  position: relative;
14988
15142
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15143
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14989
15144
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14990
15145
  }
14991
15146
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -15005,6 +15160,7 @@ ul) {
15005
15160
 
15006
15161
  .pf-v6-c-droppable {
15007
15162
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15163
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15008
15164
  --pf-v6-c-droppable--before--Opacity: 0;
15009
15165
  --pf-v6-c-droppable--after--BorderWidth: 0;
15010
15166
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15027,6 +15183,7 @@ ul) {
15027
15183
  }
15028
15184
  .pf-v6-c-droppable::before {
15029
15185
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15186
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15030
15187
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15031
15188
  }
15032
15189
  .pf-v6-c-droppable::after {
@@ -15191,9 +15348,9 @@ ul) {
15191
15348
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15192
15349
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15193
15350
  overflow: auto;
15351
+ outline-offset: 2px;
15194
15352
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15195
15353
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15196
- outline-offset: 2px;
15197
15354
  }
15198
15355
 
15199
15356
  .pf-v6-c-dual-list-selector__list {
@@ -15229,25 +15386,25 @@ ul) {
15229
15386
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15230
15387
  }
15231
15388
  .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 {
15232
- max-height: 0;
15233
15389
  visibility: hidden;
15390
+ max-height: 0;
15234
15391
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15392
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15235
15393
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15236
15394
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15237
15395
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15238
15396
  transition-property: opacity, translate, visibility, max-height;
15239
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15240
15397
  }
15241
15398
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15242
15399
  --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);
15243
15400
  }
15244
15401
  .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 {
15245
- max-height: 99999px;
15246
15402
  visibility: revert;
15403
+ max-height: 99999px;
15247
15404
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15405
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15248
15406
  transition-delay: 0s;
15249
15407
  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;
15250
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15251
15408
  }
15252
15409
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15253
15410
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15382,10 +15539,10 @@ ul) {
15382
15539
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15383
15540
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15384
15541
  text-align: center;
15542
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15385
15543
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15386
15544
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15387
15545
  transition-property: transform;
15388
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15389
15546
  }
15390
15547
 
15391
15548
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16170,6 +16327,7 @@ ul) {
16170
16327
  .pf-v6-c-drawer__panel {
16171
16328
  position: relative;
16172
16329
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16330
+ visibility: hidden;
16173
16331
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16174
16332
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16175
16333
  order: 1;
@@ -16177,7 +16335,6 @@ ul) {
16177
16335
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16178
16336
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16179
16337
  overflow: auto;
16180
- visibility: hidden;
16181
16338
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16182
16339
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16183
16340
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16287,8 +16444,8 @@ ul) {
16287
16444
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16288
16445
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16289
16446
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16290
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16291
16447
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16448
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16292
16449
  }
16293
16450
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16294
16451
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -17078,8 +17235,8 @@ ul) {
17078
17235
  display: inline-block;
17079
17236
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
17080
17237
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
17081
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17082
17238
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17239
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17083
17240
  }
17084
17241
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
17085
17242
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -17094,15 +17251,15 @@ ul) {
17094
17251
  display: revert;
17095
17252
  }
17096
17253
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17254
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17097
17255
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
17098
17256
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
17099
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17100
17257
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17258
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17101
17259
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
17102
17260
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
17103
17261
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
17104
17262
  transition-property: opacity, translate, visibility, max-height;
17105
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17106
17263
  }
17107
17264
 
17108
17265
  .pf-v6-c-file-upload {
@@ -17273,7 +17430,7 @@ ul) {
17273
17430
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17274
17431
  display: grid;
17275
17432
  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);
17276
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17433
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17277
17434
  }
17278
17435
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17279
17436
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17301,7 +17458,7 @@ ul) {
17301
17458
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17302
17459
  display: grid;
17303
17460
  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);
17304
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17461
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17305
17462
  }
17306
17463
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17307
17464
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17329,7 +17486,7 @@ ul) {
17329
17486
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17330
17487
  display: grid;
17331
17488
  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);
17332
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17489
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17333
17490
  }
17334
17491
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17335
17492
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17357,7 +17514,7 @@ ul) {
17357
17514
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17358
17515
  display: grid;
17359
17516
  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);
17360
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17517
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17361
17518
  }
17362
17519
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17363
17520
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17385,7 +17542,7 @@ ul) {
17385
17542
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17386
17543
  display: grid;
17387
17544
  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);
17388
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17545
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17389
17546
  }
17390
17547
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17391
17548
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17413,7 +17570,7 @@ ul) {
17413
17570
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17414
17571
  display: grid;
17415
17572
  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);
17416
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17573
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17417
17574
  }
17418
17575
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17419
17576
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17441,7 +17598,7 @@ ul) {
17441
17598
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17442
17599
  display: grid;
17443
17600
  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);
17444
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17601
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17445
17602
  }
17446
17603
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17447
17604
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17614,14 +17771,14 @@ ul) {
17614
17771
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17615
17772
  }
17616
17773
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17774
+ visibility: visible;
17617
17775
  max-height: 99999px;
17618
17776
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17619
17777
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17620
- visibility: visible;
17621
17778
  opacity: 1;
17779
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17622
17780
  transition-delay: 0s;
17623
17781
  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;
17624
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17625
17782
  }
17626
17783
 
17627
17784
  .pf-v6-c-form__field-group-toggle {
@@ -17643,10 +17800,10 @@ ul) {
17643
17800
  display: inline-block;
17644
17801
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17645
17802
  text-align: center;
17803
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17646
17804
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17647
17805
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17648
17806
  transition-property: transform;
17649
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17650
17807
  }
17651
17808
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17652
17809
  scale: -1 1;
@@ -17695,15 +17852,15 @@ ul) {
17695
17852
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17696
17853
  }
17697
17854
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17855
+ visibility: hidden;
17698
17856
  max-height: 0;
17699
17857
  padding-block-start: 0;
17700
17858
  padding-block-end: 0;
17701
- visibility: hidden;
17702
17859
  opacity: 0;
17860
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17703
17861
  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);
17704
17862
  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;
17705
17863
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17706
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17707
17864
  }
17708
17865
 
17709
17866
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17863,10 +18020,10 @@ ul) {
17863
18020
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17864
18021
  color: var(--pf-v6-c-form-control--Color);
17865
18022
  appearance: none;
18023
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17866
18024
  background-color: transparent;
17867
18025
  border: none;
17868
18026
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17869
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17870
18027
  }
17871
18028
  .pf-v6-c-form-control > ::placeholder {
17872
18029
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18232,8 +18389,8 @@ ul) {
18232
18389
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18233
18390
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18234
18391
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18235
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18236
18392
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18393
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18237
18394
  }
18238
18395
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18239
18396
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18269,7 +18426,7 @@ ul) {
18269
18426
  .pf-v6-c-hint {
18270
18427
  display: grid;
18271
18428
  grid-template-columns: 1fr auto;
18272
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18429
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18273
18430
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18274
18431
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18275
18432
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18717,20 +18874,20 @@ ul) {
18717
18874
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18718
18875
  }
18719
18876
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18877
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18720
18878
  flex-grow: 1;
18721
18879
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18722
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18723
18880
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18881
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18882
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18724
18883
  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);
18725
18884
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18726
18885
  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;
18727
18886
  transition-property: opacity, scale, visibility, max-width;
18728
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18729
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18730
18887
  }
18731
18888
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18732
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18733
18889
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18890
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18734
18891
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18735
18892
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18736
18893
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18738,8 +18895,8 @@ ul) {
18738
18895
  transition-property: opacity, visibility, max-width;
18739
18896
  }
18740
18897
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18741
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18742
18898
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18899
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18743
18900
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18744
18901
  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);
18745
18902
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -19066,10 +19223,10 @@ label.pf-v6-c-input-group__text {
19066
19223
  .pf-v6-c-jump-links__toggle-icon {
19067
19224
  display: inline-block;
19068
19225
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19226
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19069
19227
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
19070
19228
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
19071
19229
  transition-property: transform;
19072
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19073
19230
  }
19074
19231
 
19075
19232
  .pf-v6-c-label {
@@ -19282,9 +19439,9 @@ label.pf-v6-c-input-group__text {
19282
19439
  font-size: var(--pf-v6-c-label--FontSize);
19283
19440
  white-space: nowrap;
19284
19441
  background: transparent;
19285
- isolation: isolate;
19286
19442
  border: 0;
19287
19443
  border-radius: var(--pf-v6-c-label--BorderRadius);
19444
+ isolation: isolate;
19288
19445
  }
19289
19446
  .pf-v6-c-label.pf-m-blue {
19290
19447
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19942,7 +20099,7 @@ ul.pf-v6-c-list {
19942
20099
  display: grid;
19943
20100
  grid-template-areas: "main header" "main footer" "main .";
19944
20101
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19945
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
20102
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19946
20103
  justify-content: center;
19947
20104
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19948
20105
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19968,10 +20125,10 @@ ul.pf-v6-c-list {
19968
20125
  align-self: start;
19969
20126
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19970
20127
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19971
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19972
20128
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19973
20129
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19974
20130
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
20131
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19975
20132
  }
19976
20133
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19977
20134
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20078,7 +20235,7 @@ ul.pf-v6-c-list {
20078
20235
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
20079
20236
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
20080
20237
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
20081
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20238
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
20082
20239
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
20083
20240
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20084
20241
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20315,9 +20472,9 @@ ul.pf-v6-c-list {
20315
20472
  }
20316
20473
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20317
20474
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20318
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20319
20475
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20320
20476
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20477
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20321
20478
  }
20322
20479
 
20323
20480
  .pf-v6-c-masthead__main {
@@ -21026,8 +21183,8 @@ ul.pf-v6-c-list {
21026
21183
  }
21027
21184
 
21028
21185
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
21029
- overflow: hidden;
21030
21186
  visibility: visible;
21187
+ overflow: hidden;
21031
21188
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
21032
21189
  }
21033
21190
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -21053,8 +21210,8 @@ ul.pf-v6-c-list {
21053
21210
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21054
21211
  }
21055
21212
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
21056
- overflow: visible;
21057
21213
  visibility: hidden;
21214
+ overflow: visible;
21058
21215
  }
21059
21216
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
21060
21217
  .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) {
@@ -21195,10 +21352,10 @@ ul.pf-v6-c-list {
21195
21352
  color: var(--pf-v6-c-menu__item--Color);
21196
21353
  text-align: start;
21197
21354
  text-decoration-line: none;
21355
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21198
21356
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21199
21357
  border: 0;
21200
21358
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21201
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21202
21359
  --pf-v6-hidden-visible--visible--Display: flex;
21203
21360
  --pf-v6-hidden-visible--hidden--Display: none;
21204
21361
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21292,7 +21449,7 @@ ul.pf-v6-c-list {
21292
21449
  .pf-v6-c-menu__item-description {
21293
21450
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21294
21451
  color: var(--pf-v6-c-menu__item-description--Color);
21295
- word-break: break-word;
21452
+ overflow-wrap: break-word;
21296
21453
  }
21297
21454
 
21298
21455
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21709,6 +21866,9 @@ ul.pf-v6-c-list {
21709
21866
  justify-content: flex-start;
21710
21867
  width: 100%;
21711
21868
  }
21869
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21870
+ min-width: 1lh;
21871
+ }
21712
21872
  @media (min-width: 62rem) {
21713
21873
  .pf-v6-c-menu-toggle.pf-m-docked {
21714
21874
  justify-content: center;
@@ -21875,10 +22035,10 @@ ul.pf-v6-c-list {
21875
22035
 
21876
22036
  .pf-v6-c-menu-toggle__icon {
21877
22037
  flex-shrink: 0;
22038
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21878
22039
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21879
22040
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21880
22041
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21881
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21882
22042
  }
21883
22043
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21884
22044
  vertical-align: middle;
@@ -22086,7 +22246,7 @@ ul.pf-v6-c-list {
22086
22246
  overflow-x: hidden;
22087
22247
  overflow-y: auto;
22088
22248
  overscroll-behavior: contain;
22089
- word-break: break-word;
22249
+ overflow-wrap: break-word;
22090
22250
  -webkit-overflow-scrolling: touch;
22091
22251
  }
22092
22252
  .pf-v6-c-modal-box__body:last-child {
@@ -22535,17 +22695,17 @@ ul.pf-v6-c-list {
22535
22695
 
22536
22696
  .pf-v6-c-nav__subnav {
22537
22697
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22698
+ visibility: visible;
22538
22699
  max-height: 99999px;
22539
22700
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22540
22701
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22541
22702
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22542
22703
  overflow-y: clip;
22543
- visibility: visible;
22704
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22544
22705
  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);
22545
22706
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22546
22707
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22547
22708
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22548
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22549
22709
  }
22550
22710
  .pf-v6-c-nav__subnav[hidden] {
22551
22711
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22555,8 +22715,8 @@ ul.pf-v6-c-list {
22555
22715
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22556
22716
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22557
22717
  display: grid;
22558
- max-height: 0;
22559
22718
  visibility: hidden;
22719
+ max-height: 0;
22560
22720
  opacity: 0;
22561
22721
  }
22562
22722
 
@@ -22574,10 +22734,10 @@ ul.pf-v6-c-list {
22574
22734
  content: var(--pf-v6-c-nav__item--accent--content, "");
22575
22735
  background-color: var(--pf-v6-c-nav__item--accent--color);
22576
22736
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22737
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22577
22738
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22578
22739
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22579
22740
  transition-property: scale;
22580
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22581
22741
  }
22582
22742
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22583
22743
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22665,10 +22825,10 @@ ul.pf-v6-c-list {
22665
22825
 
22666
22826
  .pf-v6-c-nav__toggle-icon {
22667
22827
  display: inline-block;
22828
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22668
22829
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22669
22830
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22670
22831
  transition-property: transform;
22671
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22672
22832
  }
22673
22833
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22674
22834
  scale: -1 1;
@@ -22901,9 +23061,9 @@ ul.pf-v6-c-list {
22901
23061
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22902
23062
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22903
23063
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
23064
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22904
23065
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22905
23066
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22906
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22907
23067
  }
22908
23068
  .pf-v6-c-notification-drawer__list-item::before {
22909
23069
  position: absolute;
@@ -22960,7 +23120,7 @@ ul.pf-v6-c-list {
22960
23120
 
22961
23121
  .pf-v6-c-notification-drawer__list-item-header-title {
22962
23122
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22963
- word-break: break-word;
23123
+ overflow-wrap: break-word;
22964
23124
  }
22965
23125
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22966
23126
  display: -webkit-box;
@@ -22982,7 +23142,7 @@ ul.pf-v6-c-list {
22982
23142
  grid-row: 2/3;
22983
23143
  grid-column: 1/2;
22984
23144
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22985
- word-break: break-word;
23145
+ overflow-wrap: break-word;
22986
23146
  }
22987
23147
 
22988
23148
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23013,9 +23173,9 @@ ul.pf-v6-c-list {
23013
23173
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
23014
23174
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
23015
23175
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23176
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23016
23177
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
23017
23178
  border: none;
23018
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23019
23179
  }
23020
23180
 
23021
23181
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -23027,7 +23187,7 @@ ul.pf-v6-c-list {
23027
23187
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23028
23188
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23029
23189
  text-align: start;
23030
- word-break: break-word;
23190
+ overflow-wrap: break-word;
23031
23191
  }
23032
23192
 
23033
23193
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23104,11 +23264,6 @@ ul.pf-v6-c-list {
23104
23264
  .pf-v6-c-page {
23105
23265
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23106
23266
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
23107
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23108
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
23109
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
23110
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23111
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23112
23267
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
23113
23268
  --pf-v6-c-page__dock--Width: 15.625rem;
23114
23269
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -23127,6 +23282,11 @@ ul.pf-v6-c-list {
23127
23282
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23128
23283
  --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));
23129
23284
  --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));
23285
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23286
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23287
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23288
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23289
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23130
23290
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
23131
23291
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
23132
23292
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23297,20 +23457,17 @@ ul.pf-v6-c-list {
23297
23457
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23298
23458
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23299
23459
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23300
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23301
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23302
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23303
23460
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23304
23461
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23305
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23306
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23307
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23462
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23463
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23464
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23308
23465
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23309
23466
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23310
23467
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23311
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23312
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23313
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23468
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23469
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23470
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23314
23471
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23315
23472
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23316
23473
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23321,9 +23478,11 @@ ul.pf-v6-c-list {
23321
23478
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23322
23479
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23323
23480
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23324
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23325
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23326
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23481
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23482
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23483
+ --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));
23484
+ --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));
23485
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23327
23486
  }
23328
23487
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23329
23488
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23346,6 +23505,8 @@ ul.pf-v6-c-list {
23346
23505
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23347
23506
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23348
23507
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23508
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23509
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23349
23510
  }
23350
23511
  @media (min-width: 75rem) {
23351
23512
  .pf-v6-c-page {
@@ -23497,10 +23658,11 @@ ul.pf-v6-c-list {
23497
23658
  inset-inline-start: 0;
23498
23659
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23499
23660
  display: flex;
23661
+ visibility: hidden;
23500
23662
  flex-direction: column;
23501
23663
  grid-area: dock;
23502
23664
  width: var(--pf-v6-c-page__dock--Width);
23503
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23665
+ 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);
23504
23666
  translate: -100% 0;
23505
23667
  }
23506
23668
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23509,7 +23671,9 @@ ul.pf-v6-c-list {
23509
23671
 
23510
23672
  .pf-v6-c-page__dock.pf-m-expanded {
23511
23673
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23674
+ visibility: visible;
23512
23675
  translate: 0;
23676
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23513
23677
  }
23514
23678
  @media (min-width: 62rem) {
23515
23679
  .pf-v6-c-page__dock {
@@ -23517,6 +23681,7 @@ ul.pf-v6-c-list {
23517
23681
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23518
23682
  position: revert;
23519
23683
  inset: revert;
23684
+ visibility: revert;
23520
23685
  width: auto;
23521
23686
  translate: 0;
23522
23687
  }
@@ -23531,9 +23696,9 @@ ul.pf-v6-c-list {
23531
23696
  .pf-v6-c-page__dock-main {
23532
23697
  flex-grow: 1;
23533
23698
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23534
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23535
23699
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23536
23700
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23701
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23537
23702
  }
23538
23703
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23539
23704
  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);
@@ -23615,10 +23780,10 @@ ul.pf-v6-c-list {
23615
23780
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23616
23781
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23617
23782
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23618
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23619
23783
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23620
23784
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23621
23785
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23786
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23622
23787
  }
23623
23788
 
23624
23789
  .pf-v6-c-page__sidebar-header {
@@ -23984,7 +24149,6 @@ ul.pf-v6-c-list {
23984
24149
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23985
24150
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23986
24151
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23987
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23988
24152
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23989
24153
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23990
24154
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23992,6 +24156,7 @@ ul.pf-v6-c-list {
23992
24156
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23993
24157
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23994
24158
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
24159
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23995
24160
  }
23996
24161
  @media screen and (max-width: calc(48rem - 1px)) {
23997
24162
  .pf-v6-c-page__main-container {
@@ -25016,7 +25181,7 @@ ul.pf-v6-c-list {
25016
25181
  }
25017
25182
 
25018
25183
  .pf-v6-c-popover__body {
25019
- word-wrap: break-word;
25184
+ overflow-wrap: break-word;
25020
25185
  }
25021
25186
 
25022
25187
  .pf-v6-c-popover__footer {
@@ -25061,7 +25226,7 @@ ul.pf-v6-c-list {
25061
25226
  display: grid;
25062
25227
  grid-template-rows: 1fr auto;
25063
25228
  grid-template-columns: auto auto;
25064
- grid-gap: var(--pf-v6-c-progress--GridGap);
25229
+ gap: var(--pf-v6-c-progress--GridGap);
25065
25230
  align-items: end;
25066
25231
  }
25067
25232
  .pf-v6-c-progress.pf-m-sm {
@@ -25155,7 +25320,7 @@ ul.pf-v6-c-list {
25155
25320
 
25156
25321
  .pf-v6-c-progress__description {
25157
25322
  grid-column: 1/2;
25158
- word-break: break-word;
25323
+ overflow-wrap: break-word;
25159
25324
  }
25160
25325
  .pf-v6-c-progress__description.pf-m-truncate {
25161
25326
  overflow: hidden;
@@ -25171,7 +25336,7 @@ ul.pf-v6-c-list {
25171
25336
  align-items: flex-start;
25172
25337
  justify-content: flex-end;
25173
25338
  text-align: end;
25174
- word-break: break-word;
25339
+ overflow-wrap: break-word;
25175
25340
  }
25176
25341
 
25177
25342
  .pf-v6-c-progress__status-icon {
@@ -25434,9 +25599,9 @@ ul.pf-v6-c-list {
25434
25599
  inset-block-start: 0;
25435
25600
  inset-inline-start: 0;
25436
25601
  overflow: hidden;
25437
- clip: rect(0, 0, 0, 0);
25438
25602
  white-space: nowrap;
25439
25603
  border: 0;
25604
+ clip-path: inset(50%);
25440
25605
  }
25441
25606
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25442
25607
  grid-row: 1/2;
@@ -25858,7 +26023,7 @@ ul.pf-v6-c-list {
25858
26023
  .pf-v6-c-radio {
25859
26024
  display: grid;
25860
26025
  grid-template-columns: auto 1fr;
25861
- grid-gap: var(--pf-v6-c-radio--GridGap);
26026
+ gap: var(--pf-v6-c-radio--GridGap);
25862
26027
  align-items: baseline;
25863
26028
  accent-color: var(--pf-v6-c-radio--AccentColor);
25864
26029
  }
@@ -26089,6 +26254,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26089
26254
  --pf-v6-c-sidebar__panel--Position: static;
26090
26255
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26091
26256
  }
26257
+ .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) {
26258
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26259
+ }
26092
26260
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26093
26261
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26094
26262
  }
@@ -26108,7 +26276,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26108
26276
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26109
26277
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26110
26278
  }
26111
- .pf-v6-c-sidebar__content.pf-m-no-background {
26279
+ .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) {
26112
26280
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26113
26281
  }
26114
26282
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26121,12 +26289,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26121
26289
  --pf-v6-c-sidebar__content--Order: -1;
26122
26290
  }
26123
26291
 
26124
- .pf-v6-c-sidebar.pf-m-no-background,
26125
- .pf-v6-c-sidebar__panel.pf-m-no-background,
26126
- .pf-v6-c-sidebar__content.pf-m-no-background {
26127
- background-color: transparent;
26128
- }
26129
-
26130
26292
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26131
26293
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26132
26294
  }
@@ -26853,10 +27015,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26853
27015
  width: 100%;
26854
27016
  height: 100%;
26855
27017
  stroke: var(--pf-v6-c-spinner--Color);
27018
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
27019
+ stroke-linecap: round;
26856
27020
  stroke-dasharray: 283;
26857
27021
  stroke-dashoffset: 280;
26858
- stroke-linecap: round;
26859
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26860
27022
  transform-origin: 50% 50%;
26861
27023
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26862
27024
  }
@@ -27016,8 +27178,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27016
27178
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
27017
27179
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
27018
27180
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
27019
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
27020
27181
  transform: translateY(-50%);
27182
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
27021
27183
  }
27022
27184
  .pf-v6-c-switch__toggle::after {
27023
27185
  position: absolute;
@@ -28875,6 +29037,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28875
29037
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28876
29038
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28877
29039
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
29040
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
29041
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28878
29042
  }
28879
29043
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28880
29044
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28944,6 +29108,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28944
29108
  .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]) {
28945
29109
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28946
29110
  }
29111
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29112
+ position: sticky;
29113
+ inset-block-end: 0;
29114
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29115
+ background: var(--pf-v6-c-table--BackgroundColor);
29116
+ }
29117
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29118
+ position: absolute;
29119
+ inset: 0;
29120
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29121
+ pointer-events: none;
29122
+ content: "";
29123
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29124
+ }
29125
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29126
+ border-block-end: 0;
29127
+ }
29128
+ .pf-v6-c-table.pf-m-plain {
29129
+ --pf-v6-c-table--BackgroundColor: transparent;
29130
+ }
28947
29131
  .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),
28948
29132
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28949
29133
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29014,11 +29198,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29014
29198
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
29015
29199
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
29016
29200
  overflow: var(--pf-v6-c-table--cell--Overflow);
29201
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29017
29202
  font-size: var(--pf-v6-c-table--cell--FontSize);
29018
29203
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
29019
29204
  line-height: var(--pf-v6-c-table--cell--LineHeight);
29020
29205
  color: var(--pf-v6-c-table--cell--Color);
29021
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29022
29206
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29023
29207
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29024
29208
  }
@@ -29124,24 +29308,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29124
29308
  }
29125
29309
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
29126
29310
  cursor: pointer;
29127
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29128
29311
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29312
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29129
29313
  }
29130
29314
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
29131
29315
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
29132
29316
  }
29133
29317
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
29134
29318
  position: relative;
29135
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29136
29319
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29320
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29137
29321
  }
29138
29322
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
29139
29323
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
29140
29324
  }
29141
29325
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
29142
29326
  cursor: pointer;
29143
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29144
29327
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29328
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29145
29329
  }
29146
29330
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
29147
29331
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -29150,8 +29334,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29150
29334
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
29151
29335
  }
29152
29336
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
29153
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29154
29337
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29338
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29155
29339
  }
29156
29340
  .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) {
29157
29341
  border: none;
@@ -29176,11 +29360,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29176
29360
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29177
29361
  visibility: hidden;
29178
29362
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29363
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29179
29364
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29180
29365
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29181
29366
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29182
29367
  transition-property: opacity, translate, visibility, background-color;
29183
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29184
29368
  }
29185
29369
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29186
29370
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29188,9 +29372,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29188
29372
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29189
29373
  visibility: visible;
29190
29374
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29375
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29191
29376
  transition-delay: 0s;
29192
29377
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29193
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29194
29378
  }
29195
29379
  .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 {
29196
29380
  max-height: 99999px;
@@ -29256,8 +29440,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29256
29440
  min-width: var(--pf-v6-c-table__text--MinWidth);
29257
29441
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29258
29442
  overflow: var(--pf-v6-c-table--cell--Overflow);
29259
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29260
29443
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29444
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29261
29445
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29262
29446
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29263
29447
  }
@@ -29286,10 +29470,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29286
29470
  text-align: start;
29287
29471
  white-space: inherit;
29288
29472
  user-select: text;
29473
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29289
29474
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29290
29475
  border: 0;
29291
29476
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29292
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29293
29477
  }
29294
29478
  .pf-v6-c-table__button::after {
29295
29479
  position: absolute;
@@ -29383,10 +29567,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29383
29567
  }
29384
29568
 
29385
29569
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29570
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29386
29571
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29387
29572
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29388
29573
  transition-property: transform;
29389
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29390
29574
  }
29391
29575
  .pf-v6-c-table__toggle svg {
29392
29576
  pointer-events: none;
@@ -29678,6 +29862,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29678
29862
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29679
29863
  }
29680
29864
 
29865
+ .pf-v6-c-table__tfoot {
29866
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29867
+ vertical-align: top;
29868
+ }
29869
+
29681
29870
  .pf-v6-c-table__icon-inline {
29682
29871
  display: flex;
29683
29872
  align-items: center;
@@ -29942,8 +30131,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29942
30131
  }
29943
30132
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29944
30133
  position: relative;
29945
- border: none;
29946
30134
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30135
+ border: none;
29947
30136
  }
29948
30137
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29949
30138
  position: absolute;
@@ -29981,7 +30170,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29981
30170
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29982
30171
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29983
30172
  grid-column: 1;
29984
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30173
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29985
30174
  align-items: start;
29986
30175
  }
29987
30176
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30084,8 +30273,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30084
30273
  }
30085
30274
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30086
30275
  position: relative;
30087
- border: none;
30088
30276
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30277
+ border: none;
30089
30278
  }
30090
30279
  .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 {
30091
30280
  position: absolute;
@@ -30123,7 +30312,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30123
30312
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30124
30313
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30125
30314
  grid-column: 1;
30126
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30315
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30127
30316
  align-items: start;
30128
30317
  }
30129
30318
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30227,8 +30416,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30227
30416
  }
30228
30417
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30229
30418
  position: relative;
30230
- border: none;
30231
30419
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30420
+ border: none;
30232
30421
  }
30233
30422
  .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 {
30234
30423
  position: absolute;
@@ -30266,7 +30455,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30266
30455
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30267
30456
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30268
30457
  grid-column: 1;
30269
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30458
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30270
30459
  align-items: start;
30271
30460
  }
30272
30461
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30370,8 +30559,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30370
30559
  }
30371
30560
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30372
30561
  position: relative;
30373
- border: none;
30374
30562
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30563
+ border: none;
30375
30564
  }
30376
30565
  .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 {
30377
30566
  position: absolute;
@@ -30409,7 +30598,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30409
30598
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30410
30599
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30411
30600
  grid-column: 1;
30412
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30601
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30413
30602
  align-items: start;
30414
30603
  }
30415
30604
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30513,8 +30702,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30513
30702
  }
30514
30703
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30515
30704
  position: relative;
30516
- border: none;
30517
30705
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30706
+ border: none;
30518
30707
  }
30519
30708
  .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 {
30520
30709
  position: absolute;
@@ -30552,7 +30741,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30552
30741
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30553
30742
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30554
30743
  grid-column: 1;
30555
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30744
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30556
30745
  align-items: start;
30557
30746
  }
30558
30747
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -31105,8 +31294,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31105
31294
 
31106
31295
  .pf-v6-c-tabs__toggle-icon {
31107
31296
  display: inline-block;
31108
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31109
31297
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31298
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31110
31299
  }
31111
31300
 
31112
31301
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31270,8 +31459,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31270
31459
  align-self: end;
31271
31460
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31272
31461
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31273
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31274
31462
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31463
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31275
31464
  }
31276
31465
 
31277
31466
  .pf-v6-c-tabs__item-action {
@@ -31534,10 +31723,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31534
31723
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31535
31724
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31536
31725
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31726
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31537
31727
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31538
31728
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31539
31729
  transition-property: width, height, translate;
31540
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31541
31730
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31542
31731
  }
31543
31732
  :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 {
@@ -31743,9 +31932,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31743
31932
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31744
31933
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31745
31934
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31935
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31746
31936
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31747
31937
  border: 0;
31748
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31749
31938
  }
31750
31939
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31751
31940
  grid-area: text-input;
@@ -31953,7 +32142,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31953
32142
 
31954
32143
  .pf-v6-c-title {
31955
32144
  font-family: var(--pf-v6-c-title--FontFamily);
31956
- word-break: break-word;
32145
+ overflow-wrap: break-word;
31957
32146
  }
31958
32147
  .pf-v6-c-title.pf-m-4xl {
31959
32148
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32736,10 +32925,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32736
32925
 
32737
32926
  .pf-v6-c-toolbar__expand-all-icon {
32738
32927
  display: inline-flex;
32928
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32739
32929
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32740
32930
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32741
32931
  transition-property: transform;
32742
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32743
32932
  }
32744
32933
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32745
32934
  scale: -1 1;
@@ -34375,7 +34564,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34375
34564
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34376
34565
  color: var(--pf-v6-c-tooltip__content--Color);
34377
34566
  text-align: center;
34378
- word-break: break-word;
34567
+ overflow-wrap: break-word;
34379
34568
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34380
34569
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34381
34570
  }
@@ -34757,19 +34946,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34757
34946
  display: inline-block;
34758
34947
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34759
34948
  text-align: center;
34760
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34761
34949
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34950
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34762
34951
  }
34763
34952
 
34764
34953
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34765
- max-height: 0;
34766
34954
  visibility: hidden;
34955
+ max-height: 0;
34767
34956
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34957
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34768
34958
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34769
34959
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34770
34960
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34771
34961
  transition-property: opacity, translate, visibility, max-height;
34772
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34773
34962
  }
34774
34963
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34775
34964
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34780,12 +34969,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34780
34969
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34781
34970
  }
34782
34971
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34783
- max-height: 99999px;
34784
34972
  visibility: revert;
34973
+ max-height: 99999px;
34785
34974
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34975
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34786
34976
  transition-delay: 0s;
34787
34977
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34788
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34789
34978
  }
34790
34979
 
34791
34980
  .pf-v6-c-tree-view__node,
@@ -35224,7 +35413,7 @@ label.pf-v6-c-tree-view__node-text {
35224
35413
 
35225
35414
  .pf-v6-c-wizard__title {
35226
35415
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35227
- word-wrap: break-word;
35416
+ overflow-wrap: break-word;
35228
35417
  }
35229
35418
 
35230
35419
  .pf-v6-c-wizard__title-text {
@@ -35287,7 +35476,7 @@ label.pf-v6-c-tree-view__node-text {
35287
35476
  align-items: baseline;
35288
35477
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35289
35478
  text-align: start;
35290
- word-break: break-word;
35479
+ overflow-wrap: break-word;
35291
35480
  }
35292
35481
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35293
35482
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35423,8 +35612,8 @@ label.pf-v6-c-tree-view__node-text {
35423
35612
  padding-inline: 0;
35424
35613
  color: var(--pf-v6-c-wizard__nav-link--Color);
35425
35614
  text-align: start;
35615
+ overflow-wrap: break-word;
35426
35616
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35427
- word-break: break-word;
35428
35617
  counter-increment: wizard-nav-count;
35429
35618
  background-color: transparent;
35430
35619
  border: none;
@@ -35529,10 +35718,10 @@ label.pf-v6-c-tree-view__node-text {
35529
35718
 
35530
35719
  .pf-v6-c-wizard__nav-link-toggle-icon {
35531
35720
  display: inline-block;
35721
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35532
35722
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35533
35723
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35534
35724
  transition-property: transform;
35535
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35536
35725
  }
35537
35726
 
35538
35727
  .pf-v6-c-wizard__main {
@@ -35542,7 +35731,7 @@ label.pf-v6-c-tree-view__node-text {
35542
35731
  flex-direction: column;
35543
35732
  overflow-x: hidden;
35544
35733
  overflow-y: auto;
35545
- word-break: break-word;
35734
+ overflow-wrap: break-word;
35546
35735
  }
35547
35736
 
35548
35737
  .pf-v6-c-wizard__main-body {
@@ -37979,7 +38168,7 @@ label.pf-v6-c-tree-view__node-text {
37979
38168
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37980
38169
  }
37981
38170
  .pf-v6-l-gallery.pf-m-gutter {
37982
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
38171
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37983
38172
  }
37984
38173
  .pf-v6-l-gallery {
37985
38174
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38972,7 +39161,7 @@ label.pf-v6-c-tree-view__node-text {
38972
39161
  }
38973
39162
  }
38974
39163
  .pf-v6-l-grid.pf-m-gutter {
38975
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
39164
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38976
39165
  }
38977
39166
 
38978
39167
  .pf-v6-l-level {