@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (220) hide show
  1. package/README.md +1 -1
  2. package/assets/images/img_avatar-rhds.svg +22 -0
  3. package/assets/images/pf-logo-avatar.jpg +0 -0
  4. package/base/normalize.scss +2 -0
  5. package/base/patternfly-common.css +2 -2
  6. package/base/patternfly-common.scss +1 -1
  7. package/base/patternfly-fa-icons.css +3 -3
  8. package/base/patternfly-fa-icons.scss +3 -3
  9. package/base/patternfly-variables.css +58 -56
  10. package/base/reset.scss +2 -0
  11. package/base/tokens/tokens-charts-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-charts.scss +1 -1
  15. package/base/tokens/tokens-dark.scss +9 -9
  16. package/base/tokens/tokens-default.scss +8 -8
  17. package/base/tokens/tokens-felt-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  19. package/base/tokens/tokens-felt-glass.scss +10 -9
  20. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  21. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  22. package/base/tokens/tokens-felt.scss +1 -1
  23. package/base/tokens/tokens-glass-dark.scss +8 -8
  24. package/base/tokens/tokens-glass.scss +10 -9
  25. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  26. package/base/tokens/tokens-highcontrast.scss +7 -7
  27. package/base/tokens/tokens-palette.scss +1 -1
  28. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  29. package/components/AboutModalBox/about-modal-box.css +1 -1
  30. package/components/AboutModalBox/about-modal-box.scss +1 -1
  31. package/components/Accordion/accordion.css +8 -4
  32. package/components/Accordion/accordion.scss +9 -4
  33. package/components/Alert/alert-group.css +1 -1
  34. package/components/Alert/alert-group.scss +1 -1
  35. package/components/Alert/alert.css +4 -3
  36. package/components/Alert/alert.scss +4 -3
  37. package/components/Avatar/avatar.css +144 -0
  38. package/components/Avatar/avatar.scss +161 -0
  39. package/components/Breadcrumb/breadcrumb.css +1 -1
  40. package/components/Breadcrumb/breadcrumb.scss +1 -1
  41. package/components/Button/button.css +9 -6
  42. package/components/Button/button.scss +10 -6
  43. package/components/Card/card.css +2 -2
  44. package/components/Card/card.scss +3 -3
  45. package/components/Check/check.css +1 -1
  46. package/components/Check/check.scss +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  48. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  49. package/components/Compass/compass.css +7 -3
  50. package/components/Compass/compass.scss +7 -3
  51. package/components/Content/content.css +2 -2
  52. package/components/Content/content.scss +2 -2
  53. package/components/DataList/data-list.css +1 -1
  54. package/components/DataList/data-list.scss +1 -1
  55. package/components/DescriptionList/description-list.css +0 -1
  56. package/components/DescriptionList/description-list.scss +0 -1
  57. package/components/Drawer/drawer.css +2 -2
  58. package/components/Drawer/drawer.scss +2 -2
  59. package/components/DualListSelector/dual-list-selector.css +6 -6
  60. package/components/DualListSelector/dual-list-selector.scss +6 -6
  61. package/components/ExpandableSection/expandable-section.css +3 -3
  62. package/components/ExpandableSection/expandable-section.scss +3 -3
  63. package/components/Form/form.css +12 -12
  64. package/components/Form/form.scss +6 -6
  65. package/components/FormControl/form-control.css +1 -1
  66. package/components/FormControl/form-control.scss +3 -1
  67. package/components/Hero/hero.css +1 -1
  68. package/components/Hero/hero.scss +1 -1
  69. package/components/Hint/hint.css +1 -1
  70. package/components/Hint/hint.scss +1 -1
  71. package/components/InputGroup/input-group.css +5 -5
  72. package/components/InputGroup/input-group.scss +5 -5
  73. package/components/JumpLinks/jump-links.css +1 -1
  74. package/components/JumpLinks/jump-links.scss +1 -1
  75. package/components/Label/label.css +1 -1
  76. package/components/Label/label.scss +1 -1
  77. package/components/Login/login.css +2 -2
  78. package/components/Login/login.scss +2 -2
  79. package/components/Masthead/masthead.css +2 -2
  80. package/components/Masthead/masthead.scss +2 -2
  81. package/components/Menu/menu.css +4 -4
  82. package/components/Menu/menu.scss +4 -4
  83. package/components/MenuToggle/menu-toggle.css +4 -1
  84. package/components/MenuToggle/menu-toggle.scss +5 -2
  85. package/components/ModalBox/modal-box.css +1 -1
  86. package/components/ModalBox/modal-box.scss +1 -1
  87. package/components/Nav/nav.css +5 -5
  88. package/components/Nav/nav.scss +5 -5
  89. package/components/NotificationDrawer/notification-drawer.css +5 -5
  90. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  91. package/components/Page/page.css +26 -21
  92. package/components/Page/page.scss +30 -25
  93. package/components/Popover/popover.css +1 -1
  94. package/components/Popover/popover.scss +2 -2
  95. package/components/Progress/progress.css +3 -3
  96. package/components/Progress/progress.scss +3 -6
  97. package/components/ProgressStepper/progress-stepper.css +1 -1
  98. package/components/Radio/radio.css +1 -1
  99. package/components/Radio/radio.scss +1 -1
  100. package/components/Sidebar/sidebar.css +4 -7
  101. package/components/Sidebar/sidebar.scss +9 -9
  102. package/components/Spinner/spinner.css +2 -2
  103. package/components/Spinner/spinner.scss +2 -2
  104. package/components/Switch/switch.css +1 -1
  105. package/components/Switch/switch.scss +1 -1
  106. package/components/Table/table-tree-view.css +10 -10
  107. package/components/Table/table-tree-view.scss +2 -2
  108. package/components/Table/table.css +37 -10
  109. package/components/Table/table.scss +53 -14
  110. package/components/Tabs/tabs.css +3 -3
  111. package/components/Tabs/tabs.scss +3 -3
  112. package/components/TextInputGroup/text-input-group.css +1 -1
  113. package/components/TextInputGroup/text-input-group.scss +1 -1
  114. package/components/Title/title.css +1 -1
  115. package/components/Title/title.scss +1 -1
  116. package/components/Toolbar/toolbar.css +1 -1
  117. package/components/Toolbar/toolbar.scss +1 -1
  118. package/components/Tooltip/tooltip.css +1 -1
  119. package/components/Tooltip/tooltip.scss +2 -2
  120. package/components/TreeView/tree-view.css +5 -5
  121. package/components/TreeView/tree-view.scss +5 -5
  122. package/components/Wizard/wizard.css +5 -5
  123. package/components/Wizard/wizard.scss +5 -5
  124. package/components/_index.css +342 -155
  125. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  126. package/docs/components/Accordion/examples/Accordion.md +30 -30
  127. package/docs/components/ActionList/examples/ActionList.md +11 -11
  128. package/docs/components/Alert/examples/Alert.md +54 -54
  129. package/docs/components/Avatar/examples/Avatar.css +6 -0
  130. package/docs/components/Avatar/examples/Avatar.md +414 -40
  131. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  132. package/docs/components/Banner/examples/Banner.md +10 -10
  133. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  134. package/docs/components/Button/examples/Button.md +184 -184
  135. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  136. package/docs/components/Card/examples/Card.md +14 -14
  137. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  138. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  139. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  140. package/docs/components/DataList/examples/DataList.md +34 -34
  141. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  142. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  143. package/docs/components/Drawer/examples/Drawer.md +23 -23
  144. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  145. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  146. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  147. package/docs/components/Form/examples/Form.md +6 -6
  148. package/docs/components/Hint/examples/Hint.md +3 -3
  149. package/docs/components/Icon/examples/Icon.md +9 -9
  150. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  151. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  152. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  153. package/docs/components/Label/examples/Label.md +218 -218
  154. package/docs/components/Login/examples/Login.md +4 -4
  155. package/docs/components/Masthead/examples/masthead.md +1 -1
  156. package/docs/components/Menu/examples/Menu.md +129 -129
  157. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  158. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  159. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  160. package/docs/components/Nav/examples/Navigation.md +66 -66
  161. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  162. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  163. package/docs/components/Page/examples/Page.md +1 -1
  164. package/docs/components/Pagination/examples/Pagination.md +92 -92
  165. package/docs/components/Popover/examples/Popover.md +22 -22
  166. package/docs/components/Progress/examples/Progress.md +7 -7
  167. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  168. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  169. package/docs/components/Slider/examples/Slider.md +4 -4
  170. package/docs/components/Table/examples/Table.css +6 -0
  171. package/docs/components/Table/examples/Table.md +807 -527
  172. package/docs/components/Tabs/examples/Tabs.md +378 -378
  173. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  174. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  175. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  176. package/docs/components/TreeView/examples/TreeView.md +104 -104
  177. package/docs/components/Wizard/examples/Wizard.md +40 -40
  178. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  179. package/docs/demos/Alert/examples/Alert.md +32 -32
  180. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  181. package/docs/demos/Banner/examples/Banner.md +16 -16
  182. package/docs/demos/Button/examples/Button.md +1 -1
  183. package/docs/demos/Card/examples/Card.md +78 -78
  184. package/docs/demos/CardView/examples/CardView.md +38 -38
  185. package/docs/demos/Compass/examples/Compass.md +294 -238
  186. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  187. package/docs/demos/DataList/examples/DataList.md +101 -101
  188. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  189. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  190. package/docs/demos/Form/examples/BasicForms.md +21 -21
  191. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  192. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  193. package/docs/demos/Modal/examples/Modal.md +54 -54
  194. package/docs/demos/Nav/examples/Nav.md +93 -93
  195. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  196. package/docs/demos/Page/examples/Page.md +119 -119
  197. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  198. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  199. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  200. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  201. package/docs/demos/Table/examples/Table.md +630 -630
  202. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  203. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  204. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  205. package/layouts/Gallery/gallery.css +1 -1
  206. package/layouts/Gallery/gallery.scss +1 -1
  207. package/layouts/Grid/grid.css +1 -1
  208. package/layouts/Grid/grid.scss +1 -1
  209. package/layouts/_index.css +2 -2
  210. package/package.json +11 -12
  211. package/patternfly-addons.css +12 -12
  212. package/patternfly-base-no-globals.css +63 -61
  213. package/patternfly-base.css +63 -61
  214. package/patternfly-no-globals.css +407 -218
  215. package/patternfly.css +407 -218
  216. package/patternfly.min.css +1 -1
  217. package/patternfly.min.css.map +1 -1
  218. package/sass-utilities/mixins.scss +2 -2
  219. package/utilities/Accessibility/accessibility.css +12 -12
  220. package/utilities/_index.css +12 -12
@@ -3,9 +3,9 @@
3
3
  inset-block-start: 0;
4
4
  inset-inline-start: 0;
5
5
  overflow: hidden;
6
- clip: rect(0, 0, 0, 0);
7
6
  white-space: nowrap;
8
7
  border: 0;
8
+ clip-path: inset(50%);
9
9
  }
10
10
  .pf-v6-screen-reader.pf-m-full-size {
11
11
  width: 100%;
@@ -108,8 +108,8 @@
108
108
  }
109
109
  }
110
110
  :root {
111
- container-type: inline-size;
112
111
  container-name: pf-v6-contain-viewport pf-v6-contain-table;
112
+ container-type: inline-size;
113
113
  }
114
114
 
115
115
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -5729,13 +5729,13 @@
5729
5729
  .far,
5730
5730
  .fal,
5731
5731
  .fab {
5732
- -moz-osx-font-smoothing: grayscale;
5733
- -webkit-font-smoothing: antialiased;
5734
5732
  display: inline-block;
5735
5733
  font-style: normal;
5736
5734
  font-variant: normal;
5737
- text-rendering: auto;
5738
5735
  line-height: 1;
5736
+ text-rendering: auto;
5737
+ -moz-osx-font-smoothing: grayscale;
5738
+ -webkit-font-smoothing: antialiased;
5739
5739
  }
5740
5740
 
5741
5741
  @font-face {
@@ -6400,12 +6400,12 @@
6400
6400
  --pf-t--color--yellow--60: #96640f;
6401
6401
  --pf-t--color--yellow--70: #73480b;
6402
6402
  --pf-t--color--yellow--80: #54330b;
6403
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6404
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6405
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6406
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6403
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
6404
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
6405
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
6406
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
6407
6407
  --pf-t--global--background--filter--glass--blur--primary: initial;
6408
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6408
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
6409
6409
  --pf-t--global--border--radius--0: 0px;
6410
6410
  --pf-t--global--border--radius--100: 4px;
6411
6411
  --pf-t--global--border--radius--200: 6px;
@@ -6443,8 +6443,8 @@
6443
6443
  --pf-t--global--box-shadow--blur--100: 6px;
6444
6444
  --pf-t--global--box-shadow--blur--200: 10px;
6445
6445
  --pf-t--global--box-shadow--blur--300: 20px;
6446
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6447
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6446
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
6447
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
6448
6448
  --pf-t--global--box-shadow--spread--100: 0px;
6449
6449
  --pf-t--global--box-shadow--spread--200: -4px;
6450
6450
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -7317,10 +7317,10 @@
7317
7317
  }
7318
7318
 
7319
7319
  :root:where(.pf-v6-theme-high-contrast) {
7320
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7321
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7322
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7323
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7320
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
7321
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
7322
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
7323
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
7324
7324
  --pf-t--global--background--filter--glass--blur--primary: initial;
7325
7325
  --pf-t--global--border--radius--0: 0px;
7326
7326
  --pf-t--global--border--radius--100: 4px;
@@ -7354,8 +7354,8 @@
7354
7354
  --pf-t--global--box-shadow--blur--100: 6px;
7355
7355
  --pf-t--global--box-shadow--blur--200: 10px;
7356
7356
  --pf-t--global--box-shadow--blur--300: 20px;
7357
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7358
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7357
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
7358
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
7359
7359
  --pf-t--global--box-shadow--spread--100: 0px;
7360
7360
  --pf-t--global--box-shadow--spread--200: -4px;
7361
7361
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -8072,13 +8072,13 @@
8072
8072
  }
8073
8073
 
8074
8074
  :root:where(.pf-v6-theme-glass) {
8075
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8076
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8077
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8078
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8079
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8080
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8081
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8075
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8076
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8077
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8078
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8079
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8080
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8081
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8082
8082
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8083
8083
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8084
8084
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8086,6 +8086,7 @@
8086
8086
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8087
8087
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8088
8088
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8089
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8089
8090
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8090
8091
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8091
8092
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8217,13 +8218,13 @@
8217
8218
  }
8218
8219
 
8219
8220
  :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8220
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8221
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8222
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8223
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8224
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8225
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8226
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8221
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8222
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8223
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8224
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8225
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8226
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8227
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8227
8228
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8228
8229
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8229
8230
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8239,20 +8240,21 @@
8239
8240
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8240
8241
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8241
8242
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8243
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8242
8244
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8243
8245
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8244
8246
  }
8245
8247
 
8246
8248
  :root:where(.pf-v6-theme-dark) {
8247
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8248
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8249
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8250
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8249
8251
  --pf-t--global--background--filter--glass--blur--primary: initial;
8250
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
8251
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8252
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8253
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8254
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8255
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8252
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
8253
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8254
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8255
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8256
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8257
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8256
8258
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8257
8259
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8258
8260
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -8702,14 +8704,14 @@
8702
8704
  }
8703
8705
 
8704
8706
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8705
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8706
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8707
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8708
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8707
8709
  --pf-t--global--background--filter--glass--blur--primary: initial;
8708
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8709
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8710
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8711
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8712
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8710
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8711
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8712
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8713
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8714
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8713
8715
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8714
8716
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8715
8717
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -9143,13 +9145,13 @@
9143
9145
  }
9144
9146
 
9145
9147
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
9146
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9147
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9148
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9149
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9150
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9151
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9152
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9148
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9149
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9150
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9151
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9152
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9153
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9154
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9153
9155
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9154
9156
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9155
9157
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9212,13 +9214,13 @@
9212
9214
  }
9213
9215
 
9214
9216
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9215
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9216
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9217
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9218
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9219
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9220
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9221
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9217
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9218
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9219
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9220
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9221
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9222
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9223
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9222
9224
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9223
9225
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9224
9226
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9418,7 +9420,7 @@
9418
9420
  overflow-x: hidden;
9419
9421
  overflow-y: auto;
9420
9422
  overscroll-behavior: contain;
9421
- word-break: break-word;
9423
+ overflow-wrap: break-word;
9422
9424
  -webkit-overflow-scrolling: touch;
9423
9425
  }
9424
9426
  @media screen and (min-width: 36rem) {
@@ -9495,7 +9497,9 @@
9495
9497
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
9496
9498
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
9497
9499
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
9500
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
9498
9501
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
9502
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
9499
9503
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
9500
9504
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9501
9505
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -9628,6 +9632,7 @@
9628
9632
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9629
9633
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9630
9634
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9635
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
9631
9636
  }
9632
9637
 
9633
9638
  .pf-v6-c-accordion__toggle {
@@ -9675,8 +9680,8 @@
9675
9680
  }
9676
9681
 
9677
9682
  .pf-v6-c-accordion__toggle-icon {
9678
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9679
9683
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9684
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9680
9685
  }
9681
9686
 
9682
9687
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9684,26 +9689,27 @@
9684
9689
  }
9685
9690
 
9686
9691
  .pf-v6-c-accordion__expandable-content {
9692
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9687
9693
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9688
9694
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9689
9695
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
9690
9696
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
9697
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9691
9698
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9692
9699
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9693
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9694
9700
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9695
9701
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9696
9702
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9697
9703
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9704
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9698
9705
  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);
9699
9706
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9700
9707
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9701
9708
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9702
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9703
9709
  }
9704
9710
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9711
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
9705
9712
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
9706
- overflow-y: auto;
9707
9713
  }
9708
9714
 
9709
9715
  .pf-v6-c-accordion__expandable-content-body {
@@ -9903,12 +9909,13 @@
9903
9909
 
9904
9910
  .pf-v6-c-alert__toggle-icon {
9905
9911
  display: inline-block;
9906
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9907
9912
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9913
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9908
9914
  }
9909
9915
 
9910
9916
  .pf-v6-c-alert__icon {
9911
9917
  grid-area: icon;
9918
+ align-self: baseline;
9912
9919
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9913
9920
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9914
9921
  color: var(--pf-v6-c-alert__icon--Color);
@@ -9919,7 +9926,7 @@
9919
9926
  grid-area: title;
9920
9927
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9921
9928
  color: var(--pf-v6-c-alert__title--Color);
9922
- word-break: break-word;
9929
+ overflow-wrap: break-word;
9923
9930
  }
9924
9931
  .pf-v6-c-alert__title.pf-m-truncate {
9925
9932
  display: -webkit-box;
@@ -9931,7 +9938,7 @@
9931
9938
  .pf-v6-c-alert__description {
9932
9939
  grid-area: description;
9933
9940
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9934
- word-break: break-word;
9941
+ overflow-wrap: break-word;
9935
9942
  }
9936
9943
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9937
9944
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10081,8 +10088,8 @@
10081
10088
  display: grid;
10082
10089
  grid-template-rows: 1fr;
10083
10090
  opacity: 1;
10084
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10085
10091
  transform: translateX(0) translateY(0);
10092
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10086
10093
  }
10087
10094
  @media screen and (prefers-reduced-motion: no-preference) {
10088
10095
  .pf-v6-c-alert-group__item {
@@ -10138,24 +10145,87 @@
10138
10145
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10139
10146
  --pf-v6-c-avatar--Width: 2.25rem;
10140
10147
  --pf-v6-c-avatar--Height: 2.25rem;
10148
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10141
10149
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10142
10150
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10151
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10143
10152
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10144
10153
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10154
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10145
10155
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10146
10156
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10157
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10147
10158
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10148
10159
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10160
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10149
10161
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10150
10162
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10163
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10164
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10165
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10166
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10167
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10168
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10169
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10170
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10171
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10172
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10173
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10174
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10175
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10176
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10177
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10178
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10179
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10180
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10181
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10182
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10183
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10184
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10185
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10186
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10187
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10188
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10189
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10190
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10191
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10192
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10193
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10194
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10195
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10196
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10197
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10198
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10199
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10200
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10201
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10202
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10203
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10204
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10205
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10206
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10207
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10208
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10209
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10151
10210
  }
10152
10211
 
10153
10212
  .pf-v6-c-avatar {
10154
10213
  width: var(--pf-v6-c-avatar--Width);
10155
10214
  height: var(--pf-v6-c-avatar--Height);
10215
+ font-size: var(--pf-v6-c-avatar--FontSize);
10216
+ color: var(--pf-v6-c-avatar--Color, inherit);
10217
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10156
10218
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10157
10219
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10158
10220
  }
10221
+ div.pf-v6-c-avatar {
10222
+ display: inline-flex;
10223
+ align-items: center;
10224
+ justify-content: center;
10225
+ overflow: clip;
10226
+ vertical-align: middle;
10227
+ }
10228
+
10159
10229
  .pf-v6-c-avatar.pf-m-bordered {
10160
10230
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10161
10231
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10384,6 +10454,87 @@
10384
10454
  --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))))));
10385
10455
  }
10386
10456
  }
10457
+ .pf-v6-c-avatar.pf-m-sm {
10458
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10459
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10460
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10461
+ }
10462
+ .pf-v6-c-avatar.pf-m-lg {
10463
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10464
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10465
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10466
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10467
+ }
10468
+ .pf-v6-c-avatar.pf-m-xl {
10469
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10470
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10471
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10472
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10473
+ }
10474
+ .pf-v6-c-avatar.pf-m-colorful {
10475
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10476
+ }
10477
+ .pf-v6-c-avatar.pf-m-red {
10478
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10479
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10480
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10481
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10482
+ }
10483
+ .pf-v6-c-avatar.pf-m-orangered {
10484
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10485
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10486
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10487
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10488
+ }
10489
+ .pf-v6-c-avatar.pf-m-orange {
10490
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10491
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10492
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10493
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10494
+ }
10495
+ .pf-v6-c-avatar.pf-m-yellow {
10496
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10497
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10498
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10499
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10500
+ }
10501
+ .pf-v6-c-avatar.pf-m-green {
10502
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10503
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10504
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10505
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10506
+ }
10507
+ .pf-v6-c-avatar.pf-m-teal {
10508
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10509
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10510
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10511
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10512
+ }
10513
+ .pf-v6-c-avatar.pf-m-blue {
10514
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10515
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10516
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10517
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10518
+ }
10519
+ .pf-v6-c-avatar.pf-m-purple {
10520
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10521
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10522
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10523
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10524
+ }
10525
+ .pf-v6-c-avatar.pf-m-gray {
10526
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10527
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10528
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10529
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10530
+ }
10531
+
10532
+ .pf-v6-c-avatar__initials {
10533
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10534
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10535
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10536
+ color: var(--pf-v6-c-avatar__initials--Color);
10537
+ }
10387
10538
 
10388
10539
  .pf-v6-c-backdrop {
10389
10540
  --pf-v6-c-backdrop--Position: fixed;
@@ -10827,10 +10978,10 @@
10827
10978
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10828
10979
  line-height: inherit;
10829
10980
  color: var(--pf-v6-c-breadcrumb__link--Color);
10981
+ overflow-wrap: break-word;
10830
10982
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10831
10983
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10832
10984
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10833
- word-break: break-word;
10834
10985
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10835
10986
  }
10836
10987
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11248,10 +11399,10 @@ button.pf-v6-c-breadcrumb__link {
11248
11399
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11249
11400
  color: var(--pf-v6-c-button--Color);
11250
11401
  text-align: center;
11402
+ white-space: nowrap;
11251
11403
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11252
11404
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11253
11405
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11254
- white-space: nowrap;
11255
11406
  cursor: pointer;
11256
11407
  -webkit-user-select: none;
11257
11408
  user-select: none;
@@ -11261,11 +11412,11 @@ button.pf-v6-c-breadcrumb__link {
11261
11412
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11262
11413
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11263
11414
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
11415
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11264
11416
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11265
11417
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11266
11418
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11267
11419
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11268
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11269
11420
  }
11270
11421
  .pf-v6-c-button::after {
11271
11422
  position: absolute;
@@ -11392,10 +11543,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11392
11543
  --pf-v6-c-button--hover--BorderWidth: 0;
11393
11544
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11394
11545
  text-align: start;
11395
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11396
11546
  white-space: normal;
11397
- background: transparent;
11547
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11398
11548
  outline-offset: 0.125rem;
11549
+ background: transparent;
11399
11550
  }
11400
11551
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11401
11552
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11733,6 +11884,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11733
11884
  justify-content: flex-start;
11734
11885
  width: 100%;
11735
11886
  }
11887
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
11888
+ min-width: 1lh;
11889
+ }
11736
11890
  @media (min-width: 62rem) {
11737
11891
  .pf-v6-c-button.pf-m-docked {
11738
11892
  justify-content: center;
@@ -11753,12 +11907,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11753
11907
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11754
11908
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11755
11909
  color: var(--pf-v6-c-button__icon--Color);
11910
+ rotate: var(--pf-v6-c-button__icon--Rotate);
11911
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11756
11912
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11757
11913
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11758
11914
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11759
11915
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11760
- rotate: var(--pf-v6-c-button__icon--Rotate);
11761
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11762
11916
  }
11763
11917
  .pf-v6-c-button__icon.pf-m-start {
11764
11918
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12185,8 +12339,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12185
12339
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12186
12340
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12187
12341
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12188
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12189
12342
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12343
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12190
12344
  }
12191
12345
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12192
12346
  gap: 0;
@@ -12428,9 +12582,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12428
12582
  }
12429
12583
 
12430
12584
  .pf-v6-c-card__clickable-action {
12585
+ outline: 0;
12431
12586
  background: none;
12432
12587
  border: 0;
12433
- outline: 0;
12434
12588
  }
12435
12589
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12436
12590
  pointer-events: none;
@@ -12498,7 +12652,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12498
12652
  .pf-v6-c-check {
12499
12653
  display: grid;
12500
12654
  grid-template-columns: auto 1fr;
12501
- grid-gap: var(--pf-v6-c-check--GridGap);
12655
+ gap: var(--pf-v6-c-check--GridGap);
12502
12656
  accent-color: var(--pf-v6-c-check--AccentColor);
12503
12657
  }
12504
12658
  .pf-v6-c-check.pf-m-standalone {
@@ -12629,7 +12783,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12629
12783
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12630
12784
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12631
12785
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12632
- word-wrap: break-word;
12786
+ overflow-wrap: break-word;
12633
12787
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12634
12788
  background-clip: padding-box;
12635
12789
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12645,7 +12799,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12645
12799
  }
12646
12800
 
12647
12801
  .pf-v6-c-clipboard-copy__text {
12648
- word-break: break-word;
12802
+ overflow-wrap: break-word;
12649
12803
  white-space: normal;
12650
12804
  }
12651
12805
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13134,8 +13288,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13134
13288
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13135
13289
  .pf-v6-c-compass__main-footer,
13136
13290
  .pf-v6-c-compass__footer {
13137
- margin: 0;
13138
13291
  visibility: hidden;
13292
+ margin: 0;
13139
13293
  opacity: 0;
13140
13294
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13141
13295
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13253,15 +13407,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13253
13407
  inset-inline-start: 0;
13254
13408
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13255
13409
  display: flex;
13410
+ visibility: hidden;
13256
13411
  flex-direction: column;
13257
13412
  grid-area: dock;
13258
13413
  width: var(--pf-v6-c-compass__dock--Width);
13259
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13260
13414
  translate: -100% 0;
13415
+ 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);
13261
13416
  }
13262
13417
  .pf-v6-c-compass__dock.pf-m-expanded {
13263
13418
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13419
+ visibility: visible;
13264
13420
  translate: 0;
13421
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13265
13422
  }
13266
13423
  @media (min-width: 62rem) {
13267
13424
  .pf-v6-c-compass__dock {
@@ -13269,6 +13426,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13269
13426
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13270
13427
  position: revert;
13271
13428
  inset: revert;
13429
+ visibility: revert;
13272
13430
  width: auto;
13273
13431
  translate: 0;
13274
13432
  }
@@ -13283,9 +13441,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13283
13441
  .pf-v6-c-compass__dock-main {
13284
13442
  flex-grow: 1;
13285
13443
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13286
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13287
13444
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13288
13445
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13446
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13289
13447
  }
13290
13448
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13291
13449
  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);
@@ -13616,8 +13774,8 @@ ul) {
13616
13774
  @media screen and (min-width: 36rem) {
13617
13775
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13618
13776
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13619
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13620
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13777
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13778
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13621
13779
  }
13622
13780
  }
13623
13781
 
@@ -14406,8 +14564,8 @@ ul) {
14406
14564
  .pf-v6-c-data-list__toggle-icon {
14407
14565
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14408
14566
  pointer-events: none;
14409
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14410
14567
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14568
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14411
14569
  }
14412
14570
 
14413
14571
  .pf-v6-c-data-list__item-content {
@@ -14624,7 +14782,6 @@ ul) {
14624
14782
  width: 100%;
14625
14783
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14626
14784
  break-inside: avoid;
14627
- page-break-inside: avoid;
14628
14785
  -webkit-column-break-inside: avoid;
14629
14786
  -moz-column-break-inside: avoid;
14630
14787
  }
@@ -15032,9 +15189,9 @@ ul) {
15032
15189
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15033
15190
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15034
15191
  overflow: auto;
15192
+ outline-offset: 2px;
15035
15193
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15036
15194
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15037
- outline-offset: 2px;
15038
15195
  }
15039
15196
 
15040
15197
  .pf-v6-c-dual-list-selector__list {
@@ -15070,25 +15227,25 @@ ul) {
15070
15227
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15071
15228
  }
15072
15229
  .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 {
15073
- max-height: 0;
15074
15230
  visibility: hidden;
15231
+ max-height: 0;
15075
15232
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15233
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15076
15234
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15077
15235
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15078
15236
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15079
15237
  transition-property: opacity, translate, visibility, max-height;
15080
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15081
15238
  }
15082
15239
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15083
15240
  --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);
15084
15241
  }
15085
15242
  .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 {
15086
- max-height: 99999px;
15087
15243
  visibility: revert;
15244
+ max-height: 99999px;
15088
15245
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15246
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15089
15247
  transition-delay: 0s;
15090
15248
  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;
15091
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15092
15249
  }
15093
15250
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15094
15251
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15223,10 +15380,10 @@ ul) {
15223
15380
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15224
15381
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15225
15382
  text-align: center;
15383
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15226
15384
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15227
15385
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15228
15386
  transition-property: transform;
15229
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15230
15387
  }
15231
15388
 
15232
15389
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16011,6 +16168,7 @@ ul) {
16011
16168
  .pf-v6-c-drawer__panel {
16012
16169
  position: relative;
16013
16170
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16171
+ visibility: hidden;
16014
16172
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16015
16173
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16016
16174
  order: 1;
@@ -16018,7 +16176,6 @@ ul) {
16018
16176
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16019
16177
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16020
16178
  overflow: auto;
16021
- visibility: hidden;
16022
16179
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16023
16180
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16024
16181
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16128,8 +16285,8 @@ ul) {
16128
16285
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16129
16286
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16130
16287
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16131
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16132
16288
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16289
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16133
16290
  }
16134
16291
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16135
16292
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -16919,8 +17076,8 @@ ul) {
16919
17076
  display: inline-block;
16920
17077
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
16921
17078
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
16922
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16923
17079
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17080
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16924
17081
  }
16925
17082
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16926
17083
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -16935,15 +17092,15 @@ ul) {
16935
17092
  display: revert;
16936
17093
  }
16937
17094
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17095
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16938
17096
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
16939
17097
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
16940
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16941
17098
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17099
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16942
17100
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
16943
17101
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
16944
17102
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
16945
17103
  transition-property: opacity, translate, visibility, max-height;
16946
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16947
17104
  }
16948
17105
 
16949
17106
  .pf-v6-c-file-upload {
@@ -17114,7 +17271,7 @@ ul) {
17114
17271
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17115
17272
  display: grid;
17116
17273
  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);
17117
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17274
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17118
17275
  }
17119
17276
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17120
17277
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17142,7 +17299,7 @@ ul) {
17142
17299
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17143
17300
  display: grid;
17144
17301
  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);
17145
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17302
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17146
17303
  }
17147
17304
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17148
17305
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17170,7 +17327,7 @@ ul) {
17170
17327
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17171
17328
  display: grid;
17172
17329
  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);
17173
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17330
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17174
17331
  }
17175
17332
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17176
17333
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17198,7 +17355,7 @@ ul) {
17198
17355
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17199
17356
  display: grid;
17200
17357
  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);
17201
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17358
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17202
17359
  }
17203
17360
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17204
17361
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17226,7 +17383,7 @@ ul) {
17226
17383
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17227
17384
  display: grid;
17228
17385
  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);
17229
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17386
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17230
17387
  }
17231
17388
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17232
17389
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17254,7 +17411,7 @@ ul) {
17254
17411
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17255
17412
  display: grid;
17256
17413
  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);
17257
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17414
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17258
17415
  }
17259
17416
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17260
17417
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17282,7 +17439,7 @@ ul) {
17282
17439
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17283
17440
  display: grid;
17284
17441
  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);
17285
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17442
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17286
17443
  }
17287
17444
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17288
17445
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17455,14 +17612,14 @@ ul) {
17455
17612
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17456
17613
  }
17457
17614
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17615
+ visibility: visible;
17458
17616
  max-height: 99999px;
17459
17617
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17460
17618
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17461
- visibility: visible;
17462
17619
  opacity: 1;
17620
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17463
17621
  transition-delay: 0s;
17464
17622
  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;
17465
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17466
17623
  }
17467
17624
 
17468
17625
  .pf-v6-c-form__field-group-toggle {
@@ -17484,10 +17641,10 @@ ul) {
17484
17641
  display: inline-block;
17485
17642
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17486
17643
  text-align: center;
17644
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17487
17645
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17488
17646
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17489
17647
  transition-property: transform;
17490
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17491
17648
  }
17492
17649
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17493
17650
  scale: -1 1;
@@ -17536,15 +17693,15 @@ ul) {
17536
17693
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17537
17694
  }
17538
17695
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17696
+ visibility: hidden;
17539
17697
  max-height: 0;
17540
17698
  padding-block-start: 0;
17541
17699
  padding-block-end: 0;
17542
- visibility: hidden;
17543
17700
  opacity: 0;
17701
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17544
17702
  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);
17545
17703
  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;
17546
17704
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17547
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17548
17705
  }
17549
17706
 
17550
17707
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17704,10 +17861,10 @@ ul) {
17704
17861
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17705
17862
  color: var(--pf-v6-c-form-control--Color);
17706
17863
  appearance: none;
17864
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17707
17865
  background-color: transparent;
17708
17866
  border: none;
17709
17867
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17710
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17711
17868
  }
17712
17869
  .pf-v6-c-form-control > ::placeholder {
17713
17870
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18073,8 +18230,8 @@ ul) {
18073
18230
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18074
18231
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18075
18232
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18076
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18077
18233
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18234
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18078
18235
  }
18079
18236
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18080
18237
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18110,7 +18267,7 @@ ul) {
18110
18267
  .pf-v6-c-hint {
18111
18268
  display: grid;
18112
18269
  grid-template-columns: 1fr auto;
18113
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18270
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18114
18271
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18115
18272
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18116
18273
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18558,20 +18715,20 @@ ul) {
18558
18715
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18559
18716
  }
18560
18717
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18718
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18561
18719
  flex-grow: 1;
18562
18720
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18563
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18564
18721
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18722
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18723
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18565
18724
  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);
18566
18725
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18567
18726
  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;
18568
18727
  transition-property: opacity, scale, visibility, max-width;
18569
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18570
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18571
18728
  }
18572
18729
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18573
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18574
18730
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18731
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18575
18732
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18576
18733
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18577
18734
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18579,8 +18736,8 @@ ul) {
18579
18736
  transition-property: opacity, visibility, max-width;
18580
18737
  }
18581
18738
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18582
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18583
18739
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18740
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18584
18741
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18585
18742
  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);
18586
18743
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -18907,10 +19064,10 @@ label.pf-v6-c-input-group__text {
18907
19064
  .pf-v6-c-jump-links__toggle-icon {
18908
19065
  display: inline-block;
18909
19066
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19067
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18910
19068
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
18911
19069
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
18912
19070
  transition-property: transform;
18913
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18914
19071
  }
18915
19072
 
18916
19073
  .pf-v6-c-label {
@@ -19123,9 +19280,9 @@ label.pf-v6-c-input-group__text {
19123
19280
  font-size: var(--pf-v6-c-label--FontSize);
19124
19281
  white-space: nowrap;
19125
19282
  background: transparent;
19126
- isolation: isolate;
19127
19283
  border: 0;
19128
19284
  border-radius: var(--pf-v6-c-label--BorderRadius);
19285
+ isolation: isolate;
19129
19286
  }
19130
19287
  .pf-v6-c-label.pf-m-blue {
19131
19288
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19783,7 +19940,7 @@ ul.pf-v6-c-list {
19783
19940
  display: grid;
19784
19941
  grid-template-areas: "main header" "main footer" "main .";
19785
19942
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19786
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19943
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19787
19944
  justify-content: center;
19788
19945
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19789
19946
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19809,10 +19966,10 @@ ul.pf-v6-c-list {
19809
19966
  align-self: start;
19810
19967
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19811
19968
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19812
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19813
19969
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19814
19970
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19815
19971
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19972
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19816
19973
  }
19817
19974
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19818
19975
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -19919,7 +20076,7 @@ ul.pf-v6-c-list {
19919
20076
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
19920
20077
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19921
20078
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19922
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20079
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
19923
20080
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19924
20081
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19925
20082
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20156,9 +20313,9 @@ ul.pf-v6-c-list {
20156
20313
  }
20157
20314
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20158
20315
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20159
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20160
20316
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20161
20317
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20318
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20162
20319
  }
20163
20320
 
20164
20321
  .pf-v6-c-masthead__main {
@@ -20867,8 +21024,8 @@ ul.pf-v6-c-list {
20867
21024
  }
20868
21025
 
20869
21026
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
20870
- overflow: hidden;
20871
21027
  visibility: visible;
21028
+ overflow: hidden;
20872
21029
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
20873
21030
  }
20874
21031
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -20894,8 +21051,8 @@ ul.pf-v6-c-list {
20894
21051
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20895
21052
  }
20896
21053
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
20897
- overflow: visible;
20898
21054
  visibility: hidden;
21055
+ overflow: visible;
20899
21056
  }
20900
21057
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
20901
21058
  .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) {
@@ -21036,10 +21193,10 @@ ul.pf-v6-c-list {
21036
21193
  color: var(--pf-v6-c-menu__item--Color);
21037
21194
  text-align: start;
21038
21195
  text-decoration-line: none;
21196
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21039
21197
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21040
21198
  border: 0;
21041
21199
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21042
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21043
21200
  --pf-v6-hidden-visible--visible--Display: flex;
21044
21201
  --pf-v6-hidden-visible--hidden--Display: none;
21045
21202
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21133,7 +21290,7 @@ ul.pf-v6-c-list {
21133
21290
  .pf-v6-c-menu__item-description {
21134
21291
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21135
21292
  color: var(--pf-v6-c-menu__item-description--Color);
21136
- word-break: break-word;
21293
+ overflow-wrap: break-word;
21137
21294
  }
21138
21295
 
21139
21296
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21550,6 +21707,9 @@ ul.pf-v6-c-list {
21550
21707
  justify-content: flex-start;
21551
21708
  width: 100%;
21552
21709
  }
21710
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21711
+ min-width: 1lh;
21712
+ }
21553
21713
  @media (min-width: 62rem) {
21554
21714
  .pf-v6-c-menu-toggle.pf-m-docked {
21555
21715
  justify-content: center;
@@ -21716,10 +21876,10 @@ ul.pf-v6-c-list {
21716
21876
 
21717
21877
  .pf-v6-c-menu-toggle__icon {
21718
21878
  flex-shrink: 0;
21879
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21719
21880
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21720
21881
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21721
21882
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21722
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21723
21883
  }
21724
21884
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21725
21885
  vertical-align: middle;
@@ -21927,7 +22087,7 @@ ul.pf-v6-c-list {
21927
22087
  overflow-x: hidden;
21928
22088
  overflow-y: auto;
21929
22089
  overscroll-behavior: contain;
21930
- word-break: break-word;
22090
+ overflow-wrap: break-word;
21931
22091
  -webkit-overflow-scrolling: touch;
21932
22092
  }
21933
22093
  .pf-v6-c-modal-box__body:last-child {
@@ -22376,17 +22536,17 @@ ul.pf-v6-c-list {
22376
22536
 
22377
22537
  .pf-v6-c-nav__subnav {
22378
22538
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22539
+ visibility: visible;
22379
22540
  max-height: 99999px;
22380
22541
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22381
22542
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22382
22543
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22383
22544
  overflow-y: clip;
22384
- visibility: visible;
22545
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22385
22546
  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);
22386
22547
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22387
22548
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22388
22549
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22389
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22390
22550
  }
22391
22551
  .pf-v6-c-nav__subnav[hidden] {
22392
22552
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22396,8 +22556,8 @@ ul.pf-v6-c-list {
22396
22556
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22397
22557
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22398
22558
  display: grid;
22399
- max-height: 0;
22400
22559
  visibility: hidden;
22560
+ max-height: 0;
22401
22561
  opacity: 0;
22402
22562
  }
22403
22563
 
@@ -22415,10 +22575,10 @@ ul.pf-v6-c-list {
22415
22575
  content: var(--pf-v6-c-nav__item--accent--content, "");
22416
22576
  background-color: var(--pf-v6-c-nav__item--accent--color);
22417
22577
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22578
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22418
22579
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22419
22580
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22420
22581
  transition-property: scale;
22421
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22422
22582
  }
22423
22583
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22424
22584
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22506,10 +22666,10 @@ ul.pf-v6-c-list {
22506
22666
 
22507
22667
  .pf-v6-c-nav__toggle-icon {
22508
22668
  display: inline-block;
22669
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22509
22670
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22510
22671
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22511
22672
  transition-property: transform;
22512
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22513
22673
  }
22514
22674
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22515
22675
  scale: -1 1;
@@ -22742,9 +22902,9 @@ ul.pf-v6-c-list {
22742
22902
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22743
22903
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22744
22904
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22905
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22745
22906
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22746
22907
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22747
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22748
22908
  }
22749
22909
  .pf-v6-c-notification-drawer__list-item::before {
22750
22910
  position: absolute;
@@ -22801,7 +22961,7 @@ ul.pf-v6-c-list {
22801
22961
 
22802
22962
  .pf-v6-c-notification-drawer__list-item-header-title {
22803
22963
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22804
- word-break: break-word;
22964
+ overflow-wrap: break-word;
22805
22965
  }
22806
22966
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22807
22967
  display: -webkit-box;
@@ -22823,7 +22983,7 @@ ul.pf-v6-c-list {
22823
22983
  grid-row: 2/3;
22824
22984
  grid-column: 1/2;
22825
22985
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22826
- word-break: break-word;
22986
+ overflow-wrap: break-word;
22827
22987
  }
22828
22988
 
22829
22989
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22854,9 +23014,9 @@ ul.pf-v6-c-list {
22854
23014
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
22855
23015
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
22856
23016
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23017
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22857
23018
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
22858
23019
  border: none;
22859
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22860
23020
  }
22861
23021
 
22862
23022
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -22868,7 +23028,7 @@ ul.pf-v6-c-list {
22868
23028
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22869
23029
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22870
23030
  text-align: start;
22871
- word-break: break-word;
23031
+ overflow-wrap: break-word;
22872
23032
  }
22873
23033
 
22874
23034
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -22945,11 +23105,6 @@ ul.pf-v6-c-list {
22945
23105
  .pf-v6-c-page {
22946
23106
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22947
23107
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
22948
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22949
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
22950
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
22951
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
22952
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22953
23108
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22954
23109
  --pf-v6-c-page__dock--Width: 15.625rem;
22955
23110
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -22968,6 +23123,11 @@ ul.pf-v6-c-list {
22968
23123
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
22969
23124
  --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));
22970
23125
  --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));
23126
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23127
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23128
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23129
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23130
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22971
23131
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
22972
23132
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
22973
23133
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23138,20 +23298,17 @@ ul.pf-v6-c-list {
23138
23298
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23139
23299
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23140
23300
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23141
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23142
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23143
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23144
23301
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23145
23302
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23146
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23147
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23148
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23303
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23304
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23305
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23149
23306
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23150
23307
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23151
23308
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23152
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23153
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23154
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23309
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23310
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23311
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23155
23312
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23156
23313
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23157
23314
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23162,9 +23319,11 @@ ul.pf-v6-c-list {
23162
23319
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23163
23320
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23164
23321
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23165
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23166
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23167
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23322
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23323
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23324
+ --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));
23325
+ --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));
23326
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23168
23327
  }
23169
23328
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23170
23329
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23187,6 +23346,8 @@ ul.pf-v6-c-list {
23187
23346
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23188
23347
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23189
23348
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23349
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23350
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23190
23351
  }
23191
23352
  @media (min-width: 75rem) {
23192
23353
  .pf-v6-c-page {
@@ -23338,10 +23499,11 @@ ul.pf-v6-c-list {
23338
23499
  inset-inline-start: 0;
23339
23500
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23340
23501
  display: flex;
23502
+ visibility: hidden;
23341
23503
  flex-direction: column;
23342
23504
  grid-area: dock;
23343
23505
  width: var(--pf-v6-c-page__dock--Width);
23344
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23506
+ 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);
23345
23507
  translate: -100% 0;
23346
23508
  }
23347
23509
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23350,7 +23512,9 @@ ul.pf-v6-c-list {
23350
23512
 
23351
23513
  .pf-v6-c-page__dock.pf-m-expanded {
23352
23514
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23515
+ visibility: visible;
23353
23516
  translate: 0;
23517
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23354
23518
  }
23355
23519
  @media (min-width: 62rem) {
23356
23520
  .pf-v6-c-page__dock {
@@ -23358,6 +23522,7 @@ ul.pf-v6-c-list {
23358
23522
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23359
23523
  position: revert;
23360
23524
  inset: revert;
23525
+ visibility: revert;
23361
23526
  width: auto;
23362
23527
  translate: 0;
23363
23528
  }
@@ -23372,9 +23537,9 @@ ul.pf-v6-c-list {
23372
23537
  .pf-v6-c-page__dock-main {
23373
23538
  flex-grow: 1;
23374
23539
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23375
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23376
23540
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23377
23541
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23542
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23378
23543
  }
23379
23544
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23380
23545
  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);
@@ -23456,10 +23621,10 @@ ul.pf-v6-c-list {
23456
23621
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23457
23622
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23458
23623
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23459
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23460
23624
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23461
23625
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23462
23626
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23627
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23463
23628
  }
23464
23629
 
23465
23630
  .pf-v6-c-page__sidebar-header {
@@ -23825,7 +23990,6 @@ ul.pf-v6-c-list {
23825
23990
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23826
23991
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23827
23992
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23828
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23829
23993
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23830
23994
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23831
23995
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23833,6 +23997,7 @@ ul.pf-v6-c-list {
23833
23997
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23834
23998
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23835
23999
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
24000
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23836
24001
  }
23837
24002
  @media screen and (max-width: calc(48rem - 1px)) {
23838
24003
  .pf-v6-c-page__main-container {
@@ -24857,7 +25022,7 @@ ul.pf-v6-c-list {
24857
25022
  }
24858
25023
 
24859
25024
  .pf-v6-c-popover__body {
24860
- word-wrap: break-word;
25025
+ overflow-wrap: break-word;
24861
25026
  }
24862
25027
 
24863
25028
  .pf-v6-c-popover__footer {
@@ -24902,7 +25067,7 @@ ul.pf-v6-c-list {
24902
25067
  display: grid;
24903
25068
  grid-template-rows: 1fr auto;
24904
25069
  grid-template-columns: auto auto;
24905
- grid-gap: var(--pf-v6-c-progress--GridGap);
25070
+ gap: var(--pf-v6-c-progress--GridGap);
24906
25071
  align-items: end;
24907
25072
  }
24908
25073
  .pf-v6-c-progress.pf-m-sm {
@@ -24996,7 +25161,7 @@ ul.pf-v6-c-list {
24996
25161
 
24997
25162
  .pf-v6-c-progress__description {
24998
25163
  grid-column: 1/2;
24999
- word-break: break-word;
25164
+ overflow-wrap: break-word;
25000
25165
  }
25001
25166
  .pf-v6-c-progress__description.pf-m-truncate {
25002
25167
  overflow: hidden;
@@ -25012,7 +25177,7 @@ ul.pf-v6-c-list {
25012
25177
  align-items: flex-start;
25013
25178
  justify-content: flex-end;
25014
25179
  text-align: end;
25015
- word-break: break-word;
25180
+ overflow-wrap: break-word;
25016
25181
  }
25017
25182
 
25018
25183
  .pf-v6-c-progress__status-icon {
@@ -25275,9 +25440,9 @@ ul.pf-v6-c-list {
25275
25440
  inset-block-start: 0;
25276
25441
  inset-inline-start: 0;
25277
25442
  overflow: hidden;
25278
- clip: rect(0, 0, 0, 0);
25279
25443
  white-space: nowrap;
25280
25444
  border: 0;
25445
+ clip-path: inset(50%);
25281
25446
  }
25282
25447
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25283
25448
  grid-row: 1/2;
@@ -25699,7 +25864,7 @@ ul.pf-v6-c-list {
25699
25864
  .pf-v6-c-radio {
25700
25865
  display: grid;
25701
25866
  grid-template-columns: auto 1fr;
25702
- grid-gap: var(--pf-v6-c-radio--GridGap);
25867
+ gap: var(--pf-v6-c-radio--GridGap);
25703
25868
  align-items: baseline;
25704
25869
  accent-color: var(--pf-v6-c-radio--AccentColor);
25705
25870
  }
@@ -25930,6 +26095,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25930
26095
  --pf-v6-c-sidebar__panel--Position: static;
25931
26096
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25932
26097
  }
26098
+ .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) {
26099
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26100
+ }
25933
26101
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25934
26102
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25935
26103
  }
@@ -25949,7 +26117,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25949
26117
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25950
26118
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25951
26119
  }
25952
- .pf-v6-c-sidebar__content.pf-m-no-background {
26120
+ .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) {
25953
26121
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25954
26122
  }
25955
26123
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25962,12 +26130,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25962
26130
  --pf-v6-c-sidebar__content--Order: -1;
25963
26131
  }
25964
26132
 
25965
- .pf-v6-c-sidebar.pf-m-no-background,
25966
- .pf-v6-c-sidebar__panel.pf-m-no-background,
25967
- .pf-v6-c-sidebar__content.pf-m-no-background {
25968
- background-color: transparent;
25969
- }
25970
-
25971
26133
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25972
26134
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25973
26135
  }
@@ -26694,10 +26856,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26694
26856
  width: 100%;
26695
26857
  height: 100%;
26696
26858
  stroke: var(--pf-v6-c-spinner--Color);
26859
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26860
+ stroke-linecap: round;
26697
26861
  stroke-dasharray: 283;
26698
26862
  stroke-dashoffset: 280;
26699
- stroke-linecap: round;
26700
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26701
26863
  transform-origin: 50% 50%;
26702
26864
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26703
26865
  }
@@ -26857,8 +27019,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26857
27019
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
26858
27020
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
26859
27021
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
26860
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
26861
27022
  transform: translateY(-50%);
27023
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
26862
27024
  }
26863
27025
  .pf-v6-c-switch__toggle::after {
26864
27026
  position: absolute;
@@ -28716,6 +28878,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28716
28878
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28717
28879
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28718
28880
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28881
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28882
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28719
28883
  }
28720
28884
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28721
28885
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28785,6 +28949,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28785
28949
  .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]) {
28786
28950
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28787
28951
  }
28952
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
28953
+ position: sticky;
28954
+ inset-block-end: 0;
28955
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
28956
+ background: var(--pf-v6-c-table--BackgroundColor);
28957
+ }
28958
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
28959
+ position: absolute;
28960
+ inset: 0;
28961
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
28962
+ pointer-events: none;
28963
+ content: "";
28964
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28965
+ }
28966
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
28967
+ border-block-end: 0;
28968
+ }
28969
+ .pf-v6-c-table.pf-m-plain {
28970
+ --pf-v6-c-table--BackgroundColor: transparent;
28971
+ }
28788
28972
  .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),
28789
28973
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28790
28974
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -28855,11 +29039,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28855
29039
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
28856
29040
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
28857
29041
  overflow: var(--pf-v6-c-table--cell--Overflow);
29042
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28858
29043
  font-size: var(--pf-v6-c-table--cell--FontSize);
28859
29044
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
28860
29045
  line-height: var(--pf-v6-c-table--cell--LineHeight);
28861
29046
  color: var(--pf-v6-c-table--cell--Color);
28862
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28863
29047
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28864
29048
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28865
29049
  }
@@ -28965,24 +29149,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28965
29149
  }
28966
29150
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
28967
29151
  cursor: pointer;
28968
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28969
29152
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29153
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28970
29154
  }
28971
29155
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28972
29156
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28973
29157
  }
28974
29158
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
28975
29159
  position: relative;
28976
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28977
29160
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29161
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28978
29162
  }
28979
29163
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
28980
29164
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
28981
29165
  }
28982
29166
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
28983
29167
  cursor: pointer;
28984
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28985
29168
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29169
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28986
29170
  }
28987
29171
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28988
29172
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -28991,8 +29175,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28991
29175
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
28992
29176
  }
28993
29177
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28994
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28995
29178
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29179
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28996
29180
  }
28997
29181
  .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) {
28998
29182
  border: none;
@@ -29017,11 +29201,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29017
29201
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29018
29202
  visibility: hidden;
29019
29203
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29204
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29020
29205
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29021
29206
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29022
29207
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29023
29208
  transition-property: opacity, translate, visibility, background-color;
29024
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29025
29209
  }
29026
29210
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29027
29211
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29029,9 +29213,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29029
29213
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29030
29214
  visibility: visible;
29031
29215
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29216
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29032
29217
  transition-delay: 0s;
29033
29218
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29034
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29035
29219
  }
29036
29220
  .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 {
29037
29221
  max-height: 99999px;
@@ -29097,8 +29281,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29097
29281
  min-width: var(--pf-v6-c-table__text--MinWidth);
29098
29282
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29099
29283
  overflow: var(--pf-v6-c-table--cell--Overflow);
29100
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29101
29284
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29285
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29102
29286
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29103
29287
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29104
29288
  }
@@ -29127,10 +29311,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29127
29311
  text-align: start;
29128
29312
  white-space: inherit;
29129
29313
  user-select: text;
29314
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29130
29315
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29131
29316
  border: 0;
29132
29317
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29133
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29134
29318
  }
29135
29319
  .pf-v6-c-table__button::after {
29136
29320
  position: absolute;
@@ -29224,10 +29408,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29224
29408
  }
29225
29409
 
29226
29410
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29411
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29227
29412
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29228
29413
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29229
29414
  transition-property: transform;
29230
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29231
29415
  }
29232
29416
  .pf-v6-c-table__toggle svg {
29233
29417
  pointer-events: none;
@@ -29519,6 +29703,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29519
29703
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29520
29704
  }
29521
29705
 
29706
+ .pf-v6-c-table__tfoot {
29707
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29708
+ vertical-align: top;
29709
+ }
29710
+
29522
29711
  .pf-v6-c-table__icon-inline {
29523
29712
  display: flex;
29524
29713
  align-items: center;
@@ -29783,8 +29972,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29783
29972
  }
29784
29973
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29785
29974
  position: relative;
29786
- border: none;
29787
29975
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29976
+ border: none;
29788
29977
  }
29789
29978
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29790
29979
  position: absolute;
@@ -29822,7 +30011,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29822
30011
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29823
30012
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29824
30013
  grid-column: 1;
29825
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30014
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29826
30015
  align-items: start;
29827
30016
  }
29828
30017
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -29925,8 +30114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29925
30114
  }
29926
30115
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29927
30116
  position: relative;
29928
- border: none;
29929
30117
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30118
+ border: none;
29930
30119
  }
29931
30120
  .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 {
29932
30121
  position: absolute;
@@ -29964,7 +30153,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29964
30153
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29965
30154
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29966
30155
  grid-column: 1;
29967
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30156
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29968
30157
  align-items: start;
29969
30158
  }
29970
30159
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30068,8 +30257,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30068
30257
  }
30069
30258
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30070
30259
  position: relative;
30071
- border: none;
30072
30260
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30261
+ border: none;
30073
30262
  }
30074
30263
  .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 {
30075
30264
  position: absolute;
@@ -30107,7 +30296,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30107
30296
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30108
30297
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30109
30298
  grid-column: 1;
30110
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30299
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30111
30300
  align-items: start;
30112
30301
  }
30113
30302
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30211,8 +30400,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30211
30400
  }
30212
30401
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30213
30402
  position: relative;
30214
- border: none;
30215
30403
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30404
+ border: none;
30216
30405
  }
30217
30406
  .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 {
30218
30407
  position: absolute;
@@ -30250,7 +30439,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30250
30439
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30251
30440
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30252
30441
  grid-column: 1;
30253
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30442
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30254
30443
  align-items: start;
30255
30444
  }
30256
30445
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30354,8 +30543,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30354
30543
  }
30355
30544
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30356
30545
  position: relative;
30357
- border: none;
30358
30546
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30547
+ border: none;
30359
30548
  }
30360
30549
  .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 {
30361
30550
  position: absolute;
@@ -30393,7 +30582,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30393
30582
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30394
30583
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30395
30584
  grid-column: 1;
30396
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30585
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30397
30586
  align-items: start;
30398
30587
  }
30399
30588
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30946,8 +31135,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30946
31135
 
30947
31136
  .pf-v6-c-tabs__toggle-icon {
30948
31137
  display: inline-block;
30949
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30950
31138
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31139
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30951
31140
  }
30952
31141
 
30953
31142
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31111,8 +31300,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31111
31300
  align-self: end;
31112
31301
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31113
31302
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31114
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31115
31303
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31304
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31116
31305
  }
31117
31306
 
31118
31307
  .pf-v6-c-tabs__item-action {
@@ -31375,10 +31564,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31375
31564
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31376
31565
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31377
31566
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31567
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31378
31568
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31379
31569
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31380
31570
  transition-property: width, height, translate;
31381
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31382
31571
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31383
31572
  }
31384
31573
  :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 {
@@ -31584,9 +31773,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31584
31773
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31585
31774
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31586
31775
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31776
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31587
31777
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31588
31778
  border: 0;
31589
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31590
31779
  }
31591
31780
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31592
31781
  grid-area: text-input;
@@ -31794,7 +31983,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31794
31983
 
31795
31984
  .pf-v6-c-title {
31796
31985
  font-family: var(--pf-v6-c-title--FontFamily);
31797
- word-break: break-word;
31986
+ overflow-wrap: break-word;
31798
31987
  }
31799
31988
  .pf-v6-c-title.pf-m-4xl {
31800
31989
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32577,10 +32766,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32577
32766
 
32578
32767
  .pf-v6-c-toolbar__expand-all-icon {
32579
32768
  display: inline-flex;
32769
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32580
32770
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32581
32771
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32582
32772
  transition-property: transform;
32583
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32584
32773
  }
32585
32774
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32586
32775
  scale: -1 1;
@@ -34216,7 +34405,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34216
34405
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34217
34406
  color: var(--pf-v6-c-tooltip__content--Color);
34218
34407
  text-align: center;
34219
- word-break: break-word;
34408
+ overflow-wrap: break-word;
34220
34409
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34221
34410
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34222
34411
  }
@@ -34598,19 +34787,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34598
34787
  display: inline-block;
34599
34788
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34600
34789
  text-align: center;
34601
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34602
34790
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34791
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34603
34792
  }
34604
34793
 
34605
34794
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34606
- max-height: 0;
34607
34795
  visibility: hidden;
34796
+ max-height: 0;
34608
34797
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34798
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34609
34799
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34610
34800
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34611
34801
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34612
34802
  transition-property: opacity, translate, visibility, max-height;
34613
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34614
34803
  }
34615
34804
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34616
34805
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34621,12 +34810,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34621
34810
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34622
34811
  }
34623
34812
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34624
- max-height: 99999px;
34625
34813
  visibility: revert;
34814
+ max-height: 99999px;
34626
34815
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34816
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34627
34817
  transition-delay: 0s;
34628
34818
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34629
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34630
34819
  }
34631
34820
 
34632
34821
  .pf-v6-c-tree-view__node,
@@ -35065,7 +35254,7 @@ label.pf-v6-c-tree-view__node-text {
35065
35254
 
35066
35255
  .pf-v6-c-wizard__title {
35067
35256
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35068
- word-wrap: break-word;
35257
+ overflow-wrap: break-word;
35069
35258
  }
35070
35259
 
35071
35260
  .pf-v6-c-wizard__title-text {
@@ -35128,7 +35317,7 @@ label.pf-v6-c-tree-view__node-text {
35128
35317
  align-items: baseline;
35129
35318
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35130
35319
  text-align: start;
35131
- word-break: break-word;
35320
+ overflow-wrap: break-word;
35132
35321
  }
35133
35322
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35134
35323
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35264,8 +35453,8 @@ label.pf-v6-c-tree-view__node-text {
35264
35453
  padding-inline: 0;
35265
35454
  color: var(--pf-v6-c-wizard__nav-link--Color);
35266
35455
  text-align: start;
35456
+ overflow-wrap: break-word;
35267
35457
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35268
- word-break: break-word;
35269
35458
  counter-increment: wizard-nav-count;
35270
35459
  background-color: transparent;
35271
35460
  border: none;
@@ -35370,10 +35559,10 @@ label.pf-v6-c-tree-view__node-text {
35370
35559
 
35371
35560
  .pf-v6-c-wizard__nav-link-toggle-icon {
35372
35561
  display: inline-block;
35562
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35373
35563
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35374
35564
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35375
35565
  transition-property: transform;
35376
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35377
35566
  }
35378
35567
 
35379
35568
  .pf-v6-c-wizard__main {
@@ -35383,7 +35572,7 @@ label.pf-v6-c-tree-view__node-text {
35383
35572
  flex-direction: column;
35384
35573
  overflow-x: hidden;
35385
35574
  overflow-y: auto;
35386
- word-break: break-word;
35575
+ overflow-wrap: break-word;
35387
35576
  }
35388
35577
 
35389
35578
  .pf-v6-c-wizard__main-body {
@@ -37820,7 +38009,7 @@ label.pf-v6-c-tree-view__node-text {
37820
38009
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37821
38010
  }
37822
38011
  .pf-v6-l-gallery.pf-m-gutter {
37823
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
38012
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37824
38013
  }
37825
38014
  .pf-v6-l-gallery {
37826
38015
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38813,7 +39002,7 @@ label.pf-v6-c-tree-view__node-text {
38813
39002
  }
38814
39003
  }
38815
39004
  .pf-v6-l-grid.pf-m-gutter {
38816
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
39005
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38817
39006
  }
38818
39007
 
38819
39008
  .pf-v6-l-level {