@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
@@ -3,9 +3,9 @@
3
3
  inset-block-start: 0;
4
4
  inset-inline-start: 0;
5
5
  overflow: hidden;
6
- clip: rect(0, 0, 0, 0);
7
6
  white-space: nowrap;
8
7
  border: 0;
8
+ clip-path: inset(50%);
9
9
  }
10
10
  .pf-v6-screen-reader.pf-m-full-size {
11
11
  width: 100%;
@@ -108,8 +108,8 @@
108
108
  }
109
109
  }
110
110
  :root {
111
- container-type: inline-size;
112
111
  container-name: pf-v6-contain-viewport pf-v6-contain-table;
112
+ container-type: inline-size;
113
113
  }
114
114
 
115
115
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -5729,13 +5729,13 @@
5729
5729
  .far,
5730
5730
  .fal,
5731
5731
  .fab {
5732
- -moz-osx-font-smoothing: grayscale;
5733
- -webkit-font-smoothing: antialiased;
5734
5732
  display: inline-block;
5735
5733
  font-style: normal;
5736
5734
  font-variant: normal;
5737
- text-rendering: auto;
5738
5735
  line-height: 1;
5736
+ text-rendering: auto;
5737
+ -moz-osx-font-smoothing: grayscale;
5738
+ -webkit-font-smoothing: antialiased;
5739
5739
  }
5740
5740
 
5741
5741
  @font-face {
@@ -6400,12 +6400,12 @@
6400
6400
  --pf-t--color--yellow--60: #96640f;
6401
6401
  --pf-t--color--yellow--70: #73480b;
6402
6402
  --pf-t--color--yellow--80: #54330b;
6403
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6404
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6405
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6406
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6403
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
6404
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
6405
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
6406
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
6407
6407
  --pf-t--global--background--filter--glass--blur--primary: initial;
6408
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6408
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
6409
6409
  --pf-t--global--border--radius--0: 0px;
6410
6410
  --pf-t--global--border--radius--100: 4px;
6411
6411
  --pf-t--global--border--radius--200: 6px;
@@ -6443,8 +6443,8 @@
6443
6443
  --pf-t--global--box-shadow--blur--100: 6px;
6444
6444
  --pf-t--global--box-shadow--blur--200: 10px;
6445
6445
  --pf-t--global--box-shadow--blur--300: 20px;
6446
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6447
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6446
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
6447
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
6448
6448
  --pf-t--global--box-shadow--spread--100: 0px;
6449
6449
  --pf-t--global--box-shadow--spread--200: -4px;
6450
6450
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -7317,10 +7317,10 @@
7317
7317
  }
7318
7318
 
7319
7319
  :root:where(.pf-v6-theme-high-contrast) {
7320
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7321
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7322
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7323
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7320
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
7321
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
7322
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
7323
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
7324
7324
  --pf-t--global--background--filter--glass--blur--primary: initial;
7325
7325
  --pf-t--global--border--radius--0: 0px;
7326
7326
  --pf-t--global--border--radius--100: 4px;
@@ -7354,8 +7354,8 @@
7354
7354
  --pf-t--global--box-shadow--blur--100: 6px;
7355
7355
  --pf-t--global--box-shadow--blur--200: 10px;
7356
7356
  --pf-t--global--box-shadow--blur--300: 20px;
7357
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7358
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7357
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
7358
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
7359
7359
  --pf-t--global--box-shadow--spread--100: 0px;
7360
7360
  --pf-t--global--box-shadow--spread--200: -4px;
7361
7361
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -8072,13 +8072,13 @@
8072
8072
  }
8073
8073
 
8074
8074
  :root:where(.pf-v6-theme-glass) {
8075
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8076
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8077
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8078
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8079
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8080
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8081
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8075
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8076
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8077
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8078
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8079
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8080
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8081
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8082
8082
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8083
8083
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8084
8084
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8086,6 +8086,7 @@
8086
8086
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8087
8087
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8088
8088
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8089
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8089
8090
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8090
8091
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8091
8092
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8217,13 +8218,13 @@
8217
8218
  }
8218
8219
 
8219
8220
  :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8220
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8221
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8222
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8223
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8224
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8225
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8226
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8221
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8222
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8223
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8224
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8225
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8226
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8227
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8227
8228
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8228
8229
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8229
8230
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8239,20 +8240,21 @@
8239
8240
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8240
8241
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8241
8242
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8243
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8242
8244
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8243
8245
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8244
8246
  }
8245
8247
 
8246
8248
  :root:where(.pf-v6-theme-dark) {
8247
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8248
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8249
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8250
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8249
8251
  --pf-t--global--background--filter--glass--blur--primary: initial;
8250
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
8251
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8252
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8253
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8254
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8255
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8252
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
8253
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8254
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8255
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8256
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8257
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8256
8258
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8257
8259
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8258
8260
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -8702,14 +8704,14 @@
8702
8704
  }
8703
8705
 
8704
8706
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8705
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8706
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8707
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8708
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8707
8709
  --pf-t--global--background--filter--glass--blur--primary: initial;
8708
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8709
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8710
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8711
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8712
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8710
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8711
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8712
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8713
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8714
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8713
8715
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8714
8716
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8715
8717
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -9143,13 +9145,13 @@
9143
9145
  }
9144
9146
 
9145
9147
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
9146
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9147
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9148
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9149
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9150
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9151
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9152
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9148
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9149
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9150
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9151
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9152
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9153
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9154
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9153
9155
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9154
9156
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9155
9157
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9212,13 +9214,13 @@
9212
9214
  }
9213
9215
 
9214
9216
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9215
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9216
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9217
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9218
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9219
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9220
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9221
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9217
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9218
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9219
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9220
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9221
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9222
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9223
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9222
9224
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9223
9225
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9224
9226
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9418,7 +9420,7 @@
9418
9420
  overflow-x: hidden;
9419
9421
  overflow-y: auto;
9420
9422
  overscroll-behavior: contain;
9421
- word-break: break-word;
9423
+ overflow-wrap: break-word;
9422
9424
  -webkit-overflow-scrolling: touch;
9423
9425
  }
9424
9426
  @media screen and (min-width: 36rem) {
@@ -9678,8 +9680,8 @@
9678
9680
  }
9679
9681
 
9680
9682
  .pf-v6-c-accordion__toggle-icon {
9681
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9682
9683
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9684
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9683
9685
  }
9684
9686
 
9685
9687
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9687,6 +9689,7 @@
9687
9689
  }
9688
9690
 
9689
9691
  .pf-v6-c-accordion__expandable-content {
9692
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9690
9693
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9691
9694
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9692
9695
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -9694,16 +9697,15 @@
9694
9697
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9695
9698
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9696
9699
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9697
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9698
9700
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9699
9701
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9700
9702
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9701
9703
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9704
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9702
9705
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
9703
9706
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9704
9707
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9705
9708
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9706
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9707
9709
  }
9708
9710
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9709
9711
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -9907,12 +9909,13 @@
9907
9909
 
9908
9910
  .pf-v6-c-alert__toggle-icon {
9909
9911
  display: inline-block;
9910
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9911
9912
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9913
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9912
9914
  }
9913
9915
 
9914
9916
  .pf-v6-c-alert__icon {
9915
9917
  grid-area: icon;
9918
+ align-self: baseline;
9916
9919
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9917
9920
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9918
9921
  color: var(--pf-v6-c-alert__icon--Color);
@@ -9923,7 +9926,7 @@
9923
9926
  grid-area: title;
9924
9927
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9925
9928
  color: var(--pf-v6-c-alert__title--Color);
9926
- word-break: break-word;
9929
+ overflow-wrap: break-word;
9927
9930
  }
9928
9931
  .pf-v6-c-alert__title.pf-m-truncate {
9929
9932
  display: -webkit-box;
@@ -9935,7 +9938,7 @@
9935
9938
  .pf-v6-c-alert__description {
9936
9939
  grid-area: description;
9937
9940
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9938
- word-break: break-word;
9941
+ overflow-wrap: break-word;
9939
9942
  }
9940
9943
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9941
9944
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10085,8 +10088,8 @@
10085
10088
  display: grid;
10086
10089
  grid-template-rows: 1fr;
10087
10090
  opacity: 1;
10088
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10089
10091
  transform: translateX(0) translateY(0);
10092
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10090
10093
  }
10091
10094
  @media screen and (prefers-reduced-motion: no-preference) {
10092
10095
  .pf-v6-c-alert-group__item {
@@ -10142,24 +10145,87 @@
10142
10145
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10143
10146
  --pf-v6-c-avatar--Width: 2.25rem;
10144
10147
  --pf-v6-c-avatar--Height: 2.25rem;
10148
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10145
10149
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10146
10150
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10151
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10147
10152
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10148
10153
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10154
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10149
10155
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10150
10156
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10157
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10151
10158
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10152
10159
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10160
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10153
10161
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10154
10162
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10163
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10164
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10165
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10166
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10167
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10168
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10169
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10170
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10171
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10172
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10173
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10174
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10175
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10176
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10177
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10178
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10179
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10180
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10181
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10182
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10183
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10184
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10185
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10186
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10187
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10188
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10189
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10190
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10191
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10192
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10193
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10194
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10195
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10196
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10197
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10198
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10199
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10200
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10201
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10202
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10203
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10204
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10205
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10206
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10207
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10208
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10209
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10155
10210
  }
10156
10211
 
10157
10212
  .pf-v6-c-avatar {
10158
10213
  width: var(--pf-v6-c-avatar--Width);
10159
10214
  height: var(--pf-v6-c-avatar--Height);
10215
+ font-size: var(--pf-v6-c-avatar--FontSize);
10216
+ color: var(--pf-v6-c-avatar--Color, inherit);
10217
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10160
10218
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10161
10219
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10162
10220
  }
10221
+ div.pf-v6-c-avatar {
10222
+ display: inline-flex;
10223
+ align-items: center;
10224
+ justify-content: center;
10225
+ overflow: clip;
10226
+ vertical-align: middle;
10227
+ }
10228
+
10163
10229
  .pf-v6-c-avatar.pf-m-bordered {
10164
10230
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10165
10231
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10388,6 +10454,87 @@
10388
10454
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
10389
10455
  }
10390
10456
  }
10457
+ .pf-v6-c-avatar.pf-m-sm {
10458
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10459
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10460
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10461
+ }
10462
+ .pf-v6-c-avatar.pf-m-lg {
10463
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10464
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10465
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10466
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10467
+ }
10468
+ .pf-v6-c-avatar.pf-m-xl {
10469
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10470
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10471
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10472
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10473
+ }
10474
+ .pf-v6-c-avatar.pf-m-colorful {
10475
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10476
+ }
10477
+ .pf-v6-c-avatar.pf-m-red {
10478
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10479
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10480
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10481
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10482
+ }
10483
+ .pf-v6-c-avatar.pf-m-orangered {
10484
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10485
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10486
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10487
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10488
+ }
10489
+ .pf-v6-c-avatar.pf-m-orange {
10490
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10491
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10492
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10493
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10494
+ }
10495
+ .pf-v6-c-avatar.pf-m-yellow {
10496
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10497
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10498
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10499
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10500
+ }
10501
+ .pf-v6-c-avatar.pf-m-green {
10502
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10503
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10504
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10505
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10506
+ }
10507
+ .pf-v6-c-avatar.pf-m-teal {
10508
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10509
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10510
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10511
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10512
+ }
10513
+ .pf-v6-c-avatar.pf-m-blue {
10514
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10515
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10516
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10517
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10518
+ }
10519
+ .pf-v6-c-avatar.pf-m-purple {
10520
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10521
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10522
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10523
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10524
+ }
10525
+ .pf-v6-c-avatar.pf-m-gray {
10526
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10527
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10528
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10529
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10530
+ }
10531
+
10532
+ .pf-v6-c-avatar__initials {
10533
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10534
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10535
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10536
+ color: var(--pf-v6-c-avatar__initials--Color);
10537
+ }
10391
10538
 
10392
10539
  .pf-v6-c-backdrop {
10393
10540
  --pf-v6-c-backdrop--Position: fixed;
@@ -10831,10 +10978,10 @@
10831
10978
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10832
10979
  line-height: inherit;
10833
10980
  color: var(--pf-v6-c-breadcrumb__link--Color);
10981
+ overflow-wrap: break-word;
10834
10982
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10835
10983
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10836
10984
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10837
- word-break: break-word;
10838
10985
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10839
10986
  }
10840
10987
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11252,10 +11399,10 @@ button.pf-v6-c-breadcrumb__link {
11252
11399
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11253
11400
  color: var(--pf-v6-c-button--Color);
11254
11401
  text-align: center;
11402
+ white-space: nowrap;
11255
11403
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11256
11404
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11257
11405
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11258
- white-space: nowrap;
11259
11406
  cursor: pointer;
11260
11407
  -webkit-user-select: none;
11261
11408
  user-select: none;
@@ -11265,11 +11412,11 @@ button.pf-v6-c-breadcrumb__link {
11265
11412
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11266
11413
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11267
11414
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
11415
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11268
11416
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11269
11417
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11270
11418
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11271
11419
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11272
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11273
11420
  }
11274
11421
  .pf-v6-c-button::after {
11275
11422
  position: absolute;
@@ -11396,10 +11543,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11396
11543
  --pf-v6-c-button--hover--BorderWidth: 0;
11397
11544
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11398
11545
  text-align: start;
11399
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11400
11546
  white-space: normal;
11401
- background: transparent;
11547
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11402
11548
  outline-offset: 0.125rem;
11549
+ background: transparent;
11403
11550
  }
11404
11551
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11405
11552
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11737,6 +11884,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11737
11884
  justify-content: flex-start;
11738
11885
  width: 100%;
11739
11886
  }
11887
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
11888
+ min-width: 1lh;
11889
+ }
11740
11890
  @media (min-width: 62rem) {
11741
11891
  .pf-v6-c-button.pf-m-docked {
11742
11892
  justify-content: center;
@@ -11757,12 +11907,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11757
11907
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11758
11908
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11759
11909
  color: var(--pf-v6-c-button__icon--Color);
11910
+ rotate: var(--pf-v6-c-button__icon--Rotate);
11911
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11760
11912
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11761
11913
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11762
11914
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11763
11915
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11764
- rotate: var(--pf-v6-c-button__icon--Rotate);
11765
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11766
11916
  }
11767
11917
  .pf-v6-c-button__icon.pf-m-start {
11768
11918
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12189,8 +12339,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12189
12339
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12190
12340
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12191
12341
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12192
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12193
12342
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12343
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12194
12344
  }
12195
12345
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12196
12346
  gap: 0;
@@ -12432,9 +12582,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12432
12582
  }
12433
12583
 
12434
12584
  .pf-v6-c-card__clickable-action {
12585
+ outline: 0;
12435
12586
  background: none;
12436
12587
  border: 0;
12437
- outline: 0;
12438
12588
  }
12439
12589
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12440
12590
  pointer-events: none;
@@ -12502,7 +12652,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12502
12652
  .pf-v6-c-check {
12503
12653
  display: grid;
12504
12654
  grid-template-columns: auto 1fr;
12505
- grid-gap: var(--pf-v6-c-check--GridGap);
12655
+ gap: var(--pf-v6-c-check--GridGap);
12506
12656
  accent-color: var(--pf-v6-c-check--AccentColor);
12507
12657
  }
12508
12658
  .pf-v6-c-check.pf-m-standalone {
@@ -12633,7 +12783,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12633
12783
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12634
12784
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12635
12785
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12636
- word-wrap: break-word;
12786
+ overflow-wrap: break-word;
12637
12787
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12638
12788
  background-clip: padding-box;
12639
12789
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12649,7 +12799,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12649
12799
  }
12650
12800
 
12651
12801
  .pf-v6-c-clipboard-copy__text {
12652
- word-break: break-word;
12802
+ overflow-wrap: break-word;
12653
12803
  white-space: normal;
12654
12804
  }
12655
12805
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13138,8 +13288,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13138
13288
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13139
13289
  .pf-v6-c-compass__main-footer,
13140
13290
  .pf-v6-c-compass__footer {
13141
- margin: 0;
13142
13291
  visibility: hidden;
13292
+ margin: 0;
13143
13293
  opacity: 0;
13144
13294
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13145
13295
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13257,15 +13407,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13257
13407
  inset-inline-start: 0;
13258
13408
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13259
13409
  display: flex;
13410
+ visibility: hidden;
13260
13411
  flex-direction: column;
13261
13412
  grid-area: dock;
13262
13413
  width: var(--pf-v6-c-compass__dock--Width);
13263
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13264
13414
  translate: -100% 0;
13415
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13265
13416
  }
13266
13417
  .pf-v6-c-compass__dock.pf-m-expanded {
13267
13418
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13419
+ visibility: visible;
13268
13420
  translate: 0;
13421
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13269
13422
  }
13270
13423
  @media (min-width: 62rem) {
13271
13424
  .pf-v6-c-compass__dock {
@@ -13273,6 +13426,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13273
13426
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13274
13427
  position: revert;
13275
13428
  inset: revert;
13429
+ visibility: revert;
13276
13430
  width: auto;
13277
13431
  translate: 0;
13278
13432
  }
@@ -13287,9 +13441,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13287
13441
  .pf-v6-c-compass__dock-main {
13288
13442
  flex-grow: 1;
13289
13443
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13290
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13291
13444
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13292
13445
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13446
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13293
13447
  }
13294
13448
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13295
13449
  border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -13620,8 +13774,8 @@ ul) {
13620
13774
  @media screen and (min-width: 36rem) {
13621
13775
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13622
13776
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13623
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13624
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13777
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13778
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13625
13779
  }
13626
13780
  }
13627
13781
 
@@ -14410,8 +14564,8 @@ ul) {
14410
14564
  .pf-v6-c-data-list__toggle-icon {
14411
14565
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14412
14566
  pointer-events: none;
14413
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14414
14567
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14568
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14415
14569
  }
14416
14570
 
14417
14571
  .pf-v6-c-data-list__item-content {
@@ -14628,7 +14782,6 @@ ul) {
14628
14782
  width: 100%;
14629
14783
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14630
14784
  break-inside: avoid;
14631
- page-break-inside: avoid;
14632
14785
  -webkit-column-break-inside: avoid;
14633
14786
  -moz-column-break-inside: avoid;
14634
14787
  }
@@ -15036,9 +15189,9 @@ ul) {
15036
15189
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15037
15190
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15038
15191
  overflow: auto;
15192
+ outline-offset: 2px;
15039
15193
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15040
15194
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15041
- outline-offset: 2px;
15042
15195
  }
15043
15196
 
15044
15197
  .pf-v6-c-dual-list-selector__list {
@@ -15074,25 +15227,25 @@ ul) {
15074
15227
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15075
15228
  }
15076
15229
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
15077
- max-height: 0;
15078
15230
  visibility: hidden;
15231
+ max-height: 0;
15079
15232
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15233
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15080
15234
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15081
15235
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15082
15236
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15083
15237
  transition-property: opacity, translate, visibility, max-height;
15084
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15085
15238
  }
15086
15239
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15087
15240
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
15088
15241
  }
15089
15242
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
15090
- max-height: 99999px;
15091
15243
  visibility: revert;
15244
+ max-height: 99999px;
15092
15245
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15246
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15093
15247
  transition-delay: 0s;
15094
15248
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
15095
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15096
15249
  }
15097
15250
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15098
15251
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15227,10 +15380,10 @@ ul) {
15227
15380
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15228
15381
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15229
15382
  text-align: center;
15383
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15230
15384
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15231
15385
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15232
15386
  transition-property: transform;
15233
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15234
15387
  }
15235
15388
 
15236
15389
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16015,6 +16168,7 @@ ul) {
16015
16168
  .pf-v6-c-drawer__panel {
16016
16169
  position: relative;
16017
16170
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16171
+ visibility: hidden;
16018
16172
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16019
16173
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16020
16174
  order: 1;
@@ -16022,7 +16176,6 @@ ul) {
16022
16176
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16023
16177
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16024
16178
  overflow: auto;
16025
- visibility: hidden;
16026
16179
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16027
16180
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16028
16181
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16132,8 +16285,8 @@ ul) {
16132
16285
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16133
16286
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16134
16287
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16135
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16136
16288
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16289
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16137
16290
  }
16138
16291
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16139
16292
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -16923,8 +17076,8 @@ ul) {
16923
17076
  display: inline-block;
16924
17077
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
16925
17078
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
16926
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16927
17079
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17080
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16928
17081
  }
16929
17082
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16930
17083
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -16939,15 +17092,15 @@ ul) {
16939
17092
  display: revert;
16940
17093
  }
16941
17094
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17095
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16942
17096
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
16943
17097
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
16944
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16945
17098
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17099
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16946
17100
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
16947
17101
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
16948
17102
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
16949
17103
  transition-property: opacity, translate, visibility, max-height;
16950
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16951
17104
  }
16952
17105
 
16953
17106
  .pf-v6-c-file-upload {
@@ -17118,7 +17271,7 @@ ul) {
17118
17271
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17119
17272
  display: grid;
17120
17273
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17121
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17274
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17122
17275
  }
17123
17276
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17124
17277
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17146,7 +17299,7 @@ ul) {
17146
17299
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17147
17300
  display: grid;
17148
17301
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17149
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17302
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17150
17303
  }
17151
17304
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17152
17305
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17174,7 +17327,7 @@ ul) {
17174
17327
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17175
17328
  display: grid;
17176
17329
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17177
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17330
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17178
17331
  }
17179
17332
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17180
17333
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17202,7 +17355,7 @@ ul) {
17202
17355
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17203
17356
  display: grid;
17204
17357
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17205
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17358
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17206
17359
  }
17207
17360
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17208
17361
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17230,7 +17383,7 @@ ul) {
17230
17383
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17231
17384
  display: grid;
17232
17385
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17233
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17386
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17234
17387
  }
17235
17388
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17236
17389
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17258,7 +17411,7 @@ ul) {
17258
17411
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17259
17412
  display: grid;
17260
17413
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17261
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17414
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17262
17415
  }
17263
17416
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17264
17417
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17286,7 +17439,7 @@ ul) {
17286
17439
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17287
17440
  display: grid;
17288
17441
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17289
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17442
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17290
17443
  }
17291
17444
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17292
17445
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17459,14 +17612,14 @@ ul) {
17459
17612
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17460
17613
  }
17461
17614
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17615
+ visibility: visible;
17462
17616
  max-height: 99999px;
17463
17617
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17464
17618
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17465
- visibility: visible;
17466
17619
  opacity: 1;
17620
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17467
17621
  transition-delay: 0s;
17468
17622
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
17469
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17470
17623
  }
17471
17624
 
17472
17625
  .pf-v6-c-form__field-group-toggle {
@@ -17488,10 +17641,10 @@ ul) {
17488
17641
  display: inline-block;
17489
17642
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17490
17643
  text-align: center;
17644
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17491
17645
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17492
17646
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17493
17647
  transition-property: transform;
17494
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17495
17648
  }
17496
17649
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17497
17650
  scale: -1 1;
@@ -17540,15 +17693,15 @@ ul) {
17540
17693
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17541
17694
  }
17542
17695
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17696
+ visibility: hidden;
17543
17697
  max-height: 0;
17544
17698
  padding-block-start: 0;
17545
17699
  padding-block-end: 0;
17546
- visibility: hidden;
17547
17700
  opacity: 0;
17701
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17548
17702
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
17549
17703
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
17550
17704
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17551
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17552
17705
  }
17553
17706
 
17554
17707
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17708,10 +17861,10 @@ ul) {
17708
17861
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17709
17862
  color: var(--pf-v6-c-form-control--Color);
17710
17863
  appearance: none;
17864
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17711
17865
  background-color: transparent;
17712
17866
  border: none;
17713
17867
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17714
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17715
17868
  }
17716
17869
  .pf-v6-c-form-control > ::placeholder {
17717
17870
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18077,8 +18230,8 @@ ul) {
18077
18230
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18078
18231
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18079
18232
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18080
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18081
18233
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18234
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18082
18235
  }
18083
18236
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18084
18237
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18114,7 +18267,7 @@ ul) {
18114
18267
  .pf-v6-c-hint {
18115
18268
  display: grid;
18116
18269
  grid-template-columns: 1fr auto;
18117
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18270
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18118
18271
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18119
18272
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18120
18273
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18562,20 +18715,20 @@ ul) {
18562
18715
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18563
18716
  }
18564
18717
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18718
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18565
18719
  flex-grow: 1;
18566
18720
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18567
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18568
18721
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18722
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18723
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18569
18724
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18570
18725
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18571
18726
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
18572
18727
  transition-property: opacity, scale, visibility, max-width;
18573
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18574
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18575
18728
  }
18576
18729
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18577
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18578
18730
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18731
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18579
18732
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18580
18733
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18581
18734
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18583,8 +18736,8 @@ ul) {
18583
18736
  transition-property: opacity, visibility, max-width;
18584
18737
  }
18585
18738
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18586
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18587
18739
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18740
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18588
18741
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18589
18742
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18590
18743
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -18911,10 +19064,10 @@ label.pf-v6-c-input-group__text {
18911
19064
  .pf-v6-c-jump-links__toggle-icon {
18912
19065
  display: inline-block;
18913
19066
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19067
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18914
19068
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
18915
19069
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
18916
19070
  transition-property: transform;
18917
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18918
19071
  }
18919
19072
 
18920
19073
  .pf-v6-c-label {
@@ -19127,9 +19280,9 @@ label.pf-v6-c-input-group__text {
19127
19280
  font-size: var(--pf-v6-c-label--FontSize);
19128
19281
  white-space: nowrap;
19129
19282
  background: transparent;
19130
- isolation: isolate;
19131
19283
  border: 0;
19132
19284
  border-radius: var(--pf-v6-c-label--BorderRadius);
19285
+ isolation: isolate;
19133
19286
  }
19134
19287
  .pf-v6-c-label.pf-m-blue {
19135
19288
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19787,7 +19940,7 @@ ul.pf-v6-c-list {
19787
19940
  display: grid;
19788
19941
  grid-template-areas: "main header" "main footer" "main .";
19789
19942
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19790
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19943
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19791
19944
  justify-content: center;
19792
19945
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19793
19946
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19813,10 +19966,10 @@ ul.pf-v6-c-list {
19813
19966
  align-self: start;
19814
19967
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19815
19968
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19816
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19817
19969
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19818
19970
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19819
19971
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19972
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19820
19973
  }
19821
19974
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19822
19975
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -19923,7 +20076,7 @@ ul.pf-v6-c-list {
19923
20076
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
19924
20077
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19925
20078
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19926
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20079
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
19927
20080
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19928
20081
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19929
20082
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20160,9 +20313,9 @@ ul.pf-v6-c-list {
20160
20313
  }
20161
20314
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20162
20315
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20163
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20164
20316
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20165
20317
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20318
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20166
20319
  }
20167
20320
 
20168
20321
  .pf-v6-c-masthead__main {
@@ -20871,8 +21024,8 @@ ul.pf-v6-c-list {
20871
21024
  }
20872
21025
 
20873
21026
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
20874
- overflow: hidden;
20875
21027
  visibility: visible;
21028
+ overflow: hidden;
20876
21029
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
20877
21030
  }
20878
21031
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -20898,8 +21051,8 @@ ul.pf-v6-c-list {
20898
21051
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20899
21052
  }
20900
21053
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
20901
- overflow: visible;
20902
21054
  visibility: hidden;
21055
+ overflow: visible;
20903
21056
  }
20904
21057
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
20905
21058
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -21040,10 +21193,10 @@ ul.pf-v6-c-list {
21040
21193
  color: var(--pf-v6-c-menu__item--Color);
21041
21194
  text-align: start;
21042
21195
  text-decoration-line: none;
21196
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21043
21197
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21044
21198
  border: 0;
21045
21199
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21046
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21047
21200
  --pf-v6-hidden-visible--visible--Display: flex;
21048
21201
  --pf-v6-hidden-visible--hidden--Display: none;
21049
21202
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21137,7 +21290,7 @@ ul.pf-v6-c-list {
21137
21290
  .pf-v6-c-menu__item-description {
21138
21291
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21139
21292
  color: var(--pf-v6-c-menu__item-description--Color);
21140
- word-break: break-word;
21293
+ overflow-wrap: break-word;
21141
21294
  }
21142
21295
 
21143
21296
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21554,6 +21707,9 @@ ul.pf-v6-c-list {
21554
21707
  justify-content: flex-start;
21555
21708
  width: 100%;
21556
21709
  }
21710
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21711
+ min-width: 1lh;
21712
+ }
21557
21713
  @media (min-width: 62rem) {
21558
21714
  .pf-v6-c-menu-toggle.pf-m-docked {
21559
21715
  justify-content: center;
@@ -21720,10 +21876,10 @@ ul.pf-v6-c-list {
21720
21876
 
21721
21877
  .pf-v6-c-menu-toggle__icon {
21722
21878
  flex-shrink: 0;
21879
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21723
21880
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21724
21881
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21725
21882
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21726
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21727
21883
  }
21728
21884
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21729
21885
  vertical-align: middle;
@@ -21931,7 +22087,7 @@ ul.pf-v6-c-list {
21931
22087
  overflow-x: hidden;
21932
22088
  overflow-y: auto;
21933
22089
  overscroll-behavior: contain;
21934
- word-break: break-word;
22090
+ overflow-wrap: break-word;
21935
22091
  -webkit-overflow-scrolling: touch;
21936
22092
  }
21937
22093
  .pf-v6-c-modal-box__body:last-child {
@@ -22380,17 +22536,17 @@ ul.pf-v6-c-list {
22380
22536
 
22381
22537
  .pf-v6-c-nav__subnav {
22382
22538
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22539
+ visibility: visible;
22383
22540
  max-height: 99999px;
22384
22541
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22385
22542
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22386
22543
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22387
22544
  overflow-y: clip;
22388
- visibility: visible;
22545
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22389
22546
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
22390
22547
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22391
22548
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22392
22549
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22393
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22394
22550
  }
22395
22551
  .pf-v6-c-nav__subnav[hidden] {
22396
22552
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22400,8 +22556,8 @@ ul.pf-v6-c-list {
22400
22556
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22401
22557
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22402
22558
  display: grid;
22403
- max-height: 0;
22404
22559
  visibility: hidden;
22560
+ max-height: 0;
22405
22561
  opacity: 0;
22406
22562
  }
22407
22563
 
@@ -22419,10 +22575,10 @@ ul.pf-v6-c-list {
22419
22575
  content: var(--pf-v6-c-nav__item--accent--content, "");
22420
22576
  background-color: var(--pf-v6-c-nav__item--accent--color);
22421
22577
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22578
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22422
22579
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22423
22580
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22424
22581
  transition-property: scale;
22425
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22426
22582
  }
22427
22583
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22428
22584
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22510,10 +22666,10 @@ ul.pf-v6-c-list {
22510
22666
 
22511
22667
  .pf-v6-c-nav__toggle-icon {
22512
22668
  display: inline-block;
22669
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22513
22670
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22514
22671
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22515
22672
  transition-property: transform;
22516
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22517
22673
  }
22518
22674
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22519
22675
  scale: -1 1;
@@ -22746,9 +22902,9 @@ ul.pf-v6-c-list {
22746
22902
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22747
22903
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22748
22904
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22905
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22749
22906
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22750
22907
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22751
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22752
22908
  }
22753
22909
  .pf-v6-c-notification-drawer__list-item::before {
22754
22910
  position: absolute;
@@ -22805,7 +22961,7 @@ ul.pf-v6-c-list {
22805
22961
 
22806
22962
  .pf-v6-c-notification-drawer__list-item-header-title {
22807
22963
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22808
- word-break: break-word;
22964
+ overflow-wrap: break-word;
22809
22965
  }
22810
22966
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22811
22967
  display: -webkit-box;
@@ -22827,7 +22983,7 @@ ul.pf-v6-c-list {
22827
22983
  grid-row: 2/3;
22828
22984
  grid-column: 1/2;
22829
22985
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22830
- word-break: break-word;
22986
+ overflow-wrap: break-word;
22831
22987
  }
22832
22988
 
22833
22989
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22858,9 +23014,9 @@ ul.pf-v6-c-list {
22858
23014
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
22859
23015
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
22860
23016
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23017
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22861
23018
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
22862
23019
  border: none;
22863
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22864
23020
  }
22865
23021
 
22866
23022
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -22872,7 +23028,7 @@ ul.pf-v6-c-list {
22872
23028
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22873
23029
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22874
23030
  text-align: start;
22875
- word-break: break-word;
23031
+ overflow-wrap: break-word;
22876
23032
  }
22877
23033
 
22878
23034
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -22949,11 +23105,6 @@ ul.pf-v6-c-list {
22949
23105
  .pf-v6-c-page {
22950
23106
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22951
23107
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
22952
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22953
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
22954
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
22955
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
22956
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22957
23108
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22958
23109
  --pf-v6-c-page__dock--Width: 15.625rem;
22959
23110
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -22972,6 +23123,11 @@ ul.pf-v6-c-list {
22972
23123
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
22973
23124
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
22974
23125
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23126
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23127
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23128
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23129
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23130
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22975
23131
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
22976
23132
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
22977
23133
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23142,20 +23298,17 @@ ul.pf-v6-c-list {
23142
23298
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23143
23299
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23144
23300
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23145
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23146
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23147
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23148
23301
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23149
23302
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23150
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23151
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23152
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23303
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23304
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23305
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23153
23306
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23154
23307
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23155
23308
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23156
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23157
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23158
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23309
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23310
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23311
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23159
23312
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23160
23313
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23161
23314
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23166,9 +23319,11 @@ ul.pf-v6-c-list {
23166
23319
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23167
23320
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23168
23321
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23169
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23170
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23171
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23322
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23323
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23324
+ --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23325
+ --pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23326
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23172
23327
  }
23173
23328
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23174
23329
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23191,6 +23346,8 @@ ul.pf-v6-c-list {
23191
23346
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23192
23347
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23193
23348
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23349
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23350
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23194
23351
  }
23195
23352
  @media (min-width: 75rem) {
23196
23353
  .pf-v6-c-page {
@@ -23342,10 +23499,11 @@ ul.pf-v6-c-list {
23342
23499
  inset-inline-start: 0;
23343
23500
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23344
23501
  display: flex;
23502
+ visibility: hidden;
23345
23503
  flex-direction: column;
23346
23504
  grid-area: dock;
23347
23505
  width: var(--pf-v6-c-page__dock--Width);
23348
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23506
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23349
23507
  translate: -100% 0;
23350
23508
  }
23351
23509
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23354,7 +23512,9 @@ ul.pf-v6-c-list {
23354
23512
 
23355
23513
  .pf-v6-c-page__dock.pf-m-expanded {
23356
23514
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23515
+ visibility: visible;
23357
23516
  translate: 0;
23517
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23358
23518
  }
23359
23519
  @media (min-width: 62rem) {
23360
23520
  .pf-v6-c-page__dock {
@@ -23362,6 +23522,7 @@ ul.pf-v6-c-list {
23362
23522
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23363
23523
  position: revert;
23364
23524
  inset: revert;
23525
+ visibility: revert;
23365
23526
  width: auto;
23366
23527
  translate: 0;
23367
23528
  }
@@ -23376,9 +23537,9 @@ ul.pf-v6-c-list {
23376
23537
  .pf-v6-c-page__dock-main {
23377
23538
  flex-grow: 1;
23378
23539
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23379
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23380
23540
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23381
23541
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23542
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23382
23543
  }
23383
23544
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23384
23545
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -23460,10 +23621,10 @@ ul.pf-v6-c-list {
23460
23621
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23461
23622
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23462
23623
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23463
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23464
23624
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23465
23625
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23466
23626
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23627
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23467
23628
  }
23468
23629
 
23469
23630
  .pf-v6-c-page__sidebar-header {
@@ -23829,7 +23990,6 @@ ul.pf-v6-c-list {
23829
23990
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23830
23991
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23831
23992
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23832
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23833
23993
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23834
23994
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23835
23995
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23837,6 +23997,7 @@ ul.pf-v6-c-list {
23837
23997
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23838
23998
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23839
23999
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
24000
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23840
24001
  }
23841
24002
  @media screen and (max-width: calc(48rem - 1px)) {
23842
24003
  .pf-v6-c-page__main-container {
@@ -24861,7 +25022,7 @@ ul.pf-v6-c-list {
24861
25022
  }
24862
25023
 
24863
25024
  .pf-v6-c-popover__body {
24864
- word-wrap: break-word;
25025
+ overflow-wrap: break-word;
24865
25026
  }
24866
25027
 
24867
25028
  .pf-v6-c-popover__footer {
@@ -24906,7 +25067,7 @@ ul.pf-v6-c-list {
24906
25067
  display: grid;
24907
25068
  grid-template-rows: 1fr auto;
24908
25069
  grid-template-columns: auto auto;
24909
- grid-gap: var(--pf-v6-c-progress--GridGap);
25070
+ gap: var(--pf-v6-c-progress--GridGap);
24910
25071
  align-items: end;
24911
25072
  }
24912
25073
  .pf-v6-c-progress.pf-m-sm {
@@ -25000,7 +25161,7 @@ ul.pf-v6-c-list {
25000
25161
 
25001
25162
  .pf-v6-c-progress__description {
25002
25163
  grid-column: 1/2;
25003
- word-break: break-word;
25164
+ overflow-wrap: break-word;
25004
25165
  }
25005
25166
  .pf-v6-c-progress__description.pf-m-truncate {
25006
25167
  overflow: hidden;
@@ -25016,7 +25177,7 @@ ul.pf-v6-c-list {
25016
25177
  align-items: flex-start;
25017
25178
  justify-content: flex-end;
25018
25179
  text-align: end;
25019
- word-break: break-word;
25180
+ overflow-wrap: break-word;
25020
25181
  }
25021
25182
 
25022
25183
  .pf-v6-c-progress__status-icon {
@@ -25279,9 +25440,9 @@ ul.pf-v6-c-list {
25279
25440
  inset-block-start: 0;
25280
25441
  inset-inline-start: 0;
25281
25442
  overflow: hidden;
25282
- clip: rect(0, 0, 0, 0);
25283
25443
  white-space: nowrap;
25284
25444
  border: 0;
25445
+ clip-path: inset(50%);
25285
25446
  }
25286
25447
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25287
25448
  grid-row: 1/2;
@@ -25703,7 +25864,7 @@ ul.pf-v6-c-list {
25703
25864
  .pf-v6-c-radio {
25704
25865
  display: grid;
25705
25866
  grid-template-columns: auto 1fr;
25706
- grid-gap: var(--pf-v6-c-radio--GridGap);
25867
+ gap: var(--pf-v6-c-radio--GridGap);
25707
25868
  align-items: baseline;
25708
25869
  accent-color: var(--pf-v6-c-radio--AccentColor);
25709
25870
  }
@@ -25934,6 +26095,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25934
26095
  --pf-v6-c-sidebar__panel--Position: static;
25935
26096
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25936
26097
  }
26098
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
26099
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26100
+ }
25937
26101
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25938
26102
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25939
26103
  }
@@ -25953,7 +26117,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25953
26117
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25954
26118
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25955
26119
  }
25956
- .pf-v6-c-sidebar__content.pf-m-no-background {
26120
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
25957
26121
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25958
26122
  }
25959
26123
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25966,12 +26130,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25966
26130
  --pf-v6-c-sidebar__content--Order: -1;
25967
26131
  }
25968
26132
 
25969
- .pf-v6-c-sidebar.pf-m-no-background,
25970
- .pf-v6-c-sidebar__panel.pf-m-no-background,
25971
- .pf-v6-c-sidebar__content.pf-m-no-background {
25972
- background-color: transparent;
25973
- }
25974
-
25975
26133
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25976
26134
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25977
26135
  }
@@ -26698,10 +26856,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26698
26856
  width: 100%;
26699
26857
  height: 100%;
26700
26858
  stroke: var(--pf-v6-c-spinner--Color);
26859
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26860
+ stroke-linecap: round;
26701
26861
  stroke-dasharray: 283;
26702
26862
  stroke-dashoffset: 280;
26703
- stroke-linecap: round;
26704
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26705
26863
  transform-origin: 50% 50%;
26706
26864
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26707
26865
  }
@@ -26861,8 +27019,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26861
27019
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
26862
27020
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
26863
27021
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
26864
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
26865
27022
  transform: translateY(-50%);
27023
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
26866
27024
  }
26867
27025
  .pf-v6-c-switch__toggle::after {
26868
27026
  position: absolute;
@@ -28720,6 +28878,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28720
28878
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28721
28879
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28722
28880
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28881
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28882
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28723
28883
  }
28724
28884
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28725
28885
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28789,6 +28949,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28789
28949
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
28790
28950
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28791
28951
  }
28952
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
28953
+ position: sticky;
28954
+ inset-block-end: 0;
28955
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
28956
+ background: var(--pf-v6-c-table--BackgroundColor);
28957
+ }
28958
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
28959
+ position: absolute;
28960
+ inset: 0;
28961
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
28962
+ pointer-events: none;
28963
+ content: "";
28964
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28965
+ }
28966
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
28967
+ border-block-end: 0;
28968
+ }
28969
+ .pf-v6-c-table.pf-m-plain {
28970
+ --pf-v6-c-table--BackgroundColor: transparent;
28971
+ }
28792
28972
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
28793
28973
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28794
28974
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -28859,11 +29039,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28859
29039
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
28860
29040
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
28861
29041
  overflow: var(--pf-v6-c-table--cell--Overflow);
29042
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28862
29043
  font-size: var(--pf-v6-c-table--cell--FontSize);
28863
29044
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
28864
29045
  line-height: var(--pf-v6-c-table--cell--LineHeight);
28865
29046
  color: var(--pf-v6-c-table--cell--Color);
28866
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28867
29047
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28868
29048
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28869
29049
  }
@@ -28969,24 +29149,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28969
29149
  }
28970
29150
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
28971
29151
  cursor: pointer;
28972
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28973
29152
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29153
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28974
29154
  }
28975
29155
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28976
29156
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28977
29157
  }
28978
29158
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
28979
29159
  position: relative;
28980
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28981
29160
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29161
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28982
29162
  }
28983
29163
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
28984
29164
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
28985
29165
  }
28986
29166
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
28987
29167
  cursor: pointer;
28988
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28989
29168
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29169
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28990
29170
  }
28991
29171
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28992
29172
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -28995,8 +29175,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28995
29175
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
28996
29176
  }
28997
29177
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28998
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28999
29178
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29179
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29000
29180
  }
29001
29181
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
29002
29182
  border: none;
@@ -29021,11 +29201,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29021
29201
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29022
29202
  visibility: hidden;
29023
29203
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29204
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29024
29205
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29025
29206
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29026
29207
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29027
29208
  transition-property: opacity, translate, visibility, background-color;
29028
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29029
29209
  }
29030
29210
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29031
29211
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29033,9 +29213,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29033
29213
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29034
29214
  visibility: visible;
29035
29215
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29216
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29036
29217
  transition-delay: 0s;
29037
29218
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29038
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29039
29219
  }
29040
29220
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
29041
29221
  max-height: 99999px;
@@ -29101,8 +29281,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29101
29281
  min-width: var(--pf-v6-c-table__text--MinWidth);
29102
29282
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29103
29283
  overflow: var(--pf-v6-c-table--cell--Overflow);
29104
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29105
29284
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29285
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29106
29286
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29107
29287
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29108
29288
  }
@@ -29131,10 +29311,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29131
29311
  text-align: start;
29132
29312
  white-space: inherit;
29133
29313
  user-select: text;
29314
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29134
29315
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29135
29316
  border: 0;
29136
29317
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29137
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29138
29318
  }
29139
29319
  .pf-v6-c-table__button::after {
29140
29320
  position: absolute;
@@ -29228,10 +29408,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29228
29408
  }
29229
29409
 
29230
29410
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29411
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29231
29412
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29232
29413
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29233
29414
  transition-property: transform;
29234
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29235
29415
  }
29236
29416
  .pf-v6-c-table__toggle svg {
29237
29417
  pointer-events: none;
@@ -29523,6 +29703,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29523
29703
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29524
29704
  }
29525
29705
 
29706
+ .pf-v6-c-table__tfoot {
29707
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29708
+ vertical-align: top;
29709
+ }
29710
+
29526
29711
  .pf-v6-c-table__icon-inline {
29527
29712
  display: flex;
29528
29713
  align-items: center;
@@ -29787,8 +29972,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29787
29972
  }
29788
29973
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29789
29974
  position: relative;
29790
- border: none;
29791
29975
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29976
+ border: none;
29792
29977
  }
29793
29978
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29794
29979
  position: absolute;
@@ -29826,7 +30011,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29826
30011
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29827
30012
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29828
30013
  grid-column: 1;
29829
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30014
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29830
30015
  align-items: start;
29831
30016
  }
29832
30017
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -29929,8 +30114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29929
30114
  }
29930
30115
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29931
30116
  position: relative;
29932
- border: none;
29933
30117
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30118
+ border: none;
29934
30119
  }
29935
30120
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29936
30121
  position: absolute;
@@ -29968,7 +30153,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29968
30153
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29969
30154
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29970
30155
  grid-column: 1;
29971
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30156
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29972
30157
  align-items: start;
29973
30158
  }
29974
30159
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30072,8 +30257,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30072
30257
  }
30073
30258
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30074
30259
  position: relative;
30075
- border: none;
30076
30260
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30261
+ border: none;
30077
30262
  }
30078
30263
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30079
30264
  position: absolute;
@@ -30111,7 +30296,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30111
30296
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30112
30297
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30113
30298
  grid-column: 1;
30114
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30299
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30115
30300
  align-items: start;
30116
30301
  }
30117
30302
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30215,8 +30400,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30215
30400
  }
30216
30401
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30217
30402
  position: relative;
30218
- border: none;
30219
30403
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30404
+ border: none;
30220
30405
  }
30221
30406
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30222
30407
  position: absolute;
@@ -30254,7 +30439,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30254
30439
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30255
30440
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30256
30441
  grid-column: 1;
30257
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30442
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30258
30443
  align-items: start;
30259
30444
  }
30260
30445
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30358,8 +30543,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30358
30543
  }
30359
30544
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30360
30545
  position: relative;
30361
- border: none;
30362
30546
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30547
+ border: none;
30363
30548
  }
30364
30549
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30365
30550
  position: absolute;
@@ -30397,7 +30582,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30397
30582
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30398
30583
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30399
30584
  grid-column: 1;
30400
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30585
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30401
30586
  align-items: start;
30402
30587
  }
30403
30588
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30950,8 +31135,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30950
31135
 
30951
31136
  .pf-v6-c-tabs__toggle-icon {
30952
31137
  display: inline-block;
30953
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30954
31138
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31139
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30955
31140
  }
30956
31141
 
30957
31142
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31115,8 +31300,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31115
31300
  align-self: end;
31116
31301
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31117
31302
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31118
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31119
31303
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31304
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31120
31305
  }
31121
31306
 
31122
31307
  .pf-v6-c-tabs__item-action {
@@ -31379,10 +31564,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31379
31564
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31380
31565
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31381
31566
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31567
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31382
31568
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31383
31569
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31384
31570
  transition-property: width, height, translate;
31385
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31386
31571
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31387
31572
  }
31388
31573
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -31588,9 +31773,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31588
31773
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31589
31774
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31590
31775
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31776
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31591
31777
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31592
31778
  border: 0;
31593
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31594
31779
  }
31595
31780
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31596
31781
  grid-area: text-input;
@@ -31798,7 +31983,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31798
31983
 
31799
31984
  .pf-v6-c-title {
31800
31985
  font-family: var(--pf-v6-c-title--FontFamily);
31801
- word-break: break-word;
31986
+ overflow-wrap: break-word;
31802
31987
  }
31803
31988
  .pf-v6-c-title.pf-m-4xl {
31804
31989
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32581,10 +32766,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32581
32766
 
32582
32767
  .pf-v6-c-toolbar__expand-all-icon {
32583
32768
  display: inline-flex;
32769
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32584
32770
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32585
32771
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32586
32772
  transition-property: transform;
32587
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32588
32773
  }
32589
32774
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32590
32775
  scale: -1 1;
@@ -34220,7 +34405,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34220
34405
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34221
34406
  color: var(--pf-v6-c-tooltip__content--Color);
34222
34407
  text-align: center;
34223
- word-break: break-word;
34408
+ overflow-wrap: break-word;
34224
34409
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34225
34410
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34226
34411
  }
@@ -34602,19 +34787,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34602
34787
  display: inline-block;
34603
34788
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34604
34789
  text-align: center;
34605
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34606
34790
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34791
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34607
34792
  }
34608
34793
 
34609
34794
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34610
- max-height: 0;
34611
34795
  visibility: hidden;
34796
+ max-height: 0;
34612
34797
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34798
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34613
34799
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34614
34800
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34615
34801
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34616
34802
  transition-property: opacity, translate, visibility, max-height;
34617
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34618
34803
  }
34619
34804
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34620
34805
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34625,12 +34810,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34625
34810
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34626
34811
  }
34627
34812
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34628
- max-height: 99999px;
34629
34813
  visibility: revert;
34814
+ max-height: 99999px;
34630
34815
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34816
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34631
34817
  transition-delay: 0s;
34632
34818
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34633
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34634
34819
  }
34635
34820
 
34636
34821
  .pf-v6-c-tree-view__node,
@@ -35069,7 +35254,7 @@ label.pf-v6-c-tree-view__node-text {
35069
35254
 
35070
35255
  .pf-v6-c-wizard__title {
35071
35256
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35072
- word-wrap: break-word;
35257
+ overflow-wrap: break-word;
35073
35258
  }
35074
35259
 
35075
35260
  .pf-v6-c-wizard__title-text {
@@ -35132,7 +35317,7 @@ label.pf-v6-c-tree-view__node-text {
35132
35317
  align-items: baseline;
35133
35318
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35134
35319
  text-align: start;
35135
- word-break: break-word;
35320
+ overflow-wrap: break-word;
35136
35321
  }
35137
35322
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35138
35323
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35268,8 +35453,8 @@ label.pf-v6-c-tree-view__node-text {
35268
35453
  padding-inline: 0;
35269
35454
  color: var(--pf-v6-c-wizard__nav-link--Color);
35270
35455
  text-align: start;
35456
+ overflow-wrap: break-word;
35271
35457
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35272
- word-break: break-word;
35273
35458
  counter-increment: wizard-nav-count;
35274
35459
  background-color: transparent;
35275
35460
  border: none;
@@ -35374,10 +35559,10 @@ label.pf-v6-c-tree-view__node-text {
35374
35559
 
35375
35560
  .pf-v6-c-wizard__nav-link-toggle-icon {
35376
35561
  display: inline-block;
35562
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35377
35563
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35378
35564
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35379
35565
  transition-property: transform;
35380
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35381
35566
  }
35382
35567
 
35383
35568
  .pf-v6-c-wizard__main {
@@ -35387,7 +35572,7 @@ label.pf-v6-c-tree-view__node-text {
35387
35572
  flex-direction: column;
35388
35573
  overflow-x: hidden;
35389
35574
  overflow-y: auto;
35390
- word-break: break-word;
35575
+ overflow-wrap: break-word;
35391
35576
  }
35392
35577
 
35393
35578
  .pf-v6-c-wizard__main-body {
@@ -37824,7 +38009,7 @@ label.pf-v6-c-tree-view__node-text {
37824
38009
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37825
38010
  }
37826
38011
  .pf-v6-l-gallery.pf-m-gutter {
37827
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
38012
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37828
38013
  }
37829
38014
  .pf-v6-l-gallery {
37830
38015
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38817,7 +39002,7 @@ label.pf-v6-c-tree-view__node-text {
38817
39002
  }
38818
39003
  }
38819
39004
  .pf-v6-l-grid.pf-m-gutter {
38820
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
39005
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38821
39006
  }
38822
39007
 
38823
39008
  .pf-v6-l-level {