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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) 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/Drawer/drawer.css +2 -2
  57. package/components/Drawer/drawer.scss +2 -2
  58. package/components/DualListSelector/dual-list-selector.css +6 -6
  59. package/components/DualListSelector/dual-list-selector.scss +6 -6
  60. package/components/ExpandableSection/expandable-section.css +3 -3
  61. package/components/ExpandableSection/expandable-section.scss +3 -3
  62. package/components/Form/form.css +12 -12
  63. package/components/Form/form.scss +6 -6
  64. package/components/FormControl/form-control.css +1 -1
  65. package/components/FormControl/form-control.scss +3 -1
  66. package/components/Hero/hero.css +1 -1
  67. package/components/Hero/hero.scss +1 -1
  68. package/components/Hint/hint.css +1 -1
  69. package/components/Hint/hint.scss +1 -1
  70. package/components/InputGroup/input-group.css +5 -5
  71. package/components/InputGroup/input-group.scss +5 -5
  72. package/components/JumpLinks/jump-links.css +1 -1
  73. package/components/JumpLinks/jump-links.scss +1 -1
  74. package/components/Label/label.css +1 -1
  75. package/components/Label/label.scss +1 -1
  76. package/components/Login/login.css +2 -2
  77. package/components/Login/login.scss +2 -2
  78. package/components/Masthead/masthead.css +2 -2
  79. package/components/Masthead/masthead.scss +2 -2
  80. package/components/Menu/menu.css +4 -4
  81. package/components/Menu/menu.scss +4 -4
  82. package/components/MenuToggle/menu-toggle.css +4 -1
  83. package/components/MenuToggle/menu-toggle.scss +5 -2
  84. package/components/ModalBox/modal-box.css +1 -1
  85. package/components/ModalBox/modal-box.scss +1 -1
  86. package/components/Nav/nav.css +5 -5
  87. package/components/Nav/nav.scss +5 -5
  88. package/components/NotificationDrawer/notification-drawer.css +5 -5
  89. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  90. package/components/Page/page.css +26 -21
  91. package/components/Page/page.scss +30 -25
  92. package/components/Popover/popover.css +1 -1
  93. package/components/Popover/popover.scss +2 -2
  94. package/components/Progress/progress.css +3 -3
  95. package/components/Progress/progress.scss +3 -6
  96. package/components/ProgressStepper/progress-stepper.css +1 -1
  97. package/components/Radio/radio.css +1 -1
  98. package/components/Radio/radio.scss +1 -1
  99. package/components/Sidebar/sidebar.css +4 -7
  100. package/components/Sidebar/sidebar.scss +9 -9
  101. package/components/Spinner/spinner.css +2 -2
  102. package/components/Spinner/spinner.scss +2 -2
  103. package/components/Switch/switch.css +1 -1
  104. package/components/Switch/switch.scss +1 -1
  105. package/components/Table/table-tree-view.css +10 -10
  106. package/components/Table/table-tree-view.scss +2 -2
  107. package/components/Table/table.css +37 -10
  108. package/components/Table/table.scss +53 -14
  109. package/components/Tabs/tabs.css +3 -3
  110. package/components/Tabs/tabs.scss +3 -3
  111. package/components/TextInputGroup/text-input-group.css +1 -1
  112. package/components/TextInputGroup/text-input-group.scss +1 -1
  113. package/components/Title/title.css +1 -1
  114. package/components/Title/title.scss +1 -1
  115. package/components/Toolbar/toolbar.css +1 -1
  116. package/components/Toolbar/toolbar.scss +1 -1
  117. package/components/Tooltip/tooltip.css +1 -1
  118. package/components/Tooltip/tooltip.scss +2 -2
  119. package/components/TreeView/tree-view.css +5 -5
  120. package/components/TreeView/tree-view.scss +5 -5
  121. package/components/Wizard/wizard.css +5 -5
  122. package/components/Wizard/wizard.scss +5 -5
  123. package/components/_index.css +337 -154
  124. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  125. package/docs/components/Accordion/examples/Accordion.md +30 -30
  126. package/docs/components/ActionList/examples/ActionList.md +11 -11
  127. package/docs/components/Alert/examples/Alert.md +54 -54
  128. package/docs/components/Avatar/examples/Avatar.css +6 -0
  129. package/docs/components/Avatar/examples/Avatar.md +414 -40
  130. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  131. package/docs/components/Banner/examples/Banner.md +10 -10
  132. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  133. package/docs/components/Button/examples/Button.md +184 -184
  134. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  135. package/docs/components/Card/examples/Card.md +14 -14
  136. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  137. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  138. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  139. package/docs/components/DataList/examples/DataList.md +34 -34
  140. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  141. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  142. package/docs/components/Drawer/examples/Drawer.md +23 -23
  143. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  144. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  145. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  146. package/docs/components/Form/examples/Form.md +6 -6
  147. package/docs/components/Hint/examples/Hint.md +3 -3
  148. package/docs/components/Icon/examples/Icon.md +9 -9
  149. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  150. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  151. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  152. package/docs/components/Label/examples/Label.md +218 -218
  153. package/docs/components/Login/examples/Login.md +4 -4
  154. package/docs/components/Masthead/examples/masthead.md +1 -1
  155. package/docs/components/Menu/examples/Menu.md +129 -129
  156. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  157. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  158. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  159. package/docs/components/Nav/examples/Navigation.md +66 -66
  160. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  161. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  162. package/docs/components/Page/examples/Page.md +1 -1
  163. package/docs/components/Pagination/examples/Pagination.md +92 -92
  164. package/docs/components/Popover/examples/Popover.md +22 -22
  165. package/docs/components/Progress/examples/Progress.md +7 -7
  166. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  167. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  168. package/docs/components/Slider/examples/Slider.md +4 -4
  169. package/docs/components/Table/examples/Table.css +6 -0
  170. package/docs/components/Table/examples/Table.md +807 -527
  171. package/docs/components/Tabs/examples/Tabs.md +378 -378
  172. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  173. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  174. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  175. package/docs/components/TreeView/examples/TreeView.md +104 -104
  176. package/docs/components/Wizard/examples/Wizard.md +40 -40
  177. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  178. package/docs/demos/Alert/examples/Alert.md +32 -32
  179. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  180. package/docs/demos/Banner/examples/Banner.md +16 -16
  181. package/docs/demos/Button/examples/Button.md +1 -1
  182. package/docs/demos/Card/examples/Card.md +78 -78
  183. package/docs/demos/CardView/examples/CardView.md +38 -38
  184. package/docs/demos/Compass/examples/Compass.md +294 -238
  185. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  186. package/docs/demos/DataList/examples/DataList.md +101 -101
  187. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  188. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  189. package/docs/demos/Form/examples/BasicForms.md +21 -21
  190. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  191. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  192. package/docs/demos/Modal/examples/Modal.md +54 -54
  193. package/docs/demos/Nav/examples/Nav.md +93 -93
  194. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  195. package/docs/demos/Page/examples/Page.md +119 -119
  196. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  197. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  198. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  199. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  200. package/docs/demos/Table/examples/Table.md +630 -630
  201. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  202. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  203. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  204. package/layouts/Gallery/gallery.css +1 -1
  205. package/layouts/Gallery/gallery.scss +1 -1
  206. package/layouts/Grid/grid.css +1 -1
  207. package/layouts/Grid/grid.scss +1 -1
  208. package/layouts/_index.css +2 -2
  209. package/package.json +11 -12
  210. package/patternfly-addons.css +12 -12
  211. package/patternfly-base-no-globals.css +63 -61
  212. package/patternfly-base.css +63 -61
  213. package/patternfly-no-globals.css +402 -217
  214. package/patternfly.css +402 -217
  215. package/patternfly.min.css +1 -1
  216. package/patternfly.min.css.map +1 -1
  217. package/sass-utilities/mixins.scss +2 -2
  218. package/utilities/Accessibility/accessibility.css +12 -12
  219. package/utilities/_index.css +12 -12
package/patternfly.css CHANGED
@@ -158,9 +158,9 @@ button) {
158
158
  inset-block-start: 0;
159
159
  inset-inline-start: 0;
160
160
  overflow: hidden;
161
- clip: rect(0, 0, 0, 0);
162
161
  white-space: nowrap;
163
162
  border: 0;
163
+ clip-path: inset(50%);
164
164
  }
165
165
  .pf-v6-screen-reader.pf-m-full-size {
166
166
  width: 100%;
@@ -263,8 +263,8 @@ button) {
263
263
  }
264
264
  }
265
265
  :root {
266
- container-type: inline-size;
267
266
  container-name: pf-v6-contain-viewport pf-v6-contain-table;
267
+ container-type: inline-size;
268
268
  }
269
269
 
270
270
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -5884,13 +5884,13 @@ button) {
5884
5884
  .far,
5885
5885
  .fal,
5886
5886
  .fab {
5887
- -moz-osx-font-smoothing: grayscale;
5888
- -webkit-font-smoothing: antialiased;
5889
5887
  display: inline-block;
5890
5888
  font-style: normal;
5891
5889
  font-variant: normal;
5892
- text-rendering: auto;
5893
5890
  line-height: 1;
5891
+ text-rendering: auto;
5892
+ -moz-osx-font-smoothing: grayscale;
5893
+ -webkit-font-smoothing: antialiased;
5894
5894
  }
5895
5895
 
5896
5896
  @font-face {
@@ -6555,12 +6555,12 @@ button) {
6555
6555
  --pf-t--color--yellow--60: #96640f;
6556
6556
  --pf-t--color--yellow--70: #73480b;
6557
6557
  --pf-t--color--yellow--80: #54330b;
6558
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6559
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6560
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6561
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6558
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
6559
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
6560
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
6561
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
6562
6562
  --pf-t--global--background--filter--glass--blur--primary: initial;
6563
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6563
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
6564
6564
  --pf-t--global--border--radius--0: 0px;
6565
6565
  --pf-t--global--border--radius--100: 4px;
6566
6566
  --pf-t--global--border--radius--200: 6px;
@@ -6598,8 +6598,8 @@ button) {
6598
6598
  --pf-t--global--box-shadow--blur--100: 6px;
6599
6599
  --pf-t--global--box-shadow--blur--200: 10px;
6600
6600
  --pf-t--global--box-shadow--blur--300: 20px;
6601
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6602
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6601
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
6602
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
6603
6603
  --pf-t--global--box-shadow--spread--100: 0px;
6604
6604
  --pf-t--global--box-shadow--spread--200: -4px;
6605
6605
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -7472,10 +7472,10 @@ button) {
7472
7472
  }
7473
7473
 
7474
7474
  :root:where(.pf-v6-theme-high-contrast) {
7475
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7476
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7477
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7478
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7475
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
7476
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
7477
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
7478
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
7479
7479
  --pf-t--global--background--filter--glass--blur--primary: initial;
7480
7480
  --pf-t--global--border--radius--0: 0px;
7481
7481
  --pf-t--global--border--radius--100: 4px;
@@ -7509,8 +7509,8 @@ button) {
7509
7509
  --pf-t--global--box-shadow--blur--100: 6px;
7510
7510
  --pf-t--global--box-shadow--blur--200: 10px;
7511
7511
  --pf-t--global--box-shadow--blur--300: 20px;
7512
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7513
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7512
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
7513
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
7514
7514
  --pf-t--global--box-shadow--spread--100: 0px;
7515
7515
  --pf-t--global--box-shadow--spread--200: -4px;
7516
7516
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -8227,13 +8227,13 @@ button) {
8227
8227
  }
8228
8228
 
8229
8229
  :root:where(.pf-v6-theme-glass) {
8230
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8231
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8232
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8233
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8234
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8235
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8236
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8230
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8231
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8232
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8233
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8234
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8235
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8236
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8237
8237
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8238
8238
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8239
8239
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8241,6 +8241,7 @@ button) {
8241
8241
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8242
8242
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8243
8243
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8244
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8244
8245
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8245
8246
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8246
8247
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8372,13 +8373,13 @@ button) {
8372
8373
  }
8373
8374
 
8374
8375
  :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8375
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8376
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8377
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8378
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8379
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8380
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8381
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8376
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8377
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8378
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8379
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8380
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8381
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8382
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8382
8383
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8383
8384
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8384
8385
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8394,20 +8395,21 @@ button) {
8394
8395
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8395
8396
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8396
8397
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8398
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8397
8399
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8398
8400
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8399
8401
  }
8400
8402
 
8401
8403
  :root:where(.pf-v6-theme-dark) {
8402
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8403
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8404
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8405
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8404
8406
  --pf-t--global--background--filter--glass--blur--primary: initial;
8405
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
8406
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8407
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8408
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8409
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8410
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8407
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
8408
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8409
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8410
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8411
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8412
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8411
8413
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8412
8414
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8413
8415
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -8857,14 +8859,14 @@ button) {
8857
8859
  }
8858
8860
 
8859
8861
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8860
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8861
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8862
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8863
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8862
8864
  --pf-t--global--background--filter--glass--blur--primary: initial;
8863
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8864
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8865
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8866
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8867
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8865
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8866
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8867
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8868
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8869
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8868
8870
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8869
8871
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8870
8872
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -9298,13 +9300,13 @@ button) {
9298
9300
  }
9299
9301
 
9300
9302
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
9301
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9302
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9303
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9304
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9305
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9306
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9307
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9303
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9304
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9305
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9306
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9307
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9308
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9309
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9308
9310
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9309
9311
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9310
9312
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9367,13 +9369,13 @@ button) {
9367
9369
  }
9368
9370
 
9369
9371
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9370
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9371
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9372
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9373
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9374
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9375
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9376
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9372
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9373
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9374
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9375
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9376
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9377
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9378
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9377
9379
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9378
9380
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9379
9381
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9573,7 +9575,7 @@ button) {
9573
9575
  overflow-x: hidden;
9574
9576
  overflow-y: auto;
9575
9577
  overscroll-behavior: contain;
9576
- word-break: break-word;
9578
+ overflow-wrap: break-word;
9577
9579
  -webkit-overflow-scrolling: touch;
9578
9580
  }
9579
9581
  @media screen and (min-width: 36rem) {
@@ -9833,8 +9835,8 @@ button) {
9833
9835
  }
9834
9836
 
9835
9837
  .pf-v6-c-accordion__toggle-icon {
9836
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9837
9838
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9839
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9838
9840
  }
9839
9841
 
9840
9842
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9842,6 +9844,7 @@ button) {
9842
9844
  }
9843
9845
 
9844
9846
  .pf-v6-c-accordion__expandable-content {
9847
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9845
9848
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9846
9849
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9847
9850
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -9849,16 +9852,15 @@ button) {
9849
9852
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9850
9853
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9851
9854
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9852
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9853
9855
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9854
9856
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9855
9857
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9856
9858
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9859
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9857
9860
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
9858
9861
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9859
9862
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9860
9863
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9861
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9862
9864
  }
9863
9865
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9864
9866
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -10062,12 +10064,13 @@ button) {
10062
10064
 
10063
10065
  .pf-v6-c-alert__toggle-icon {
10064
10066
  display: inline-block;
10065
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10066
10067
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
10068
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10067
10069
  }
10068
10070
 
10069
10071
  .pf-v6-c-alert__icon {
10070
10072
  grid-area: icon;
10073
+ align-self: baseline;
10071
10074
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
10072
10075
  font-size: var(--pf-v6-c-alert__icon--FontSize);
10073
10076
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10078,7 +10081,7 @@ button) {
10078
10081
  grid-area: title;
10079
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10080
10083
  color: var(--pf-v6-c-alert__title--Color);
10081
- word-break: break-word;
10084
+ overflow-wrap: break-word;
10082
10085
  }
10083
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10084
10087
  display: -webkit-box;
@@ -10090,7 +10093,7 @@ button) {
10090
10093
  .pf-v6-c-alert__description {
10091
10094
  grid-area: description;
10092
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10093
- word-break: break-word;
10096
+ overflow-wrap: break-word;
10094
10097
  }
10095
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10096
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10240,8 +10243,8 @@ button) {
10240
10243
  display: grid;
10241
10244
  grid-template-rows: 1fr;
10242
10245
  opacity: 1;
10243
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10244
10246
  transform: translateX(0) translateY(0);
10247
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10245
10248
  }
10246
10249
  @media screen and (prefers-reduced-motion: no-preference) {
10247
10250
  .pf-v6-c-alert-group__item {
@@ -10297,24 +10300,87 @@ button) {
10297
10300
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10298
10301
  --pf-v6-c-avatar--Width: 2.25rem;
10299
10302
  --pf-v6-c-avatar--Height: 2.25rem;
10303
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10300
10304
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10301
10305
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10306
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10302
10307
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10303
10308
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10309
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10304
10310
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10305
10311
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10312
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10306
10313
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10307
10314
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10315
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10308
10316
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10309
10317
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10318
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10319
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10320
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10321
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10322
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10323
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10324
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10325
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10326
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10327
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10328
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10329
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10330
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10331
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10332
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10333
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10334
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10335
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10336
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10337
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10338
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10339
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10340
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10341
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10342
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10343
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10344
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10345
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10346
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10347
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10348
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10349
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10350
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10351
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10352
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10353
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10354
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10355
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10356
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10357
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10358
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10359
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10360
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10361
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10362
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10363
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10364
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10310
10365
  }
10311
10366
 
10312
10367
  .pf-v6-c-avatar {
10313
10368
  width: var(--pf-v6-c-avatar--Width);
10314
10369
  height: var(--pf-v6-c-avatar--Height);
10370
+ font-size: var(--pf-v6-c-avatar--FontSize);
10371
+ color: var(--pf-v6-c-avatar--Color, inherit);
10372
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10315
10373
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10316
10374
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10317
10375
  }
10376
+ div.pf-v6-c-avatar {
10377
+ display: inline-flex;
10378
+ align-items: center;
10379
+ justify-content: center;
10380
+ overflow: clip;
10381
+ vertical-align: middle;
10382
+ }
10383
+
10318
10384
  .pf-v6-c-avatar.pf-m-bordered {
10319
10385
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10320
10386
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10543,6 +10609,87 @@ button) {
10543
10609
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
10544
10610
  }
10545
10611
  }
10612
+ .pf-v6-c-avatar.pf-m-sm {
10613
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10614
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10615
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10616
+ }
10617
+ .pf-v6-c-avatar.pf-m-lg {
10618
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10619
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10620
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10621
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10622
+ }
10623
+ .pf-v6-c-avatar.pf-m-xl {
10624
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10625
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10626
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10627
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10628
+ }
10629
+ .pf-v6-c-avatar.pf-m-colorful {
10630
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10631
+ }
10632
+ .pf-v6-c-avatar.pf-m-red {
10633
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10634
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10635
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10636
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10637
+ }
10638
+ .pf-v6-c-avatar.pf-m-orangered {
10639
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10640
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10641
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10642
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10643
+ }
10644
+ .pf-v6-c-avatar.pf-m-orange {
10645
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10646
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10647
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10648
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10649
+ }
10650
+ .pf-v6-c-avatar.pf-m-yellow {
10651
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10652
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10653
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10654
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10655
+ }
10656
+ .pf-v6-c-avatar.pf-m-green {
10657
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10658
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10659
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10660
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10661
+ }
10662
+ .pf-v6-c-avatar.pf-m-teal {
10663
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10664
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10665
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10666
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10667
+ }
10668
+ .pf-v6-c-avatar.pf-m-blue {
10669
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10670
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10671
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10672
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10673
+ }
10674
+ .pf-v6-c-avatar.pf-m-purple {
10675
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10676
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10677
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10678
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10679
+ }
10680
+ .pf-v6-c-avatar.pf-m-gray {
10681
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10682
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10683
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10684
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10685
+ }
10686
+
10687
+ .pf-v6-c-avatar__initials {
10688
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10689
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10690
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10691
+ color: var(--pf-v6-c-avatar__initials--Color);
10692
+ }
10546
10693
 
10547
10694
  .pf-v6-c-backdrop {
10548
10695
  --pf-v6-c-backdrop--Position: fixed;
@@ -10986,10 +11133,10 @@ button) {
10986
11133
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10987
11134
  line-height: inherit;
10988
11135
  color: var(--pf-v6-c-breadcrumb__link--Color);
11136
+ overflow-wrap: break-word;
10989
11137
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10990
11138
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10991
11139
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10992
- word-break: break-word;
10993
11140
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10994
11141
  }
10995
11142
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11407,10 +11554,10 @@ button.pf-v6-c-breadcrumb__link {
11407
11554
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11408
11555
  color: var(--pf-v6-c-button--Color);
11409
11556
  text-align: center;
11557
+ white-space: nowrap;
11410
11558
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11411
11559
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11412
11560
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11413
- white-space: nowrap;
11414
11561
  cursor: pointer;
11415
11562
  -webkit-user-select: none;
11416
11563
  user-select: none;
@@ -11420,11 +11567,11 @@ button.pf-v6-c-breadcrumb__link {
11420
11567
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11421
11568
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11422
11569
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
11570
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11423
11571
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11424
11572
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11425
11573
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11426
11574
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11427
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11428
11575
  }
11429
11576
  .pf-v6-c-button::after {
11430
11577
  position: absolute;
@@ -11551,10 +11698,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11551
11698
  --pf-v6-c-button--hover--BorderWidth: 0;
11552
11699
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11553
11700
  text-align: start;
11554
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11555
11701
  white-space: normal;
11556
- background: transparent;
11702
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11557
11703
  outline-offset: 0.125rem;
11704
+ background: transparent;
11558
11705
  }
11559
11706
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11560
11707
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11892,6 +12039,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11892
12039
  justify-content: flex-start;
11893
12040
  width: 100%;
11894
12041
  }
12042
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
12043
+ min-width: 1lh;
12044
+ }
11895
12045
  @media (min-width: 62rem) {
11896
12046
  .pf-v6-c-button.pf-m-docked {
11897
12047
  justify-content: center;
@@ -11912,12 +12062,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11912
12062
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11913
12063
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11914
12064
  color: var(--pf-v6-c-button__icon--Color);
12065
+ rotate: var(--pf-v6-c-button__icon--Rotate);
12066
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11915
12067
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11916
12068
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11917
12069
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11918
12070
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11919
- rotate: var(--pf-v6-c-button__icon--Rotate);
11920
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11921
12071
  }
11922
12072
  .pf-v6-c-button__icon.pf-m-start {
11923
12073
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12344,8 +12494,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12344
12494
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12345
12495
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12346
12496
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12347
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12348
12497
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12498
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12349
12499
  }
12350
12500
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12351
12501
  gap: 0;
@@ -12587,9 +12737,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12587
12737
  }
12588
12738
 
12589
12739
  .pf-v6-c-card__clickable-action {
12740
+ outline: 0;
12590
12741
  background: none;
12591
12742
  border: 0;
12592
- outline: 0;
12593
12743
  }
12594
12744
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12595
12745
  pointer-events: none;
@@ -12657,7 +12807,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12657
12807
  .pf-v6-c-check {
12658
12808
  display: grid;
12659
12809
  grid-template-columns: auto 1fr;
12660
- grid-gap: var(--pf-v6-c-check--GridGap);
12810
+ gap: var(--pf-v6-c-check--GridGap);
12661
12811
  accent-color: var(--pf-v6-c-check--AccentColor);
12662
12812
  }
12663
12813
  .pf-v6-c-check.pf-m-standalone {
@@ -12788,7 +12938,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12788
12938
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12789
12939
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12790
12940
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12791
- word-wrap: break-word;
12941
+ overflow-wrap: break-word;
12792
12942
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12793
12943
  background-clip: padding-box;
12794
12944
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12804,7 +12954,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12804
12954
  }
12805
12955
 
12806
12956
  .pf-v6-c-clipboard-copy__text {
12807
- word-break: break-word;
12957
+ overflow-wrap: break-word;
12808
12958
  white-space: normal;
12809
12959
  }
12810
12960
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13293,8 +13443,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13293
13443
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13294
13444
  .pf-v6-c-compass__main-footer,
13295
13445
  .pf-v6-c-compass__footer {
13296
- margin: 0;
13297
13446
  visibility: hidden;
13447
+ margin: 0;
13298
13448
  opacity: 0;
13299
13449
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13300
13450
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13412,15 +13562,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13412
13562
  inset-inline-start: 0;
13413
13563
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13414
13564
  display: flex;
13565
+ visibility: hidden;
13415
13566
  flex-direction: column;
13416
13567
  grid-area: dock;
13417
13568
  width: var(--pf-v6-c-compass__dock--Width);
13418
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13419
13569
  translate: -100% 0;
13570
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13420
13571
  }
13421
13572
  .pf-v6-c-compass__dock.pf-m-expanded {
13422
13573
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13574
+ visibility: visible;
13423
13575
  translate: 0;
13576
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13424
13577
  }
13425
13578
  @media (min-width: 62rem) {
13426
13579
  .pf-v6-c-compass__dock {
@@ -13428,6 +13581,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13428
13581
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13429
13582
  position: revert;
13430
13583
  inset: revert;
13584
+ visibility: revert;
13431
13585
  width: auto;
13432
13586
  translate: 0;
13433
13587
  }
@@ -13442,9 +13596,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13442
13596
  .pf-v6-c-compass__dock-main {
13443
13597
  flex-grow: 1;
13444
13598
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13445
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13446
13599
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13447
13600
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13601
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13448
13602
  }
13449
13603
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13450
13604
  border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -13775,8 +13929,8 @@ ul) {
13775
13929
  @media screen and (min-width: 36rem) {
13776
13930
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13777
13931
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13778
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13779
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13932
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13933
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13780
13934
  }
13781
13935
  }
13782
13936
 
@@ -14565,8 +14719,8 @@ ul) {
14565
14719
  .pf-v6-c-data-list__toggle-icon {
14566
14720
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14567
14721
  pointer-events: none;
14568
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14569
14722
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14723
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14570
14724
  }
14571
14725
 
14572
14726
  .pf-v6-c-data-list__item-content {
@@ -14783,7 +14937,6 @@ ul) {
14783
14937
  width: 100%;
14784
14938
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14785
14939
  break-inside: avoid;
14786
- page-break-inside: avoid;
14787
14940
  -webkit-column-break-inside: avoid;
14788
14941
  -moz-column-break-inside: avoid;
14789
14942
  }
@@ -15191,9 +15344,9 @@ ul) {
15191
15344
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15192
15345
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15193
15346
  overflow: auto;
15347
+ outline-offset: 2px;
15194
15348
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15195
15349
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15196
- outline-offset: 2px;
15197
15350
  }
15198
15351
 
15199
15352
  .pf-v6-c-dual-list-selector__list {
@@ -15229,25 +15382,25 @@ ul) {
15229
15382
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15230
15383
  }
15231
15384
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
15232
- max-height: 0;
15233
15385
  visibility: hidden;
15386
+ max-height: 0;
15234
15387
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15388
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15235
15389
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15236
15390
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15237
15391
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15238
15392
  transition-property: opacity, translate, visibility, max-height;
15239
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15240
15393
  }
15241
15394
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15242
15395
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
15243
15396
  }
15244
15397
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
15245
- max-height: 99999px;
15246
15398
  visibility: revert;
15399
+ max-height: 99999px;
15247
15400
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15401
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15248
15402
  transition-delay: 0s;
15249
15403
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
15250
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15251
15404
  }
15252
15405
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15253
15406
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15382,10 +15535,10 @@ ul) {
15382
15535
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15383
15536
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15384
15537
  text-align: center;
15538
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15385
15539
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15386
15540
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15387
15541
  transition-property: transform;
15388
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15389
15542
  }
15390
15543
 
15391
15544
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16170,6 +16323,7 @@ ul) {
16170
16323
  .pf-v6-c-drawer__panel {
16171
16324
  position: relative;
16172
16325
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16326
+ visibility: hidden;
16173
16327
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16174
16328
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16175
16329
  order: 1;
@@ -16177,7 +16331,6 @@ ul) {
16177
16331
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16178
16332
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16179
16333
  overflow: auto;
16180
- visibility: hidden;
16181
16334
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16182
16335
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16183
16336
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16287,8 +16440,8 @@ ul) {
16287
16440
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16288
16441
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16289
16442
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16290
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16291
16443
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16444
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16292
16445
  }
16293
16446
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16294
16447
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -17078,8 +17231,8 @@ ul) {
17078
17231
  display: inline-block;
17079
17232
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
17080
17233
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
17081
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17082
17234
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17235
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17083
17236
  }
17084
17237
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
17085
17238
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -17094,15 +17247,15 @@ ul) {
17094
17247
  display: revert;
17095
17248
  }
17096
17249
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17250
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17097
17251
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
17098
17252
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
17099
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17100
17253
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17254
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17101
17255
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
17102
17256
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
17103
17257
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
17104
17258
  transition-property: opacity, translate, visibility, max-height;
17105
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17106
17259
  }
17107
17260
 
17108
17261
  .pf-v6-c-file-upload {
@@ -17273,7 +17426,7 @@ ul) {
17273
17426
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17274
17427
  display: grid;
17275
17428
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17276
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17429
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17277
17430
  }
17278
17431
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17279
17432
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17301,7 +17454,7 @@ ul) {
17301
17454
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17302
17455
  display: grid;
17303
17456
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17304
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17457
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17305
17458
  }
17306
17459
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17307
17460
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17329,7 +17482,7 @@ ul) {
17329
17482
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17330
17483
  display: grid;
17331
17484
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17332
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17485
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17333
17486
  }
17334
17487
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17335
17488
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17357,7 +17510,7 @@ ul) {
17357
17510
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17358
17511
  display: grid;
17359
17512
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17360
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17513
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17361
17514
  }
17362
17515
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17363
17516
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17385,7 +17538,7 @@ ul) {
17385
17538
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17386
17539
  display: grid;
17387
17540
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17388
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17541
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17389
17542
  }
17390
17543
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17391
17544
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17413,7 +17566,7 @@ ul) {
17413
17566
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17414
17567
  display: grid;
17415
17568
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17416
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17569
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17417
17570
  }
17418
17571
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17419
17572
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17441,7 +17594,7 @@ ul) {
17441
17594
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17442
17595
  display: grid;
17443
17596
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17444
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17597
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17445
17598
  }
17446
17599
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17447
17600
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17614,14 +17767,14 @@ ul) {
17614
17767
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17615
17768
  }
17616
17769
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17770
+ visibility: visible;
17617
17771
  max-height: 99999px;
17618
17772
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17619
17773
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17620
- visibility: visible;
17621
17774
  opacity: 1;
17775
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17622
17776
  transition-delay: 0s;
17623
17777
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
17624
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17625
17778
  }
17626
17779
 
17627
17780
  .pf-v6-c-form__field-group-toggle {
@@ -17643,10 +17796,10 @@ ul) {
17643
17796
  display: inline-block;
17644
17797
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17645
17798
  text-align: center;
17799
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17646
17800
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17647
17801
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17648
17802
  transition-property: transform;
17649
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17650
17803
  }
17651
17804
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17652
17805
  scale: -1 1;
@@ -17695,15 +17848,15 @@ ul) {
17695
17848
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17696
17849
  }
17697
17850
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17851
+ visibility: hidden;
17698
17852
  max-height: 0;
17699
17853
  padding-block-start: 0;
17700
17854
  padding-block-end: 0;
17701
- visibility: hidden;
17702
17855
  opacity: 0;
17856
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17703
17857
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
17704
17858
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
17705
17859
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17706
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17707
17860
  }
17708
17861
 
17709
17862
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17863,10 +18016,10 @@ ul) {
17863
18016
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17864
18017
  color: var(--pf-v6-c-form-control--Color);
17865
18018
  appearance: none;
18019
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17866
18020
  background-color: transparent;
17867
18021
  border: none;
17868
18022
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17869
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17870
18023
  }
17871
18024
  .pf-v6-c-form-control > ::placeholder {
17872
18025
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18232,8 +18385,8 @@ ul) {
18232
18385
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18233
18386
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18234
18387
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18235
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18236
18388
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18389
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18237
18390
  }
18238
18391
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18239
18392
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18269,7 +18422,7 @@ ul) {
18269
18422
  .pf-v6-c-hint {
18270
18423
  display: grid;
18271
18424
  grid-template-columns: 1fr auto;
18272
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18425
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18273
18426
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18274
18427
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18275
18428
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18717,20 +18870,20 @@ ul) {
18717
18870
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18718
18871
  }
18719
18872
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18873
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18720
18874
  flex-grow: 1;
18721
18875
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18722
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18723
18876
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18877
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18878
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18724
18879
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18725
18880
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18726
18881
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
18727
18882
  transition-property: opacity, scale, visibility, max-width;
18728
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18729
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18730
18883
  }
18731
18884
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18732
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18733
18885
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18886
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18734
18887
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18735
18888
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18736
18889
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18738,8 +18891,8 @@ ul) {
18738
18891
  transition-property: opacity, visibility, max-width;
18739
18892
  }
18740
18893
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18741
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18742
18894
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18895
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18743
18896
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18744
18897
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18745
18898
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -19066,10 +19219,10 @@ label.pf-v6-c-input-group__text {
19066
19219
  .pf-v6-c-jump-links__toggle-icon {
19067
19220
  display: inline-block;
19068
19221
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19222
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19069
19223
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
19070
19224
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
19071
19225
  transition-property: transform;
19072
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19073
19226
  }
19074
19227
 
19075
19228
  .pf-v6-c-label {
@@ -19282,9 +19435,9 @@ label.pf-v6-c-input-group__text {
19282
19435
  font-size: var(--pf-v6-c-label--FontSize);
19283
19436
  white-space: nowrap;
19284
19437
  background: transparent;
19285
- isolation: isolate;
19286
19438
  border: 0;
19287
19439
  border-radius: var(--pf-v6-c-label--BorderRadius);
19440
+ isolation: isolate;
19288
19441
  }
19289
19442
  .pf-v6-c-label.pf-m-blue {
19290
19443
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19942,7 +20095,7 @@ ul.pf-v6-c-list {
19942
20095
  display: grid;
19943
20096
  grid-template-areas: "main header" "main footer" "main .";
19944
20097
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19945
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
20098
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19946
20099
  justify-content: center;
19947
20100
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19948
20101
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19968,10 +20121,10 @@ ul.pf-v6-c-list {
19968
20121
  align-self: start;
19969
20122
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19970
20123
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19971
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19972
20124
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19973
20125
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19974
20126
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
20127
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19975
20128
  }
19976
20129
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19977
20130
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20078,7 +20231,7 @@ ul.pf-v6-c-list {
20078
20231
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
20079
20232
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
20080
20233
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
20081
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20234
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
20082
20235
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
20083
20236
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20084
20237
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20315,9 +20468,9 @@ ul.pf-v6-c-list {
20315
20468
  }
20316
20469
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20317
20470
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20318
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20319
20471
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20320
20472
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20473
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20321
20474
  }
20322
20475
 
20323
20476
  .pf-v6-c-masthead__main {
@@ -21026,8 +21179,8 @@ ul.pf-v6-c-list {
21026
21179
  }
21027
21180
 
21028
21181
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
21029
- overflow: hidden;
21030
21182
  visibility: visible;
21183
+ overflow: hidden;
21031
21184
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
21032
21185
  }
21033
21186
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -21053,8 +21206,8 @@ ul.pf-v6-c-list {
21053
21206
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21054
21207
  }
21055
21208
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
21056
- overflow: visible;
21057
21209
  visibility: hidden;
21210
+ overflow: visible;
21058
21211
  }
21059
21212
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
21060
21213
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -21195,10 +21348,10 @@ ul.pf-v6-c-list {
21195
21348
  color: var(--pf-v6-c-menu__item--Color);
21196
21349
  text-align: start;
21197
21350
  text-decoration-line: none;
21351
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21198
21352
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21199
21353
  border: 0;
21200
21354
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21201
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21202
21355
  --pf-v6-hidden-visible--visible--Display: flex;
21203
21356
  --pf-v6-hidden-visible--hidden--Display: none;
21204
21357
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21292,7 +21445,7 @@ ul.pf-v6-c-list {
21292
21445
  .pf-v6-c-menu__item-description {
21293
21446
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21294
21447
  color: var(--pf-v6-c-menu__item-description--Color);
21295
- word-break: break-word;
21448
+ overflow-wrap: break-word;
21296
21449
  }
21297
21450
 
21298
21451
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21709,6 +21862,9 @@ ul.pf-v6-c-list {
21709
21862
  justify-content: flex-start;
21710
21863
  width: 100%;
21711
21864
  }
21865
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21866
+ min-width: 1lh;
21867
+ }
21712
21868
  @media (min-width: 62rem) {
21713
21869
  .pf-v6-c-menu-toggle.pf-m-docked {
21714
21870
  justify-content: center;
@@ -21875,10 +22031,10 @@ ul.pf-v6-c-list {
21875
22031
 
21876
22032
  .pf-v6-c-menu-toggle__icon {
21877
22033
  flex-shrink: 0;
22034
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21878
22035
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21879
22036
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21880
22037
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21881
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21882
22038
  }
21883
22039
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21884
22040
  vertical-align: middle;
@@ -22086,7 +22242,7 @@ ul.pf-v6-c-list {
22086
22242
  overflow-x: hidden;
22087
22243
  overflow-y: auto;
22088
22244
  overscroll-behavior: contain;
22089
- word-break: break-word;
22245
+ overflow-wrap: break-word;
22090
22246
  -webkit-overflow-scrolling: touch;
22091
22247
  }
22092
22248
  .pf-v6-c-modal-box__body:last-child {
@@ -22535,17 +22691,17 @@ ul.pf-v6-c-list {
22535
22691
 
22536
22692
  .pf-v6-c-nav__subnav {
22537
22693
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22694
+ visibility: visible;
22538
22695
  max-height: 99999px;
22539
22696
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22540
22697
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22541
22698
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22542
22699
  overflow-y: clip;
22543
- visibility: visible;
22700
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22544
22701
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
22545
22702
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22546
22703
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22547
22704
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22548
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22549
22705
  }
22550
22706
  .pf-v6-c-nav__subnav[hidden] {
22551
22707
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22555,8 +22711,8 @@ ul.pf-v6-c-list {
22555
22711
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22556
22712
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22557
22713
  display: grid;
22558
- max-height: 0;
22559
22714
  visibility: hidden;
22715
+ max-height: 0;
22560
22716
  opacity: 0;
22561
22717
  }
22562
22718
 
@@ -22574,10 +22730,10 @@ ul.pf-v6-c-list {
22574
22730
  content: var(--pf-v6-c-nav__item--accent--content, "");
22575
22731
  background-color: var(--pf-v6-c-nav__item--accent--color);
22576
22732
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22733
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22577
22734
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22578
22735
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22579
22736
  transition-property: scale;
22580
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22581
22737
  }
22582
22738
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22583
22739
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22665,10 +22821,10 @@ ul.pf-v6-c-list {
22665
22821
 
22666
22822
  .pf-v6-c-nav__toggle-icon {
22667
22823
  display: inline-block;
22824
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22668
22825
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22669
22826
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22670
22827
  transition-property: transform;
22671
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22672
22828
  }
22673
22829
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22674
22830
  scale: -1 1;
@@ -22901,9 +23057,9 @@ ul.pf-v6-c-list {
22901
23057
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22902
23058
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22903
23059
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
23060
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22904
23061
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22905
23062
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22906
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22907
23063
  }
22908
23064
  .pf-v6-c-notification-drawer__list-item::before {
22909
23065
  position: absolute;
@@ -22960,7 +23116,7 @@ ul.pf-v6-c-list {
22960
23116
 
22961
23117
  .pf-v6-c-notification-drawer__list-item-header-title {
22962
23118
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22963
- word-break: break-word;
23119
+ overflow-wrap: break-word;
22964
23120
  }
22965
23121
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22966
23122
  display: -webkit-box;
@@ -22982,7 +23138,7 @@ ul.pf-v6-c-list {
22982
23138
  grid-row: 2/3;
22983
23139
  grid-column: 1/2;
22984
23140
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22985
- word-break: break-word;
23141
+ overflow-wrap: break-word;
22986
23142
  }
22987
23143
 
22988
23144
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23013,9 +23169,9 @@ ul.pf-v6-c-list {
23013
23169
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
23014
23170
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
23015
23171
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23172
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23016
23173
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
23017
23174
  border: none;
23018
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23019
23175
  }
23020
23176
 
23021
23177
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -23027,7 +23183,7 @@ ul.pf-v6-c-list {
23027
23183
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23028
23184
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23029
23185
  text-align: start;
23030
- word-break: break-word;
23186
+ overflow-wrap: break-word;
23031
23187
  }
23032
23188
 
23033
23189
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23104,11 +23260,6 @@ ul.pf-v6-c-list {
23104
23260
  .pf-v6-c-page {
23105
23261
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23106
23262
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
23107
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23108
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
23109
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
23110
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23111
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23112
23263
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
23113
23264
  --pf-v6-c-page__dock--Width: 15.625rem;
23114
23265
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -23127,6 +23278,11 @@ ul.pf-v6-c-list {
23127
23278
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23128
23279
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
23129
23280
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23281
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23282
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23283
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23284
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23285
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23130
23286
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
23131
23287
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
23132
23288
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23297,20 +23453,17 @@ ul.pf-v6-c-list {
23297
23453
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23298
23454
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23299
23455
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23300
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23301
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23302
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23303
23456
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23304
23457
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23305
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23306
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23307
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23458
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23459
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23460
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23308
23461
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23309
23462
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23310
23463
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23311
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23312
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23313
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23464
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23465
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23466
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23314
23467
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23315
23468
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23316
23469
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23321,9 +23474,11 @@ ul.pf-v6-c-list {
23321
23474
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23322
23475
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23323
23476
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23324
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23325
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23326
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23477
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23478
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23479
+ --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23480
+ --pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23481
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23327
23482
  }
23328
23483
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23329
23484
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23346,6 +23501,8 @@ ul.pf-v6-c-list {
23346
23501
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23347
23502
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23348
23503
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23504
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23505
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23349
23506
  }
23350
23507
  @media (min-width: 75rem) {
23351
23508
  .pf-v6-c-page {
@@ -23497,10 +23654,11 @@ ul.pf-v6-c-list {
23497
23654
  inset-inline-start: 0;
23498
23655
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23499
23656
  display: flex;
23657
+ visibility: hidden;
23500
23658
  flex-direction: column;
23501
23659
  grid-area: dock;
23502
23660
  width: var(--pf-v6-c-page__dock--Width);
23503
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23661
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23504
23662
  translate: -100% 0;
23505
23663
  }
23506
23664
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23509,7 +23667,9 @@ ul.pf-v6-c-list {
23509
23667
 
23510
23668
  .pf-v6-c-page__dock.pf-m-expanded {
23511
23669
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23670
+ visibility: visible;
23512
23671
  translate: 0;
23672
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23513
23673
  }
23514
23674
  @media (min-width: 62rem) {
23515
23675
  .pf-v6-c-page__dock {
@@ -23517,6 +23677,7 @@ ul.pf-v6-c-list {
23517
23677
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23518
23678
  position: revert;
23519
23679
  inset: revert;
23680
+ visibility: revert;
23520
23681
  width: auto;
23521
23682
  translate: 0;
23522
23683
  }
@@ -23531,9 +23692,9 @@ ul.pf-v6-c-list {
23531
23692
  .pf-v6-c-page__dock-main {
23532
23693
  flex-grow: 1;
23533
23694
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23534
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23535
23695
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23536
23696
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23697
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23537
23698
  }
23538
23699
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23539
23700
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -23615,10 +23776,10 @@ ul.pf-v6-c-list {
23615
23776
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23616
23777
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23617
23778
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23618
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23619
23779
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23620
23780
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23621
23781
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23782
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23622
23783
  }
23623
23784
 
23624
23785
  .pf-v6-c-page__sidebar-header {
@@ -23984,7 +24145,6 @@ ul.pf-v6-c-list {
23984
24145
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23985
24146
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23986
24147
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23987
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23988
24148
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23989
24149
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23990
24150
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23992,6 +24152,7 @@ ul.pf-v6-c-list {
23992
24152
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23993
24153
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23994
24154
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
24155
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23995
24156
  }
23996
24157
  @media screen and (max-width: calc(48rem - 1px)) {
23997
24158
  .pf-v6-c-page__main-container {
@@ -25016,7 +25177,7 @@ ul.pf-v6-c-list {
25016
25177
  }
25017
25178
 
25018
25179
  .pf-v6-c-popover__body {
25019
- word-wrap: break-word;
25180
+ overflow-wrap: break-word;
25020
25181
  }
25021
25182
 
25022
25183
  .pf-v6-c-popover__footer {
@@ -25061,7 +25222,7 @@ ul.pf-v6-c-list {
25061
25222
  display: grid;
25062
25223
  grid-template-rows: 1fr auto;
25063
25224
  grid-template-columns: auto auto;
25064
- grid-gap: var(--pf-v6-c-progress--GridGap);
25225
+ gap: var(--pf-v6-c-progress--GridGap);
25065
25226
  align-items: end;
25066
25227
  }
25067
25228
  .pf-v6-c-progress.pf-m-sm {
@@ -25155,7 +25316,7 @@ ul.pf-v6-c-list {
25155
25316
 
25156
25317
  .pf-v6-c-progress__description {
25157
25318
  grid-column: 1/2;
25158
- word-break: break-word;
25319
+ overflow-wrap: break-word;
25159
25320
  }
25160
25321
  .pf-v6-c-progress__description.pf-m-truncate {
25161
25322
  overflow: hidden;
@@ -25171,7 +25332,7 @@ ul.pf-v6-c-list {
25171
25332
  align-items: flex-start;
25172
25333
  justify-content: flex-end;
25173
25334
  text-align: end;
25174
- word-break: break-word;
25335
+ overflow-wrap: break-word;
25175
25336
  }
25176
25337
 
25177
25338
  .pf-v6-c-progress__status-icon {
@@ -25434,9 +25595,9 @@ ul.pf-v6-c-list {
25434
25595
  inset-block-start: 0;
25435
25596
  inset-inline-start: 0;
25436
25597
  overflow: hidden;
25437
- clip: rect(0, 0, 0, 0);
25438
25598
  white-space: nowrap;
25439
25599
  border: 0;
25600
+ clip-path: inset(50%);
25440
25601
  }
25441
25602
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25442
25603
  grid-row: 1/2;
@@ -25858,7 +26019,7 @@ ul.pf-v6-c-list {
25858
26019
  .pf-v6-c-radio {
25859
26020
  display: grid;
25860
26021
  grid-template-columns: auto 1fr;
25861
- grid-gap: var(--pf-v6-c-radio--GridGap);
26022
+ gap: var(--pf-v6-c-radio--GridGap);
25862
26023
  align-items: baseline;
25863
26024
  accent-color: var(--pf-v6-c-radio--AccentColor);
25864
26025
  }
@@ -26089,6 +26250,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26089
26250
  --pf-v6-c-sidebar__panel--Position: static;
26090
26251
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26091
26252
  }
26253
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
26254
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26255
+ }
26092
26256
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26093
26257
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26094
26258
  }
@@ -26108,7 +26272,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26108
26272
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26109
26273
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26110
26274
  }
26111
- .pf-v6-c-sidebar__content.pf-m-no-background {
26275
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
26112
26276
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26113
26277
  }
26114
26278
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26121,12 +26285,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26121
26285
  --pf-v6-c-sidebar__content--Order: -1;
26122
26286
  }
26123
26287
 
26124
- .pf-v6-c-sidebar.pf-m-no-background,
26125
- .pf-v6-c-sidebar__panel.pf-m-no-background,
26126
- .pf-v6-c-sidebar__content.pf-m-no-background {
26127
- background-color: transparent;
26128
- }
26129
-
26130
26288
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26131
26289
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26132
26290
  }
@@ -26853,10 +27011,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26853
27011
  width: 100%;
26854
27012
  height: 100%;
26855
27013
  stroke: var(--pf-v6-c-spinner--Color);
27014
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
27015
+ stroke-linecap: round;
26856
27016
  stroke-dasharray: 283;
26857
27017
  stroke-dashoffset: 280;
26858
- stroke-linecap: round;
26859
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26860
27018
  transform-origin: 50% 50%;
26861
27019
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26862
27020
  }
@@ -27016,8 +27174,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27016
27174
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
27017
27175
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
27018
27176
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
27019
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
27020
27177
  transform: translateY(-50%);
27178
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
27021
27179
  }
27022
27180
  .pf-v6-c-switch__toggle::after {
27023
27181
  position: absolute;
@@ -28875,6 +29033,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28875
29033
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28876
29034
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28877
29035
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
29036
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
29037
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28878
29038
  }
28879
29039
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28880
29040
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28944,6 +29104,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28944
29104
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
28945
29105
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28946
29106
  }
29107
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29108
+ position: sticky;
29109
+ inset-block-end: 0;
29110
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29111
+ background: var(--pf-v6-c-table--BackgroundColor);
29112
+ }
29113
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29114
+ position: absolute;
29115
+ inset: 0;
29116
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29117
+ pointer-events: none;
29118
+ content: "";
29119
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29120
+ }
29121
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29122
+ border-block-end: 0;
29123
+ }
29124
+ .pf-v6-c-table.pf-m-plain {
29125
+ --pf-v6-c-table--BackgroundColor: transparent;
29126
+ }
28947
29127
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
28948
29128
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28949
29129
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29014,11 +29194,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29014
29194
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
29015
29195
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
29016
29196
  overflow: var(--pf-v6-c-table--cell--Overflow);
29197
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29017
29198
  font-size: var(--pf-v6-c-table--cell--FontSize);
29018
29199
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
29019
29200
  line-height: var(--pf-v6-c-table--cell--LineHeight);
29020
29201
  color: var(--pf-v6-c-table--cell--Color);
29021
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29022
29202
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29023
29203
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29024
29204
  }
@@ -29124,24 +29304,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29124
29304
  }
29125
29305
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
29126
29306
  cursor: pointer;
29127
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29128
29307
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29308
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29129
29309
  }
29130
29310
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
29131
29311
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
29132
29312
  }
29133
29313
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
29134
29314
  position: relative;
29135
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29136
29315
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29316
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29137
29317
  }
29138
29318
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
29139
29319
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
29140
29320
  }
29141
29321
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
29142
29322
  cursor: pointer;
29143
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29144
29323
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29324
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29145
29325
  }
29146
29326
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
29147
29327
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -29150,8 +29330,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29150
29330
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
29151
29331
  }
29152
29332
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
29153
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29154
29333
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29334
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29155
29335
  }
29156
29336
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
29157
29337
  border: none;
@@ -29176,11 +29356,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29176
29356
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29177
29357
  visibility: hidden;
29178
29358
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29359
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29179
29360
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29180
29361
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29181
29362
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29182
29363
  transition-property: opacity, translate, visibility, background-color;
29183
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29184
29364
  }
29185
29365
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29186
29366
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29188,9 +29368,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29188
29368
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29189
29369
  visibility: visible;
29190
29370
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29371
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29191
29372
  transition-delay: 0s;
29192
29373
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29193
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29194
29374
  }
29195
29375
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
29196
29376
  max-height: 99999px;
@@ -29256,8 +29436,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29256
29436
  min-width: var(--pf-v6-c-table__text--MinWidth);
29257
29437
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29258
29438
  overflow: var(--pf-v6-c-table--cell--Overflow);
29259
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29260
29439
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29440
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29261
29441
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29262
29442
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29263
29443
  }
@@ -29286,10 +29466,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29286
29466
  text-align: start;
29287
29467
  white-space: inherit;
29288
29468
  user-select: text;
29469
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29289
29470
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29290
29471
  border: 0;
29291
29472
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29292
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29293
29473
  }
29294
29474
  .pf-v6-c-table__button::after {
29295
29475
  position: absolute;
@@ -29383,10 +29563,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29383
29563
  }
29384
29564
 
29385
29565
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29566
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29386
29567
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29387
29568
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29388
29569
  transition-property: transform;
29389
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29390
29570
  }
29391
29571
  .pf-v6-c-table__toggle svg {
29392
29572
  pointer-events: none;
@@ -29678,6 +29858,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29678
29858
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29679
29859
  }
29680
29860
 
29861
+ .pf-v6-c-table__tfoot {
29862
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29863
+ vertical-align: top;
29864
+ }
29865
+
29681
29866
  .pf-v6-c-table__icon-inline {
29682
29867
  display: flex;
29683
29868
  align-items: center;
@@ -29942,8 +30127,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29942
30127
  }
29943
30128
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29944
30129
  position: relative;
29945
- border: none;
29946
30130
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30131
+ border: none;
29947
30132
  }
29948
30133
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29949
30134
  position: absolute;
@@ -29981,7 +30166,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29981
30166
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29982
30167
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29983
30168
  grid-column: 1;
29984
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30169
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29985
30170
  align-items: start;
29986
30171
  }
29987
30172
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30084,8 +30269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30084
30269
  }
30085
30270
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30086
30271
  position: relative;
30087
- border: none;
30088
30272
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30273
+ border: none;
30089
30274
  }
30090
30275
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30091
30276
  position: absolute;
@@ -30123,7 +30308,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30123
30308
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30124
30309
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30125
30310
  grid-column: 1;
30126
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30311
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30127
30312
  align-items: start;
30128
30313
  }
30129
30314
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30227,8 +30412,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30227
30412
  }
30228
30413
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30229
30414
  position: relative;
30230
- border: none;
30231
30415
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30416
+ border: none;
30232
30417
  }
30233
30418
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30234
30419
  position: absolute;
@@ -30266,7 +30451,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30266
30451
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30267
30452
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30268
30453
  grid-column: 1;
30269
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30454
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30270
30455
  align-items: start;
30271
30456
  }
30272
30457
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30370,8 +30555,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30370
30555
  }
30371
30556
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30372
30557
  position: relative;
30373
- border: none;
30374
30558
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30559
+ border: none;
30375
30560
  }
30376
30561
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30377
30562
  position: absolute;
@@ -30409,7 +30594,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30409
30594
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30410
30595
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30411
30596
  grid-column: 1;
30412
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30597
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30413
30598
  align-items: start;
30414
30599
  }
30415
30600
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30513,8 +30698,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30513
30698
  }
30514
30699
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30515
30700
  position: relative;
30516
- border: none;
30517
30701
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30702
+ border: none;
30518
30703
  }
30519
30704
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30520
30705
  position: absolute;
@@ -30552,7 +30737,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30552
30737
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30553
30738
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30554
30739
  grid-column: 1;
30555
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30740
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30556
30741
  align-items: start;
30557
30742
  }
30558
30743
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -31105,8 +31290,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31105
31290
 
31106
31291
  .pf-v6-c-tabs__toggle-icon {
31107
31292
  display: inline-block;
31108
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31109
31293
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31294
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31110
31295
  }
31111
31296
 
31112
31297
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31270,8 +31455,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31270
31455
  align-self: end;
31271
31456
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31272
31457
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31273
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31274
31458
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31459
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31275
31460
  }
31276
31461
 
31277
31462
  .pf-v6-c-tabs__item-action {
@@ -31534,10 +31719,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31534
31719
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31535
31720
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31536
31721
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31722
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31537
31723
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31538
31724
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31539
31725
  transition-property: width, height, translate;
31540
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31541
31726
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31542
31727
  }
31543
31728
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -31743,9 +31928,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31743
31928
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31744
31929
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31745
31930
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31931
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31746
31932
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31747
31933
  border: 0;
31748
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31749
31934
  }
31750
31935
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31751
31936
  grid-area: text-input;
@@ -31953,7 +32138,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31953
32138
 
31954
32139
  .pf-v6-c-title {
31955
32140
  font-family: var(--pf-v6-c-title--FontFamily);
31956
- word-break: break-word;
32141
+ overflow-wrap: break-word;
31957
32142
  }
31958
32143
  .pf-v6-c-title.pf-m-4xl {
31959
32144
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32736,10 +32921,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32736
32921
 
32737
32922
  .pf-v6-c-toolbar__expand-all-icon {
32738
32923
  display: inline-flex;
32924
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32739
32925
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32740
32926
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32741
32927
  transition-property: transform;
32742
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32743
32928
  }
32744
32929
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32745
32930
  scale: -1 1;
@@ -34375,7 +34560,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34375
34560
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34376
34561
  color: var(--pf-v6-c-tooltip__content--Color);
34377
34562
  text-align: center;
34378
- word-break: break-word;
34563
+ overflow-wrap: break-word;
34379
34564
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34380
34565
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34381
34566
  }
@@ -34757,19 +34942,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34757
34942
  display: inline-block;
34758
34943
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34759
34944
  text-align: center;
34760
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34761
34945
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34946
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34762
34947
  }
34763
34948
 
34764
34949
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34765
- max-height: 0;
34766
34950
  visibility: hidden;
34951
+ max-height: 0;
34767
34952
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34953
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34768
34954
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34769
34955
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34770
34956
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34771
34957
  transition-property: opacity, translate, visibility, max-height;
34772
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34773
34958
  }
34774
34959
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34775
34960
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34780,12 +34965,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34780
34965
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34781
34966
  }
34782
34967
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34783
- max-height: 99999px;
34784
34968
  visibility: revert;
34969
+ max-height: 99999px;
34785
34970
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34971
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34786
34972
  transition-delay: 0s;
34787
34973
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34788
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34789
34974
  }
34790
34975
 
34791
34976
  .pf-v6-c-tree-view__node,
@@ -35224,7 +35409,7 @@ label.pf-v6-c-tree-view__node-text {
35224
35409
 
35225
35410
  .pf-v6-c-wizard__title {
35226
35411
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35227
- word-wrap: break-word;
35412
+ overflow-wrap: break-word;
35228
35413
  }
35229
35414
 
35230
35415
  .pf-v6-c-wizard__title-text {
@@ -35287,7 +35472,7 @@ label.pf-v6-c-tree-view__node-text {
35287
35472
  align-items: baseline;
35288
35473
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35289
35474
  text-align: start;
35290
- word-break: break-word;
35475
+ overflow-wrap: break-word;
35291
35476
  }
35292
35477
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35293
35478
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35423,8 +35608,8 @@ label.pf-v6-c-tree-view__node-text {
35423
35608
  padding-inline: 0;
35424
35609
  color: var(--pf-v6-c-wizard__nav-link--Color);
35425
35610
  text-align: start;
35611
+ overflow-wrap: break-word;
35426
35612
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35427
- word-break: break-word;
35428
35613
  counter-increment: wizard-nav-count;
35429
35614
  background-color: transparent;
35430
35615
  border: none;
@@ -35529,10 +35714,10 @@ label.pf-v6-c-tree-view__node-text {
35529
35714
 
35530
35715
  .pf-v6-c-wizard__nav-link-toggle-icon {
35531
35716
  display: inline-block;
35717
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35532
35718
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35533
35719
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35534
35720
  transition-property: transform;
35535
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35536
35721
  }
35537
35722
 
35538
35723
  .pf-v6-c-wizard__main {
@@ -35542,7 +35727,7 @@ label.pf-v6-c-tree-view__node-text {
35542
35727
  flex-direction: column;
35543
35728
  overflow-x: hidden;
35544
35729
  overflow-y: auto;
35545
- word-break: break-word;
35730
+ overflow-wrap: break-word;
35546
35731
  }
35547
35732
 
35548
35733
  .pf-v6-c-wizard__main-body {
@@ -37979,7 +38164,7 @@ label.pf-v6-c-tree-view__node-text {
37979
38164
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37980
38165
  }
37981
38166
  .pf-v6-l-gallery.pf-m-gutter {
37982
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
38167
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37983
38168
  }
37984
38169
  .pf-v6-l-gallery {
37985
38170
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38972,7 +39157,7 @@ label.pf-v6-c-tree-view__node-text {
38972
39157
  }
38973
39158
  }
38974
39159
  .pf-v6-l-grid.pf-m-gutter {
38975
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
39160
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38976
39161
  }
38977
39162
 
38978
39163
  .pf-v6-l-level {