@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.2

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 (210) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +2 -0
  3. package/base/patternfly-common.css +2 -2
  4. package/base/patternfly-common.scss +1 -1
  5. package/base/patternfly-fa-icons.css +3 -3
  6. package/base/patternfly-fa-icons.scss +3 -3
  7. package/base/patternfly-variables.css +56 -56
  8. package/base/reset.scss +2 -0
  9. package/base/tokens/tokens-charts-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  12. package/base/tokens/tokens-charts.scss +1 -1
  13. package/base/tokens/tokens-dark.scss +9 -9
  14. package/base/tokens/tokens-default.scss +8 -8
  15. package/base/tokens/tokens-felt-dark.scss +1 -1
  16. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  17. package/base/tokens/tokens-felt-glass.scss +8 -8
  18. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  20. package/base/tokens/tokens-felt.scss +1 -1
  21. package/base/tokens/tokens-glass-dark.scss +8 -8
  22. package/base/tokens/tokens-glass.scss +8 -8
  23. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  24. package/base/tokens/tokens-highcontrast.scss +7 -7
  25. package/base/tokens/tokens-palette.scss +1 -1
  26. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  27. package/components/AboutModalBox/about-modal-box.css +1 -1
  28. package/components/AboutModalBox/about-modal-box.scss +1 -1
  29. package/components/Accordion/accordion.css +8 -4
  30. package/components/Accordion/accordion.scss +9 -4
  31. package/components/Alert/alert-group.css +1 -1
  32. package/components/Alert/alert-group.scss +1 -1
  33. package/components/Alert/alert.css +3 -3
  34. package/components/Alert/alert.scss +3 -3
  35. package/components/Breadcrumb/breadcrumb.css +1 -1
  36. package/components/Breadcrumb/breadcrumb.scss +1 -1
  37. package/components/Button/button.css +6 -6
  38. package/components/Button/button.scss +6 -6
  39. package/components/Card/card.css +2 -2
  40. package/components/Card/card.scss +3 -3
  41. package/components/Check/check.css +1 -1
  42. package/components/Check/check.scss +1 -1
  43. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  44. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  45. package/components/Compass/compass.css +3 -3
  46. package/components/Compass/compass.scss +3 -3
  47. package/components/Content/content.css +2 -2
  48. package/components/Content/content.scss +2 -2
  49. package/components/DataList/data-list.css +1 -1
  50. package/components/DataList/data-list.scss +1 -1
  51. package/components/DescriptionList/description-list.css +0 -1
  52. package/components/DescriptionList/description-list.scss +0 -1
  53. package/components/Drawer/drawer.css +2 -2
  54. package/components/Drawer/drawer.scss +2 -2
  55. package/components/DualListSelector/dual-list-selector.css +6 -6
  56. package/components/DualListSelector/dual-list-selector.scss +6 -6
  57. package/components/ExpandableSection/expandable-section.css +3 -3
  58. package/components/ExpandableSection/expandable-section.scss +3 -3
  59. package/components/Form/form.css +12 -12
  60. package/components/Form/form.scss +6 -6
  61. package/components/FormControl/form-control.css +1 -1
  62. package/components/FormControl/form-control.scss +3 -1
  63. package/components/Hero/hero.css +1 -1
  64. package/components/Hero/hero.scss +1 -1
  65. package/components/Hint/hint.css +1 -1
  66. package/components/Hint/hint.scss +1 -1
  67. package/components/InputGroup/input-group.css +5 -5
  68. package/components/InputGroup/input-group.scss +5 -5
  69. package/components/JumpLinks/jump-links.css +1 -1
  70. package/components/JumpLinks/jump-links.scss +1 -1
  71. package/components/Label/label.css +1 -1
  72. package/components/Label/label.scss +1 -1
  73. package/components/Login/login.css +2 -2
  74. package/components/Login/login.scss +2 -2
  75. package/components/Masthead/masthead.css +1 -1
  76. package/components/Masthead/masthead.scss +1 -1
  77. package/components/Menu/menu.css +4 -4
  78. package/components/Menu/menu.scss +4 -4
  79. package/components/MenuToggle/menu-toggle.css +1 -1
  80. package/components/MenuToggle/menu-toggle.scss +1 -1
  81. package/components/ModalBox/modal-box.css +1 -1
  82. package/components/ModalBox/modal-box.scss +1 -1
  83. package/components/Nav/nav.css +5 -5
  84. package/components/Nav/nav.scss +5 -5
  85. package/components/NotificationDrawer/notification-drawer.css +5 -5
  86. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  87. package/components/Page/page.css +3 -3
  88. package/components/Page/page.scss +3 -3
  89. package/components/Popover/popover.css +1 -1
  90. package/components/Popover/popover.scss +2 -2
  91. package/components/Progress/progress.css +3 -3
  92. package/components/Progress/progress.scss +3 -6
  93. package/components/ProgressStepper/progress-stepper.css +1 -1
  94. package/components/Radio/radio.css +1 -1
  95. package/components/Radio/radio.scss +1 -1
  96. package/components/Spinner/spinner.css +2 -2
  97. package/components/Spinner/spinner.scss +2 -2
  98. package/components/Switch/switch.css +1 -1
  99. package/components/Switch/switch.scss +1 -1
  100. package/components/Table/table-tree-view.css +10 -10
  101. package/components/Table/table-tree-view.scss +2 -2
  102. package/components/Table/table.css +10 -10
  103. package/components/Table/table.scss +10 -10
  104. package/components/Tabs/tabs.css +3 -3
  105. package/components/Tabs/tabs.scss +3 -3
  106. package/components/TextInputGroup/text-input-group.css +1 -1
  107. package/components/TextInputGroup/text-input-group.scss +1 -1
  108. package/components/Title/title.css +1 -1
  109. package/components/Title/title.scss +1 -1
  110. package/components/Toolbar/toolbar.css +1 -1
  111. package/components/Toolbar/toolbar.scss +1 -1
  112. package/components/Tooltip/tooltip.css +1 -1
  113. package/components/Tooltip/tooltip.scss +2 -2
  114. package/components/TreeView/tree-view.css +5 -5
  115. package/components/TreeView/tree-view.scss +5 -5
  116. package/components/Wizard/wizard.css +5 -5
  117. package/components/Wizard/wizard.scss +5 -5
  118. package/components/_index.css +132 -129
  119. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  120. package/docs/components/Accordion/examples/Accordion.md +30 -30
  121. package/docs/components/ActionList/examples/ActionList.md +11 -11
  122. package/docs/components/Alert/examples/Alert.md +54 -54
  123. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  124. package/docs/components/Banner/examples/Banner.md +10 -10
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  126. package/docs/components/Button/examples/Button.md +184 -184
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  128. package/docs/components/Card/examples/Card.md +14 -14
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  132. package/docs/components/DataList/examples/DataList.md +34 -34
  133. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  134. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  135. package/docs/components/Drawer/examples/Drawer.md +22 -22
  136. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  137. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  138. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  139. package/docs/components/Form/examples/Form.md +6 -6
  140. package/docs/components/Hint/examples/Hint.md +3 -3
  141. package/docs/components/Icon/examples/Icon.md +9 -9
  142. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  143. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  144. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  145. package/docs/components/Label/examples/Label.md +218 -218
  146. package/docs/components/Login/examples/Login.md +4 -4
  147. package/docs/components/Masthead/examples/masthead.md +1 -1
  148. package/docs/components/Menu/examples/Menu.md +129 -129
  149. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  150. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  151. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  152. package/docs/components/Nav/examples/Navigation.md +66 -66
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  154. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  155. package/docs/components/Page/examples/Page.md +1 -1
  156. package/docs/components/Pagination/examples/Pagination.md +92 -92
  157. package/docs/components/Popover/examples/Popover.md +22 -22
  158. package/docs/components/Progress/examples/Progress.md +7 -7
  159. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  160. package/docs/components/Slider/examples/Slider.md +4 -4
  161. package/docs/components/Table/examples/Table.md +479 -479
  162. package/docs/components/Tabs/examples/Tabs.md +378 -378
  163. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  164. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  165. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  166. package/docs/components/TreeView/examples/TreeView.md +104 -104
  167. package/docs/components/Wizard/examples/Wizard.md +40 -40
  168. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  169. package/docs/demos/Alert/examples/Alert.md +32 -32
  170. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  171. package/docs/demos/Banner/examples/Banner.md +16 -16
  172. package/docs/demos/Button/examples/Button.md +1 -1
  173. package/docs/demos/Card/examples/Card.md +78 -78
  174. package/docs/demos/CardView/examples/CardView.md +38 -38
  175. package/docs/demos/Compass/examples/Compass.md +219 -219
  176. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  177. package/docs/demos/DataList/examples/DataList.md +101 -101
  178. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  179. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  180. package/docs/demos/Form/examples/BasicForms.md +21 -21
  181. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  182. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  183. package/docs/demos/Modal/examples/Modal.md +54 -54
  184. package/docs/demos/Nav/examples/Nav.md +93 -93
  185. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  186. package/docs/demos/Page/examples/Page.md +119 -119
  187. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  188. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  189. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  190. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  191. package/docs/demos/Table/examples/Table.md +630 -630
  192. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  193. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  194. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  195. package/layouts/Gallery/gallery.css +1 -1
  196. package/layouts/Gallery/gallery.scss +1 -1
  197. package/layouts/Grid/grid.css +1 -1
  198. package/layouts/Grid/grid.scss +1 -1
  199. package/layouts/_index.css +2 -2
  200. package/package.json +11 -12
  201. package/patternfly-addons.css +12 -12
  202. package/patternfly-base-no-globals.css +61 -61
  203. package/patternfly-base.css +61 -61
  204. package/patternfly-no-globals.css +195 -192
  205. package/patternfly.css +195 -192
  206. package/patternfly.min.css +1 -1
  207. package/patternfly.min.css.map +1 -1
  208. package/sass-utilities/mixins.scss +2 -2
  209. package/utilities/Accessibility/accessibility.css +12 -12
  210. package/utilities/_index.css +12 -12
package/patternfly.css CHANGED
@@ -158,9 +158,9 @@ button) {
158
158
  inset-block-start: 0;
159
159
  inset-inline-start: 0;
160
160
  overflow: hidden;
161
- clip: rect(0, 0, 0, 0);
162
161
  white-space: nowrap;
163
162
  border: 0;
163
+ clip-path: inset(50%);
164
164
  }
165
165
  .pf-v6-screen-reader.pf-m-full-size {
166
166
  width: 100%;
@@ -263,8 +263,8 @@ button) {
263
263
  }
264
264
  }
265
265
  :root {
266
- container-type: inline-size;
267
266
  container-name: pf-v6-contain-viewport pf-v6-contain-table;
267
+ container-type: inline-size;
268
268
  }
269
269
 
270
270
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -5884,13 +5884,13 @@ button) {
5884
5884
  .far,
5885
5885
  .fal,
5886
5886
  .fab {
5887
- -moz-osx-font-smoothing: grayscale;
5888
- -webkit-font-smoothing: antialiased;
5889
5887
  display: inline-block;
5890
5888
  font-style: normal;
5891
5889
  font-variant: normal;
5892
- text-rendering: auto;
5893
5890
  line-height: 1;
5891
+ text-rendering: auto;
5892
+ -moz-osx-font-smoothing: grayscale;
5893
+ -webkit-font-smoothing: antialiased;
5894
5894
  }
5895
5895
 
5896
5896
  @font-face {
@@ -6555,12 +6555,12 @@ button) {
6555
6555
  --pf-t--color--yellow--60: #96640f;
6556
6556
  --pf-t--color--yellow--70: #73480b;
6557
6557
  --pf-t--color--yellow--80: #54330b;
6558
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6559
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6560
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6561
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6558
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
6559
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
6560
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
6561
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
6562
6562
  --pf-t--global--background--filter--glass--blur--primary: initial;
6563
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6563
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
6564
6564
  --pf-t--global--border--radius--0: 0px;
6565
6565
  --pf-t--global--border--radius--100: 4px;
6566
6566
  --pf-t--global--border--radius--200: 6px;
@@ -6598,8 +6598,8 @@ button) {
6598
6598
  --pf-t--global--box-shadow--blur--100: 6px;
6599
6599
  --pf-t--global--box-shadow--blur--200: 10px;
6600
6600
  --pf-t--global--box-shadow--blur--300: 20px;
6601
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6602
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6601
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
6602
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
6603
6603
  --pf-t--global--box-shadow--spread--100: 0px;
6604
6604
  --pf-t--global--box-shadow--spread--200: -4px;
6605
6605
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -7472,10 +7472,10 @@ button) {
7472
7472
  }
7473
7473
 
7474
7474
  :root:where(.pf-v6-theme-high-contrast) {
7475
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7476
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7477
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7478
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7475
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
7476
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
7477
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
7478
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
7479
7479
  --pf-t--global--background--filter--glass--blur--primary: initial;
7480
7480
  --pf-t--global--border--radius--0: 0px;
7481
7481
  --pf-t--global--border--radius--100: 4px;
@@ -7509,8 +7509,8 @@ button) {
7509
7509
  --pf-t--global--box-shadow--blur--100: 6px;
7510
7510
  --pf-t--global--box-shadow--blur--200: 10px;
7511
7511
  --pf-t--global--box-shadow--blur--300: 20px;
7512
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7513
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7512
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
7513
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
7514
7514
  --pf-t--global--box-shadow--spread--100: 0px;
7515
7515
  --pf-t--global--box-shadow--spread--200: -4px;
7516
7516
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -8227,13 +8227,13 @@ button) {
8227
8227
  }
8228
8228
 
8229
8229
  :root:where(.pf-v6-theme-glass) {
8230
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8231
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8232
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8233
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8234
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8235
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8236
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8230
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8231
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8232
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8233
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8234
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8235
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8236
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8237
8237
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8238
8238
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8239
8239
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8372,13 +8372,13 @@ button) {
8372
8372
  }
8373
8373
 
8374
8374
  :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8375
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8376
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8377
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8378
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8379
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8380
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8381
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8375
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8376
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8377
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8378
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8379
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8380
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8381
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8382
8382
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8383
8383
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8384
8384
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8399,15 +8399,15 @@ button) {
8399
8399
  }
8400
8400
 
8401
8401
  :root:where(.pf-v6-theme-dark) {
8402
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8403
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8402
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8403
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8404
8404
  --pf-t--global--background--filter--glass--blur--primary: initial;
8405
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
8406
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8407
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8408
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8409
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8410
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8405
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
8406
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8407
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8408
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8409
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8410
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8411
8411
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8412
8412
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8413
8413
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -8857,14 +8857,14 @@ button) {
8857
8857
  }
8858
8858
 
8859
8859
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8860
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8861
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8860
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8861
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8862
8862
  --pf-t--global--background--filter--glass--blur--primary: initial;
8863
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8864
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8865
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8866
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8867
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8863
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8864
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8865
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8866
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8867
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8868
8868
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8869
8869
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8870
8870
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -9298,13 +9298,13 @@ button) {
9298
9298
  }
9299
9299
 
9300
9300
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
9301
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9302
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9303
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9304
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9305
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9306
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9307
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9301
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9302
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9303
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9304
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9305
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9306
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9307
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9308
9308
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9309
9309
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9310
9310
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9367,13 +9367,13 @@ button) {
9367
9367
  }
9368
9368
 
9369
9369
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9370
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9371
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9372
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9373
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9374
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9375
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9376
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9370
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9371
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9372
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9373
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9374
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9375
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9376
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9377
9377
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9378
9378
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9379
9379
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9573,7 +9573,7 @@ button) {
9573
9573
  overflow-x: hidden;
9574
9574
  overflow-y: auto;
9575
9575
  overscroll-behavior: contain;
9576
- word-break: break-word;
9576
+ overflow-wrap: break-word;
9577
9577
  -webkit-overflow-scrolling: touch;
9578
9578
  }
9579
9579
  @media screen and (min-width: 36rem) {
@@ -9650,7 +9650,9 @@ button) {
9650
9650
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
9651
9651
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
9652
9652
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
9653
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
9653
9654
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
9655
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
9654
9656
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
9655
9657
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9656
9658
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -9783,6 +9785,7 @@ button) {
9783
9785
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9784
9786
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9785
9787
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9788
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
9786
9789
  }
9787
9790
 
9788
9791
  .pf-v6-c-accordion__toggle {
@@ -9830,8 +9833,8 @@ button) {
9830
9833
  }
9831
9834
 
9832
9835
  .pf-v6-c-accordion__toggle-icon {
9833
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9834
9836
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9837
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9835
9838
  }
9836
9839
 
9837
9840
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9839,26 +9842,27 @@ button) {
9839
9842
  }
9840
9843
 
9841
9844
  .pf-v6-c-accordion__expandable-content {
9845
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9842
9846
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9843
9847
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9844
9848
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
9845
9849
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
9850
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9846
9851
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9847
9852
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9848
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9849
9853
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9850
9854
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9851
9855
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9852
9856
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9857
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9853
9858
  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);
9854
9859
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9855
9860
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9856
9861
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9857
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9858
9862
  }
9859
9863
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9864
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
9860
9865
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
9861
- overflow-y: auto;
9862
9866
  }
9863
9867
 
9864
9868
  .pf-v6-c-accordion__expandable-content-body {
@@ -10058,8 +10062,8 @@ button) {
10058
10062
 
10059
10063
  .pf-v6-c-alert__toggle-icon {
10060
10064
  display: inline-block;
10061
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10062
10065
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
10066
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10063
10067
  }
10064
10068
 
10065
10069
  .pf-v6-c-alert__icon {
@@ -10074,7 +10078,7 @@ button) {
10074
10078
  grid-area: title;
10075
10079
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10076
10080
  color: var(--pf-v6-c-alert__title--Color);
10077
- word-break: break-word;
10081
+ overflow-wrap: break-word;
10078
10082
  }
10079
10083
  .pf-v6-c-alert__title.pf-m-truncate {
10080
10084
  display: -webkit-box;
@@ -10086,7 +10090,7 @@ button) {
10086
10090
  .pf-v6-c-alert__description {
10087
10091
  grid-area: description;
10088
10092
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10089
- word-break: break-word;
10093
+ overflow-wrap: break-word;
10090
10094
  }
10091
10095
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10092
10096
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10236,8 +10240,8 @@ button) {
10236
10240
  display: grid;
10237
10241
  grid-template-rows: 1fr;
10238
10242
  opacity: 1;
10239
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10240
10243
  transform: translateX(0) translateY(0);
10244
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10241
10245
  }
10242
10246
  @media screen and (prefers-reduced-motion: no-preference) {
10243
10247
  .pf-v6-c-alert-group__item {
@@ -10982,10 +10986,10 @@ button) {
10982
10986
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10983
10987
  line-height: inherit;
10984
10988
  color: var(--pf-v6-c-breadcrumb__link--Color);
10989
+ overflow-wrap: break-word;
10985
10990
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10986
10991
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10987
10992
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10988
- word-break: break-word;
10989
10993
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10990
10994
  }
10991
10995
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11403,10 +11407,10 @@ button.pf-v6-c-breadcrumb__link {
11403
11407
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11404
11408
  color: var(--pf-v6-c-button--Color);
11405
11409
  text-align: center;
11410
+ white-space: nowrap;
11406
11411
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11407
11412
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11408
11413
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11409
- white-space: nowrap;
11410
11414
  cursor: pointer;
11411
11415
  -webkit-user-select: none;
11412
11416
  user-select: none;
@@ -11416,11 +11420,11 @@ button.pf-v6-c-breadcrumb__link {
11416
11420
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11417
11421
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11418
11422
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
11423
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11419
11424
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11420
11425
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11421
11426
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11422
11427
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11423
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11424
11428
  }
11425
11429
  .pf-v6-c-button::after {
11426
11430
  position: absolute;
@@ -11547,10 +11551,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11547
11551
  --pf-v6-c-button--hover--BorderWidth: 0;
11548
11552
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11549
11553
  text-align: start;
11550
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11551
11554
  white-space: normal;
11552
- background: transparent;
11555
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11553
11556
  outline-offset: 0.125rem;
11557
+ background: transparent;
11554
11558
  }
11555
11559
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11556
11560
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11908,12 +11912,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11908
11912
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11909
11913
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11910
11914
  color: var(--pf-v6-c-button__icon--Color);
11915
+ rotate: var(--pf-v6-c-button__icon--Rotate);
11916
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11911
11917
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11912
11918
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11913
11919
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11914
11920
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11915
- rotate: var(--pf-v6-c-button__icon--Rotate);
11916
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11917
11921
  }
11918
11922
  .pf-v6-c-button__icon.pf-m-start {
11919
11923
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12340,8 +12344,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12340
12344
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12341
12345
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12342
12346
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12343
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12344
12347
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12348
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12345
12349
  }
12346
12350
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12347
12351
  gap: 0;
@@ -12583,9 +12587,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12583
12587
  }
12584
12588
 
12585
12589
  .pf-v6-c-card__clickable-action {
12590
+ outline: 0;
12586
12591
  background: none;
12587
12592
  border: 0;
12588
- outline: 0;
12589
12593
  }
12590
12594
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12591
12595
  pointer-events: none;
@@ -12653,7 +12657,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12653
12657
  .pf-v6-c-check {
12654
12658
  display: grid;
12655
12659
  grid-template-columns: auto 1fr;
12656
- grid-gap: var(--pf-v6-c-check--GridGap);
12660
+ gap: var(--pf-v6-c-check--GridGap);
12657
12661
  accent-color: var(--pf-v6-c-check--AccentColor);
12658
12662
  }
12659
12663
  .pf-v6-c-check.pf-m-standalone {
@@ -12784,7 +12788,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12784
12788
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12785
12789
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12786
12790
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12787
- word-wrap: break-word;
12791
+ overflow-wrap: break-word;
12788
12792
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12789
12793
  background-clip: padding-box;
12790
12794
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12800,7 +12804,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12800
12804
  }
12801
12805
 
12802
12806
  .pf-v6-c-clipboard-copy__text {
12803
- word-break: break-word;
12807
+ overflow-wrap: break-word;
12804
12808
  white-space: normal;
12805
12809
  }
12806
12810
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13289,8 +13293,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13289
13293
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13290
13294
  .pf-v6-c-compass__main-footer,
13291
13295
  .pf-v6-c-compass__footer {
13292
- margin: 0;
13293
13296
  visibility: hidden;
13297
+ margin: 0;
13294
13298
  opacity: 0;
13295
13299
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13296
13300
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13411,8 +13415,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13411
13415
  flex-direction: column;
13412
13416
  grid-area: dock;
13413
13417
  width: var(--pf-v6-c-compass__dock--Width);
13414
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13415
13418
  translate: -100% 0;
13419
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13416
13420
  }
13417
13421
  .pf-v6-c-compass__dock.pf-m-expanded {
13418
13422
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
@@ -13438,9 +13442,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13438
13442
  .pf-v6-c-compass__dock-main {
13439
13443
  flex-grow: 1;
13440
13444
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13441
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13442
13445
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13443
13446
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13447
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13444
13448
  }
13445
13449
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13446
13450
  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);
@@ -13771,8 +13775,8 @@ ul) {
13771
13775
  @media screen and (min-width: 36rem) {
13772
13776
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13773
13777
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13774
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13775
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13778
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13779
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13776
13780
  }
13777
13781
  }
13778
13782
 
@@ -14561,8 +14565,8 @@ ul) {
14561
14565
  .pf-v6-c-data-list__toggle-icon {
14562
14566
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14563
14567
  pointer-events: none;
14564
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14565
14568
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14569
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14566
14570
  }
14567
14571
 
14568
14572
  .pf-v6-c-data-list__item-content {
@@ -14779,7 +14783,6 @@ ul) {
14779
14783
  width: 100%;
14780
14784
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14781
14785
  break-inside: avoid;
14782
- page-break-inside: avoid;
14783
14786
  -webkit-column-break-inside: avoid;
14784
14787
  -moz-column-break-inside: avoid;
14785
14788
  }
@@ -15187,9 +15190,9 @@ ul) {
15187
15190
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15188
15191
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15189
15192
  overflow: auto;
15193
+ outline-offset: 2px;
15190
15194
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15191
15195
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15192
- outline-offset: 2px;
15193
15196
  }
15194
15197
 
15195
15198
  .pf-v6-c-dual-list-selector__list {
@@ -15225,25 +15228,25 @@ ul) {
15225
15228
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15226
15229
  }
15227
15230
  .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 {
15228
- max-height: 0;
15229
15231
  visibility: hidden;
15232
+ max-height: 0;
15230
15233
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15234
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15231
15235
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15232
15236
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15233
15237
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15234
15238
  transition-property: opacity, translate, visibility, max-height;
15235
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15236
15239
  }
15237
15240
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15238
15241
  --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);
15239
15242
  }
15240
15243
  .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 {
15241
- max-height: 99999px;
15242
15244
  visibility: revert;
15245
+ max-height: 99999px;
15243
15246
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15247
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15244
15248
  transition-delay: 0s;
15245
15249
  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;
15246
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15247
15250
  }
15248
15251
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15249
15252
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15378,10 +15381,10 @@ ul) {
15378
15381
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15379
15382
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15380
15383
  text-align: center;
15384
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15381
15385
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15382
15386
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15383
15387
  transition-property: transform;
15384
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15385
15388
  }
15386
15389
 
15387
15390
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16166,6 +16169,7 @@ ul) {
16166
16169
  .pf-v6-c-drawer__panel {
16167
16170
  position: relative;
16168
16171
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16172
+ visibility: hidden;
16169
16173
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16170
16174
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16171
16175
  order: 1;
@@ -16173,7 +16177,6 @@ ul) {
16173
16177
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16174
16178
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16175
16179
  overflow: auto;
16176
- visibility: hidden;
16177
16180
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16178
16181
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16179
16182
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16283,8 +16286,8 @@ ul) {
16283
16286
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16284
16287
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16285
16288
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16286
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16287
16289
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16290
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16288
16291
  }
16289
16292
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16290
16293
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -17074,8 +17077,8 @@ ul) {
17074
17077
  display: inline-block;
17075
17078
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
17076
17079
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
17077
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17078
17080
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17081
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17079
17082
  }
17080
17083
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
17081
17084
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -17090,15 +17093,15 @@ ul) {
17090
17093
  display: revert;
17091
17094
  }
17092
17095
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17096
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17093
17097
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
17094
17098
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
17095
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17096
17099
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17100
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17097
17101
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
17098
17102
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
17099
17103
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
17100
17104
  transition-property: opacity, translate, visibility, max-height;
17101
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17102
17105
  }
17103
17106
 
17104
17107
  .pf-v6-c-file-upload {
@@ -17269,7 +17272,7 @@ ul) {
17269
17272
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17270
17273
  display: grid;
17271
17274
  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);
17272
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17275
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17273
17276
  }
17274
17277
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17275
17278
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17297,7 +17300,7 @@ ul) {
17297
17300
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17298
17301
  display: grid;
17299
17302
  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);
17300
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17303
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17301
17304
  }
17302
17305
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17303
17306
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17325,7 +17328,7 @@ ul) {
17325
17328
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17326
17329
  display: grid;
17327
17330
  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);
17328
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17331
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17329
17332
  }
17330
17333
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17331
17334
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17353,7 +17356,7 @@ ul) {
17353
17356
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17354
17357
  display: grid;
17355
17358
  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);
17356
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17359
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17357
17360
  }
17358
17361
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17359
17362
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17381,7 +17384,7 @@ ul) {
17381
17384
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17382
17385
  display: grid;
17383
17386
  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);
17384
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17387
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17385
17388
  }
17386
17389
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17387
17390
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17409,7 +17412,7 @@ ul) {
17409
17412
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17410
17413
  display: grid;
17411
17414
  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);
17412
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17415
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17413
17416
  }
17414
17417
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17415
17418
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17437,7 +17440,7 @@ ul) {
17437
17440
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17438
17441
  display: grid;
17439
17442
  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);
17440
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17443
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17441
17444
  }
17442
17445
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17443
17446
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17610,14 +17613,14 @@ ul) {
17610
17613
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17611
17614
  }
17612
17615
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17616
+ visibility: visible;
17613
17617
  max-height: 99999px;
17614
17618
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17615
17619
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17616
- visibility: visible;
17617
17620
  opacity: 1;
17621
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17618
17622
  transition-delay: 0s;
17619
17623
  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;
17620
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17621
17624
  }
17622
17625
 
17623
17626
  .pf-v6-c-form__field-group-toggle {
@@ -17639,10 +17642,10 @@ ul) {
17639
17642
  display: inline-block;
17640
17643
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17641
17644
  text-align: center;
17645
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17642
17646
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17643
17647
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17644
17648
  transition-property: transform;
17645
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17646
17649
  }
17647
17650
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17648
17651
  scale: -1 1;
@@ -17691,15 +17694,15 @@ ul) {
17691
17694
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17692
17695
  }
17693
17696
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17697
+ visibility: hidden;
17694
17698
  max-height: 0;
17695
17699
  padding-block-start: 0;
17696
17700
  padding-block-end: 0;
17697
- visibility: hidden;
17698
17701
  opacity: 0;
17702
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17699
17703
  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);
17700
17704
  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;
17701
17705
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17702
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17703
17706
  }
17704
17707
 
17705
17708
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17859,10 +17862,10 @@ ul) {
17859
17862
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17860
17863
  color: var(--pf-v6-c-form-control--Color);
17861
17864
  appearance: none;
17865
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17862
17866
  background-color: transparent;
17863
17867
  border: none;
17864
17868
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17865
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17866
17869
  }
17867
17870
  .pf-v6-c-form-control > ::placeholder {
17868
17871
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18228,8 +18231,8 @@ ul) {
18228
18231
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18229
18232
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18230
18233
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18231
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18232
18234
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18235
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18233
18236
  }
18234
18237
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18235
18238
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18265,7 +18268,7 @@ ul) {
18265
18268
  .pf-v6-c-hint {
18266
18269
  display: grid;
18267
18270
  grid-template-columns: 1fr auto;
18268
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18271
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18269
18272
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18270
18273
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18271
18274
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18713,20 +18716,20 @@ ul) {
18713
18716
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18714
18717
  }
18715
18718
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18719
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18716
18720
  flex-grow: 1;
18717
18721
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18718
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18719
18722
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18723
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18724
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18720
18725
  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);
18721
18726
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18722
18727
  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;
18723
18728
  transition-property: opacity, scale, visibility, max-width;
18724
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18725
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18726
18729
  }
18727
18730
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18728
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18729
18731
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18732
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18730
18733
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18731
18734
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18732
18735
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18734,8 +18737,8 @@ ul) {
18734
18737
  transition-property: opacity, visibility, max-width;
18735
18738
  }
18736
18739
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18737
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18738
18740
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18741
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18739
18742
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18740
18743
  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);
18741
18744
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -19062,10 +19065,10 @@ label.pf-v6-c-input-group__text {
19062
19065
  .pf-v6-c-jump-links__toggle-icon {
19063
19066
  display: inline-block;
19064
19067
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19068
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19065
19069
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
19066
19070
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
19067
19071
  transition-property: transform;
19068
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19069
19072
  }
19070
19073
 
19071
19074
  .pf-v6-c-label {
@@ -19278,9 +19281,9 @@ label.pf-v6-c-input-group__text {
19278
19281
  font-size: var(--pf-v6-c-label--FontSize);
19279
19282
  white-space: nowrap;
19280
19283
  background: transparent;
19281
- isolation: isolate;
19282
19284
  border: 0;
19283
19285
  border-radius: var(--pf-v6-c-label--BorderRadius);
19286
+ isolation: isolate;
19284
19287
  }
19285
19288
  .pf-v6-c-label.pf-m-blue {
19286
19289
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19938,7 +19941,7 @@ ul.pf-v6-c-list {
19938
19941
  display: grid;
19939
19942
  grid-template-areas: "main header" "main footer" "main .";
19940
19943
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19941
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19944
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19942
19945
  justify-content: center;
19943
19946
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19944
19947
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19964,10 +19967,10 @@ ul.pf-v6-c-list {
19964
19967
  align-self: start;
19965
19968
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19966
19969
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19967
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19968
19970
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19969
19971
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19970
19972
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19973
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19971
19974
  }
19972
19975
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19973
19976
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20311,9 +20314,9 @@ ul.pf-v6-c-list {
20311
20314
  }
20312
20315
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20313
20316
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20314
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20315
20317
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20316
20318
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20319
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20317
20320
  }
20318
20321
 
20319
20322
  .pf-v6-c-masthead__main {
@@ -21022,8 +21025,8 @@ ul.pf-v6-c-list {
21022
21025
  }
21023
21026
 
21024
21027
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
21025
- overflow: hidden;
21026
21028
  visibility: visible;
21029
+ overflow: hidden;
21027
21030
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
21028
21031
  }
21029
21032
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -21049,8 +21052,8 @@ ul.pf-v6-c-list {
21049
21052
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21050
21053
  }
21051
21054
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
21052
- overflow: visible;
21053
21055
  visibility: hidden;
21056
+ overflow: visible;
21054
21057
  }
21055
21058
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
21056
21059
  .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) {
@@ -21191,10 +21194,10 @@ ul.pf-v6-c-list {
21191
21194
  color: var(--pf-v6-c-menu__item--Color);
21192
21195
  text-align: start;
21193
21196
  text-decoration-line: none;
21197
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21194
21198
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21195
21199
  border: 0;
21196
21200
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21197
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21198
21201
  --pf-v6-hidden-visible--visible--Display: flex;
21199
21202
  --pf-v6-hidden-visible--hidden--Display: none;
21200
21203
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21288,7 +21291,7 @@ ul.pf-v6-c-list {
21288
21291
  .pf-v6-c-menu__item-description {
21289
21292
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21290
21293
  color: var(--pf-v6-c-menu__item-description--Color);
21291
- word-break: break-word;
21294
+ overflow-wrap: break-word;
21292
21295
  }
21293
21296
 
21294
21297
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21871,10 +21874,10 @@ ul.pf-v6-c-list {
21871
21874
 
21872
21875
  .pf-v6-c-menu-toggle__icon {
21873
21876
  flex-shrink: 0;
21877
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21874
21878
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21875
21879
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21876
21880
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21877
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21878
21881
  }
21879
21882
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21880
21883
  vertical-align: middle;
@@ -22082,7 +22085,7 @@ ul.pf-v6-c-list {
22082
22085
  overflow-x: hidden;
22083
22086
  overflow-y: auto;
22084
22087
  overscroll-behavior: contain;
22085
- word-break: break-word;
22088
+ overflow-wrap: break-word;
22086
22089
  -webkit-overflow-scrolling: touch;
22087
22090
  }
22088
22091
  .pf-v6-c-modal-box__body:last-child {
@@ -22531,17 +22534,17 @@ ul.pf-v6-c-list {
22531
22534
 
22532
22535
  .pf-v6-c-nav__subnav {
22533
22536
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22537
+ visibility: visible;
22534
22538
  max-height: 99999px;
22535
22539
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22536
22540
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22537
22541
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22538
22542
  overflow-y: clip;
22539
- visibility: visible;
22543
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22540
22544
  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);
22541
22545
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22542
22546
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22543
22547
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22544
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22545
22548
  }
22546
22549
  .pf-v6-c-nav__subnav[hidden] {
22547
22550
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22551,8 +22554,8 @@ ul.pf-v6-c-list {
22551
22554
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22552
22555
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22553
22556
  display: grid;
22554
- max-height: 0;
22555
22557
  visibility: hidden;
22558
+ max-height: 0;
22556
22559
  opacity: 0;
22557
22560
  }
22558
22561
 
@@ -22570,10 +22573,10 @@ ul.pf-v6-c-list {
22570
22573
  content: var(--pf-v6-c-nav__item--accent--content, "");
22571
22574
  background-color: var(--pf-v6-c-nav__item--accent--color);
22572
22575
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22576
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22573
22577
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22574
22578
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22575
22579
  transition-property: scale;
22576
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22577
22580
  }
22578
22581
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22579
22582
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22661,10 +22664,10 @@ ul.pf-v6-c-list {
22661
22664
 
22662
22665
  .pf-v6-c-nav__toggle-icon {
22663
22666
  display: inline-block;
22667
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22664
22668
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22665
22669
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22666
22670
  transition-property: transform;
22667
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22668
22671
  }
22669
22672
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22670
22673
  scale: -1 1;
@@ -22897,9 +22900,9 @@ ul.pf-v6-c-list {
22897
22900
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22898
22901
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22899
22902
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22903
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22900
22904
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22901
22905
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22902
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22903
22906
  }
22904
22907
  .pf-v6-c-notification-drawer__list-item::before {
22905
22908
  position: absolute;
@@ -22956,7 +22959,7 @@ ul.pf-v6-c-list {
22956
22959
 
22957
22960
  .pf-v6-c-notification-drawer__list-item-header-title {
22958
22961
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22959
- word-break: break-word;
22962
+ overflow-wrap: break-word;
22960
22963
  }
22961
22964
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22962
22965
  display: -webkit-box;
@@ -22978,7 +22981,7 @@ ul.pf-v6-c-list {
22978
22981
  grid-row: 2/3;
22979
22982
  grid-column: 1/2;
22980
22983
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22981
- word-break: break-word;
22984
+ overflow-wrap: break-word;
22982
22985
  }
22983
22986
 
22984
22987
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23009,9 +23012,9 @@ ul.pf-v6-c-list {
23009
23012
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
23010
23013
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
23011
23014
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23015
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23012
23016
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
23013
23017
  border: none;
23014
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23015
23018
  }
23016
23019
 
23017
23020
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -23023,7 +23026,7 @@ ul.pf-v6-c-list {
23023
23026
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23024
23027
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23025
23028
  text-align: start;
23026
- word-break: break-word;
23029
+ overflow-wrap: break-word;
23027
23030
  }
23028
23031
 
23029
23032
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23527,9 +23530,9 @@ ul.pf-v6-c-list {
23527
23530
  .pf-v6-c-page__dock-main {
23528
23531
  flex-grow: 1;
23529
23532
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23530
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23531
23533
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23532
23534
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23535
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23533
23536
  }
23534
23537
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23535
23538
  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);
@@ -23611,10 +23614,10 @@ ul.pf-v6-c-list {
23611
23614
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23612
23615
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23613
23616
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23614
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23615
23617
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23616
23618
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23617
23619
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23620
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23618
23621
  }
23619
23622
 
23620
23623
  .pf-v6-c-page__sidebar-header {
@@ -23980,7 +23983,6 @@ ul.pf-v6-c-list {
23980
23983
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23981
23984
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23982
23985
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23983
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23984
23986
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23985
23987
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23986
23988
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23988,6 +23990,7 @@ ul.pf-v6-c-list {
23988
23990
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23989
23991
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23990
23992
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
23993
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23991
23994
  }
23992
23995
  @media screen and (max-width: calc(48rem - 1px)) {
23993
23996
  .pf-v6-c-page__main-container {
@@ -25012,7 +25015,7 @@ ul.pf-v6-c-list {
25012
25015
  }
25013
25016
 
25014
25017
  .pf-v6-c-popover__body {
25015
- word-wrap: break-word;
25018
+ overflow-wrap: break-word;
25016
25019
  }
25017
25020
 
25018
25021
  .pf-v6-c-popover__footer {
@@ -25057,7 +25060,7 @@ ul.pf-v6-c-list {
25057
25060
  display: grid;
25058
25061
  grid-template-rows: 1fr auto;
25059
25062
  grid-template-columns: auto auto;
25060
- grid-gap: var(--pf-v6-c-progress--GridGap);
25063
+ gap: var(--pf-v6-c-progress--GridGap);
25061
25064
  align-items: end;
25062
25065
  }
25063
25066
  .pf-v6-c-progress.pf-m-sm {
@@ -25151,7 +25154,7 @@ ul.pf-v6-c-list {
25151
25154
 
25152
25155
  .pf-v6-c-progress__description {
25153
25156
  grid-column: 1/2;
25154
- word-break: break-word;
25157
+ overflow-wrap: break-word;
25155
25158
  }
25156
25159
  .pf-v6-c-progress__description.pf-m-truncate {
25157
25160
  overflow: hidden;
@@ -25167,7 +25170,7 @@ ul.pf-v6-c-list {
25167
25170
  align-items: flex-start;
25168
25171
  justify-content: flex-end;
25169
25172
  text-align: end;
25170
- word-break: break-word;
25173
+ overflow-wrap: break-word;
25171
25174
  }
25172
25175
 
25173
25176
  .pf-v6-c-progress__status-icon {
@@ -25430,9 +25433,9 @@ ul.pf-v6-c-list {
25430
25433
  inset-block-start: 0;
25431
25434
  inset-inline-start: 0;
25432
25435
  overflow: hidden;
25433
- clip: rect(0, 0, 0, 0);
25434
25436
  white-space: nowrap;
25435
25437
  border: 0;
25438
+ clip-path: inset(50%);
25436
25439
  }
25437
25440
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25438
25441
  grid-row: 1/2;
@@ -25854,7 +25857,7 @@ ul.pf-v6-c-list {
25854
25857
  .pf-v6-c-radio {
25855
25858
  display: grid;
25856
25859
  grid-template-columns: auto 1fr;
25857
- grid-gap: var(--pf-v6-c-radio--GridGap);
25860
+ gap: var(--pf-v6-c-radio--GridGap);
25858
25861
  align-items: baseline;
25859
25862
  accent-color: var(--pf-v6-c-radio--AccentColor);
25860
25863
  }
@@ -26849,10 +26852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26849
26852
  width: 100%;
26850
26853
  height: 100%;
26851
26854
  stroke: var(--pf-v6-c-spinner--Color);
26855
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26856
+ stroke-linecap: round;
26852
26857
  stroke-dasharray: 283;
26853
26858
  stroke-dashoffset: 280;
26854
- stroke-linecap: round;
26855
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26856
26859
  transform-origin: 50% 50%;
26857
26860
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26858
26861
  }
@@ -27012,8 +27015,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27012
27015
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
27013
27016
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
27014
27017
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
27015
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
27016
27018
  transform: translateY(-50%);
27019
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
27017
27020
  }
27018
27021
  .pf-v6-c-switch__toggle::after {
27019
27022
  position: absolute;
@@ -29010,11 +29013,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29010
29013
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
29011
29014
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
29012
29015
  overflow: var(--pf-v6-c-table--cell--Overflow);
29016
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29013
29017
  font-size: var(--pf-v6-c-table--cell--FontSize);
29014
29018
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
29015
29019
  line-height: var(--pf-v6-c-table--cell--LineHeight);
29016
29020
  color: var(--pf-v6-c-table--cell--Color);
29017
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29018
29021
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29019
29022
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29020
29023
  }
@@ -29120,24 +29123,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29120
29123
  }
29121
29124
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
29122
29125
  cursor: pointer;
29123
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29124
29126
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29127
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29125
29128
  }
29126
29129
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
29127
29130
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
29128
29131
  }
29129
29132
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
29130
29133
  position: relative;
29131
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29132
29134
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29135
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29133
29136
  }
29134
29137
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
29135
29138
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
29136
29139
  }
29137
29140
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
29138
29141
  cursor: pointer;
29139
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29140
29142
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29143
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29141
29144
  }
29142
29145
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
29143
29146
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -29146,8 +29149,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29146
29149
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
29147
29150
  }
29148
29151
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
29149
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29150
29152
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29153
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29151
29154
  }
29152
29155
  .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) {
29153
29156
  border: none;
@@ -29172,11 +29175,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29172
29175
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29173
29176
  visibility: hidden;
29174
29177
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29178
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29175
29179
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29176
29180
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29177
29181
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29178
29182
  transition-property: opacity, translate, visibility, background-color;
29179
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29180
29183
  }
29181
29184
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29182
29185
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29184,9 +29187,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29184
29187
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29185
29188
  visibility: visible;
29186
29189
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29190
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29187
29191
  transition-delay: 0s;
29188
29192
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29189
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29190
29193
  }
29191
29194
  .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 {
29192
29195
  max-height: 99999px;
@@ -29252,8 +29255,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29252
29255
  min-width: var(--pf-v6-c-table__text--MinWidth);
29253
29256
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29254
29257
  overflow: var(--pf-v6-c-table--cell--Overflow);
29255
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29256
29258
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29259
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29257
29260
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29258
29261
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29259
29262
  }
@@ -29282,10 +29285,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29282
29285
  text-align: start;
29283
29286
  white-space: inherit;
29284
29287
  user-select: text;
29288
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29285
29289
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29286
29290
  border: 0;
29287
29291
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29288
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29289
29292
  }
29290
29293
  .pf-v6-c-table__button::after {
29291
29294
  position: absolute;
@@ -29379,10 +29382,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29379
29382
  }
29380
29383
 
29381
29384
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29385
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29382
29386
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29383
29387
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29384
29388
  transition-property: transform;
29385
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29386
29389
  }
29387
29390
  .pf-v6-c-table__toggle svg {
29388
29391
  pointer-events: none;
@@ -29938,8 +29941,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29938
29941
  }
29939
29942
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29940
29943
  position: relative;
29941
- border: none;
29942
29944
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29945
+ border: none;
29943
29946
  }
29944
29947
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29945
29948
  position: absolute;
@@ -29977,7 +29980,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29977
29980
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29978
29981
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29979
29982
  grid-column: 1;
29980
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29983
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29981
29984
  align-items: start;
29982
29985
  }
29983
29986
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30080,8 +30083,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30080
30083
  }
30081
30084
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30082
30085
  position: relative;
30083
- border: none;
30084
30086
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30087
+ border: none;
30085
30088
  }
30086
30089
  .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 {
30087
30090
  position: absolute;
@@ -30119,7 +30122,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30119
30122
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30120
30123
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30121
30124
  grid-column: 1;
30122
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30125
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30123
30126
  align-items: start;
30124
30127
  }
30125
30128
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30223,8 +30226,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30223
30226
  }
30224
30227
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30225
30228
  position: relative;
30226
- border: none;
30227
30229
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30230
+ border: none;
30228
30231
  }
30229
30232
  .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 {
30230
30233
  position: absolute;
@@ -30262,7 +30265,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30262
30265
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30263
30266
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30264
30267
  grid-column: 1;
30265
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30268
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30266
30269
  align-items: start;
30267
30270
  }
30268
30271
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30366,8 +30369,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30366
30369
  }
30367
30370
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30368
30371
  position: relative;
30369
- border: none;
30370
30372
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30373
+ border: none;
30371
30374
  }
30372
30375
  .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 {
30373
30376
  position: absolute;
@@ -30405,7 +30408,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30405
30408
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30406
30409
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30407
30410
  grid-column: 1;
30408
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30411
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30409
30412
  align-items: start;
30410
30413
  }
30411
30414
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30509,8 +30512,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30509
30512
  }
30510
30513
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30511
30514
  position: relative;
30512
- border: none;
30513
30515
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30516
+ border: none;
30514
30517
  }
30515
30518
  .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 {
30516
30519
  position: absolute;
@@ -30548,7 +30551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30548
30551
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30549
30552
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30550
30553
  grid-column: 1;
30551
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30554
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30552
30555
  align-items: start;
30553
30556
  }
30554
30557
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -31101,8 +31104,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31101
31104
 
31102
31105
  .pf-v6-c-tabs__toggle-icon {
31103
31106
  display: inline-block;
31104
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31105
31107
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31108
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31106
31109
  }
31107
31110
 
31108
31111
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31266,8 +31269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31266
31269
  align-self: end;
31267
31270
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31268
31271
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31269
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31270
31272
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31273
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31271
31274
  }
31272
31275
 
31273
31276
  .pf-v6-c-tabs__item-action {
@@ -31530,10 +31533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31530
31533
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31531
31534
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31532
31535
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31536
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31533
31537
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31534
31538
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31535
31539
  transition-property: width, height, translate;
31536
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31537
31540
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31538
31541
  }
31539
31542
  :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 {
@@ -31739,9 +31742,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31739
31742
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31740
31743
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31741
31744
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31745
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31742
31746
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31743
31747
  border: 0;
31744
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31745
31748
  }
31746
31749
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31747
31750
  grid-area: text-input;
@@ -31949,7 +31952,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31949
31952
 
31950
31953
  .pf-v6-c-title {
31951
31954
  font-family: var(--pf-v6-c-title--FontFamily);
31952
- word-break: break-word;
31955
+ overflow-wrap: break-word;
31953
31956
  }
31954
31957
  .pf-v6-c-title.pf-m-4xl {
31955
31958
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32732,10 +32735,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32732
32735
 
32733
32736
  .pf-v6-c-toolbar__expand-all-icon {
32734
32737
  display: inline-flex;
32738
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32735
32739
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32736
32740
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32737
32741
  transition-property: transform;
32738
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32739
32742
  }
32740
32743
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32741
32744
  scale: -1 1;
@@ -34371,7 +34374,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34371
34374
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34372
34375
  color: var(--pf-v6-c-tooltip__content--Color);
34373
34376
  text-align: center;
34374
- word-break: break-word;
34377
+ overflow-wrap: break-word;
34375
34378
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34376
34379
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34377
34380
  }
@@ -34753,19 +34756,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34753
34756
  display: inline-block;
34754
34757
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34755
34758
  text-align: center;
34756
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34757
34759
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34760
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34758
34761
  }
34759
34762
 
34760
34763
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34761
- max-height: 0;
34762
34764
  visibility: hidden;
34765
+ max-height: 0;
34763
34766
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34767
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34764
34768
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34765
34769
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34766
34770
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34767
34771
  transition-property: opacity, translate, visibility, max-height;
34768
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34769
34772
  }
34770
34773
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34771
34774
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34776,12 +34779,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34776
34779
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34777
34780
  }
34778
34781
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34779
- max-height: 99999px;
34780
34782
  visibility: revert;
34783
+ max-height: 99999px;
34781
34784
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34785
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34782
34786
  transition-delay: 0s;
34783
34787
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34784
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34785
34788
  }
34786
34789
 
34787
34790
  .pf-v6-c-tree-view__node,
@@ -35220,7 +35223,7 @@ label.pf-v6-c-tree-view__node-text {
35220
35223
 
35221
35224
  .pf-v6-c-wizard__title {
35222
35225
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35223
- word-wrap: break-word;
35226
+ overflow-wrap: break-word;
35224
35227
  }
35225
35228
 
35226
35229
  .pf-v6-c-wizard__title-text {
@@ -35283,7 +35286,7 @@ label.pf-v6-c-tree-view__node-text {
35283
35286
  align-items: baseline;
35284
35287
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35285
35288
  text-align: start;
35286
- word-break: break-word;
35289
+ overflow-wrap: break-word;
35287
35290
  }
35288
35291
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35289
35292
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35419,8 +35422,8 @@ label.pf-v6-c-tree-view__node-text {
35419
35422
  padding-inline: 0;
35420
35423
  color: var(--pf-v6-c-wizard__nav-link--Color);
35421
35424
  text-align: start;
35425
+ overflow-wrap: break-word;
35422
35426
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35423
- word-break: break-word;
35424
35427
  counter-increment: wizard-nav-count;
35425
35428
  background-color: transparent;
35426
35429
  border: none;
@@ -35525,10 +35528,10 @@ label.pf-v6-c-tree-view__node-text {
35525
35528
 
35526
35529
  .pf-v6-c-wizard__nav-link-toggle-icon {
35527
35530
  display: inline-block;
35531
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35528
35532
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35529
35533
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35530
35534
  transition-property: transform;
35531
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35532
35535
  }
35533
35536
 
35534
35537
  .pf-v6-c-wizard__main {
@@ -35538,7 +35541,7 @@ label.pf-v6-c-tree-view__node-text {
35538
35541
  flex-direction: column;
35539
35542
  overflow-x: hidden;
35540
35543
  overflow-y: auto;
35541
- word-break: break-word;
35544
+ overflow-wrap: break-word;
35542
35545
  }
35543
35546
 
35544
35547
  .pf-v6-c-wizard__main-body {
@@ -37975,7 +37978,7 @@ label.pf-v6-c-tree-view__node-text {
37975
37978
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37976
37979
  }
37977
37980
  .pf-v6-l-gallery.pf-m-gutter {
37978
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37981
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37979
37982
  }
37980
37983
  .pf-v6-l-gallery {
37981
37984
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38968,7 +38971,7 @@ label.pf-v6-c-tree-view__node-text {
38968
38971
  }
38969
38972
  }
38970
38973
  .pf-v6-l-grid.pf-m-gutter {
38971
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38974
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38972
38975
  }
38973
38976
 
38974
38977
  .pf-v6-l-level {