@patternfly/patternfly 6.6.0-prerelease.1 → 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 (209) hide show
  1. package/base/normalize.scss +2 -0
  2. package/base/patternfly-common.css +2 -2
  3. package/base/patternfly-common.scss +1 -1
  4. package/base/patternfly-fa-icons.css +3 -3
  5. package/base/patternfly-fa-icons.scss +3 -3
  6. package/base/patternfly-variables.css +56 -56
  7. package/base/reset.scss +2 -0
  8. package/base/tokens/tokens-charts-dark.scss +1 -1
  9. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  11. package/base/tokens/tokens-charts.scss +1 -1
  12. package/base/tokens/tokens-dark.scss +9 -9
  13. package/base/tokens/tokens-default.scss +8 -8
  14. package/base/tokens/tokens-felt-dark.scss +1 -1
  15. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  16. package/base/tokens/tokens-felt-glass.scss +8 -8
  17. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  19. package/base/tokens/tokens-felt.scss +1 -1
  20. package/base/tokens/tokens-glass-dark.scss +8 -8
  21. package/base/tokens/tokens-glass.scss +8 -8
  22. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  23. package/base/tokens/tokens-highcontrast.scss +7 -7
  24. package/base/tokens/tokens-palette.scss +1 -1
  25. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  26. package/components/AboutModalBox/about-modal-box.css +1 -1
  27. package/components/AboutModalBox/about-modal-box.scss +1 -1
  28. package/components/Accordion/accordion.css +3 -3
  29. package/components/Accordion/accordion.scss +3 -3
  30. package/components/Alert/alert-group.css +1 -1
  31. package/components/Alert/alert-group.scss +1 -1
  32. package/components/Alert/alert.css +3 -3
  33. package/components/Alert/alert.scss +3 -3
  34. package/components/Breadcrumb/breadcrumb.css +1 -1
  35. package/components/Breadcrumb/breadcrumb.scss +1 -1
  36. package/components/Button/button.css +6 -6
  37. package/components/Button/button.scss +6 -6
  38. package/components/Card/card.css +2 -2
  39. package/components/Card/card.scss +3 -3
  40. package/components/Check/check.css +1 -1
  41. package/components/Check/check.scss +1 -1
  42. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  43. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  44. package/components/Compass/compass.css +3 -3
  45. package/components/Compass/compass.scss +3 -3
  46. package/components/Content/content.css +2 -2
  47. package/components/Content/content.scss +2 -2
  48. package/components/DataList/data-list.css +1 -1
  49. package/components/DataList/data-list.scss +1 -1
  50. package/components/DescriptionList/description-list.css +0 -1
  51. package/components/DescriptionList/description-list.scss +0 -1
  52. package/components/Drawer/drawer.css +2 -2
  53. package/components/Drawer/drawer.scss +2 -2
  54. package/components/DualListSelector/dual-list-selector.css +6 -6
  55. package/components/DualListSelector/dual-list-selector.scss +6 -6
  56. package/components/ExpandableSection/expandable-section.css +3 -3
  57. package/components/ExpandableSection/expandable-section.scss +3 -3
  58. package/components/Form/form.css +12 -12
  59. package/components/Form/form.scss +6 -6
  60. package/components/FormControl/form-control.css +1 -1
  61. package/components/FormControl/form-control.scss +3 -1
  62. package/components/Hero/hero.css +1 -1
  63. package/components/Hero/hero.scss +1 -1
  64. package/components/Hint/hint.css +1 -1
  65. package/components/Hint/hint.scss +1 -1
  66. package/components/InputGroup/input-group.css +5 -5
  67. package/components/InputGroup/input-group.scss +5 -5
  68. package/components/JumpLinks/jump-links.css +1 -1
  69. package/components/JumpLinks/jump-links.scss +1 -1
  70. package/components/Label/label.css +1 -1
  71. package/components/Label/label.scss +1 -1
  72. package/components/Login/login.css +2 -2
  73. package/components/Login/login.scss +2 -2
  74. package/components/Masthead/masthead.css +1 -1
  75. package/components/Masthead/masthead.scss +1 -1
  76. package/components/Menu/menu.css +4 -4
  77. package/components/Menu/menu.scss +4 -4
  78. package/components/MenuToggle/menu-toggle.css +1 -1
  79. package/components/MenuToggle/menu-toggle.scss +1 -1
  80. package/components/ModalBox/modal-box.css +1 -1
  81. package/components/ModalBox/modal-box.scss +1 -1
  82. package/components/Nav/nav.css +5 -5
  83. package/components/Nav/nav.scss +5 -5
  84. package/components/NotificationDrawer/notification-drawer.css +5 -5
  85. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  86. package/components/Page/page.css +3 -3
  87. package/components/Page/page.scss +3 -3
  88. package/components/Popover/popover.css +1 -1
  89. package/components/Popover/popover.scss +2 -2
  90. package/components/Progress/progress.css +3 -3
  91. package/components/Progress/progress.scss +3 -6
  92. package/components/ProgressStepper/progress-stepper.css +1 -1
  93. package/components/Radio/radio.css +1 -1
  94. package/components/Radio/radio.scss +1 -1
  95. package/components/Spinner/spinner.css +2 -2
  96. package/components/Spinner/spinner.scss +2 -2
  97. package/components/Switch/switch.css +1 -1
  98. package/components/Switch/switch.scss +1 -1
  99. package/components/Table/table-tree-view.css +10 -10
  100. package/components/Table/table-tree-view.scss +2 -2
  101. package/components/Table/table.css +10 -10
  102. package/components/Table/table.scss +10 -10
  103. package/components/Tabs/tabs.css +3 -3
  104. package/components/Tabs/tabs.scss +3 -3
  105. package/components/TextInputGroup/text-input-group.css +1 -1
  106. package/components/TextInputGroup/text-input-group.scss +1 -1
  107. package/components/Title/title.css +1 -1
  108. package/components/Title/title.scss +1 -1
  109. package/components/Toolbar/toolbar.css +1 -1
  110. package/components/Toolbar/toolbar.scss +1 -1
  111. package/components/Tooltip/tooltip.css +1 -1
  112. package/components/Tooltip/tooltip.scss +2 -2
  113. package/components/TreeView/tree-view.css +5 -5
  114. package/components/TreeView/tree-view.scss +5 -5
  115. package/components/Wizard/wizard.css +5 -5
  116. package/components/Wizard/wizard.scss +5 -5
  117. package/components/_index.css +127 -128
  118. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  119. package/docs/components/Accordion/examples/Accordion.md +30 -30
  120. package/docs/components/ActionList/examples/ActionList.md +11 -11
  121. package/docs/components/Alert/examples/Alert.md +54 -54
  122. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  123. package/docs/components/Banner/examples/Banner.md +10 -10
  124. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  125. package/docs/components/Button/examples/Button.md +184 -184
  126. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  127. package/docs/components/Card/examples/Card.md +14 -14
  128. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  129. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  130. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  131. package/docs/components/DataList/examples/DataList.md +34 -34
  132. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  133. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  134. package/docs/components/Drawer/examples/Drawer.md +22 -22
  135. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  136. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  137. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  138. package/docs/components/Form/examples/Form.md +6 -6
  139. package/docs/components/Hint/examples/Hint.md +3 -3
  140. package/docs/components/Icon/examples/Icon.md +9 -9
  141. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  142. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  143. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  144. package/docs/components/Label/examples/Label.md +218 -218
  145. package/docs/components/Login/examples/Login.md +4 -4
  146. package/docs/components/Masthead/examples/masthead.md +1 -1
  147. package/docs/components/Menu/examples/Menu.md +129 -129
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  149. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  151. package/docs/components/Nav/examples/Navigation.md +66 -66
  152. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  153. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  154. package/docs/components/Page/examples/Page.md +1 -1
  155. package/docs/components/Pagination/examples/Pagination.md +92 -92
  156. package/docs/components/Popover/examples/Popover.md +22 -22
  157. package/docs/components/Progress/examples/Progress.md +7 -7
  158. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  159. package/docs/components/Slider/examples/Slider.md +4 -4
  160. package/docs/components/Table/examples/Table.md +479 -479
  161. package/docs/components/Tabs/examples/Tabs.md +378 -378
  162. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  163. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  164. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  165. package/docs/components/TreeView/examples/TreeView.md +104 -104
  166. package/docs/components/Wizard/examples/Wizard.md +40 -40
  167. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  168. package/docs/demos/Alert/examples/Alert.md +32 -32
  169. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  170. package/docs/demos/Banner/examples/Banner.md +16 -16
  171. package/docs/demos/Button/examples/Button.md +1 -1
  172. package/docs/demos/Card/examples/Card.md +78 -78
  173. package/docs/demos/CardView/examples/CardView.md +38 -38
  174. package/docs/demos/Compass/examples/Compass.md +219 -219
  175. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  176. package/docs/demos/DataList/examples/DataList.md +101 -101
  177. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  178. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  179. package/docs/demos/Form/examples/BasicForms.md +21 -21
  180. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  181. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  182. package/docs/demos/Modal/examples/Modal.md +54 -54
  183. package/docs/demos/Nav/examples/Nav.md +93 -93
  184. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  185. package/docs/demos/Page/examples/Page.md +119 -119
  186. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  187. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  188. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  189. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  190. package/docs/demos/Table/examples/Table.md +630 -630
  191. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  192. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  193. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  194. package/layouts/Gallery/gallery.css +1 -1
  195. package/layouts/Gallery/gallery.scss +1 -1
  196. package/layouts/Grid/grid.css +1 -1
  197. package/layouts/Grid/grid.scss +1 -1
  198. package/layouts/_index.css +2 -2
  199. package/package.json +11 -12
  200. package/patternfly-addons.css +12 -12
  201. package/patternfly-base-no-globals.css +61 -61
  202. package/patternfly-base.css +61 -61
  203. package/patternfly-no-globals.css +190 -191
  204. package/patternfly.css +190 -191
  205. package/patternfly.min.css +1 -1
  206. package/patternfly.min.css.map +1 -1
  207. package/sass-utilities/mixins.scss +2 -2
  208. package/utilities/Accessibility/accessibility.css +12 -12
  209. 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) {
@@ -9833,8 +9833,8 @@ button) {
9833
9833
  }
9834
9834
 
9835
9835
  .pf-v6-c-accordion__toggle-icon {
9836
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9837
9836
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9837
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9838
9838
  }
9839
9839
 
9840
9840
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9842,6 +9842,7 @@ button) {
9842
9842
  }
9843
9843
 
9844
9844
  .pf-v6-c-accordion__expandable-content {
9845
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9845
9846
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9846
9847
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9847
9848
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -9849,16 +9850,15 @@ button) {
9849
9850
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9850
9851
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9851
9852
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9852
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9853
9853
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9854
9854
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9855
9855
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9856
9856
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9857
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9857
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);
9858
9859
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9859
9860
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9860
9861
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9861
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9862
9862
  }
9863
9863
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9864
9864
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -10062,8 +10062,8 @@ button) {
10062
10062
 
10063
10063
  .pf-v6-c-alert__toggle-icon {
10064
10064
  display: inline-block;
10065
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
10066
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);
10067
10067
  }
10068
10068
 
10069
10069
  .pf-v6-c-alert__icon {
@@ -10078,7 +10078,7 @@ button) {
10078
10078
  grid-area: title;
10079
10079
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10080
10080
  color: var(--pf-v6-c-alert__title--Color);
10081
- word-break: break-word;
10081
+ overflow-wrap: break-word;
10082
10082
  }
10083
10083
  .pf-v6-c-alert__title.pf-m-truncate {
10084
10084
  display: -webkit-box;
@@ -10090,7 +10090,7 @@ button) {
10090
10090
  .pf-v6-c-alert__description {
10091
10091
  grid-area: description;
10092
10092
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10093
- word-break: break-word;
10093
+ overflow-wrap: break-word;
10094
10094
  }
10095
10095
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10096
10096
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10240,8 +10240,8 @@ button) {
10240
10240
  display: grid;
10241
10241
  grid-template-rows: 1fr;
10242
10242
  opacity: 1;
10243
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10244
10243
  transform: translateX(0) translateY(0);
10244
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10245
10245
  }
10246
10246
  @media screen and (prefers-reduced-motion: no-preference) {
10247
10247
  .pf-v6-c-alert-group__item {
@@ -10986,10 +10986,10 @@ button) {
10986
10986
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10987
10987
  line-height: inherit;
10988
10988
  color: var(--pf-v6-c-breadcrumb__link--Color);
10989
+ overflow-wrap: break-word;
10989
10990
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10990
10991
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10991
10992
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10992
- word-break: break-word;
10993
10993
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10994
10994
  }
10995
10995
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11407,10 +11407,10 @@ button.pf-v6-c-breadcrumb__link {
11407
11407
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11408
11408
  color: var(--pf-v6-c-button--Color);
11409
11409
  text-align: center;
11410
+ white-space: nowrap;
11410
11411
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11411
11412
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11412
11413
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11413
- white-space: nowrap;
11414
11414
  cursor: pointer;
11415
11415
  -webkit-user-select: none;
11416
11416
  user-select: none;
@@ -11420,11 +11420,11 @@ button.pf-v6-c-breadcrumb__link {
11420
11420
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11421
11421
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11422
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);
11423
11424
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11424
11425
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11425
11426
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11426
11427
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11427
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11428
11428
  }
11429
11429
  .pf-v6-c-button::after {
11430
11430
  position: absolute;
@@ -11551,10 +11551,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11551
11551
  --pf-v6-c-button--hover--BorderWidth: 0;
11552
11552
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11553
11553
  text-align: start;
11554
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11555
11554
  white-space: normal;
11556
- background: transparent;
11555
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11557
11556
  outline-offset: 0.125rem;
11557
+ background: transparent;
11558
11558
  }
11559
11559
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11560
11560
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11912,12 +11912,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11912
11912
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11913
11913
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11914
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);
11915
11917
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11916
11918
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11917
11919
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11918
11920
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11919
- rotate: var(--pf-v6-c-button__icon--Rotate);
11920
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11921
11921
  }
11922
11922
  .pf-v6-c-button__icon.pf-m-start {
11923
11923
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12344,8 +12344,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12344
12344
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12345
12345
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12346
12346
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12347
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12348
12347
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12348
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12349
12349
  }
12350
12350
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12351
12351
  gap: 0;
@@ -12587,9 +12587,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12587
12587
  }
12588
12588
 
12589
12589
  .pf-v6-c-card__clickable-action {
12590
+ outline: 0;
12590
12591
  background: none;
12591
12592
  border: 0;
12592
- outline: 0;
12593
12593
  }
12594
12594
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12595
12595
  pointer-events: none;
@@ -12657,7 +12657,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12657
12657
  .pf-v6-c-check {
12658
12658
  display: grid;
12659
12659
  grid-template-columns: auto 1fr;
12660
- grid-gap: var(--pf-v6-c-check--GridGap);
12660
+ gap: var(--pf-v6-c-check--GridGap);
12661
12661
  accent-color: var(--pf-v6-c-check--AccentColor);
12662
12662
  }
12663
12663
  .pf-v6-c-check.pf-m-standalone {
@@ -12788,7 +12788,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12788
12788
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12789
12789
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12790
12790
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12791
- word-wrap: break-word;
12791
+ overflow-wrap: break-word;
12792
12792
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12793
12793
  background-clip: padding-box;
12794
12794
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12804,7 +12804,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12804
12804
  }
12805
12805
 
12806
12806
  .pf-v6-c-clipboard-copy__text {
12807
- word-break: break-word;
12807
+ overflow-wrap: break-word;
12808
12808
  white-space: normal;
12809
12809
  }
12810
12810
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13293,8 +13293,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13293
13293
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13294
13294
  .pf-v6-c-compass__main-footer,
13295
13295
  .pf-v6-c-compass__footer {
13296
- margin: 0;
13297
13296
  visibility: hidden;
13297
+ margin: 0;
13298
13298
  opacity: 0;
13299
13299
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13300
13300
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13415,8 +13415,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13415
13415
  flex-direction: column;
13416
13416
  grid-area: dock;
13417
13417
  width: var(--pf-v6-c-compass__dock--Width);
13418
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13419
13418
  translate: -100% 0;
13419
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13420
13420
  }
13421
13421
  .pf-v6-c-compass__dock.pf-m-expanded {
13422
13422
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
@@ -13442,9 +13442,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13442
13442
  .pf-v6-c-compass__dock-main {
13443
13443
  flex-grow: 1;
13444
13444
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13445
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13446
13445
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13447
13446
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13447
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13448
13448
  }
13449
13449
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13450
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);
@@ -13775,8 +13775,8 @@ ul) {
13775
13775
  @media screen and (min-width: 36rem) {
13776
13776
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13777
13777
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13778
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13779
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13778
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13779
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13780
13780
  }
13781
13781
  }
13782
13782
 
@@ -14565,8 +14565,8 @@ ul) {
14565
14565
  .pf-v6-c-data-list__toggle-icon {
14566
14566
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14567
14567
  pointer-events: none;
14568
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14569
14568
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14569
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14570
14570
  }
14571
14571
 
14572
14572
  .pf-v6-c-data-list__item-content {
@@ -14783,7 +14783,6 @@ ul) {
14783
14783
  width: 100%;
14784
14784
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14785
14785
  break-inside: avoid;
14786
- page-break-inside: avoid;
14787
14786
  -webkit-column-break-inside: avoid;
14788
14787
  -moz-column-break-inside: avoid;
14789
14788
  }
@@ -15191,9 +15190,9 @@ ul) {
15191
15190
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15192
15191
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15193
15192
  overflow: auto;
15193
+ outline-offset: 2px;
15194
15194
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15195
15195
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15196
- outline-offset: 2px;
15197
15196
  }
15198
15197
 
15199
15198
  .pf-v6-c-dual-list-selector__list {
@@ -15229,25 +15228,25 @@ ul) {
15229
15228
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15230
15229
  }
15231
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 {
15232
- max-height: 0;
15233
15231
  visibility: hidden;
15232
+ max-height: 0;
15234
15233
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15234
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15235
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);
15236
15236
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15237
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;
15238
15238
  transition-property: opacity, translate, visibility, max-height;
15239
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15240
15239
  }
15241
15240
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15242
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);
15243
15242
  }
15244
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 {
15245
- max-height: 99999px;
15246
15244
  visibility: revert;
15245
+ max-height: 99999px;
15247
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);
15248
15248
  transition-delay: 0s;
15249
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;
15250
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15251
15250
  }
15252
15251
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15253
15252
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15382,10 +15381,10 @@ ul) {
15382
15381
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15383
15382
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15384
15383
  text-align: center;
15384
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15385
15385
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15386
15386
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15387
15387
  transition-property: transform;
15388
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15389
15388
  }
15390
15389
 
15391
15390
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16170,6 +16169,7 @@ ul) {
16170
16169
  .pf-v6-c-drawer__panel {
16171
16170
  position: relative;
16172
16171
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16172
+ visibility: hidden;
16173
16173
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16174
16174
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16175
16175
  order: 1;
@@ -16177,7 +16177,6 @@ ul) {
16177
16177
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16178
16178
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16179
16179
  overflow: auto;
16180
- visibility: hidden;
16181
16180
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16182
16181
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16183
16182
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16287,8 +16286,8 @@ ul) {
16287
16286
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16288
16287
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16289
16288
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16290
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16291
16289
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16290
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16292
16291
  }
16293
16292
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16294
16293
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -17078,8 +17077,8 @@ ul) {
17078
17077
  display: inline-block;
17079
17078
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
17080
17079
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
17081
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17082
17080
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17081
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17083
17082
  }
17084
17083
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
17085
17084
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -17094,15 +17093,15 @@ ul) {
17094
17093
  display: revert;
17095
17094
  }
17096
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);
17097
17097
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
17098
17098
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
17099
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17100
17099
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17100
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17101
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);
17102
17102
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
17103
17103
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
17104
17104
  transition-property: opacity, translate, visibility, max-height;
17105
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17106
17105
  }
17107
17106
 
17108
17107
  .pf-v6-c-file-upload {
@@ -17273,7 +17272,7 @@ ul) {
17273
17272
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17274
17273
  display: grid;
17275
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);
17276
- 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);
17277
17276
  }
17278
17277
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17279
17278
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17301,7 +17300,7 @@ ul) {
17301
17300
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17302
17301
  display: grid;
17303
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);
17304
- 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);
17305
17304
  }
17306
17305
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17307
17306
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17329,7 +17328,7 @@ ul) {
17329
17328
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17330
17329
  display: grid;
17331
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);
17332
- 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);
17333
17332
  }
17334
17333
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17335
17334
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17357,7 +17356,7 @@ ul) {
17357
17356
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17358
17357
  display: grid;
17359
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);
17360
- 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);
17361
17360
  }
17362
17361
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17363
17362
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17385,7 +17384,7 @@ ul) {
17385
17384
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17386
17385
  display: grid;
17387
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);
17388
- 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);
17389
17388
  }
17390
17389
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17391
17390
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17413,7 +17412,7 @@ ul) {
17413
17412
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17414
17413
  display: grid;
17415
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);
17416
- 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);
17417
17416
  }
17418
17417
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17419
17418
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17441,7 +17440,7 @@ ul) {
17441
17440
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17442
17441
  display: grid;
17443
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);
17444
- 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);
17445
17444
  }
17446
17445
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17447
17446
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17614,14 +17613,14 @@ ul) {
17614
17613
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17615
17614
  }
17616
17615
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17616
+ visibility: visible;
17617
17617
  max-height: 99999px;
17618
17618
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17619
17619
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17620
- visibility: visible;
17621
17620
  opacity: 1;
17621
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17622
17622
  transition-delay: 0s;
17623
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;
17624
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17625
17624
  }
17626
17625
 
17627
17626
  .pf-v6-c-form__field-group-toggle {
@@ -17643,10 +17642,10 @@ ul) {
17643
17642
  display: inline-block;
17644
17643
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17645
17644
  text-align: center;
17645
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17646
17646
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17647
17647
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17648
17648
  transition-property: transform;
17649
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17650
17649
  }
17651
17650
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17652
17651
  scale: -1 1;
@@ -17695,15 +17694,15 @@ ul) {
17695
17694
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17696
17695
  }
17697
17696
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17697
+ visibility: hidden;
17698
17698
  max-height: 0;
17699
17699
  padding-block-start: 0;
17700
17700
  padding-block-end: 0;
17701
- visibility: hidden;
17702
17701
  opacity: 0;
17702
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17703
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);
17704
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;
17705
17705
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17706
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17707
17706
  }
17708
17707
 
17709
17708
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17863,10 +17862,10 @@ ul) {
17863
17862
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17864
17863
  color: var(--pf-v6-c-form-control--Color);
17865
17864
  appearance: none;
17865
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17866
17866
  background-color: transparent;
17867
17867
  border: none;
17868
17868
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17869
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17870
17869
  }
17871
17870
  .pf-v6-c-form-control > ::placeholder {
17872
17871
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18232,8 +18231,8 @@ ul) {
18232
18231
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18233
18232
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18234
18233
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18235
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18236
18234
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18235
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18237
18236
  }
18238
18237
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18239
18238
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18269,7 +18268,7 @@ ul) {
18269
18268
  .pf-v6-c-hint {
18270
18269
  display: grid;
18271
18270
  grid-template-columns: 1fr auto;
18272
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18271
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18273
18272
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18274
18273
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18275
18274
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18717,20 +18716,20 @@ ul) {
18717
18716
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18718
18717
  }
18719
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);
18720
18720
  flex-grow: 1;
18721
18721
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18722
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18723
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;
18724
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);
18725
18726
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18726
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;
18727
18728
  transition-property: opacity, scale, visibility, max-width;
18728
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18729
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18730
18729
  }
18731
18730
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18732
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18733
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%);
18734
18733
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18735
18734
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18736
18735
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18738,8 +18737,8 @@ ul) {
18738
18737
  transition-property: opacity, visibility, max-width;
18739
18738
  }
18740
18739
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18741
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18742
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);
18743
18742
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18744
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);
18745
18744
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -19066,10 +19065,10 @@ label.pf-v6-c-input-group__text {
19066
19065
  .pf-v6-c-jump-links__toggle-icon {
19067
19066
  display: inline-block;
19068
19067
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19068
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19069
19069
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
19070
19070
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
19071
19071
  transition-property: transform;
19072
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19073
19072
  }
19074
19073
 
19075
19074
  .pf-v6-c-label {
@@ -19282,9 +19281,9 @@ label.pf-v6-c-input-group__text {
19282
19281
  font-size: var(--pf-v6-c-label--FontSize);
19283
19282
  white-space: nowrap;
19284
19283
  background: transparent;
19285
- isolation: isolate;
19286
19284
  border: 0;
19287
19285
  border-radius: var(--pf-v6-c-label--BorderRadius);
19286
+ isolation: isolate;
19288
19287
  }
19289
19288
  .pf-v6-c-label.pf-m-blue {
19290
19289
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19942,7 +19941,7 @@ ul.pf-v6-c-list {
19942
19941
  display: grid;
19943
19942
  grid-template-areas: "main header" "main footer" "main .";
19944
19943
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19945
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19944
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19946
19945
  justify-content: center;
19947
19946
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19948
19947
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19968,10 +19967,10 @@ ul.pf-v6-c-list {
19968
19967
  align-self: start;
19969
19968
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19970
19969
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19971
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19972
19970
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19973
19971
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19974
19972
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19973
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19975
19974
  }
19976
19975
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19977
19976
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20315,9 +20314,9 @@ ul.pf-v6-c-list {
20315
20314
  }
20316
20315
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20317
20316
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20318
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20319
20317
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20320
20318
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20319
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20321
20320
  }
20322
20321
 
20323
20322
  .pf-v6-c-masthead__main {
@@ -21026,8 +21025,8 @@ ul.pf-v6-c-list {
21026
21025
  }
21027
21026
 
21028
21027
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
21029
- overflow: hidden;
21030
21028
  visibility: visible;
21029
+ overflow: hidden;
21031
21030
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
21032
21031
  }
21033
21032
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -21053,8 +21052,8 @@ ul.pf-v6-c-list {
21053
21052
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21054
21053
  }
21055
21054
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
21056
- overflow: visible;
21057
21055
  visibility: hidden;
21056
+ overflow: visible;
21058
21057
  }
21059
21058
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
21060
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) {
@@ -21195,10 +21194,10 @@ ul.pf-v6-c-list {
21195
21194
  color: var(--pf-v6-c-menu__item--Color);
21196
21195
  text-align: start;
21197
21196
  text-decoration-line: none;
21197
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21198
21198
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21199
21199
  border: 0;
21200
21200
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21201
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21202
21201
  --pf-v6-hidden-visible--visible--Display: flex;
21203
21202
  --pf-v6-hidden-visible--hidden--Display: none;
21204
21203
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21292,7 +21291,7 @@ ul.pf-v6-c-list {
21292
21291
  .pf-v6-c-menu__item-description {
21293
21292
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21294
21293
  color: var(--pf-v6-c-menu__item-description--Color);
21295
- word-break: break-word;
21294
+ overflow-wrap: break-word;
21296
21295
  }
21297
21296
 
21298
21297
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21875,10 +21874,10 @@ ul.pf-v6-c-list {
21875
21874
 
21876
21875
  .pf-v6-c-menu-toggle__icon {
21877
21876
  flex-shrink: 0;
21877
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21878
21878
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21879
21879
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21880
21880
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21881
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21882
21881
  }
21883
21882
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21884
21883
  vertical-align: middle;
@@ -22086,7 +22085,7 @@ ul.pf-v6-c-list {
22086
22085
  overflow-x: hidden;
22087
22086
  overflow-y: auto;
22088
22087
  overscroll-behavior: contain;
22089
- word-break: break-word;
22088
+ overflow-wrap: break-word;
22090
22089
  -webkit-overflow-scrolling: touch;
22091
22090
  }
22092
22091
  .pf-v6-c-modal-box__body:last-child {
@@ -22535,17 +22534,17 @@ ul.pf-v6-c-list {
22535
22534
 
22536
22535
  .pf-v6-c-nav__subnav {
22537
22536
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22537
+ visibility: visible;
22538
22538
  max-height: 99999px;
22539
22539
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22540
22540
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22541
22541
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22542
22542
  overflow-y: clip;
22543
- visibility: visible;
22543
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22544
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);
22545
22545
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22546
22546
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22547
22547
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22548
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22549
22548
  }
22550
22549
  .pf-v6-c-nav__subnav[hidden] {
22551
22550
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22555,8 +22554,8 @@ ul.pf-v6-c-list {
22555
22554
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22556
22555
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22557
22556
  display: grid;
22558
- max-height: 0;
22559
22557
  visibility: hidden;
22558
+ max-height: 0;
22560
22559
  opacity: 0;
22561
22560
  }
22562
22561
 
@@ -22574,10 +22573,10 @@ ul.pf-v6-c-list {
22574
22573
  content: var(--pf-v6-c-nav__item--accent--content, "");
22575
22574
  background-color: var(--pf-v6-c-nav__item--accent--color);
22576
22575
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22576
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22577
22577
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22578
22578
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22579
22579
  transition-property: scale;
22580
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22581
22580
  }
22582
22581
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22583
22582
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22665,10 +22664,10 @@ ul.pf-v6-c-list {
22665
22664
 
22666
22665
  .pf-v6-c-nav__toggle-icon {
22667
22666
  display: inline-block;
22667
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22668
22668
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22669
22669
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22670
22670
  transition-property: transform;
22671
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22672
22671
  }
22673
22672
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22674
22673
  scale: -1 1;
@@ -22901,9 +22900,9 @@ ul.pf-v6-c-list {
22901
22900
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22902
22901
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22903
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);
22904
22904
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22905
22905
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22906
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22907
22906
  }
22908
22907
  .pf-v6-c-notification-drawer__list-item::before {
22909
22908
  position: absolute;
@@ -22960,7 +22959,7 @@ ul.pf-v6-c-list {
22960
22959
 
22961
22960
  .pf-v6-c-notification-drawer__list-item-header-title {
22962
22961
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22963
- word-break: break-word;
22962
+ overflow-wrap: break-word;
22964
22963
  }
22965
22964
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22966
22965
  display: -webkit-box;
@@ -22982,7 +22981,7 @@ ul.pf-v6-c-list {
22982
22981
  grid-row: 2/3;
22983
22982
  grid-column: 1/2;
22984
22983
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22985
- word-break: break-word;
22984
+ overflow-wrap: break-word;
22986
22985
  }
22987
22986
 
22988
22987
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23013,9 +23012,9 @@ ul.pf-v6-c-list {
23013
23012
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
23014
23013
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
23015
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);
23016
23016
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
23017
23017
  border: none;
23018
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23019
23018
  }
23020
23019
 
23021
23020
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -23027,7 +23026,7 @@ ul.pf-v6-c-list {
23027
23026
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23028
23027
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23029
23028
  text-align: start;
23030
- word-break: break-word;
23029
+ overflow-wrap: break-word;
23031
23030
  }
23032
23031
 
23033
23032
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23531,9 +23530,9 @@ ul.pf-v6-c-list {
23531
23530
  .pf-v6-c-page__dock-main {
23532
23531
  flex-grow: 1;
23533
23532
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23534
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23535
23533
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23536
23534
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23535
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23537
23536
  }
23538
23537
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23539
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);
@@ -23615,10 +23614,10 @@ ul.pf-v6-c-list {
23615
23614
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23616
23615
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23617
23616
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23618
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23619
23617
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23620
23618
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23621
23619
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23620
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23622
23621
  }
23623
23622
 
23624
23623
  .pf-v6-c-page__sidebar-header {
@@ -23984,7 +23983,6 @@ ul.pf-v6-c-list {
23984
23983
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23985
23984
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23986
23985
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23987
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23988
23986
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23989
23987
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23990
23988
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23992,6 +23990,7 @@ ul.pf-v6-c-list {
23992
23990
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23993
23991
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23994
23992
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
23993
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23995
23994
  }
23996
23995
  @media screen and (max-width: calc(48rem - 1px)) {
23997
23996
  .pf-v6-c-page__main-container {
@@ -25016,7 +25015,7 @@ ul.pf-v6-c-list {
25016
25015
  }
25017
25016
 
25018
25017
  .pf-v6-c-popover__body {
25019
- word-wrap: break-word;
25018
+ overflow-wrap: break-word;
25020
25019
  }
25021
25020
 
25022
25021
  .pf-v6-c-popover__footer {
@@ -25061,7 +25060,7 @@ ul.pf-v6-c-list {
25061
25060
  display: grid;
25062
25061
  grid-template-rows: 1fr auto;
25063
25062
  grid-template-columns: auto auto;
25064
- grid-gap: var(--pf-v6-c-progress--GridGap);
25063
+ gap: var(--pf-v6-c-progress--GridGap);
25065
25064
  align-items: end;
25066
25065
  }
25067
25066
  .pf-v6-c-progress.pf-m-sm {
@@ -25155,7 +25154,7 @@ ul.pf-v6-c-list {
25155
25154
 
25156
25155
  .pf-v6-c-progress__description {
25157
25156
  grid-column: 1/2;
25158
- word-break: break-word;
25157
+ overflow-wrap: break-word;
25159
25158
  }
25160
25159
  .pf-v6-c-progress__description.pf-m-truncate {
25161
25160
  overflow: hidden;
@@ -25171,7 +25170,7 @@ ul.pf-v6-c-list {
25171
25170
  align-items: flex-start;
25172
25171
  justify-content: flex-end;
25173
25172
  text-align: end;
25174
- word-break: break-word;
25173
+ overflow-wrap: break-word;
25175
25174
  }
25176
25175
 
25177
25176
  .pf-v6-c-progress__status-icon {
@@ -25434,9 +25433,9 @@ ul.pf-v6-c-list {
25434
25433
  inset-block-start: 0;
25435
25434
  inset-inline-start: 0;
25436
25435
  overflow: hidden;
25437
- clip: rect(0, 0, 0, 0);
25438
25436
  white-space: nowrap;
25439
25437
  border: 0;
25438
+ clip-path: inset(50%);
25440
25439
  }
25441
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 {
25442
25441
  grid-row: 1/2;
@@ -25858,7 +25857,7 @@ ul.pf-v6-c-list {
25858
25857
  .pf-v6-c-radio {
25859
25858
  display: grid;
25860
25859
  grid-template-columns: auto 1fr;
25861
- grid-gap: var(--pf-v6-c-radio--GridGap);
25860
+ gap: var(--pf-v6-c-radio--GridGap);
25862
25861
  align-items: baseline;
25863
25862
  accent-color: var(--pf-v6-c-radio--AccentColor);
25864
25863
  }
@@ -26853,10 +26852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26853
26852
  width: 100%;
26854
26853
  height: 100%;
26855
26854
  stroke: var(--pf-v6-c-spinner--Color);
26855
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26856
+ stroke-linecap: round;
26856
26857
  stroke-dasharray: 283;
26857
26858
  stroke-dashoffset: 280;
26858
- stroke-linecap: round;
26859
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26860
26859
  transform-origin: 50% 50%;
26861
26860
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26862
26861
  }
@@ -27016,8 +27015,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27016
27015
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
27017
27016
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
27018
27017
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
27019
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
27020
27018
  transform: translateY(-50%);
27019
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
27021
27020
  }
27022
27021
  .pf-v6-c-switch__toggle::after {
27023
27022
  position: absolute;
@@ -29014,11 +29013,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29014
29013
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
29015
29014
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
29016
29015
  overflow: var(--pf-v6-c-table--cell--Overflow);
29016
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29017
29017
  font-size: var(--pf-v6-c-table--cell--FontSize);
29018
29018
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
29019
29019
  line-height: var(--pf-v6-c-table--cell--LineHeight);
29020
29020
  color: var(--pf-v6-c-table--cell--Color);
29021
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29022
29021
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29023
29022
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29024
29023
  }
@@ -29124,24 +29123,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29124
29123
  }
29125
29124
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
29126
29125
  cursor: pointer;
29127
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29128
29126
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29127
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29129
29128
  }
29130
29129
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
29131
29130
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
29132
29131
  }
29133
29132
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
29134
29133
  position: relative;
29135
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29136
29134
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29135
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29137
29136
  }
29138
29137
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
29139
29138
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
29140
29139
  }
29141
29140
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
29142
29141
  cursor: pointer;
29143
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29144
29142
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29143
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29145
29144
  }
29146
29145
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
29147
29146
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -29150,8 +29149,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29150
29149
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
29151
29150
  }
29152
29151
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
29153
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29154
29152
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29153
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29155
29154
  }
29156
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) {
29157
29156
  border: none;
@@ -29176,11 +29175,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29176
29175
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29177
29176
  visibility: hidden;
29178
29177
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29178
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29179
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);
29180
29180
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29181
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;
29182
29182
  transition-property: opacity, translate, visibility, background-color;
29183
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29184
29183
  }
29185
29184
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29186
29185
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29188,9 +29187,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29188
29187
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29189
29188
  visibility: visible;
29190
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);
29191
29191
  transition-delay: 0s;
29192
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;
29193
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29194
29193
  }
29195
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 {
29196
29195
  max-height: 99999px;
@@ -29256,8 +29255,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29256
29255
  min-width: var(--pf-v6-c-table__text--MinWidth);
29257
29256
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29258
29257
  overflow: var(--pf-v6-c-table--cell--Overflow);
29259
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29260
29258
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29259
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29261
29260
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29262
29261
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29263
29262
  }
@@ -29286,10 +29285,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29286
29285
  text-align: start;
29287
29286
  white-space: inherit;
29288
29287
  user-select: text;
29288
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29289
29289
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29290
29290
  border: 0;
29291
29291
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29292
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29293
29292
  }
29294
29293
  .pf-v6-c-table__button::after {
29295
29294
  position: absolute;
@@ -29383,10 +29382,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29383
29382
  }
29384
29383
 
29385
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));
29386
29386
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29387
29387
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29388
29388
  transition-property: transform;
29389
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29390
29389
  }
29391
29390
  .pf-v6-c-table__toggle svg {
29392
29391
  pointer-events: none;
@@ -29942,8 +29941,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29942
29941
  }
29943
29942
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29944
29943
  position: relative;
29945
- border: none;
29946
29944
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29945
+ border: none;
29947
29946
  }
29948
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 {
29949
29948
  position: absolute;
@@ -29981,7 +29980,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29981
29980
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29982
29981
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29983
29982
  grid-column: 1;
29984
- 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);
29985
29984
  align-items: start;
29986
29985
  }
29987
29986
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30084,8 +30083,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30084
30083
  }
30085
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) {
30086
30085
  position: relative;
30087
- border: none;
30088
30086
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30087
+ border: none;
30089
30088
  }
30090
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 {
30091
30090
  position: absolute;
@@ -30123,7 +30122,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30123
30122
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30124
30123
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30125
30124
  grid-column: 1;
30126
- 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);
30127
30126
  align-items: start;
30128
30127
  }
30129
30128
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30227,8 +30226,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30227
30226
  }
30228
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) {
30229
30228
  position: relative;
30230
- border: none;
30231
30229
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30230
+ border: none;
30232
30231
  }
30233
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 {
30234
30233
  position: absolute;
@@ -30266,7 +30265,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30266
30265
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30267
30266
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30268
30267
  grid-column: 1;
30269
- 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);
30270
30269
  align-items: start;
30271
30270
  }
30272
30271
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30370,8 +30369,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30370
30369
  }
30371
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) {
30372
30371
  position: relative;
30373
- border: none;
30374
30372
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30373
+ border: none;
30375
30374
  }
30376
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 {
30377
30376
  position: absolute;
@@ -30409,7 +30408,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30409
30408
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30410
30409
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30411
30410
  grid-column: 1;
30412
- 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);
30413
30412
  align-items: start;
30414
30413
  }
30415
30414
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30513,8 +30512,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30513
30512
  }
30514
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) {
30515
30514
  position: relative;
30516
- border: none;
30517
30515
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30516
+ border: none;
30518
30517
  }
30519
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 {
30520
30519
  position: absolute;
@@ -30552,7 +30551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30552
30551
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30553
30552
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30554
30553
  grid-column: 1;
30555
- 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);
30556
30555
  align-items: start;
30557
30556
  }
30558
30557
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -31105,8 +31104,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31105
31104
 
31106
31105
  .pf-v6-c-tabs__toggle-icon {
31107
31106
  display: inline-block;
31108
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31109
31107
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31108
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31110
31109
  }
31111
31110
 
31112
31111
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31270,8 +31269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31270
31269
  align-self: end;
31271
31270
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31272
31271
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31273
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31274
31272
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31273
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31275
31274
  }
31276
31275
 
31277
31276
  .pf-v6-c-tabs__item-action {
@@ -31534,10 +31533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31534
31533
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31535
31534
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31536
31535
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31536
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31537
31537
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31538
31538
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31539
31539
  transition-property: width, height, translate;
31540
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31541
31540
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31542
31541
  }
31543
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 {
@@ -31743,9 +31742,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31743
31742
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31744
31743
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31745
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);
31746
31746
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31747
31747
  border: 0;
31748
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31749
31748
  }
31750
31749
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31751
31750
  grid-area: text-input;
@@ -31953,7 +31952,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31953
31952
 
31954
31953
  .pf-v6-c-title {
31955
31954
  font-family: var(--pf-v6-c-title--FontFamily);
31956
- word-break: break-word;
31955
+ overflow-wrap: break-word;
31957
31956
  }
31958
31957
  .pf-v6-c-title.pf-m-4xl {
31959
31958
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32736,10 +32735,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32736
32735
 
32737
32736
  .pf-v6-c-toolbar__expand-all-icon {
32738
32737
  display: inline-flex;
32738
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32739
32739
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32740
32740
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32741
32741
  transition-property: transform;
32742
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32743
32742
  }
32744
32743
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32745
32744
  scale: -1 1;
@@ -34375,7 +34374,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34375
34374
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34376
34375
  color: var(--pf-v6-c-tooltip__content--Color);
34377
34376
  text-align: center;
34378
- word-break: break-word;
34377
+ overflow-wrap: break-word;
34379
34378
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34380
34379
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34381
34380
  }
@@ -34757,19 +34756,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34757
34756
  display: inline-block;
34758
34757
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34759
34758
  text-align: center;
34760
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34761
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);
34762
34761
  }
34763
34762
 
34764
34763
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34765
- max-height: 0;
34766
34764
  visibility: hidden;
34765
+ max-height: 0;
34767
34766
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34767
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34768
34768
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34769
34769
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34770
34770
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34771
34771
  transition-property: opacity, translate, visibility, max-height;
34772
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34773
34772
  }
34774
34773
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34775
34774
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34780,12 +34779,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34780
34779
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34781
34780
  }
34782
34781
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34783
- max-height: 99999px;
34784
34782
  visibility: revert;
34783
+ max-height: 99999px;
34785
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);
34786
34786
  transition-delay: 0s;
34787
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;
34788
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34789
34788
  }
34790
34789
 
34791
34790
  .pf-v6-c-tree-view__node,
@@ -35224,7 +35223,7 @@ label.pf-v6-c-tree-view__node-text {
35224
35223
 
35225
35224
  .pf-v6-c-wizard__title {
35226
35225
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35227
- word-wrap: break-word;
35226
+ overflow-wrap: break-word;
35228
35227
  }
35229
35228
 
35230
35229
  .pf-v6-c-wizard__title-text {
@@ -35287,7 +35286,7 @@ label.pf-v6-c-tree-view__node-text {
35287
35286
  align-items: baseline;
35288
35287
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35289
35288
  text-align: start;
35290
- word-break: break-word;
35289
+ overflow-wrap: break-word;
35291
35290
  }
35292
35291
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35293
35292
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35423,8 +35422,8 @@ label.pf-v6-c-tree-view__node-text {
35423
35422
  padding-inline: 0;
35424
35423
  color: var(--pf-v6-c-wizard__nav-link--Color);
35425
35424
  text-align: start;
35425
+ overflow-wrap: break-word;
35426
35426
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35427
- word-break: break-word;
35428
35427
  counter-increment: wizard-nav-count;
35429
35428
  background-color: transparent;
35430
35429
  border: none;
@@ -35529,10 +35528,10 @@ label.pf-v6-c-tree-view__node-text {
35529
35528
 
35530
35529
  .pf-v6-c-wizard__nav-link-toggle-icon {
35531
35530
  display: inline-block;
35531
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35532
35532
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35533
35533
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35534
35534
  transition-property: transform;
35535
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35536
35535
  }
35537
35536
 
35538
35537
  .pf-v6-c-wizard__main {
@@ -35542,7 +35541,7 @@ label.pf-v6-c-tree-view__node-text {
35542
35541
  flex-direction: column;
35543
35542
  overflow-x: hidden;
35544
35543
  overflow-y: auto;
35545
- word-break: break-word;
35544
+ overflow-wrap: break-word;
35546
35545
  }
35547
35546
 
35548
35547
  .pf-v6-c-wizard__main-body {
@@ -37979,7 +37978,7 @@ label.pf-v6-c-tree-view__node-text {
37979
37978
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37980
37979
  }
37981
37980
  .pf-v6-l-gallery.pf-m-gutter {
37982
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37981
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37983
37982
  }
37984
37983
  .pf-v6-l-gallery {
37985
37984
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38972,7 +38971,7 @@ label.pf-v6-c-tree-view__node-text {
38972
38971
  }
38973
38972
  }
38974
38973
  .pf-v6-l-grid.pf-m-gutter {
38975
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38974
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38976
38975
  }
38977
38976
 
38978
38977
  .pf-v6-l-level {