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

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 +7 -3
  45. package/components/Compass/compass.scss +7 -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 +8 -4
  87. package/components/Page/page.scss +10 -4
  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 +136 -129
  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 +199 -192
  204. package/patternfly.css +199 -192
  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);
@@ -13412,15 +13412,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13412
13412
  inset-inline-start: 0;
13413
13413
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13414
13414
  display: flex;
13415
+ visibility: hidden;
13415
13416
  flex-direction: column;
13416
13417
  grid-area: dock;
13417
13418
  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
13419
  translate: -100% 0;
13420
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13420
13421
  }
13421
13422
  .pf-v6-c-compass__dock.pf-m-expanded {
13422
13423
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13424
+ visibility: visible;
13423
13425
  translate: 0;
13426
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13424
13427
  }
13425
13428
  @media (min-width: 62rem) {
13426
13429
  .pf-v6-c-compass__dock {
@@ -13428,6 +13431,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13428
13431
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13429
13432
  position: revert;
13430
13433
  inset: revert;
13434
+ visibility: revert;
13431
13435
  width: auto;
13432
13436
  translate: 0;
13433
13437
  }
@@ -13442,9 +13446,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13442
13446
  .pf-v6-c-compass__dock-main {
13443
13447
  flex-grow: 1;
13444
13448
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13445
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13446
13449
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13447
13450
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13451
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13448
13452
  }
13449
13453
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13450
13454
  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 +13779,8 @@ ul) {
13775
13779
  @media screen and (min-width: 36rem) {
13776
13780
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13777
13781
  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);
13782
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13783
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13780
13784
  }
13781
13785
  }
13782
13786
 
@@ -14565,8 +14569,8 @@ ul) {
14565
14569
  .pf-v6-c-data-list__toggle-icon {
14566
14570
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14567
14571
  pointer-events: none;
14568
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14569
14572
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14573
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14570
14574
  }
14571
14575
 
14572
14576
  .pf-v6-c-data-list__item-content {
@@ -14783,7 +14787,6 @@ ul) {
14783
14787
  width: 100%;
14784
14788
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14785
14789
  break-inside: avoid;
14786
- page-break-inside: avoid;
14787
14790
  -webkit-column-break-inside: avoid;
14788
14791
  -moz-column-break-inside: avoid;
14789
14792
  }
@@ -15191,9 +15194,9 @@ ul) {
15191
15194
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15192
15195
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15193
15196
  overflow: auto;
15197
+ outline-offset: 2px;
15194
15198
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15195
15199
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15196
- outline-offset: 2px;
15197
15200
  }
15198
15201
 
15199
15202
  .pf-v6-c-dual-list-selector__list {
@@ -15229,25 +15232,25 @@ ul) {
15229
15232
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15230
15233
  }
15231
15234
  .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
15235
  visibility: hidden;
15236
+ max-height: 0;
15234
15237
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15238
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15235
15239
  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
15240
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15237
15241
  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
15242
  transition-property: opacity, translate, visibility, max-height;
15239
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15240
15243
  }
15241
15244
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15242
15245
  --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
15246
  }
15244
15247
  .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
15248
  visibility: revert;
15249
+ max-height: 99999px;
15247
15250
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15251
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15248
15252
  transition-delay: 0s;
15249
15253
  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
15254
  }
15252
15255
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15253
15256
  --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 +15385,10 @@ ul) {
15382
15385
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15383
15386
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15384
15387
  text-align: center;
15388
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15385
15389
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15386
15390
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15387
15391
  transition-property: transform;
15388
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15389
15392
  }
15390
15393
 
15391
15394
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16170,6 +16173,7 @@ ul) {
16170
16173
  .pf-v6-c-drawer__panel {
16171
16174
  position: relative;
16172
16175
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16176
+ visibility: hidden;
16173
16177
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16174
16178
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16175
16179
  order: 1;
@@ -16177,7 +16181,6 @@ ul) {
16177
16181
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16178
16182
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16179
16183
  overflow: auto;
16180
- visibility: hidden;
16181
16184
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16182
16185
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16183
16186
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16287,8 +16290,8 @@ ul) {
16287
16290
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16288
16291
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16289
16292
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16290
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16291
16293
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16294
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16292
16295
  }
16293
16296
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16294
16297
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -17078,8 +17081,8 @@ ul) {
17078
17081
  display: inline-block;
17079
17082
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
17080
17083
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
17081
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17082
17084
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
17085
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
17083
17086
  }
17084
17087
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
17085
17088
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -17094,15 +17097,15 @@ ul) {
17094
17097
  display: revert;
17095
17098
  }
17096
17099
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
17100
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17097
17101
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
17098
17102
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
17099
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
17100
17103
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
17104
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17101
17105
  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
17106
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
17103
17107
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
17104
17108
  transition-property: opacity, translate, visibility, max-height;
17105
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
17106
17109
  }
17107
17110
 
17108
17111
  .pf-v6-c-file-upload {
@@ -17273,7 +17276,7 @@ ul) {
17273
17276
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17274
17277
  display: grid;
17275
17278
  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);
17279
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17277
17280
  }
17278
17281
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17279
17282
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17301,7 +17304,7 @@ ul) {
17301
17304
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17302
17305
  display: grid;
17303
17306
  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);
17307
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17305
17308
  }
17306
17309
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17307
17310
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17329,7 +17332,7 @@ ul) {
17329
17332
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17330
17333
  display: grid;
17331
17334
  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);
17335
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17333
17336
  }
17334
17337
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17335
17338
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17357,7 +17360,7 @@ ul) {
17357
17360
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17358
17361
  display: grid;
17359
17362
  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);
17363
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17361
17364
  }
17362
17365
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17363
17366
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17385,7 +17388,7 @@ ul) {
17385
17388
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17386
17389
  display: grid;
17387
17390
  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);
17391
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17389
17392
  }
17390
17393
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17391
17394
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17413,7 +17416,7 @@ ul) {
17413
17416
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17414
17417
  display: grid;
17415
17418
  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);
17419
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17417
17420
  }
17418
17421
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17419
17422
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17441,7 +17444,7 @@ ul) {
17441
17444
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17442
17445
  display: grid;
17443
17446
  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);
17447
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17445
17448
  }
17446
17449
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17447
17450
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17614,14 +17617,14 @@ ul) {
17614
17617
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17615
17618
  }
17616
17619
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17620
+ visibility: visible;
17617
17621
  max-height: 99999px;
17618
17622
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17619
17623
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17620
- visibility: visible;
17621
17624
  opacity: 1;
17625
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17622
17626
  transition-delay: 0s;
17623
17627
  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
17628
  }
17626
17629
 
17627
17630
  .pf-v6-c-form__field-group-toggle {
@@ -17643,10 +17646,10 @@ ul) {
17643
17646
  display: inline-block;
17644
17647
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17645
17648
  text-align: center;
17649
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17646
17650
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17647
17651
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17648
17652
  transition-property: transform;
17649
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17650
17653
  }
17651
17654
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17652
17655
  scale: -1 1;
@@ -17695,15 +17698,15 @@ ul) {
17695
17698
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17696
17699
  }
17697
17700
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17701
+ visibility: hidden;
17698
17702
  max-height: 0;
17699
17703
  padding-block-start: 0;
17700
17704
  padding-block-end: 0;
17701
- visibility: hidden;
17702
17705
  opacity: 0;
17706
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17703
17707
  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
17708
  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
17709
  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
17710
  }
17708
17711
 
17709
17712
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17863,10 +17866,10 @@ ul) {
17863
17866
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17864
17867
  color: var(--pf-v6-c-form-control--Color);
17865
17868
  appearance: none;
17869
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17866
17870
  background-color: transparent;
17867
17871
  border: none;
17868
17872
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17869
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17870
17873
  }
17871
17874
  .pf-v6-c-form-control > ::placeholder {
17872
17875
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18232,8 +18235,8 @@ ul) {
18232
18235
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18233
18236
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18234
18237
  --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
18238
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18239
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18237
18240
  }
18238
18241
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18239
18242
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18269,7 +18272,7 @@ ul) {
18269
18272
  .pf-v6-c-hint {
18270
18273
  display: grid;
18271
18274
  grid-template-columns: 1fr auto;
18272
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18275
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18273
18276
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18274
18277
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18275
18278
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18717,20 +18720,20 @@ ul) {
18717
18720
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18718
18721
  }
18719
18722
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18723
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18720
18724
  flex-grow: 1;
18721
18725
  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
18726
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18727
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18728
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18724
18729
  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
18730
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18726
18731
  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
18732
  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
18733
  }
18731
18734
  .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
18735
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18736
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18734
18737
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18735
18738
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18736
18739
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18738,8 +18741,8 @@ ul) {
18738
18741
  transition-property: opacity, visibility, max-width;
18739
18742
  }
18740
18743
  .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
18744
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18745
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18743
18746
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18744
18747
  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
18748
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -19066,10 +19069,10 @@ label.pf-v6-c-input-group__text {
19066
19069
  .pf-v6-c-jump-links__toggle-icon {
19067
19070
  display: inline-block;
19068
19071
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
19072
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19069
19073
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
19070
19074
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
19071
19075
  transition-property: transform;
19072
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
19073
19076
  }
19074
19077
 
19075
19078
  .pf-v6-c-label {
@@ -19282,9 +19285,9 @@ label.pf-v6-c-input-group__text {
19282
19285
  font-size: var(--pf-v6-c-label--FontSize);
19283
19286
  white-space: nowrap;
19284
19287
  background: transparent;
19285
- isolation: isolate;
19286
19288
  border: 0;
19287
19289
  border-radius: var(--pf-v6-c-label--BorderRadius);
19290
+ isolation: isolate;
19288
19291
  }
19289
19292
  .pf-v6-c-label.pf-m-blue {
19290
19293
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19942,7 +19945,7 @@ ul.pf-v6-c-list {
19942
19945
  display: grid;
19943
19946
  grid-template-areas: "main header" "main footer" "main .";
19944
19947
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19945
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19948
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19946
19949
  justify-content: center;
19947
19950
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19948
19951
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19968,10 +19971,10 @@ ul.pf-v6-c-list {
19968
19971
  align-self: start;
19969
19972
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19970
19973
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19971
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19972
19974
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19973
19975
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19974
19976
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19977
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19975
19978
  }
19976
19979
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19977
19980
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20315,9 +20318,9 @@ ul.pf-v6-c-list {
20315
20318
  }
20316
20319
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20317
20320
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20318
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20319
20321
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20320
20322
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20323
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20321
20324
  }
20322
20325
 
20323
20326
  .pf-v6-c-masthead__main {
@@ -21026,8 +21029,8 @@ ul.pf-v6-c-list {
21026
21029
  }
21027
21030
 
21028
21031
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
21029
- overflow: hidden;
21030
21032
  visibility: visible;
21033
+ overflow: hidden;
21031
21034
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
21032
21035
  }
21033
21036
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -21053,8 +21056,8 @@ ul.pf-v6-c-list {
21053
21056
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21054
21057
  }
21055
21058
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
21056
- overflow: visible;
21057
21059
  visibility: hidden;
21060
+ overflow: visible;
21058
21061
  }
21059
21062
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
21060
21063
  .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 +21198,10 @@ ul.pf-v6-c-list {
21195
21198
  color: var(--pf-v6-c-menu__item--Color);
21196
21199
  text-align: start;
21197
21200
  text-decoration-line: none;
21201
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21198
21202
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21199
21203
  border: 0;
21200
21204
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21201
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21202
21205
  --pf-v6-hidden-visible--visible--Display: flex;
21203
21206
  --pf-v6-hidden-visible--hidden--Display: none;
21204
21207
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21292,7 +21295,7 @@ ul.pf-v6-c-list {
21292
21295
  .pf-v6-c-menu__item-description {
21293
21296
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21294
21297
  color: var(--pf-v6-c-menu__item-description--Color);
21295
- word-break: break-word;
21298
+ overflow-wrap: break-word;
21296
21299
  }
21297
21300
 
21298
21301
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21875,10 +21878,10 @@ ul.pf-v6-c-list {
21875
21878
 
21876
21879
  .pf-v6-c-menu-toggle__icon {
21877
21880
  flex-shrink: 0;
21881
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21878
21882
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21879
21883
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21880
21884
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21881
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21882
21885
  }
21883
21886
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21884
21887
  vertical-align: middle;
@@ -22086,7 +22089,7 @@ ul.pf-v6-c-list {
22086
22089
  overflow-x: hidden;
22087
22090
  overflow-y: auto;
22088
22091
  overscroll-behavior: contain;
22089
- word-break: break-word;
22092
+ overflow-wrap: break-word;
22090
22093
  -webkit-overflow-scrolling: touch;
22091
22094
  }
22092
22095
  .pf-v6-c-modal-box__body:last-child {
@@ -22535,17 +22538,17 @@ ul.pf-v6-c-list {
22535
22538
 
22536
22539
  .pf-v6-c-nav__subnav {
22537
22540
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22541
+ visibility: visible;
22538
22542
  max-height: 99999px;
22539
22543
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22540
22544
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22541
22545
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22542
22546
  overflow-y: clip;
22543
- visibility: visible;
22547
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22544
22548
  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
22549
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22546
22550
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22547
22551
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22548
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22549
22552
  }
22550
22553
  .pf-v6-c-nav__subnav[hidden] {
22551
22554
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22555,8 +22558,8 @@ ul.pf-v6-c-list {
22555
22558
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22556
22559
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22557
22560
  display: grid;
22558
- max-height: 0;
22559
22561
  visibility: hidden;
22562
+ max-height: 0;
22560
22563
  opacity: 0;
22561
22564
  }
22562
22565
 
@@ -22574,10 +22577,10 @@ ul.pf-v6-c-list {
22574
22577
  content: var(--pf-v6-c-nav__item--accent--content, "");
22575
22578
  background-color: var(--pf-v6-c-nav__item--accent--color);
22576
22579
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22580
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22577
22581
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22578
22582
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22579
22583
  transition-property: scale;
22580
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22581
22584
  }
22582
22585
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22583
22586
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22665,10 +22668,10 @@ ul.pf-v6-c-list {
22665
22668
 
22666
22669
  .pf-v6-c-nav__toggle-icon {
22667
22670
  display: inline-block;
22671
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22668
22672
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22669
22673
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22670
22674
  transition-property: transform;
22671
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22672
22675
  }
22673
22676
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22674
22677
  scale: -1 1;
@@ -22901,9 +22904,9 @@ ul.pf-v6-c-list {
22901
22904
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22902
22905
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22903
22906
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22907
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22904
22908
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22905
22909
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22906
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22907
22910
  }
22908
22911
  .pf-v6-c-notification-drawer__list-item::before {
22909
22912
  position: absolute;
@@ -22960,7 +22963,7 @@ ul.pf-v6-c-list {
22960
22963
 
22961
22964
  .pf-v6-c-notification-drawer__list-item-header-title {
22962
22965
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22963
- word-break: break-word;
22966
+ overflow-wrap: break-word;
22964
22967
  }
22965
22968
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22966
22969
  display: -webkit-box;
@@ -22982,7 +22985,7 @@ ul.pf-v6-c-list {
22982
22985
  grid-row: 2/3;
22983
22986
  grid-column: 1/2;
22984
22987
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22985
- word-break: break-word;
22988
+ overflow-wrap: break-word;
22986
22989
  }
22987
22990
 
22988
22991
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23013,9 +23016,9 @@ ul.pf-v6-c-list {
23013
23016
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
23014
23017
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
23015
23018
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
23019
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23016
23020
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
23017
23021
  border: none;
23018
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
23019
23022
  }
23020
23023
 
23021
23024
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -23027,7 +23030,7 @@ ul.pf-v6-c-list {
23027
23030
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23028
23031
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23029
23032
  text-align: start;
23030
- word-break: break-word;
23033
+ overflow-wrap: break-word;
23031
23034
  }
23032
23035
 
23033
23036
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23497,10 +23500,11 @@ ul.pf-v6-c-list {
23497
23500
  inset-inline-start: 0;
23498
23501
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23499
23502
  display: flex;
23503
+ visibility: hidden;
23500
23504
  flex-direction: column;
23501
23505
  grid-area: dock;
23502
23506
  width: var(--pf-v6-c-page__dock--Width);
23503
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23507
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23504
23508
  translate: -100% 0;
23505
23509
  }
23506
23510
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23509,7 +23513,9 @@ ul.pf-v6-c-list {
23509
23513
 
23510
23514
  .pf-v6-c-page__dock.pf-m-expanded {
23511
23515
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23516
+ visibility: visible;
23512
23517
  translate: 0;
23518
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23513
23519
  }
23514
23520
  @media (min-width: 62rem) {
23515
23521
  .pf-v6-c-page__dock {
@@ -23517,6 +23523,7 @@ ul.pf-v6-c-list {
23517
23523
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23518
23524
  position: revert;
23519
23525
  inset: revert;
23526
+ visibility: revert;
23520
23527
  width: auto;
23521
23528
  translate: 0;
23522
23529
  }
@@ -23531,9 +23538,9 @@ ul.pf-v6-c-list {
23531
23538
  .pf-v6-c-page__dock-main {
23532
23539
  flex-grow: 1;
23533
23540
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23534
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23535
23541
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23536
23542
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23543
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23537
23544
  }
23538
23545
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23539
23546
  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 +23622,10 @@ ul.pf-v6-c-list {
23615
23622
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23616
23623
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23617
23624
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23618
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23619
23625
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23620
23626
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23621
23627
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23628
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23622
23629
  }
23623
23630
 
23624
23631
  .pf-v6-c-page__sidebar-header {
@@ -23984,7 +23991,6 @@ ul.pf-v6-c-list {
23984
23991
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23985
23992
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23986
23993
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23987
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23988
23994
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23989
23995
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23990
23996
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23992,6 +23998,7 @@ ul.pf-v6-c-list {
23992
23998
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23993
23999
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23994
24000
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
24001
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23995
24002
  }
23996
24003
  @media screen and (max-width: calc(48rem - 1px)) {
23997
24004
  .pf-v6-c-page__main-container {
@@ -25016,7 +25023,7 @@ ul.pf-v6-c-list {
25016
25023
  }
25017
25024
 
25018
25025
  .pf-v6-c-popover__body {
25019
- word-wrap: break-word;
25026
+ overflow-wrap: break-word;
25020
25027
  }
25021
25028
 
25022
25029
  .pf-v6-c-popover__footer {
@@ -25061,7 +25068,7 @@ ul.pf-v6-c-list {
25061
25068
  display: grid;
25062
25069
  grid-template-rows: 1fr auto;
25063
25070
  grid-template-columns: auto auto;
25064
- grid-gap: var(--pf-v6-c-progress--GridGap);
25071
+ gap: var(--pf-v6-c-progress--GridGap);
25065
25072
  align-items: end;
25066
25073
  }
25067
25074
  .pf-v6-c-progress.pf-m-sm {
@@ -25155,7 +25162,7 @@ ul.pf-v6-c-list {
25155
25162
 
25156
25163
  .pf-v6-c-progress__description {
25157
25164
  grid-column: 1/2;
25158
- word-break: break-word;
25165
+ overflow-wrap: break-word;
25159
25166
  }
25160
25167
  .pf-v6-c-progress__description.pf-m-truncate {
25161
25168
  overflow: hidden;
@@ -25171,7 +25178,7 @@ ul.pf-v6-c-list {
25171
25178
  align-items: flex-start;
25172
25179
  justify-content: flex-end;
25173
25180
  text-align: end;
25174
- word-break: break-word;
25181
+ overflow-wrap: break-word;
25175
25182
  }
25176
25183
 
25177
25184
  .pf-v6-c-progress__status-icon {
@@ -25434,9 +25441,9 @@ ul.pf-v6-c-list {
25434
25441
  inset-block-start: 0;
25435
25442
  inset-inline-start: 0;
25436
25443
  overflow: hidden;
25437
- clip: rect(0, 0, 0, 0);
25438
25444
  white-space: nowrap;
25439
25445
  border: 0;
25446
+ clip-path: inset(50%);
25440
25447
  }
25441
25448
  .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
25449
  grid-row: 1/2;
@@ -25858,7 +25865,7 @@ ul.pf-v6-c-list {
25858
25865
  .pf-v6-c-radio {
25859
25866
  display: grid;
25860
25867
  grid-template-columns: auto 1fr;
25861
- grid-gap: var(--pf-v6-c-radio--GridGap);
25868
+ gap: var(--pf-v6-c-radio--GridGap);
25862
25869
  align-items: baseline;
25863
25870
  accent-color: var(--pf-v6-c-radio--AccentColor);
25864
25871
  }
@@ -26853,10 +26860,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26853
26860
  width: 100%;
26854
26861
  height: 100%;
26855
26862
  stroke: var(--pf-v6-c-spinner--Color);
26863
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26864
+ stroke-linecap: round;
26856
26865
  stroke-dasharray: 283;
26857
26866
  stroke-dashoffset: 280;
26858
- stroke-linecap: round;
26859
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26860
26867
  transform-origin: 50% 50%;
26861
26868
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26862
26869
  }
@@ -27016,8 +27023,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27016
27023
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
27017
27024
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
27018
27025
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
27019
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
27020
27026
  transform: translateY(-50%);
27027
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
27021
27028
  }
27022
27029
  .pf-v6-c-switch__toggle::after {
27023
27030
  position: absolute;
@@ -29014,11 +29021,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29014
29021
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
29015
29022
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
29016
29023
  overflow: var(--pf-v6-c-table--cell--Overflow);
29024
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29017
29025
  font-size: var(--pf-v6-c-table--cell--FontSize);
29018
29026
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
29019
29027
  line-height: var(--pf-v6-c-table--cell--LineHeight);
29020
29028
  color: var(--pf-v6-c-table--cell--Color);
29021
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29022
29029
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29023
29030
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29024
29031
  }
@@ -29124,24 +29131,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29124
29131
  }
29125
29132
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
29126
29133
  cursor: pointer;
29127
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29128
29134
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
29135
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
29129
29136
  }
29130
29137
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
29131
29138
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
29132
29139
  }
29133
29140
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
29134
29141
  position: relative;
29135
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29136
29142
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
29143
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
29137
29144
  }
29138
29145
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
29139
29146
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
29140
29147
  }
29141
29148
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
29142
29149
  cursor: pointer;
29143
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29144
29150
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
29151
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
29145
29152
  }
29146
29153
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
29147
29154
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -29150,8 +29157,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29150
29157
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
29151
29158
  }
29152
29159
  .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
29160
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29161
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29155
29162
  }
29156
29163
  .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
29164
  border: none;
@@ -29176,11 +29183,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29176
29183
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29177
29184
  visibility: hidden;
29178
29185
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29186
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29179
29187
  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
29188
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29181
29189
  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
29190
  transition-property: opacity, translate, visibility, background-color;
29183
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29184
29191
  }
29185
29192
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29186
29193
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29188,9 +29195,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29188
29195
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29189
29196
  visibility: visible;
29190
29197
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29198
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29191
29199
  transition-delay: 0s;
29192
29200
  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
29201
  }
29195
29202
  .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
29203
  max-height: 99999px;
@@ -29256,8 +29263,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29256
29263
  min-width: var(--pf-v6-c-table__text--MinWidth);
29257
29264
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29258
29265
  overflow: var(--pf-v6-c-table--cell--Overflow);
29259
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29260
29266
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29267
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29261
29268
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29262
29269
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29263
29270
  }
@@ -29286,10 +29293,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29286
29293
  text-align: start;
29287
29294
  white-space: inherit;
29288
29295
  user-select: text;
29296
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29289
29297
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29290
29298
  border: 0;
29291
29299
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29292
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29293
29300
  }
29294
29301
  .pf-v6-c-table__button::after {
29295
29302
  position: absolute;
@@ -29383,10 +29390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29383
29390
  }
29384
29391
 
29385
29392
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29393
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29386
29394
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29387
29395
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29388
29396
  transition-property: transform;
29389
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29390
29397
  }
29391
29398
  .pf-v6-c-table__toggle svg {
29392
29399
  pointer-events: none;
@@ -29942,8 +29949,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29942
29949
  }
29943
29950
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29944
29951
  position: relative;
29945
- border: none;
29946
29952
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29953
+ border: none;
29947
29954
  }
29948
29955
  .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
29956
  position: absolute;
@@ -29981,7 +29988,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29981
29988
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29982
29989
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29983
29990
  grid-column: 1;
29984
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29991
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29985
29992
  align-items: start;
29986
29993
  }
29987
29994
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30084,8 +30091,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30084
30091
  }
30085
30092
  .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
30093
  position: relative;
30087
- border: none;
30088
30094
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30095
+ border: none;
30089
30096
  }
30090
30097
  .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
30098
  position: absolute;
@@ -30123,7 +30130,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30123
30130
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30124
30131
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30125
30132
  grid-column: 1;
30126
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30133
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30127
30134
  align-items: start;
30128
30135
  }
30129
30136
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30227,8 +30234,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30227
30234
  }
30228
30235
  .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
30236
  position: relative;
30230
- border: none;
30231
30237
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30238
+ border: none;
30232
30239
  }
30233
30240
  .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
30241
  position: absolute;
@@ -30266,7 +30273,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30266
30273
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30267
30274
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30268
30275
  grid-column: 1;
30269
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30276
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30270
30277
  align-items: start;
30271
30278
  }
30272
30279
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30370,8 +30377,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30370
30377
  }
30371
30378
  .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
30379
  position: relative;
30373
- border: none;
30374
30380
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30381
+ border: none;
30375
30382
  }
30376
30383
  .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
30384
  position: absolute;
@@ -30409,7 +30416,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30409
30416
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30410
30417
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30411
30418
  grid-column: 1;
30412
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30419
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30413
30420
  align-items: start;
30414
30421
  }
30415
30422
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30513,8 +30520,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30513
30520
  }
30514
30521
  .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
30522
  position: relative;
30516
- border: none;
30517
30523
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30524
+ border: none;
30518
30525
  }
30519
30526
  .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
30527
  position: absolute;
@@ -30552,7 +30559,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30552
30559
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30553
30560
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30554
30561
  grid-column: 1;
30555
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30562
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30556
30563
  align-items: start;
30557
30564
  }
30558
30565
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -31105,8 +31112,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31105
31112
 
31106
31113
  .pf-v6-c-tabs__toggle-icon {
31107
31114
  display: inline-block;
31108
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31109
31115
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
31116
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
31110
31117
  }
31111
31118
 
31112
31119
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31270,8 +31277,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31270
31277
  align-self: end;
31271
31278
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31272
31279
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31273
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31274
31280
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31281
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31275
31282
  }
31276
31283
 
31277
31284
  .pf-v6-c-tabs__item-action {
@@ -31534,10 +31541,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31534
31541
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31535
31542
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31536
31543
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31544
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31537
31545
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31538
31546
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31539
31547
  transition-property: width, height, translate;
31540
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31541
31548
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31542
31549
  }
31543
31550
  :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 +31750,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31743
31750
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31744
31751
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31745
31752
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31753
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31746
31754
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31747
31755
  border: 0;
31748
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31749
31756
  }
31750
31757
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31751
31758
  grid-area: text-input;
@@ -31953,7 +31960,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31953
31960
 
31954
31961
  .pf-v6-c-title {
31955
31962
  font-family: var(--pf-v6-c-title--FontFamily);
31956
- word-break: break-word;
31963
+ overflow-wrap: break-word;
31957
31964
  }
31958
31965
  .pf-v6-c-title.pf-m-4xl {
31959
31966
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32736,10 +32743,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32736
32743
 
32737
32744
  .pf-v6-c-toolbar__expand-all-icon {
32738
32745
  display: inline-flex;
32746
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32739
32747
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32740
32748
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32741
32749
  transition-property: transform;
32742
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32743
32750
  }
32744
32751
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32745
32752
  scale: -1 1;
@@ -34375,7 +34382,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34375
34382
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34376
34383
  color: var(--pf-v6-c-tooltip__content--Color);
34377
34384
  text-align: center;
34378
- word-break: break-word;
34385
+ overflow-wrap: break-word;
34379
34386
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34380
34387
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34381
34388
  }
@@ -34757,19 +34764,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34757
34764
  display: inline-block;
34758
34765
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34759
34766
  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
34767
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34768
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34762
34769
  }
34763
34770
 
34764
34771
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34765
- max-height: 0;
34766
34772
  visibility: hidden;
34773
+ max-height: 0;
34767
34774
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34775
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34768
34776
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34769
34777
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34770
34778
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34771
34779
  transition-property: opacity, translate, visibility, max-height;
34772
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34773
34780
  }
34774
34781
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34775
34782
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34780,12 +34787,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34780
34787
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34781
34788
  }
34782
34789
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34783
- max-height: 99999px;
34784
34790
  visibility: revert;
34791
+ max-height: 99999px;
34785
34792
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34793
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34786
34794
  transition-delay: 0s;
34787
34795
  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
34796
  }
34790
34797
 
34791
34798
  .pf-v6-c-tree-view__node,
@@ -35224,7 +35231,7 @@ label.pf-v6-c-tree-view__node-text {
35224
35231
 
35225
35232
  .pf-v6-c-wizard__title {
35226
35233
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35227
- word-wrap: break-word;
35234
+ overflow-wrap: break-word;
35228
35235
  }
35229
35236
 
35230
35237
  .pf-v6-c-wizard__title-text {
@@ -35287,7 +35294,7 @@ label.pf-v6-c-tree-view__node-text {
35287
35294
  align-items: baseline;
35288
35295
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35289
35296
  text-align: start;
35290
- word-break: break-word;
35297
+ overflow-wrap: break-word;
35291
35298
  }
35292
35299
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35293
35300
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35423,8 +35430,8 @@ label.pf-v6-c-tree-view__node-text {
35423
35430
  padding-inline: 0;
35424
35431
  color: var(--pf-v6-c-wizard__nav-link--Color);
35425
35432
  text-align: start;
35433
+ overflow-wrap: break-word;
35426
35434
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35427
- word-break: break-word;
35428
35435
  counter-increment: wizard-nav-count;
35429
35436
  background-color: transparent;
35430
35437
  border: none;
@@ -35529,10 +35536,10 @@ label.pf-v6-c-tree-view__node-text {
35529
35536
 
35530
35537
  .pf-v6-c-wizard__nav-link-toggle-icon {
35531
35538
  display: inline-block;
35539
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35532
35540
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35533
35541
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35534
35542
  transition-property: transform;
35535
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35536
35543
  }
35537
35544
 
35538
35545
  .pf-v6-c-wizard__main {
@@ -35542,7 +35549,7 @@ label.pf-v6-c-tree-view__node-text {
35542
35549
  flex-direction: column;
35543
35550
  overflow-x: hidden;
35544
35551
  overflow-y: auto;
35545
- word-break: break-word;
35552
+ overflow-wrap: break-word;
35546
35553
  }
35547
35554
 
35548
35555
  .pf-v6-c-wizard__main-body {
@@ -37979,7 +37986,7 @@ label.pf-v6-c-tree-view__node-text {
37979
37986
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37980
37987
  }
37981
37988
  .pf-v6-l-gallery.pf-m-gutter {
37982
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37989
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37983
37990
  }
37984
37991
  .pf-v6-l-gallery {
37985
37992
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38972,7 +38979,7 @@ label.pf-v6-c-tree-view__node-text {
38972
38979
  }
38973
38980
  }
38974
38981
  .pf-v6-l-grid.pf-m-gutter {
38975
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38982
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38976
38983
  }
38977
38984
 
38978
38985
  .pf-v6-l-level {