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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (221) hide show
  1. package/assets/images/img_avatar-rhds.svg +22 -0
  2. package/assets/images/pf-logo-avatar.jpg +0 -0
  3. package/base/normalize.scss +2 -0
  4. package/base/patternfly-common.css +2 -2
  5. package/base/patternfly-common.scss +1 -1
  6. package/base/patternfly-fa-icons.css +3 -3
  7. package/base/patternfly-fa-icons.scss +3 -3
  8. package/base/patternfly-variables.css +58 -56
  9. package/base/reset.scss +2 -0
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  13. package/base/tokens/tokens-charts.scss +1 -1
  14. package/base/tokens/tokens-dark.scss +9 -9
  15. package/base/tokens/tokens-default.scss +8 -8
  16. package/base/tokens/tokens-felt-dark.scss +1 -1
  17. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  18. package/base/tokens/tokens-felt-glass.scss +10 -9
  19. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  21. package/base/tokens/tokens-felt.scss +1 -1
  22. package/base/tokens/tokens-glass-dark.scss +8 -8
  23. package/base/tokens/tokens-glass.scss +10 -9
  24. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  25. package/base/tokens/tokens-highcontrast.scss +7 -7
  26. package/base/tokens/tokens-palette.scss +1 -1
  27. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  28. package/components/AboutModalBox/about-modal-box.css +1 -1
  29. package/components/AboutModalBox/about-modal-box.scss +1 -1
  30. package/components/Accordion/accordion.css +3 -3
  31. package/components/Accordion/accordion.scss +3 -3
  32. package/components/Alert/alert-group.css +1 -1
  33. package/components/Alert/alert-group.scss +1 -1
  34. package/components/Alert/alert.css +4 -3
  35. package/components/Alert/alert.scss +4 -3
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Breadcrumb/breadcrumb.css +1 -1
  39. package/components/Breadcrumb/breadcrumb.scss +1 -1
  40. package/components/Button/button.css +9 -6
  41. package/components/Button/button.scss +10 -6
  42. package/components/Card/card.css +2 -2
  43. package/components/Card/card.scss +3 -3
  44. package/components/Check/check.css +1 -1
  45. package/components/Check/check.scss +1 -1
  46. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  47. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  48. package/components/Compass/compass.css +7 -3
  49. package/components/Compass/compass.scss +7 -3
  50. package/components/Content/content.css +2 -2
  51. package/components/Content/content.scss +2 -2
  52. package/components/DataList/data-list.css +1 -1
  53. package/components/DataList/data-list.scss +1 -1
  54. package/components/DescriptionList/description-list.css +0 -1
  55. package/components/DescriptionList/description-list.scss +0 -1
  56. package/components/DragDrop/drag-drop.css +4 -0
  57. package/components/DragDrop/drag-drop.scss +4 -0
  58. package/components/Drawer/drawer.css +2 -2
  59. package/components/Drawer/drawer.scss +2 -2
  60. package/components/DualListSelector/dual-list-selector.css +6 -6
  61. package/components/DualListSelector/dual-list-selector.scss +6 -6
  62. package/components/ExpandableSection/expandable-section.css +3 -3
  63. package/components/ExpandableSection/expandable-section.scss +3 -3
  64. package/components/Form/form.css +12 -12
  65. package/components/Form/form.scss +6 -6
  66. package/components/FormControl/form-control.css +1 -1
  67. package/components/FormControl/form-control.scss +3 -1
  68. package/components/Hero/hero.css +1 -1
  69. package/components/Hero/hero.scss +1 -1
  70. package/components/Hint/hint.css +1 -1
  71. package/components/Hint/hint.scss +1 -1
  72. package/components/InputGroup/input-group.css +5 -5
  73. package/components/InputGroup/input-group.scss +5 -5
  74. package/components/JumpLinks/jump-links.css +1 -1
  75. package/components/JumpLinks/jump-links.scss +1 -1
  76. package/components/Label/label.css +1 -1
  77. package/components/Label/label.scss +1 -1
  78. package/components/Login/login.css +2 -2
  79. package/components/Login/login.scss +2 -2
  80. package/components/Masthead/masthead.css +2 -2
  81. package/components/Masthead/masthead.scss +2 -2
  82. package/components/Menu/menu.css +4 -4
  83. package/components/Menu/menu.scss +4 -4
  84. package/components/MenuToggle/menu-toggle.css +4 -1
  85. package/components/MenuToggle/menu-toggle.scss +5 -2
  86. package/components/ModalBox/modal-box.css +1 -1
  87. package/components/ModalBox/modal-box.scss +1 -1
  88. package/components/Nav/nav.css +5 -5
  89. package/components/Nav/nav.scss +5 -5
  90. package/components/NotificationDrawer/notification-drawer.css +5 -5
  91. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  92. package/components/Page/page.css +26 -21
  93. package/components/Page/page.scss +30 -25
  94. package/components/Popover/popover.css +1 -1
  95. package/components/Popover/popover.scss +2 -2
  96. package/components/Progress/progress.css +3 -3
  97. package/components/Progress/progress.scss +3 -6
  98. package/components/ProgressStepper/progress-stepper.css +1 -1
  99. package/components/Radio/radio.css +1 -1
  100. package/components/Radio/radio.scss +1 -1
  101. package/components/Sidebar/sidebar.css +4 -7
  102. package/components/Sidebar/sidebar.scss +9 -9
  103. package/components/Spinner/spinner.css +2 -2
  104. package/components/Spinner/spinner.scss +2 -2
  105. package/components/Switch/switch.css +1 -1
  106. package/components/Switch/switch.scss +1 -1
  107. package/components/Table/table-tree-view.css +10 -10
  108. package/components/Table/table-tree-view.scss +2 -2
  109. package/components/Table/table.css +37 -10
  110. package/components/Table/table.scss +53 -14
  111. package/components/Tabs/tabs.css +3 -3
  112. package/components/Tabs/tabs.scss +3 -3
  113. package/components/TextInputGroup/text-input-group.css +1 -1
  114. package/components/TextInputGroup/text-input-group.scss +1 -1
  115. package/components/Title/title.css +1 -1
  116. package/components/Title/title.scss +1 -1
  117. package/components/Toolbar/toolbar.css +1 -1
  118. package/components/Toolbar/toolbar.scss +1 -1
  119. package/components/Tooltip/tooltip.css +1 -1
  120. package/components/Tooltip/tooltip.scss +2 -2
  121. package/components/TreeView/tree-view.css +5 -5
  122. package/components/TreeView/tree-view.scss +5 -5
  123. package/components/Wizard/wizard.css +5 -5
  124. package/components/Wizard/wizard.scss +5 -5
  125. package/components/_index.css +341 -154
  126. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  127. package/docs/components/Accordion/examples/Accordion.md +30 -30
  128. package/docs/components/ActionList/examples/ActionList.md +11 -11
  129. package/docs/components/Alert/examples/Alert.md +54 -54
  130. package/docs/components/Avatar/examples/Avatar.css +6 -0
  131. package/docs/components/Avatar/examples/Avatar.md +414 -40
  132. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  133. package/docs/components/Banner/examples/Banner.md +10 -10
  134. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  135. package/docs/components/Button/examples/Button.md +184 -184
  136. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  137. package/docs/components/Card/examples/Card.md +14 -14
  138. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  139. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  140. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  141. package/docs/components/DataList/examples/DataList.md +34 -34
  142. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  143. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  144. package/docs/components/Drawer/examples/Drawer.md +23 -23
  145. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  146. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  147. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  148. package/docs/components/Form/examples/Form.md +6 -6
  149. package/docs/components/Hint/examples/Hint.md +3 -3
  150. package/docs/components/Icon/examples/Icon.md +9 -9
  151. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  152. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  153. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  154. package/docs/components/Label/examples/Label.md +218 -218
  155. package/docs/components/Login/examples/Login.md +4 -4
  156. package/docs/components/Masthead/examples/masthead.md +1 -1
  157. package/docs/components/Menu/examples/Menu.md +129 -129
  158. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  159. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  160. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  161. package/docs/components/Nav/examples/Navigation.md +66 -66
  162. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  163. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  164. package/docs/components/Page/examples/Page.md +1 -1
  165. package/docs/components/Pagination/examples/Pagination.md +92 -92
  166. package/docs/components/Popover/examples/Popover.md +22 -22
  167. package/docs/components/Progress/examples/Progress.md +7 -7
  168. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  169. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  170. package/docs/components/Slider/examples/Slider.md +4 -4
  171. package/docs/components/Table/examples/Table.css +6 -0
  172. package/docs/components/Table/examples/Table.md +807 -527
  173. package/docs/components/Tabs/examples/Tabs.md +378 -378
  174. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  175. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  176. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  177. package/docs/components/TreeView/examples/TreeView.md +104 -104
  178. package/docs/components/Wizard/examples/Wizard.md +40 -40
  179. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  180. package/docs/demos/Alert/examples/Alert.md +32 -32
  181. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  182. package/docs/demos/Banner/examples/Banner.md +16 -16
  183. package/docs/demos/Button/examples/Button.md +1 -1
  184. package/docs/demos/Card/examples/Card.md +78 -78
  185. package/docs/demos/CardView/examples/CardView.md +38 -38
  186. package/docs/demos/Compass/examples/Compass.md +294 -238
  187. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  188. package/docs/demos/DataList/examples/DataList.md +101 -101
  189. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  190. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  191. package/docs/demos/Form/examples/BasicForms.md +21 -21
  192. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  193. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  194. package/docs/demos/Modal/examples/Modal.md +54 -54
  195. package/docs/demos/Nav/examples/Nav.md +93 -93
  196. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  197. package/docs/demos/Page/examples/Page.md +119 -119
  198. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  199. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  200. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  201. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  202. package/docs/demos/Table/examples/Table.md +630 -630
  203. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  204. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  205. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  206. package/layouts/Gallery/gallery.css +1 -1
  207. package/layouts/Gallery/gallery.scss +1 -1
  208. package/layouts/Grid/grid.css +1 -1
  209. package/layouts/Grid/grid.scss +1 -1
  210. package/layouts/_index.css +2 -2
  211. package/package.json +11 -12
  212. package/patternfly-addons.css +12 -12
  213. package/patternfly-base-no-globals.css +63 -61
  214. package/patternfly-base.css +63 -61
  215. package/patternfly-no-globals.css +406 -217
  216. package/patternfly.css +406 -217
  217. package/patternfly.min.css +1 -1
  218. package/patternfly.min.css.map +1 -1
  219. package/sass-utilities/mixins.scss +2 -2
  220. package/utilities/Accessibility/accessibility.css +12 -12
  221. package/utilities/_index.css +12 -12
@@ -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) {
@@ -9678,8 +9680,8 @@
9678
9680
  }
9679
9681
 
9680
9682
  .pf-v6-c-accordion__toggle-icon {
9681
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9682
9683
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9684
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9683
9685
  }
9684
9686
 
9685
9687
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9687,6 +9689,7 @@
9687
9689
  }
9688
9690
 
9689
9691
  .pf-v6-c-accordion__expandable-content {
9692
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9690
9693
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9691
9694
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9692
9695
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -9694,16 +9697,15 @@
9694
9697
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9695
9698
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9696
9699
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9697
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9698
9700
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9699
9701
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9700
9702
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9701
9703
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9704
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9702
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);
9703
9706
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9704
9707
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9705
9708
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9706
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9707
9709
  }
9708
9710
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9709
9711
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -9907,12 +9909,13 @@
9907
9909
 
9908
9910
  .pf-v6-c-alert__toggle-icon {
9909
9911
  display: inline-block;
9910
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9911
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);
9912
9914
  }
9913
9915
 
9914
9916
  .pf-v6-c-alert__icon {
9915
9917
  grid-area: icon;
9918
+ align-self: baseline;
9916
9919
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9917
9920
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9918
9921
  color: var(--pf-v6-c-alert__icon--Color);
@@ -9923,7 +9926,7 @@
9923
9926
  grid-area: title;
9924
9927
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9925
9928
  color: var(--pf-v6-c-alert__title--Color);
9926
- word-break: break-word;
9929
+ overflow-wrap: break-word;
9927
9930
  }
9928
9931
  .pf-v6-c-alert__title.pf-m-truncate {
9929
9932
  display: -webkit-box;
@@ -9935,7 +9938,7 @@
9935
9938
  .pf-v6-c-alert__description {
9936
9939
  grid-area: description;
9937
9940
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9938
- word-break: break-word;
9941
+ overflow-wrap: break-word;
9939
9942
  }
9940
9943
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9941
9944
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10085,8 +10088,8 @@
10085
10088
  display: grid;
10086
10089
  grid-template-rows: 1fr;
10087
10090
  opacity: 1;
10088
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10089
10091
  transform: translateX(0) translateY(0);
10092
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10090
10093
  }
10091
10094
  @media screen and (prefers-reduced-motion: no-preference) {
10092
10095
  .pf-v6-c-alert-group__item {
@@ -10142,24 +10145,87 @@
10142
10145
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10143
10146
  --pf-v6-c-avatar--Width: 2.25rem;
10144
10147
  --pf-v6-c-avatar--Height: 2.25rem;
10148
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10145
10149
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10146
10150
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10151
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10147
10152
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10148
10153
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10154
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10149
10155
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10150
10156
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10157
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10151
10158
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10152
10159
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10160
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10153
10161
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10154
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);
10155
10210
  }
10156
10211
 
10157
10212
  .pf-v6-c-avatar {
10158
10213
  width: var(--pf-v6-c-avatar--Width);
10159
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);
10160
10218
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10161
10219
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10162
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
+
10163
10229
  .pf-v6-c-avatar.pf-m-bordered {
10164
10230
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10165
10231
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10388,6 +10454,87 @@
10388
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))))));
10389
10455
  }
10390
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
+ }
10391
10538
 
10392
10539
  .pf-v6-c-backdrop {
10393
10540
  --pf-v6-c-backdrop--Position: fixed;
@@ -10831,10 +10978,10 @@
10831
10978
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10832
10979
  line-height: inherit;
10833
10980
  color: var(--pf-v6-c-breadcrumb__link--Color);
10981
+ overflow-wrap: break-word;
10834
10982
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10835
10983
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10836
10984
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10837
- word-break: break-word;
10838
10985
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10839
10986
  }
10840
10987
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11252,10 +11399,10 @@ button.pf-v6-c-breadcrumb__link {
11252
11399
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11253
11400
  color: var(--pf-v6-c-button--Color);
11254
11401
  text-align: center;
11402
+ white-space: nowrap;
11255
11403
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11256
11404
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11257
11405
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11258
- white-space: nowrap;
11259
11406
  cursor: pointer;
11260
11407
  -webkit-user-select: none;
11261
11408
  user-select: none;
@@ -11265,11 +11412,11 @@ button.pf-v6-c-breadcrumb__link {
11265
11412
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11266
11413
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11267
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);
11268
11416
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11269
11417
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11270
11418
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11271
11419
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11272
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11273
11420
  }
11274
11421
  .pf-v6-c-button::after {
11275
11422
  position: absolute;
@@ -11396,10 +11543,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11396
11543
  --pf-v6-c-button--hover--BorderWidth: 0;
11397
11544
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11398
11545
  text-align: start;
11399
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11400
11546
  white-space: normal;
11401
- background: transparent;
11547
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11402
11548
  outline-offset: 0.125rem;
11549
+ background: transparent;
11403
11550
  }
11404
11551
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11405
11552
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11737,6 +11884,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11737
11884
  justify-content: flex-start;
11738
11885
  width: 100%;
11739
11886
  }
11887
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
11888
+ min-width: 1lh;
11889
+ }
11740
11890
  @media (min-width: 62rem) {
11741
11891
  .pf-v6-c-button.pf-m-docked {
11742
11892
  justify-content: center;
@@ -11757,12 +11907,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11757
11907
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11758
11908
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11759
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);
11760
11912
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11761
11913
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11762
11914
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11763
11915
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11764
- rotate: var(--pf-v6-c-button__icon--Rotate);
11765
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11766
11916
  }
11767
11917
  .pf-v6-c-button__icon.pf-m-start {
11768
11918
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12189,8 +12339,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12189
12339
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12190
12340
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12191
12341
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12192
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12193
12342
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12343
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12194
12344
  }
12195
12345
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12196
12346
  gap: 0;
@@ -12432,9 +12582,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12432
12582
  }
12433
12583
 
12434
12584
  .pf-v6-c-card__clickable-action {
12585
+ outline: 0;
12435
12586
  background: none;
12436
12587
  border: 0;
12437
- outline: 0;
12438
12588
  }
12439
12589
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12440
12590
  pointer-events: none;
@@ -12502,7 +12652,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12502
12652
  .pf-v6-c-check {
12503
12653
  display: grid;
12504
12654
  grid-template-columns: auto 1fr;
12505
- grid-gap: var(--pf-v6-c-check--GridGap);
12655
+ gap: var(--pf-v6-c-check--GridGap);
12506
12656
  accent-color: var(--pf-v6-c-check--AccentColor);
12507
12657
  }
12508
12658
  .pf-v6-c-check.pf-m-standalone {
@@ -12633,7 +12783,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12633
12783
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12634
12784
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12635
12785
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12636
- word-wrap: break-word;
12786
+ overflow-wrap: break-word;
12637
12787
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12638
12788
  background-clip: padding-box;
12639
12789
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12649,7 +12799,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12649
12799
  }
12650
12800
 
12651
12801
  .pf-v6-c-clipboard-copy__text {
12652
- word-break: break-word;
12802
+ overflow-wrap: break-word;
12653
12803
  white-space: normal;
12654
12804
  }
12655
12805
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13138,8 +13288,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13138
13288
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13139
13289
  .pf-v6-c-compass__main-footer,
13140
13290
  .pf-v6-c-compass__footer {
13141
- margin: 0;
13142
13291
  visibility: hidden;
13292
+ margin: 0;
13143
13293
  opacity: 0;
13144
13294
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13145
13295
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13257,15 +13407,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13257
13407
  inset-inline-start: 0;
13258
13408
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13259
13409
  display: flex;
13410
+ visibility: hidden;
13260
13411
  flex-direction: column;
13261
13412
  grid-area: dock;
13262
13413
  width: var(--pf-v6-c-compass__dock--Width);
13263
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13264
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);
13265
13416
  }
13266
13417
  .pf-v6-c-compass__dock.pf-m-expanded {
13267
13418
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13419
+ visibility: visible;
13268
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;
13269
13422
  }
13270
13423
  @media (min-width: 62rem) {
13271
13424
  .pf-v6-c-compass__dock {
@@ -13273,6 +13426,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13273
13426
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13274
13427
  position: revert;
13275
13428
  inset: revert;
13429
+ visibility: revert;
13276
13430
  width: auto;
13277
13431
  translate: 0;
13278
13432
  }
@@ -13287,9 +13441,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13287
13441
  .pf-v6-c-compass__dock-main {
13288
13442
  flex-grow: 1;
13289
13443
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13290
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13291
13444
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13292
13445
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13446
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13293
13447
  }
13294
13448
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13295
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);
@@ -13620,8 +13774,8 @@ ul) {
13620
13774
  @media screen and (min-width: 36rem) {
13621
13775
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13622
13776
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13623
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13624
- 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);
13625
13779
  }
13626
13780
  }
13627
13781
 
@@ -14410,8 +14564,8 @@ ul) {
14410
14564
  .pf-v6-c-data-list__toggle-icon {
14411
14565
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14412
14566
  pointer-events: none;
14413
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14414
14567
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14568
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14415
14569
  }
14416
14570
 
14417
14571
  .pf-v6-c-data-list__item-content {
@@ -14628,7 +14782,6 @@ ul) {
14628
14782
  width: 100%;
14629
14783
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14630
14784
  break-inside: avoid;
14631
- page-break-inside: avoid;
14632
14785
  -webkit-column-break-inside: avoid;
14633
14786
  -moz-column-break-inside: avoid;
14634
14787
  }
@@ -14817,6 +14970,7 @@ ul) {
14817
14970
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14818
14971
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14819
14972
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
14973
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14820
14974
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14821
14975
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14822
14976
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14831,6 +14985,7 @@ ul) {
14831
14985
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14832
14986
  position: relative;
14833
14987
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
14988
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14834
14989
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14835
14990
  }
14836
14991
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -14850,6 +15005,7 @@ ul) {
14850
15005
 
14851
15006
  .pf-v6-c-droppable {
14852
15007
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15008
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
14853
15009
  --pf-v6-c-droppable--before--Opacity: 0;
14854
15010
  --pf-v6-c-droppable--after--BorderWidth: 0;
14855
15011
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -14872,6 +15028,7 @@ ul) {
14872
15028
  }
14873
15029
  .pf-v6-c-droppable::before {
14874
15030
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15031
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
14875
15032
  opacity: var(--pf-v6-c-droppable--before--Opacity);
14876
15033
  }
14877
15034
  .pf-v6-c-droppable::after {
@@ -15036,9 +15193,9 @@ ul) {
15036
15193
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15037
15194
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15038
15195
  overflow: auto;
15196
+ outline-offset: 2px;
15039
15197
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15040
15198
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15041
- outline-offset: 2px;
15042
15199
  }
15043
15200
 
15044
15201
  .pf-v6-c-dual-list-selector__list {
@@ -15074,25 +15231,25 @@ ul) {
15074
15231
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15075
15232
  }
15076
15233
  .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 {
15077
- max-height: 0;
15078
15234
  visibility: hidden;
15235
+ max-height: 0;
15079
15236
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15237
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15080
15238
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15081
15239
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15082
15240
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15083
15241
  transition-property: opacity, translate, visibility, max-height;
15084
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15085
15242
  }
15086
15243
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15087
15244
  --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);
15088
15245
  }
15089
15246
  .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 {
15090
- max-height: 99999px;
15091
15247
  visibility: revert;
15248
+ max-height: 99999px;
15092
15249
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15250
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15093
15251
  transition-delay: 0s;
15094
15252
  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;
15095
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15096
15253
  }
15097
15254
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15098
15255
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15227,10 +15384,10 @@ ul) {
15227
15384
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15228
15385
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15229
15386
  text-align: center;
15387
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15230
15388
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15231
15389
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15232
15390
  transition-property: transform;
15233
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15234
15391
  }
15235
15392
 
15236
15393
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16015,6 +16172,7 @@ ul) {
16015
16172
  .pf-v6-c-drawer__panel {
16016
16173
  position: relative;
16017
16174
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16175
+ visibility: hidden;
16018
16176
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16019
16177
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16020
16178
  order: 1;
@@ -16022,7 +16180,6 @@ ul) {
16022
16180
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16023
16181
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16024
16182
  overflow: auto;
16025
- visibility: hidden;
16026
16183
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16027
16184
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16028
16185
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16132,8 +16289,8 @@ ul) {
16132
16289
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16133
16290
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16134
16291
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16135
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16136
16292
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16293
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16137
16294
  }
16138
16295
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16139
16296
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -16923,8 +17080,8 @@ ul) {
16923
17080
  display: inline-block;
16924
17081
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
16925
17082
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
16926
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16927
17083
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17084
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16928
17085
  }
16929
17086
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16930
17087
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -16939,15 +17096,15 @@ ul) {
16939
17096
  display: revert;
16940
17097
  }
16941
17098
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17099
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16942
17100
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
16943
17101
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
16944
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16945
17102
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17103
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16946
17104
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
16947
17105
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
16948
17106
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
16949
17107
  transition-property: opacity, translate, visibility, max-height;
16950
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16951
17108
  }
16952
17109
 
16953
17110
  .pf-v6-c-file-upload {
@@ -17118,7 +17275,7 @@ ul) {
17118
17275
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17119
17276
  display: grid;
17120
17277
  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);
17121
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17278
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17122
17279
  }
17123
17280
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17124
17281
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17146,7 +17303,7 @@ ul) {
17146
17303
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17147
17304
  display: grid;
17148
17305
  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);
17149
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17306
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17150
17307
  }
17151
17308
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17152
17309
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17174,7 +17331,7 @@ ul) {
17174
17331
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17175
17332
  display: grid;
17176
17333
  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);
17177
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17334
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17178
17335
  }
17179
17336
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17180
17337
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17202,7 +17359,7 @@ ul) {
17202
17359
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17203
17360
  display: grid;
17204
17361
  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);
17205
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17362
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17206
17363
  }
17207
17364
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17208
17365
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17230,7 +17387,7 @@ ul) {
17230
17387
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17231
17388
  display: grid;
17232
17389
  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);
17233
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17390
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17234
17391
  }
17235
17392
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17236
17393
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17258,7 +17415,7 @@ ul) {
17258
17415
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17259
17416
  display: grid;
17260
17417
  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);
17261
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17418
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17262
17419
  }
17263
17420
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17264
17421
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17286,7 +17443,7 @@ ul) {
17286
17443
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17287
17444
  display: grid;
17288
17445
  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);
17289
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17446
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17290
17447
  }
17291
17448
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17292
17449
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17459,14 +17616,14 @@ ul) {
17459
17616
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17460
17617
  }
17461
17618
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17619
+ visibility: visible;
17462
17620
  max-height: 99999px;
17463
17621
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17464
17622
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17465
- visibility: visible;
17466
17623
  opacity: 1;
17624
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17467
17625
  transition-delay: 0s;
17468
17626
  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;
17469
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17470
17627
  }
17471
17628
 
17472
17629
  .pf-v6-c-form__field-group-toggle {
@@ -17488,10 +17645,10 @@ ul) {
17488
17645
  display: inline-block;
17489
17646
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17490
17647
  text-align: center;
17648
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17491
17649
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17492
17650
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17493
17651
  transition-property: transform;
17494
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17495
17652
  }
17496
17653
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17497
17654
  scale: -1 1;
@@ -17540,15 +17697,15 @@ ul) {
17540
17697
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17541
17698
  }
17542
17699
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17700
+ visibility: hidden;
17543
17701
  max-height: 0;
17544
17702
  padding-block-start: 0;
17545
17703
  padding-block-end: 0;
17546
- visibility: hidden;
17547
17704
  opacity: 0;
17705
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17548
17706
  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);
17549
17707
  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;
17550
17708
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17551
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17552
17709
  }
17553
17710
 
17554
17711
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17708,10 +17865,10 @@ ul) {
17708
17865
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17709
17866
  color: var(--pf-v6-c-form-control--Color);
17710
17867
  appearance: none;
17868
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17711
17869
  background-color: transparent;
17712
17870
  border: none;
17713
17871
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17714
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17715
17872
  }
17716
17873
  .pf-v6-c-form-control > ::placeholder {
17717
17874
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18077,8 +18234,8 @@ ul) {
18077
18234
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18078
18235
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18079
18236
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18080
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18081
18237
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18238
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18082
18239
  }
18083
18240
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18084
18241
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18114,7 +18271,7 @@ ul) {
18114
18271
  .pf-v6-c-hint {
18115
18272
  display: grid;
18116
18273
  grid-template-columns: 1fr auto;
18117
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18274
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18118
18275
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18119
18276
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18120
18277
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18562,20 +18719,20 @@ ul) {
18562
18719
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18563
18720
  }
18564
18721
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18722
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18565
18723
  flex-grow: 1;
18566
18724
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18567
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18568
18725
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18726
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18727
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18569
18728
  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);
18570
18729
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18571
18730
  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;
18572
18731
  transition-property: opacity, scale, visibility, max-width;
18573
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18574
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18575
18732
  }
18576
18733
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18577
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18578
18734
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18735
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18579
18736
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18580
18737
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18581
18738
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18583,8 +18740,8 @@ ul) {
18583
18740
  transition-property: opacity, visibility, max-width;
18584
18741
  }
18585
18742
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18586
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18587
18743
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18744
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18588
18745
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18589
18746
  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);
18590
18747
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -18911,10 +19068,10 @@ label.pf-v6-c-input-group__text {
18911
19068
  .pf-v6-c-jump-links__toggle-icon {
18912
19069
  display: inline-block;
18913
19070
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19071
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18914
19072
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
18915
19073
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
18916
19074
  transition-property: transform;
18917
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18918
19075
  }
18919
19076
 
18920
19077
  .pf-v6-c-label {
@@ -19127,9 +19284,9 @@ label.pf-v6-c-input-group__text {
19127
19284
  font-size: var(--pf-v6-c-label--FontSize);
19128
19285
  white-space: nowrap;
19129
19286
  background: transparent;
19130
- isolation: isolate;
19131
19287
  border: 0;
19132
19288
  border-radius: var(--pf-v6-c-label--BorderRadius);
19289
+ isolation: isolate;
19133
19290
  }
19134
19291
  .pf-v6-c-label.pf-m-blue {
19135
19292
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19787,7 +19944,7 @@ ul.pf-v6-c-list {
19787
19944
  display: grid;
19788
19945
  grid-template-areas: "main header" "main footer" "main .";
19789
19946
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19790
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19947
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19791
19948
  justify-content: center;
19792
19949
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19793
19950
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19813,10 +19970,10 @@ ul.pf-v6-c-list {
19813
19970
  align-self: start;
19814
19971
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19815
19972
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19816
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19817
19973
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19818
19974
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19819
19975
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19976
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19820
19977
  }
19821
19978
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19822
19979
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -19923,7 +20080,7 @@ ul.pf-v6-c-list {
19923
20080
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
19924
20081
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19925
20082
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19926
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20083
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
19927
20084
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19928
20085
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19929
20086
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20160,9 +20317,9 @@ ul.pf-v6-c-list {
20160
20317
  }
20161
20318
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20162
20319
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20163
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20164
20320
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20165
20321
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20322
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20166
20323
  }
20167
20324
 
20168
20325
  .pf-v6-c-masthead__main {
@@ -20871,8 +21028,8 @@ ul.pf-v6-c-list {
20871
21028
  }
20872
21029
 
20873
21030
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
20874
- overflow: hidden;
20875
21031
  visibility: visible;
21032
+ overflow: hidden;
20876
21033
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
20877
21034
  }
20878
21035
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -20898,8 +21055,8 @@ ul.pf-v6-c-list {
20898
21055
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20899
21056
  }
20900
21057
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
20901
- overflow: visible;
20902
21058
  visibility: hidden;
21059
+ overflow: visible;
20903
21060
  }
20904
21061
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
20905
21062
  .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) {
@@ -21040,10 +21197,10 @@ ul.pf-v6-c-list {
21040
21197
  color: var(--pf-v6-c-menu__item--Color);
21041
21198
  text-align: start;
21042
21199
  text-decoration-line: none;
21200
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21043
21201
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21044
21202
  border: 0;
21045
21203
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21046
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21047
21204
  --pf-v6-hidden-visible--visible--Display: flex;
21048
21205
  --pf-v6-hidden-visible--hidden--Display: none;
21049
21206
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21137,7 +21294,7 @@ ul.pf-v6-c-list {
21137
21294
  .pf-v6-c-menu__item-description {
21138
21295
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21139
21296
  color: var(--pf-v6-c-menu__item-description--Color);
21140
- word-break: break-word;
21297
+ overflow-wrap: break-word;
21141
21298
  }
21142
21299
 
21143
21300
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21554,6 +21711,9 @@ ul.pf-v6-c-list {
21554
21711
  justify-content: flex-start;
21555
21712
  width: 100%;
21556
21713
  }
21714
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21715
+ min-width: 1lh;
21716
+ }
21557
21717
  @media (min-width: 62rem) {
21558
21718
  .pf-v6-c-menu-toggle.pf-m-docked {
21559
21719
  justify-content: center;
@@ -21720,10 +21880,10 @@ ul.pf-v6-c-list {
21720
21880
 
21721
21881
  .pf-v6-c-menu-toggle__icon {
21722
21882
  flex-shrink: 0;
21883
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21723
21884
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21724
21885
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21725
21886
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21726
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21727
21887
  }
21728
21888
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21729
21889
  vertical-align: middle;
@@ -21931,7 +22091,7 @@ ul.pf-v6-c-list {
21931
22091
  overflow-x: hidden;
21932
22092
  overflow-y: auto;
21933
22093
  overscroll-behavior: contain;
21934
- word-break: break-word;
22094
+ overflow-wrap: break-word;
21935
22095
  -webkit-overflow-scrolling: touch;
21936
22096
  }
21937
22097
  .pf-v6-c-modal-box__body:last-child {
@@ -22380,17 +22540,17 @@ ul.pf-v6-c-list {
22380
22540
 
22381
22541
  .pf-v6-c-nav__subnav {
22382
22542
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22543
+ visibility: visible;
22383
22544
  max-height: 99999px;
22384
22545
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22385
22546
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22386
22547
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22387
22548
  overflow-y: clip;
22388
- visibility: visible;
22549
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22389
22550
  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);
22390
22551
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22391
22552
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22392
22553
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22393
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22394
22554
  }
22395
22555
  .pf-v6-c-nav__subnav[hidden] {
22396
22556
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22400,8 +22560,8 @@ ul.pf-v6-c-list {
22400
22560
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22401
22561
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22402
22562
  display: grid;
22403
- max-height: 0;
22404
22563
  visibility: hidden;
22564
+ max-height: 0;
22405
22565
  opacity: 0;
22406
22566
  }
22407
22567
 
@@ -22419,10 +22579,10 @@ ul.pf-v6-c-list {
22419
22579
  content: var(--pf-v6-c-nav__item--accent--content, "");
22420
22580
  background-color: var(--pf-v6-c-nav__item--accent--color);
22421
22581
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22582
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22422
22583
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22423
22584
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22424
22585
  transition-property: scale;
22425
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22426
22586
  }
22427
22587
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22428
22588
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22510,10 +22670,10 @@ ul.pf-v6-c-list {
22510
22670
 
22511
22671
  .pf-v6-c-nav__toggle-icon {
22512
22672
  display: inline-block;
22673
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22513
22674
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22514
22675
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22515
22676
  transition-property: transform;
22516
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22517
22677
  }
22518
22678
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22519
22679
  scale: -1 1;
@@ -22746,9 +22906,9 @@ ul.pf-v6-c-list {
22746
22906
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22747
22907
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22748
22908
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22909
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22749
22910
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22750
22911
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22751
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22752
22912
  }
22753
22913
  .pf-v6-c-notification-drawer__list-item::before {
22754
22914
  position: absolute;
@@ -22805,7 +22965,7 @@ ul.pf-v6-c-list {
22805
22965
 
22806
22966
  .pf-v6-c-notification-drawer__list-item-header-title {
22807
22967
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22808
- word-break: break-word;
22968
+ overflow-wrap: break-word;
22809
22969
  }
22810
22970
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22811
22971
  display: -webkit-box;
@@ -22827,7 +22987,7 @@ ul.pf-v6-c-list {
22827
22987
  grid-row: 2/3;
22828
22988
  grid-column: 1/2;
22829
22989
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22830
- word-break: break-word;
22990
+ overflow-wrap: break-word;
22831
22991
  }
22832
22992
 
22833
22993
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22858,9 +23018,9 @@ ul.pf-v6-c-list {
22858
23018
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
22859
23019
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
22860
23020
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23021
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22861
23022
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
22862
23023
  border: none;
22863
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22864
23024
  }
22865
23025
 
22866
23026
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -22872,7 +23032,7 @@ ul.pf-v6-c-list {
22872
23032
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22873
23033
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22874
23034
  text-align: start;
22875
- word-break: break-word;
23035
+ overflow-wrap: break-word;
22876
23036
  }
22877
23037
 
22878
23038
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -22949,11 +23109,6 @@ ul.pf-v6-c-list {
22949
23109
  .pf-v6-c-page {
22950
23110
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22951
23111
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
22952
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22953
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
22954
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
22955
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
22956
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22957
23112
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22958
23113
  --pf-v6-c-page__dock--Width: 15.625rem;
22959
23114
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -22972,6 +23127,11 @@ ul.pf-v6-c-list {
22972
23127
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
22973
23128
  --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));
22974
23129
  --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));
23130
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23131
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23132
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23133
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23134
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22975
23135
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
22976
23136
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
22977
23137
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23142,20 +23302,17 @@ ul.pf-v6-c-list {
23142
23302
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23143
23303
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23144
23304
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23145
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23146
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23147
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23148
23305
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23149
23306
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23150
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23151
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23152
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23307
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23308
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23309
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23153
23310
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23154
23311
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23155
23312
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23156
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23157
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23158
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23313
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23314
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23315
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23159
23316
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23160
23317
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23161
23318
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23166,9 +23323,11 @@ ul.pf-v6-c-list {
23166
23323
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23167
23324
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23168
23325
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23169
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23170
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23171
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23326
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23327
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23328
+ --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));
23329
+ --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));
23330
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23172
23331
  }
23173
23332
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23174
23333
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23191,6 +23350,8 @@ ul.pf-v6-c-list {
23191
23350
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23192
23351
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23193
23352
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23353
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23354
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23194
23355
  }
23195
23356
  @media (min-width: 75rem) {
23196
23357
  .pf-v6-c-page {
@@ -23342,10 +23503,11 @@ ul.pf-v6-c-list {
23342
23503
  inset-inline-start: 0;
23343
23504
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23344
23505
  display: flex;
23506
+ visibility: hidden;
23345
23507
  flex-direction: column;
23346
23508
  grid-area: dock;
23347
23509
  width: var(--pf-v6-c-page__dock--Width);
23348
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23510
+ 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);
23349
23511
  translate: -100% 0;
23350
23512
  }
23351
23513
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23354,7 +23516,9 @@ ul.pf-v6-c-list {
23354
23516
 
23355
23517
  .pf-v6-c-page__dock.pf-m-expanded {
23356
23518
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23519
+ visibility: visible;
23357
23520
  translate: 0;
23521
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23358
23522
  }
23359
23523
  @media (min-width: 62rem) {
23360
23524
  .pf-v6-c-page__dock {
@@ -23362,6 +23526,7 @@ ul.pf-v6-c-list {
23362
23526
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23363
23527
  position: revert;
23364
23528
  inset: revert;
23529
+ visibility: revert;
23365
23530
  width: auto;
23366
23531
  translate: 0;
23367
23532
  }
@@ -23376,9 +23541,9 @@ ul.pf-v6-c-list {
23376
23541
  .pf-v6-c-page__dock-main {
23377
23542
  flex-grow: 1;
23378
23543
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23379
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23380
23544
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23381
23545
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23546
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23382
23547
  }
23383
23548
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23384
23549
  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);
@@ -23460,10 +23625,10 @@ ul.pf-v6-c-list {
23460
23625
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23461
23626
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23462
23627
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23463
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23464
23628
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23465
23629
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23466
23630
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23631
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23467
23632
  }
23468
23633
 
23469
23634
  .pf-v6-c-page__sidebar-header {
@@ -23829,7 +23994,6 @@ ul.pf-v6-c-list {
23829
23994
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23830
23995
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23831
23996
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23832
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23833
23997
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23834
23998
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23835
23999
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23837,6 +24001,7 @@ ul.pf-v6-c-list {
23837
24001
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23838
24002
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23839
24003
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
24004
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23840
24005
  }
23841
24006
  @media screen and (max-width: calc(48rem - 1px)) {
23842
24007
  .pf-v6-c-page__main-container {
@@ -24861,7 +25026,7 @@ ul.pf-v6-c-list {
24861
25026
  }
24862
25027
 
24863
25028
  .pf-v6-c-popover__body {
24864
- word-wrap: break-word;
25029
+ overflow-wrap: break-word;
24865
25030
  }
24866
25031
 
24867
25032
  .pf-v6-c-popover__footer {
@@ -24906,7 +25071,7 @@ ul.pf-v6-c-list {
24906
25071
  display: grid;
24907
25072
  grid-template-rows: 1fr auto;
24908
25073
  grid-template-columns: auto auto;
24909
- grid-gap: var(--pf-v6-c-progress--GridGap);
25074
+ gap: var(--pf-v6-c-progress--GridGap);
24910
25075
  align-items: end;
24911
25076
  }
24912
25077
  .pf-v6-c-progress.pf-m-sm {
@@ -25000,7 +25165,7 @@ ul.pf-v6-c-list {
25000
25165
 
25001
25166
  .pf-v6-c-progress__description {
25002
25167
  grid-column: 1/2;
25003
- word-break: break-word;
25168
+ overflow-wrap: break-word;
25004
25169
  }
25005
25170
  .pf-v6-c-progress__description.pf-m-truncate {
25006
25171
  overflow: hidden;
@@ -25016,7 +25181,7 @@ ul.pf-v6-c-list {
25016
25181
  align-items: flex-start;
25017
25182
  justify-content: flex-end;
25018
25183
  text-align: end;
25019
- word-break: break-word;
25184
+ overflow-wrap: break-word;
25020
25185
  }
25021
25186
 
25022
25187
  .pf-v6-c-progress__status-icon {
@@ -25279,9 +25444,9 @@ ul.pf-v6-c-list {
25279
25444
  inset-block-start: 0;
25280
25445
  inset-inline-start: 0;
25281
25446
  overflow: hidden;
25282
- clip: rect(0, 0, 0, 0);
25283
25447
  white-space: nowrap;
25284
25448
  border: 0;
25449
+ clip-path: inset(50%);
25285
25450
  }
25286
25451
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25287
25452
  grid-row: 1/2;
@@ -25703,7 +25868,7 @@ ul.pf-v6-c-list {
25703
25868
  .pf-v6-c-radio {
25704
25869
  display: grid;
25705
25870
  grid-template-columns: auto 1fr;
25706
- grid-gap: var(--pf-v6-c-radio--GridGap);
25871
+ gap: var(--pf-v6-c-radio--GridGap);
25707
25872
  align-items: baseline;
25708
25873
  accent-color: var(--pf-v6-c-radio--AccentColor);
25709
25874
  }
@@ -25934,6 +26099,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25934
26099
  --pf-v6-c-sidebar__panel--Position: static;
25935
26100
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25936
26101
  }
26102
+ .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) {
26103
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26104
+ }
25937
26105
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25938
26106
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25939
26107
  }
@@ -25953,7 +26121,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25953
26121
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25954
26122
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25955
26123
  }
25956
- .pf-v6-c-sidebar__content.pf-m-no-background {
26124
+ .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) {
25957
26125
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25958
26126
  }
25959
26127
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25966,12 +26134,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25966
26134
  --pf-v6-c-sidebar__content--Order: -1;
25967
26135
  }
25968
26136
 
25969
- .pf-v6-c-sidebar.pf-m-no-background,
25970
- .pf-v6-c-sidebar__panel.pf-m-no-background,
25971
- .pf-v6-c-sidebar__content.pf-m-no-background {
25972
- background-color: transparent;
25973
- }
25974
-
25975
26137
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25976
26138
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25977
26139
  }
@@ -26698,10 +26860,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26698
26860
  width: 100%;
26699
26861
  height: 100%;
26700
26862
  stroke: var(--pf-v6-c-spinner--Color);
26863
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26864
+ stroke-linecap: round;
26701
26865
  stroke-dasharray: 283;
26702
26866
  stroke-dashoffset: 280;
26703
- stroke-linecap: round;
26704
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26705
26867
  transform-origin: 50% 50%;
26706
26868
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26707
26869
  }
@@ -26861,8 +27023,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26861
27023
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
26862
27024
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
26863
27025
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
26864
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
26865
27026
  transform: translateY(-50%);
27027
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
26866
27028
  }
26867
27029
  .pf-v6-c-switch__toggle::after {
26868
27030
  position: absolute;
@@ -28720,6 +28882,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28720
28882
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28721
28883
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28722
28884
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28885
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28886
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28723
28887
  }
28724
28888
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28725
28889
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28789,6 +28953,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28789
28953
  .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]) {
28790
28954
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28791
28955
  }
28956
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
28957
+ position: sticky;
28958
+ inset-block-end: 0;
28959
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
28960
+ background: var(--pf-v6-c-table--BackgroundColor);
28961
+ }
28962
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
28963
+ position: absolute;
28964
+ inset: 0;
28965
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
28966
+ pointer-events: none;
28967
+ content: "";
28968
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28969
+ }
28970
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
28971
+ border-block-end: 0;
28972
+ }
28973
+ .pf-v6-c-table.pf-m-plain {
28974
+ --pf-v6-c-table--BackgroundColor: transparent;
28975
+ }
28792
28976
  .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),
28793
28977
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28794
28978
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -28859,11 +29043,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28859
29043
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
28860
29044
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
28861
29045
  overflow: var(--pf-v6-c-table--cell--Overflow);
29046
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28862
29047
  font-size: var(--pf-v6-c-table--cell--FontSize);
28863
29048
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
28864
29049
  line-height: var(--pf-v6-c-table--cell--LineHeight);
28865
29050
  color: var(--pf-v6-c-table--cell--Color);
28866
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28867
29051
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28868
29052
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28869
29053
  }
@@ -28969,24 +29153,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28969
29153
  }
28970
29154
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
28971
29155
  cursor: pointer;
28972
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28973
29156
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29157
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28974
29158
  }
28975
29159
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28976
29160
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28977
29161
  }
28978
29162
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
28979
29163
  position: relative;
28980
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28981
29164
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29165
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28982
29166
  }
28983
29167
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
28984
29168
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
28985
29169
  }
28986
29170
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
28987
29171
  cursor: pointer;
28988
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28989
29172
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29173
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28990
29174
  }
28991
29175
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28992
29176
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -28995,8 +29179,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28995
29179
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
28996
29180
  }
28997
29181
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28998
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28999
29182
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29183
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29000
29184
  }
29001
29185
  .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) {
29002
29186
  border: none;
@@ -29021,11 +29205,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29021
29205
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29022
29206
  visibility: hidden;
29023
29207
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29208
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29024
29209
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29025
29210
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29026
29211
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29027
29212
  transition-property: opacity, translate, visibility, background-color;
29028
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29029
29213
  }
29030
29214
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29031
29215
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29033,9 +29217,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29033
29217
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29034
29218
  visibility: visible;
29035
29219
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29220
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29036
29221
  transition-delay: 0s;
29037
29222
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29038
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29039
29223
  }
29040
29224
  .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 {
29041
29225
  max-height: 99999px;
@@ -29101,8 +29285,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29101
29285
  min-width: var(--pf-v6-c-table__text--MinWidth);
29102
29286
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29103
29287
  overflow: var(--pf-v6-c-table--cell--Overflow);
29104
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29105
29288
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29289
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29106
29290
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29107
29291
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29108
29292
  }
@@ -29131,10 +29315,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29131
29315
  text-align: start;
29132
29316
  white-space: inherit;
29133
29317
  user-select: text;
29318
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29134
29319
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29135
29320
  border: 0;
29136
29321
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29137
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29138
29322
  }
29139
29323
  .pf-v6-c-table__button::after {
29140
29324
  position: absolute;
@@ -29228,10 +29412,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29228
29412
  }
29229
29413
 
29230
29414
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29415
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29231
29416
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29232
29417
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29233
29418
  transition-property: transform;
29234
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29235
29419
  }
29236
29420
  .pf-v6-c-table__toggle svg {
29237
29421
  pointer-events: none;
@@ -29523,6 +29707,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29523
29707
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29524
29708
  }
29525
29709
 
29710
+ .pf-v6-c-table__tfoot {
29711
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29712
+ vertical-align: top;
29713
+ }
29714
+
29526
29715
  .pf-v6-c-table__icon-inline {
29527
29716
  display: flex;
29528
29717
  align-items: center;
@@ -29787,8 +29976,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29787
29976
  }
29788
29977
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29789
29978
  position: relative;
29790
- border: none;
29791
29979
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29980
+ border: none;
29792
29981
  }
29793
29982
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29794
29983
  position: absolute;
@@ -29826,7 +30015,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29826
30015
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29827
30016
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29828
30017
  grid-column: 1;
29829
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30018
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29830
30019
  align-items: start;
29831
30020
  }
29832
30021
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -29929,8 +30118,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29929
30118
  }
29930
30119
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29931
30120
  position: relative;
29932
- border: none;
29933
30121
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30122
+ border: none;
29934
30123
  }
29935
30124
  .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 {
29936
30125
  position: absolute;
@@ -29968,7 +30157,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29968
30157
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29969
30158
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29970
30159
  grid-column: 1;
29971
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30160
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29972
30161
  align-items: start;
29973
30162
  }
29974
30163
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30072,8 +30261,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30072
30261
  }
30073
30262
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30074
30263
  position: relative;
30075
- border: none;
30076
30264
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30265
+ border: none;
30077
30266
  }
30078
30267
  .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 {
30079
30268
  position: absolute;
@@ -30111,7 +30300,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30111
30300
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30112
30301
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30113
30302
  grid-column: 1;
30114
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30303
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30115
30304
  align-items: start;
30116
30305
  }
30117
30306
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30215,8 +30404,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30215
30404
  }
30216
30405
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30217
30406
  position: relative;
30218
- border: none;
30219
30407
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30408
+ border: none;
30220
30409
  }
30221
30410
  .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 {
30222
30411
  position: absolute;
@@ -30254,7 +30443,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30254
30443
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30255
30444
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30256
30445
  grid-column: 1;
30257
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30446
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30258
30447
  align-items: start;
30259
30448
  }
30260
30449
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30358,8 +30547,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30358
30547
  }
30359
30548
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30360
30549
  position: relative;
30361
- border: none;
30362
30550
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30551
+ border: none;
30363
30552
  }
30364
30553
  .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 {
30365
30554
  position: absolute;
@@ -30397,7 +30586,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30397
30586
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30398
30587
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30399
30588
  grid-column: 1;
30400
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30589
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30401
30590
  align-items: start;
30402
30591
  }
30403
30592
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30950,8 +31139,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30950
31139
 
30951
31140
  .pf-v6-c-tabs__toggle-icon {
30952
31141
  display: inline-block;
30953
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30954
31142
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31143
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30955
31144
  }
30956
31145
 
30957
31146
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31115,8 +31304,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31115
31304
  align-self: end;
31116
31305
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31117
31306
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31118
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31119
31307
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31308
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31120
31309
  }
31121
31310
 
31122
31311
  .pf-v6-c-tabs__item-action {
@@ -31379,10 +31568,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31379
31568
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31380
31569
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31381
31570
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31571
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31382
31572
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31383
31573
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31384
31574
  transition-property: width, height, translate;
31385
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31386
31575
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31387
31576
  }
31388
31577
  :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 {
@@ -31588,9 +31777,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31588
31777
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31589
31778
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31590
31779
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31780
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31591
31781
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31592
31782
  border: 0;
31593
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31594
31783
  }
31595
31784
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31596
31785
  grid-area: text-input;
@@ -31798,7 +31987,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31798
31987
 
31799
31988
  .pf-v6-c-title {
31800
31989
  font-family: var(--pf-v6-c-title--FontFamily);
31801
- word-break: break-word;
31990
+ overflow-wrap: break-word;
31802
31991
  }
31803
31992
  .pf-v6-c-title.pf-m-4xl {
31804
31993
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32581,10 +32770,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32581
32770
 
32582
32771
  .pf-v6-c-toolbar__expand-all-icon {
32583
32772
  display: inline-flex;
32773
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32584
32774
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32585
32775
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32586
32776
  transition-property: transform;
32587
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32588
32777
  }
32589
32778
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32590
32779
  scale: -1 1;
@@ -34220,7 +34409,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34220
34409
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34221
34410
  color: var(--pf-v6-c-tooltip__content--Color);
34222
34411
  text-align: center;
34223
- word-break: break-word;
34412
+ overflow-wrap: break-word;
34224
34413
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34225
34414
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34226
34415
  }
@@ -34602,19 +34791,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34602
34791
  display: inline-block;
34603
34792
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34604
34793
  text-align: center;
34605
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34606
34794
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34795
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34607
34796
  }
34608
34797
 
34609
34798
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34610
- max-height: 0;
34611
34799
  visibility: hidden;
34800
+ max-height: 0;
34612
34801
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34802
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34613
34803
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34614
34804
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34615
34805
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34616
34806
  transition-property: opacity, translate, visibility, max-height;
34617
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34618
34807
  }
34619
34808
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34620
34809
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34625,12 +34814,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34625
34814
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34626
34815
  }
34627
34816
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34628
- max-height: 99999px;
34629
34817
  visibility: revert;
34818
+ max-height: 99999px;
34630
34819
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34820
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34631
34821
  transition-delay: 0s;
34632
34822
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34633
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34634
34823
  }
34635
34824
 
34636
34825
  .pf-v6-c-tree-view__node,
@@ -35069,7 +35258,7 @@ label.pf-v6-c-tree-view__node-text {
35069
35258
 
35070
35259
  .pf-v6-c-wizard__title {
35071
35260
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35072
- word-wrap: break-word;
35261
+ overflow-wrap: break-word;
35073
35262
  }
35074
35263
 
35075
35264
  .pf-v6-c-wizard__title-text {
@@ -35132,7 +35321,7 @@ label.pf-v6-c-tree-view__node-text {
35132
35321
  align-items: baseline;
35133
35322
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35134
35323
  text-align: start;
35135
- word-break: break-word;
35324
+ overflow-wrap: break-word;
35136
35325
  }
35137
35326
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35138
35327
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35268,8 +35457,8 @@ label.pf-v6-c-tree-view__node-text {
35268
35457
  padding-inline: 0;
35269
35458
  color: var(--pf-v6-c-wizard__nav-link--Color);
35270
35459
  text-align: start;
35460
+ overflow-wrap: break-word;
35271
35461
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35272
- word-break: break-word;
35273
35462
  counter-increment: wizard-nav-count;
35274
35463
  background-color: transparent;
35275
35464
  border: none;
@@ -35374,10 +35563,10 @@ label.pf-v6-c-tree-view__node-text {
35374
35563
 
35375
35564
  .pf-v6-c-wizard__nav-link-toggle-icon {
35376
35565
  display: inline-block;
35566
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35377
35567
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35378
35568
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35379
35569
  transition-property: transform;
35380
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35381
35570
  }
35382
35571
 
35383
35572
  .pf-v6-c-wizard__main {
@@ -35387,7 +35576,7 @@ label.pf-v6-c-tree-view__node-text {
35387
35576
  flex-direction: column;
35388
35577
  overflow-x: hidden;
35389
35578
  overflow-y: auto;
35390
- word-break: break-word;
35579
+ overflow-wrap: break-word;
35391
35580
  }
35392
35581
 
35393
35582
  .pf-v6-c-wizard__main-body {
@@ -37824,7 +38013,7 @@ label.pf-v6-c-tree-view__node-text {
37824
38013
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37825
38014
  }
37826
38015
  .pf-v6-l-gallery.pf-m-gutter {
37827
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
38016
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37828
38017
  }
37829
38018
  .pf-v6-l-gallery {
37830
38019
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38817,7 +39006,7 @@ label.pf-v6-c-tree-view__node-text {
38817
39006
  }
38818
39007
  }
38819
39008
  .pf-v6-l-grid.pf-m-gutter {
38820
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
39009
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38821
39010
  }
38822
39011
 
38823
39012
  .pf-v6-l-level {