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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/base/normalize.scss +2 -0
  2. package/base/patternfly-common.css +2 -2
  3. package/base/patternfly-common.scss +1 -1
  4. package/base/patternfly-fa-icons.css +3 -3
  5. package/base/patternfly-fa-icons.scss +3 -3
  6. package/base/patternfly-variables.css +56 -56
  7. package/base/reset.scss +2 -0
  8. package/base/tokens/tokens-charts-dark.scss +1 -1
  9. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  11. package/base/tokens/tokens-charts.scss +1 -1
  12. package/base/tokens/tokens-dark.scss +9 -9
  13. package/base/tokens/tokens-default.scss +8 -8
  14. package/base/tokens/tokens-felt-dark.scss +1 -1
  15. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  16. package/base/tokens/tokens-felt-glass.scss +8 -8
  17. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  19. package/base/tokens/tokens-felt.scss +1 -1
  20. package/base/tokens/tokens-glass-dark.scss +8 -8
  21. package/base/tokens/tokens-glass.scss +8 -8
  22. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  23. package/base/tokens/tokens-highcontrast.scss +7 -7
  24. package/base/tokens/tokens-palette.scss +1 -1
  25. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  26. package/components/AboutModalBox/about-modal-box.css +1 -1
  27. package/components/AboutModalBox/about-modal-box.scss +1 -1
  28. package/components/Accordion/accordion.css +3 -3
  29. package/components/Accordion/accordion.scss +3 -3
  30. package/components/Alert/alert-group.css +1 -1
  31. package/components/Alert/alert-group.scss +1 -1
  32. package/components/Alert/alert.css +3 -3
  33. package/components/Alert/alert.scss +3 -3
  34. package/components/Breadcrumb/breadcrumb.css +1 -1
  35. package/components/Breadcrumb/breadcrumb.scss +1 -1
  36. package/components/Button/button.css +6 -6
  37. package/components/Button/button.scss +6 -6
  38. package/components/Card/card.css +2 -2
  39. package/components/Card/card.scss +3 -3
  40. package/components/Check/check.css +1 -1
  41. package/components/Check/check.scss +1 -1
  42. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  43. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  44. package/components/Compass/compass.css +3 -3
  45. package/components/Compass/compass.scss +3 -3
  46. package/components/Content/content.css +2 -2
  47. package/components/Content/content.scss +2 -2
  48. package/components/DataList/data-list.css +1 -1
  49. package/components/DataList/data-list.scss +1 -1
  50. package/components/DescriptionList/description-list.css +0 -1
  51. package/components/DescriptionList/description-list.scss +0 -1
  52. package/components/Drawer/drawer.css +2 -2
  53. package/components/Drawer/drawer.scss +2 -2
  54. package/components/DualListSelector/dual-list-selector.css +6 -6
  55. package/components/DualListSelector/dual-list-selector.scss +6 -6
  56. package/components/ExpandableSection/expandable-section.css +3 -3
  57. package/components/ExpandableSection/expandable-section.scss +3 -3
  58. package/components/Form/form.css +12 -12
  59. package/components/Form/form.scss +6 -6
  60. package/components/FormControl/form-control.css +1 -1
  61. package/components/FormControl/form-control.scss +3 -1
  62. package/components/Hero/hero.css +1 -1
  63. package/components/Hero/hero.scss +1 -1
  64. package/components/Hint/hint.css +1 -1
  65. package/components/Hint/hint.scss +1 -1
  66. package/components/InputGroup/input-group.css +5 -5
  67. package/components/InputGroup/input-group.scss +5 -5
  68. package/components/JumpLinks/jump-links.css +1 -1
  69. package/components/JumpLinks/jump-links.scss +1 -1
  70. package/components/Label/label.css +1 -1
  71. package/components/Label/label.scss +1 -1
  72. package/components/Login/login.css +2 -2
  73. package/components/Login/login.scss +2 -2
  74. package/components/Masthead/masthead.css +1 -1
  75. package/components/Masthead/masthead.scss +1 -1
  76. package/components/Menu/menu.css +4 -4
  77. package/components/Menu/menu.scss +4 -4
  78. package/components/MenuToggle/menu-toggle.css +1 -1
  79. package/components/MenuToggle/menu-toggle.scss +1 -1
  80. package/components/ModalBox/modal-box.css +1 -1
  81. package/components/ModalBox/modal-box.scss +1 -1
  82. package/components/Nav/nav.css +5 -5
  83. package/components/Nav/nav.scss +5 -5
  84. package/components/NotificationDrawer/notification-drawer.css +5 -5
  85. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  86. package/components/Page/page.css +3 -3
  87. package/components/Page/page.scss +3 -3
  88. package/components/Popover/popover.css +1 -1
  89. package/components/Popover/popover.scss +2 -2
  90. package/components/Progress/progress.css +3 -3
  91. package/components/Progress/progress.scss +3 -6
  92. package/components/ProgressStepper/progress-stepper.css +1 -1
  93. package/components/Radio/radio.css +1 -1
  94. package/components/Radio/radio.scss +1 -1
  95. package/components/Spinner/spinner.css +2 -2
  96. package/components/Spinner/spinner.scss +2 -2
  97. package/components/Switch/switch.css +1 -1
  98. package/components/Switch/switch.scss +1 -1
  99. package/components/Table/table-tree-view.css +10 -10
  100. package/components/Table/table-tree-view.scss +2 -2
  101. package/components/Table/table.css +10 -10
  102. package/components/Table/table.scss +10 -10
  103. package/components/Tabs/tabs.css +3 -3
  104. package/components/Tabs/tabs.scss +3 -3
  105. package/components/TextInputGroup/text-input-group.css +1 -1
  106. package/components/TextInputGroup/text-input-group.scss +1 -1
  107. package/components/Title/title.css +1 -1
  108. package/components/Title/title.scss +1 -1
  109. package/components/Toolbar/toolbar.css +1 -1
  110. package/components/Toolbar/toolbar.scss +1 -1
  111. package/components/Tooltip/tooltip.css +1 -1
  112. package/components/Tooltip/tooltip.scss +2 -2
  113. package/components/TreeView/tree-view.css +5 -5
  114. package/components/TreeView/tree-view.scss +5 -5
  115. package/components/Wizard/wizard.css +5 -5
  116. package/components/Wizard/wizard.scss +5 -5
  117. package/components/_index.css +127 -128
  118. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  119. package/docs/components/Accordion/examples/Accordion.md +30 -30
  120. package/docs/components/ActionList/examples/ActionList.md +11 -11
  121. package/docs/components/Alert/examples/Alert.md +54 -54
  122. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  123. package/docs/components/Banner/examples/Banner.md +10 -10
  124. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  125. package/docs/components/Button/examples/Button.md +184 -184
  126. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  127. package/docs/components/Card/examples/Card.md +14 -14
  128. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  129. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  130. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  131. package/docs/components/DataList/examples/DataList.md +34 -34
  132. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  133. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  134. package/docs/components/Drawer/examples/Drawer.md +22 -22
  135. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  136. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  137. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  138. package/docs/components/Form/examples/Form.md +6 -6
  139. package/docs/components/Hint/examples/Hint.md +3 -3
  140. package/docs/components/Icon/examples/Icon.md +9 -9
  141. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  142. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  143. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  144. package/docs/components/Label/examples/Label.md +218 -218
  145. package/docs/components/Login/examples/Login.md +4 -4
  146. package/docs/components/Masthead/examples/masthead.md +1 -1
  147. package/docs/components/Menu/examples/Menu.md +129 -129
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  149. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  151. package/docs/components/Nav/examples/Navigation.md +66 -66
  152. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  153. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  154. package/docs/components/Page/examples/Page.md +1 -1
  155. package/docs/components/Pagination/examples/Pagination.md +92 -92
  156. package/docs/components/Popover/examples/Popover.md +22 -22
  157. package/docs/components/Progress/examples/Progress.md +7 -7
  158. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  159. package/docs/components/Slider/examples/Slider.md +4 -4
  160. package/docs/components/Table/examples/Table.md +479 -479
  161. package/docs/components/Tabs/examples/Tabs.md +378 -378
  162. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  163. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  164. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  165. package/docs/components/TreeView/examples/TreeView.md +104 -104
  166. package/docs/components/Wizard/examples/Wizard.md +40 -40
  167. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  168. package/docs/demos/Alert/examples/Alert.md +32 -32
  169. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  170. package/docs/demos/Banner/examples/Banner.md +16 -16
  171. package/docs/demos/Button/examples/Button.md +1 -1
  172. package/docs/demos/Card/examples/Card.md +78 -78
  173. package/docs/demos/CardView/examples/CardView.md +38 -38
  174. package/docs/demos/Compass/examples/Compass.md +219 -219
  175. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  176. package/docs/demos/DataList/examples/DataList.md +101 -101
  177. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  178. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  179. package/docs/demos/Form/examples/BasicForms.md +21 -21
  180. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  181. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  182. package/docs/demos/Modal/examples/Modal.md +54 -54
  183. package/docs/demos/Nav/examples/Nav.md +93 -93
  184. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  185. package/docs/demos/Page/examples/Page.md +119 -119
  186. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  187. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  188. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  189. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  190. package/docs/demos/Table/examples/Table.md +630 -630
  191. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  192. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  193. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  194. package/layouts/Gallery/gallery.css +1 -1
  195. package/layouts/Gallery/gallery.scss +1 -1
  196. package/layouts/Grid/grid.css +1 -1
  197. package/layouts/Grid/grid.scss +1 -1
  198. package/layouts/_index.css +2 -2
  199. package/package.json +11 -12
  200. package/patternfly-addons.css +12 -12
  201. package/patternfly-base-no-globals.css +61 -61
  202. package/patternfly-base.css +61 -61
  203. package/patternfly-no-globals.css +190 -191
  204. package/patternfly.css +190 -191
  205. package/patternfly.min.css +1 -1
  206. package/patternfly.min.css.map +1 -1
  207. package/sass-utilities/mixins.scss +2 -2
  208. package/utilities/Accessibility/accessibility.css +12 -12
  209. package/utilities/_index.css +12 -12
@@ -3,9 +3,9 @@
3
3
  inset-block-start: 0;
4
4
  inset-inline-start: 0;
5
5
  overflow: hidden;
6
- clip: rect(0, 0, 0, 0);
7
6
  white-space: nowrap;
8
7
  border: 0;
8
+ clip-path: inset(50%);
9
9
  }
10
10
  .pf-v6-screen-reader.pf-m-full-size {
11
11
  width: 100%;
@@ -108,8 +108,8 @@
108
108
  }
109
109
  }
110
110
  :root {
111
- container-type: inline-size;
112
111
  container-name: pf-v6-contain-viewport pf-v6-contain-table;
112
+ container-type: inline-size;
113
113
  }
114
114
 
115
115
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -5729,13 +5729,13 @@
5729
5729
  .far,
5730
5730
  .fal,
5731
5731
  .fab {
5732
- -moz-osx-font-smoothing: grayscale;
5733
- -webkit-font-smoothing: antialiased;
5734
5732
  display: inline-block;
5735
5733
  font-style: normal;
5736
5734
  font-variant: normal;
5737
- text-rendering: auto;
5738
5735
  line-height: 1;
5736
+ text-rendering: auto;
5737
+ -moz-osx-font-smoothing: grayscale;
5738
+ -webkit-font-smoothing: antialiased;
5739
5739
  }
5740
5740
 
5741
5741
  @font-face {
@@ -6400,12 +6400,12 @@
6400
6400
  --pf-t--color--yellow--60: #96640f;
6401
6401
  --pf-t--color--yellow--70: #73480b;
6402
6402
  --pf-t--color--yellow--80: #54330b;
6403
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6404
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6405
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6406
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6403
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
6404
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
6405
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
6406
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
6407
6407
  --pf-t--global--background--filter--glass--blur--primary: initial;
6408
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6408
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
6409
6409
  --pf-t--global--border--radius--0: 0px;
6410
6410
  --pf-t--global--border--radius--100: 4px;
6411
6411
  --pf-t--global--border--radius--200: 6px;
@@ -6443,8 +6443,8 @@
6443
6443
  --pf-t--global--box-shadow--blur--100: 6px;
6444
6444
  --pf-t--global--box-shadow--blur--200: 10px;
6445
6445
  --pf-t--global--box-shadow--blur--300: 20px;
6446
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6447
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6446
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
6447
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
6448
6448
  --pf-t--global--box-shadow--spread--100: 0px;
6449
6449
  --pf-t--global--box-shadow--spread--200: -4px;
6450
6450
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -7317,10 +7317,10 @@
7317
7317
  }
7318
7318
 
7319
7319
  :root:where(.pf-v6-theme-high-contrast) {
7320
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7321
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
7322
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
7323
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
7320
+ --pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
7321
+ --pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
7322
+ --pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
7323
+ --pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
7324
7324
  --pf-t--global--background--filter--glass--blur--primary: initial;
7325
7325
  --pf-t--global--border--radius--0: 0px;
7326
7326
  --pf-t--global--border--radius--100: 4px;
@@ -7354,8 +7354,8 @@
7354
7354
  --pf-t--global--box-shadow--blur--100: 6px;
7355
7355
  --pf-t--global--box-shadow--blur--200: 10px;
7356
7356
  --pf-t--global--box-shadow--blur--300: 20px;
7357
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
7358
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
7357
+ --pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
7358
+ --pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
7359
7359
  --pf-t--global--box-shadow--spread--100: 0px;
7360
7360
  --pf-t--global--box-shadow--spread--200: -4px;
7361
7361
  --pf-t--global--box-shadow--spread--300: -8px;
@@ -8072,13 +8072,13 @@
8072
8072
  }
8073
8073
 
8074
8074
  :root:where(.pf-v6-theme-glass) {
8075
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8076
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8077
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8078
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8079
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8080
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8081
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8075
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8076
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8077
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8078
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8079
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8080
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8081
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8082
8082
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8083
8083
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8084
8084
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8217,13 +8217,13 @@
8217
8217
  }
8218
8218
 
8219
8219
  :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8220
- --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8221
- --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8222
- --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
8223
- --pf-t--global--background--color--primary--hover: rgba(199, 199, 199, 0.3000);
8224
- --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
8225
- --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
8226
- --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
8220
+ --pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
8221
+ --pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
8222
+ --pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
8223
+ --pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
8224
+ --pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
8225
+ --pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
8226
+ --pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
8227
8227
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
8228
8228
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
8229
8229
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
@@ -8244,15 +8244,15 @@
8244
8244
  }
8245
8245
 
8246
8246
  :root:where(.pf-v6-theme-dark) {
8247
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8248
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8247
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8248
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8249
8249
  --pf-t--global--background--filter--glass--blur--primary: initial;
8250
- --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
8251
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8252
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8253
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8254
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8255
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8250
+ --pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
8251
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8252
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8253
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8254
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8255
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8256
8256
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8257
8257
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8258
8258
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -8702,14 +8702,14 @@
8702
8702
  }
8703
8703
 
8704
8704
  :root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
8705
- --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8706
- --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8705
+ --pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
8706
+ --pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
8707
8707
  --pf-t--global--background--filter--glass--blur--primary: initial;
8708
- --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8709
- --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8710
- --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
8711
- --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
8712
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
8708
+ --pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
8709
+ --pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
8710
+ --pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
8711
+ --pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
8712
+ --pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
8713
8713
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
8714
8714
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
8715
8715
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
@@ -9143,13 +9143,13 @@
9143
9143
  }
9144
9144
 
9145
9145
  :root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
9146
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9147
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9148
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9149
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9150
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9151
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9152
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9146
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9147
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9148
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9149
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9150
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9151
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9152
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9153
9153
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9154
9154
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9155
9155
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9212,13 +9212,13 @@
9212
9212
  }
9213
9213
 
9214
9214
  :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9215
- --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9216
- --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9217
- --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
9218
- --pf-t--global--background--color--primary--hover: rgba(56, 56, 56, 0.5000);
9219
- --pf-t--global--background--color--secondary--clicked: rgba(41, 41, 41, 0.6000);
9220
- --pf-t--global--background--color--secondary--default: rgba(21, 21, 21, 0.6000);
9221
- --pf-t--global--background--color--secondary--hover: rgba(41, 41, 41, 0.6000);
9215
+ --pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
9216
+ --pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
9217
+ --pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
9218
+ --pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
9219
+ --pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
9220
+ --pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
9221
+ --pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
9222
9222
  --pf-t--global--background--filter--glass--blur--primary: blur(16px);
9223
9223
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
9224
9224
  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
@@ -9418,7 +9418,7 @@
9418
9418
  overflow-x: hidden;
9419
9419
  overflow-y: auto;
9420
9420
  overscroll-behavior: contain;
9421
- word-break: break-word;
9421
+ overflow-wrap: break-word;
9422
9422
  -webkit-overflow-scrolling: touch;
9423
9423
  }
9424
9424
  @media screen and (min-width: 36rem) {
@@ -9678,8 +9678,8 @@
9678
9678
  }
9679
9679
 
9680
9680
  .pf-v6-c-accordion__toggle-icon {
9681
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9682
9681
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9682
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9683
9683
  }
9684
9684
 
9685
9685
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9687,6 +9687,7 @@
9687
9687
  }
9688
9688
 
9689
9689
  .pf-v6-c-accordion__expandable-content {
9690
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9690
9691
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9691
9692
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9692
9693
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -9694,16 +9695,15 @@
9694
9695
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9695
9696
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9696
9697
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9697
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9698
9698
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9699
9699
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9700
9700
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9701
9701
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9702
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9702
9703
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
9703
9704
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9704
9705
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9705
9706
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9706
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9707
9707
  }
9708
9708
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9709
9709
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -9907,8 +9907,8 @@
9907
9907
 
9908
9908
  .pf-v6-c-alert__toggle-icon {
9909
9909
  display: inline-block;
9910
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9911
9910
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9911
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9912
9912
  }
9913
9913
 
9914
9914
  .pf-v6-c-alert__icon {
@@ -9923,7 +9923,7 @@
9923
9923
  grid-area: title;
9924
9924
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9925
9925
  color: var(--pf-v6-c-alert__title--Color);
9926
- word-break: break-word;
9926
+ overflow-wrap: break-word;
9927
9927
  }
9928
9928
  .pf-v6-c-alert__title.pf-m-truncate {
9929
9929
  display: -webkit-box;
@@ -9935,7 +9935,7 @@
9935
9935
  .pf-v6-c-alert__description {
9936
9936
  grid-area: description;
9937
9937
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9938
- word-break: break-word;
9938
+ overflow-wrap: break-word;
9939
9939
  }
9940
9940
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9941
9941
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10085,8 +10085,8 @@
10085
10085
  display: grid;
10086
10086
  grid-template-rows: 1fr;
10087
10087
  opacity: 1;
10088
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10089
10088
  transform: translateX(0) translateY(0);
10089
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10090
10090
  }
10091
10091
  @media screen and (prefers-reduced-motion: no-preference) {
10092
10092
  .pf-v6-c-alert-group__item {
@@ -10831,10 +10831,10 @@
10831
10831
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10832
10832
  line-height: inherit;
10833
10833
  color: var(--pf-v6-c-breadcrumb__link--Color);
10834
+ overflow-wrap: break-word;
10834
10835
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10835
10836
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10836
10837
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10837
- word-break: break-word;
10838
10838
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10839
10839
  }
10840
10840
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11252,10 +11252,10 @@ button.pf-v6-c-breadcrumb__link {
11252
11252
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11253
11253
  color: var(--pf-v6-c-button--Color);
11254
11254
  text-align: center;
11255
+ white-space: nowrap;
11255
11256
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11256
11257
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11257
11258
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11258
- white-space: nowrap;
11259
11259
  cursor: pointer;
11260
11260
  -webkit-user-select: none;
11261
11261
  user-select: none;
@@ -11265,11 +11265,11 @@ button.pf-v6-c-breadcrumb__link {
11265
11265
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11266
11266
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11267
11267
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
11268
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11268
11269
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11269
11270
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11270
11271
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11271
11272
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11272
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11273
11273
  }
11274
11274
  .pf-v6-c-button::after {
11275
11275
  position: absolute;
@@ -11396,10 +11396,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11396
11396
  --pf-v6-c-button--hover--BorderWidth: 0;
11397
11397
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11398
11398
  text-align: start;
11399
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11400
11399
  white-space: normal;
11401
- background: transparent;
11400
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11402
11401
  outline-offset: 0.125rem;
11402
+ background: transparent;
11403
11403
  }
11404
11404
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11405
11405
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11757,12 +11757,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11757
11757
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11758
11758
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11759
11759
  color: var(--pf-v6-c-button__icon--Color);
11760
+ rotate: var(--pf-v6-c-button__icon--Rotate);
11761
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11760
11762
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11761
11763
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11762
11764
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11763
11765
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
11764
- rotate: var(--pf-v6-c-button__icon--Rotate);
11765
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
11766
11766
  }
11767
11767
  .pf-v6-c-button__icon.pf-m-start {
11768
11768
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12189,8 +12189,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12189
12189
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12190
12190
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12191
12191
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12192
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12193
12192
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12193
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12194
12194
  }
12195
12195
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12196
12196
  gap: 0;
@@ -12432,9 +12432,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12432
12432
  }
12433
12433
 
12434
12434
  .pf-v6-c-card__clickable-action {
12435
+ outline: 0;
12435
12436
  background: none;
12436
12437
  border: 0;
12437
- outline: 0;
12438
12438
  }
12439
12439
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12440
12440
  pointer-events: none;
@@ -12502,7 +12502,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12502
12502
  .pf-v6-c-check {
12503
12503
  display: grid;
12504
12504
  grid-template-columns: auto 1fr;
12505
- grid-gap: var(--pf-v6-c-check--GridGap);
12505
+ gap: var(--pf-v6-c-check--GridGap);
12506
12506
  accent-color: var(--pf-v6-c-check--AccentColor);
12507
12507
  }
12508
12508
  .pf-v6-c-check.pf-m-standalone {
@@ -12633,7 +12633,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12633
12633
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12634
12634
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12635
12635
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12636
- word-wrap: break-word;
12636
+ overflow-wrap: break-word;
12637
12637
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12638
12638
  background-clip: padding-box;
12639
12639
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12649,7 +12649,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12649
12649
  }
12650
12650
 
12651
12651
  .pf-v6-c-clipboard-copy__text {
12652
- word-break: break-word;
12652
+ overflow-wrap: break-word;
12653
12653
  white-space: normal;
12654
12654
  }
12655
12655
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13138,8 +13138,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13138
13138
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13139
13139
  .pf-v6-c-compass__main-footer,
13140
13140
  .pf-v6-c-compass__footer {
13141
- margin: 0;
13142
13141
  visibility: hidden;
13142
+ margin: 0;
13143
13143
  opacity: 0;
13144
13144
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13145
13145
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13260,8 +13260,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13260
13260
  flex-direction: column;
13261
13261
  grid-area: dock;
13262
13262
  width: var(--pf-v6-c-compass__dock--Width);
13263
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13264
13263
  translate: -100% 0;
13264
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13265
13265
  }
13266
13266
  .pf-v6-c-compass__dock.pf-m-expanded {
13267
13267
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
@@ -13287,9 +13287,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13287
13287
  .pf-v6-c-compass__dock-main {
13288
13288
  flex-grow: 1;
13289
13289
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13290
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13291
13290
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13292
13291
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13292
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13293
13293
  }
13294
13294
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13295
13295
  border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -13620,8 +13620,8 @@ ul) {
13620
13620
  @media screen and (min-width: 36rem) {
13621
13621
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13622
13622
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13623
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13624
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13623
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13624
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13625
13625
  }
13626
13626
  }
13627
13627
 
@@ -14410,8 +14410,8 @@ ul) {
14410
14410
  .pf-v6-c-data-list__toggle-icon {
14411
14411
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14412
14412
  pointer-events: none;
14413
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14414
14413
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14414
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14415
14415
  }
14416
14416
 
14417
14417
  .pf-v6-c-data-list__item-content {
@@ -14628,7 +14628,6 @@ ul) {
14628
14628
  width: 100%;
14629
14629
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14630
14630
  break-inside: avoid;
14631
- page-break-inside: avoid;
14632
14631
  -webkit-column-break-inside: avoid;
14633
14632
  -moz-column-break-inside: avoid;
14634
14633
  }
@@ -15036,9 +15035,9 @@ ul) {
15036
15035
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15037
15036
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15038
15037
  overflow: auto;
15038
+ outline-offset: 2px;
15039
15039
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15040
15040
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15041
- outline-offset: 2px;
15042
15041
  }
15043
15042
 
15044
15043
  .pf-v6-c-dual-list-selector__list {
@@ -15074,25 +15073,25 @@ ul) {
15074
15073
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15075
15074
  }
15076
15075
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
15077
- max-height: 0;
15078
15076
  visibility: hidden;
15077
+ max-height: 0;
15079
15078
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15079
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15080
15080
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15081
15081
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15082
15082
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15083
15083
  transition-property: opacity, translate, visibility, max-height;
15084
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15085
15084
  }
15086
15085
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15087
15086
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
15088
15087
  }
15089
15088
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
15090
- max-height: 99999px;
15091
15089
  visibility: revert;
15090
+ max-height: 99999px;
15092
15091
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15092
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15093
15093
  transition-delay: 0s;
15094
15094
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
15095
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15096
15095
  }
15097
15096
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15098
15097
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15227,10 +15226,10 @@ ul) {
15227
15226
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15228
15227
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15229
15228
  text-align: center;
15229
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15230
15230
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15231
15231
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15232
15232
  transition-property: transform;
15233
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15234
15233
  }
15235
15234
 
15236
15235
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16015,6 +16014,7 @@ ul) {
16015
16014
  .pf-v6-c-drawer__panel {
16016
16015
  position: relative;
16017
16016
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16017
+ visibility: hidden;
16018
16018
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16019
16019
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16020
16020
  order: 1;
@@ -16022,7 +16022,6 @@ ul) {
16022
16022
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16023
16023
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16024
16024
  overflow: auto;
16025
- visibility: hidden;
16026
16025
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16027
16026
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16028
16027
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16132,8 +16131,8 @@ ul) {
16132
16131
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16133
16132
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16134
16133
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16135
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16136
16134
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16135
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16137
16136
  }
16138
16137
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16139
16138
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -16923,8 +16922,8 @@ ul) {
16923
16922
  display: inline-block;
16924
16923
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
16925
16924
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
16926
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16927
16925
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
16926
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16928
16927
  }
16929
16928
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16930
16929
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -16939,15 +16938,15 @@ ul) {
16939
16938
  display: revert;
16940
16939
  }
16941
16940
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
16941
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16942
16942
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
16943
16943
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
16944
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16945
16944
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
16945
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16946
16946
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
16947
16947
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
16948
16948
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
16949
16949
  transition-property: opacity, translate, visibility, max-height;
16950
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16951
16950
  }
16952
16951
 
16953
16952
  .pf-v6-c-file-upload {
@@ -17118,7 +17117,7 @@ ul) {
17118
17117
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17119
17118
  display: grid;
17120
17119
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17121
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17120
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17122
17121
  }
17123
17122
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17124
17123
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17146,7 +17145,7 @@ ul) {
17146
17145
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17147
17146
  display: grid;
17148
17147
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17149
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17148
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17150
17149
  }
17151
17150
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17152
17151
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17174,7 +17173,7 @@ ul) {
17174
17173
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17175
17174
  display: grid;
17176
17175
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17177
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17176
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17178
17177
  }
17179
17178
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17180
17179
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17202,7 +17201,7 @@ ul) {
17202
17201
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17203
17202
  display: grid;
17204
17203
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17205
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17204
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17206
17205
  }
17207
17206
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17208
17207
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17230,7 +17229,7 @@ ul) {
17230
17229
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17231
17230
  display: grid;
17232
17231
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17233
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17232
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17234
17233
  }
17235
17234
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17236
17235
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17258,7 +17257,7 @@ ul) {
17258
17257
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17259
17258
  display: grid;
17260
17259
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17261
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17260
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17262
17261
  }
17263
17262
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17264
17263
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17286,7 +17285,7 @@ ul) {
17286
17285
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17287
17286
  display: grid;
17288
17287
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17289
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17288
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17290
17289
  }
17291
17290
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17292
17291
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17459,14 +17458,14 @@ ul) {
17459
17458
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17460
17459
  }
17461
17460
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17461
+ visibility: visible;
17462
17462
  max-height: 99999px;
17463
17463
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17464
17464
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17465
- visibility: visible;
17466
17465
  opacity: 1;
17466
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17467
17467
  transition-delay: 0s;
17468
17468
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
17469
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17470
17469
  }
17471
17470
 
17472
17471
  .pf-v6-c-form__field-group-toggle {
@@ -17488,10 +17487,10 @@ ul) {
17488
17487
  display: inline-block;
17489
17488
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17490
17489
  text-align: center;
17490
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17491
17491
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17492
17492
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17493
17493
  transition-property: transform;
17494
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17495
17494
  }
17496
17495
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17497
17496
  scale: -1 1;
@@ -17540,15 +17539,15 @@ ul) {
17540
17539
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17541
17540
  }
17542
17541
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17542
+ visibility: hidden;
17543
17543
  max-height: 0;
17544
17544
  padding-block-start: 0;
17545
17545
  padding-block-end: 0;
17546
- visibility: hidden;
17547
17546
  opacity: 0;
17547
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17548
17548
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
17549
17549
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
17550
17550
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17551
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17552
17551
  }
17553
17552
 
17554
17553
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17708,10 +17707,10 @@ ul) {
17708
17707
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17709
17708
  color: var(--pf-v6-c-form-control--Color);
17710
17709
  appearance: none;
17710
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17711
17711
  background-color: transparent;
17712
17712
  border: none;
17713
17713
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17714
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17715
17714
  }
17716
17715
  .pf-v6-c-form-control > ::placeholder {
17717
17716
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18077,8 +18076,8 @@ ul) {
18077
18076
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18078
18077
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18079
18078
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18080
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18081
18079
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18080
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18082
18081
  }
18083
18082
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18084
18083
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18114,7 +18113,7 @@ ul) {
18114
18113
  .pf-v6-c-hint {
18115
18114
  display: grid;
18116
18115
  grid-template-columns: 1fr auto;
18117
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18116
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18118
18117
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18119
18118
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18120
18119
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18562,20 +18561,20 @@ ul) {
18562
18561
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18563
18562
  }
18564
18563
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18564
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18565
18565
  flex-grow: 1;
18566
18566
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18567
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18568
18567
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18568
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18569
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18569
18570
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18570
18571
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18571
18572
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
18572
18573
  transition-property: opacity, scale, visibility, max-width;
18573
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18574
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18575
18574
  }
18576
18575
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18577
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18578
18576
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18577
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18579
18578
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18580
18579
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18581
18580
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18583,8 +18582,8 @@ ul) {
18583
18582
  transition-property: opacity, visibility, max-width;
18584
18583
  }
18585
18584
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18586
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18587
18585
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18586
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18588
18587
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18589
18588
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18590
18589
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -18911,10 +18910,10 @@ label.pf-v6-c-input-group__text {
18911
18910
  .pf-v6-c-jump-links__toggle-icon {
18912
18911
  display: inline-block;
18913
18912
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
18913
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18914
18914
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
18915
18915
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
18916
18916
  transition-property: transform;
18917
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18918
18917
  }
18919
18918
 
18920
18919
  .pf-v6-c-label {
@@ -19127,9 +19126,9 @@ label.pf-v6-c-input-group__text {
19127
19126
  font-size: var(--pf-v6-c-label--FontSize);
19128
19127
  white-space: nowrap;
19129
19128
  background: transparent;
19130
- isolation: isolate;
19131
19129
  border: 0;
19132
19130
  border-radius: var(--pf-v6-c-label--BorderRadius);
19131
+ isolation: isolate;
19133
19132
  }
19134
19133
  .pf-v6-c-label.pf-m-blue {
19135
19134
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19787,7 +19786,7 @@ ul.pf-v6-c-list {
19787
19786
  display: grid;
19788
19787
  grid-template-areas: "main header" "main footer" "main .";
19789
19788
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19790
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19789
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19791
19790
  justify-content: center;
19792
19791
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19793
19792
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19813,10 +19812,10 @@ ul.pf-v6-c-list {
19813
19812
  align-self: start;
19814
19813
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19815
19814
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19816
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19817
19815
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19818
19816
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19819
19817
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19818
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19820
19819
  }
19821
19820
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19822
19821
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20160,9 +20159,9 @@ ul.pf-v6-c-list {
20160
20159
  }
20161
20160
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20162
20161
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20163
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20164
20162
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20165
20163
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20164
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20166
20165
  }
20167
20166
 
20168
20167
  .pf-v6-c-masthead__main {
@@ -20871,8 +20870,8 @@ ul.pf-v6-c-list {
20871
20870
  }
20872
20871
 
20873
20872
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
20874
- overflow: hidden;
20875
20873
  visibility: visible;
20874
+ overflow: hidden;
20876
20875
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
20877
20876
  }
20878
20877
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -20898,8 +20897,8 @@ ul.pf-v6-c-list {
20898
20897
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20899
20898
  }
20900
20899
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
20901
- overflow: visible;
20902
20900
  visibility: hidden;
20901
+ overflow: visible;
20903
20902
  }
20904
20903
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
20905
20904
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -21040,10 +21039,10 @@ ul.pf-v6-c-list {
21040
21039
  color: var(--pf-v6-c-menu__item--Color);
21041
21040
  text-align: start;
21042
21041
  text-decoration-line: none;
21042
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21043
21043
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21044
21044
  border: 0;
21045
21045
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21046
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21047
21046
  --pf-v6-hidden-visible--visible--Display: flex;
21048
21047
  --pf-v6-hidden-visible--hidden--Display: none;
21049
21048
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21137,7 +21136,7 @@ ul.pf-v6-c-list {
21137
21136
  .pf-v6-c-menu__item-description {
21138
21137
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21139
21138
  color: var(--pf-v6-c-menu__item-description--Color);
21140
- word-break: break-word;
21139
+ overflow-wrap: break-word;
21141
21140
  }
21142
21141
 
21143
21142
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21720,10 +21719,10 @@ ul.pf-v6-c-list {
21720
21719
 
21721
21720
  .pf-v6-c-menu-toggle__icon {
21722
21721
  flex-shrink: 0;
21722
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21723
21723
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21724
21724
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21725
21725
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21726
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21727
21726
  }
21728
21727
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21729
21728
  vertical-align: middle;
@@ -21931,7 +21930,7 @@ ul.pf-v6-c-list {
21931
21930
  overflow-x: hidden;
21932
21931
  overflow-y: auto;
21933
21932
  overscroll-behavior: contain;
21934
- word-break: break-word;
21933
+ overflow-wrap: break-word;
21935
21934
  -webkit-overflow-scrolling: touch;
21936
21935
  }
21937
21936
  .pf-v6-c-modal-box__body:last-child {
@@ -22380,17 +22379,17 @@ ul.pf-v6-c-list {
22380
22379
 
22381
22380
  .pf-v6-c-nav__subnav {
22382
22381
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22382
+ visibility: visible;
22383
22383
  max-height: 99999px;
22384
22384
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22385
22385
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22386
22386
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22387
22387
  overflow-y: clip;
22388
- visibility: visible;
22388
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22389
22389
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
22390
22390
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22391
22391
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22392
22392
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22393
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22394
22393
  }
22395
22394
  .pf-v6-c-nav__subnav[hidden] {
22396
22395
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22400,8 +22399,8 @@ ul.pf-v6-c-list {
22400
22399
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22401
22400
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22402
22401
  display: grid;
22403
- max-height: 0;
22404
22402
  visibility: hidden;
22403
+ max-height: 0;
22405
22404
  opacity: 0;
22406
22405
  }
22407
22406
 
@@ -22419,10 +22418,10 @@ ul.pf-v6-c-list {
22419
22418
  content: var(--pf-v6-c-nav__item--accent--content, "");
22420
22419
  background-color: var(--pf-v6-c-nav__item--accent--color);
22421
22420
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22421
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22422
22422
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22423
22423
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22424
22424
  transition-property: scale;
22425
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22426
22425
  }
22427
22426
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22428
22427
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22510,10 +22509,10 @@ ul.pf-v6-c-list {
22510
22509
 
22511
22510
  .pf-v6-c-nav__toggle-icon {
22512
22511
  display: inline-block;
22512
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22513
22513
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22514
22514
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22515
22515
  transition-property: transform;
22516
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22517
22516
  }
22518
22517
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22519
22518
  scale: -1 1;
@@ -22746,9 +22745,9 @@ ul.pf-v6-c-list {
22746
22745
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22747
22746
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22748
22747
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22748
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22749
22749
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22750
22750
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22751
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22752
22751
  }
22753
22752
  .pf-v6-c-notification-drawer__list-item::before {
22754
22753
  position: absolute;
@@ -22805,7 +22804,7 @@ ul.pf-v6-c-list {
22805
22804
 
22806
22805
  .pf-v6-c-notification-drawer__list-item-header-title {
22807
22806
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22808
- word-break: break-word;
22807
+ overflow-wrap: break-word;
22809
22808
  }
22810
22809
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22811
22810
  display: -webkit-box;
@@ -22827,7 +22826,7 @@ ul.pf-v6-c-list {
22827
22826
  grid-row: 2/3;
22828
22827
  grid-column: 1/2;
22829
22828
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22830
- word-break: break-word;
22829
+ overflow-wrap: break-word;
22831
22830
  }
22832
22831
 
22833
22832
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22858,9 +22857,9 @@ ul.pf-v6-c-list {
22858
22857
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
22859
22858
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
22860
22859
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
22860
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22861
22861
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
22862
22862
  border: none;
22863
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22864
22863
  }
22865
22864
 
22866
22865
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -22872,7 +22871,7 @@ ul.pf-v6-c-list {
22872
22871
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22873
22872
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22874
22873
  text-align: start;
22875
- word-break: break-word;
22874
+ overflow-wrap: break-word;
22876
22875
  }
22877
22876
 
22878
22877
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23376,9 +23375,9 @@ ul.pf-v6-c-list {
23376
23375
  .pf-v6-c-page__dock-main {
23377
23376
  flex-grow: 1;
23378
23377
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23379
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23380
23378
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23381
23379
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23380
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23382
23381
  }
23383
23382
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23384
23383
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -23460,10 +23459,10 @@ ul.pf-v6-c-list {
23460
23459
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23461
23460
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23462
23461
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23463
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23464
23462
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23465
23463
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23466
23464
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23465
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23467
23466
  }
23468
23467
 
23469
23468
  .pf-v6-c-page__sidebar-header {
@@ -23829,7 +23828,6 @@ ul.pf-v6-c-list {
23829
23828
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23830
23829
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23831
23830
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23832
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23833
23831
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23834
23832
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23835
23833
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23837,6 +23835,7 @@ ul.pf-v6-c-list {
23837
23835
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23838
23836
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23839
23837
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
23838
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23840
23839
  }
23841
23840
  @media screen and (max-width: calc(48rem - 1px)) {
23842
23841
  .pf-v6-c-page__main-container {
@@ -24861,7 +24860,7 @@ ul.pf-v6-c-list {
24861
24860
  }
24862
24861
 
24863
24862
  .pf-v6-c-popover__body {
24864
- word-wrap: break-word;
24863
+ overflow-wrap: break-word;
24865
24864
  }
24866
24865
 
24867
24866
  .pf-v6-c-popover__footer {
@@ -24906,7 +24905,7 @@ ul.pf-v6-c-list {
24906
24905
  display: grid;
24907
24906
  grid-template-rows: 1fr auto;
24908
24907
  grid-template-columns: auto auto;
24909
- grid-gap: var(--pf-v6-c-progress--GridGap);
24908
+ gap: var(--pf-v6-c-progress--GridGap);
24910
24909
  align-items: end;
24911
24910
  }
24912
24911
  .pf-v6-c-progress.pf-m-sm {
@@ -25000,7 +24999,7 @@ ul.pf-v6-c-list {
25000
24999
 
25001
25000
  .pf-v6-c-progress__description {
25002
25001
  grid-column: 1/2;
25003
- word-break: break-word;
25002
+ overflow-wrap: break-word;
25004
25003
  }
25005
25004
  .pf-v6-c-progress__description.pf-m-truncate {
25006
25005
  overflow: hidden;
@@ -25016,7 +25015,7 @@ ul.pf-v6-c-list {
25016
25015
  align-items: flex-start;
25017
25016
  justify-content: flex-end;
25018
25017
  text-align: end;
25019
- word-break: break-word;
25018
+ overflow-wrap: break-word;
25020
25019
  }
25021
25020
 
25022
25021
  .pf-v6-c-progress__status-icon {
@@ -25279,9 +25278,9 @@ ul.pf-v6-c-list {
25279
25278
  inset-block-start: 0;
25280
25279
  inset-inline-start: 0;
25281
25280
  overflow: hidden;
25282
- clip: rect(0, 0, 0, 0);
25283
25281
  white-space: nowrap;
25284
25282
  border: 0;
25283
+ clip-path: inset(50%);
25285
25284
  }
25286
25285
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25287
25286
  grid-row: 1/2;
@@ -25703,7 +25702,7 @@ ul.pf-v6-c-list {
25703
25702
  .pf-v6-c-radio {
25704
25703
  display: grid;
25705
25704
  grid-template-columns: auto 1fr;
25706
- grid-gap: var(--pf-v6-c-radio--GridGap);
25705
+ gap: var(--pf-v6-c-radio--GridGap);
25707
25706
  align-items: baseline;
25708
25707
  accent-color: var(--pf-v6-c-radio--AccentColor);
25709
25708
  }
@@ -26698,10 +26697,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26698
26697
  width: 100%;
26699
26698
  height: 100%;
26700
26699
  stroke: var(--pf-v6-c-spinner--Color);
26700
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26701
+ stroke-linecap: round;
26701
26702
  stroke-dasharray: 283;
26702
26703
  stroke-dashoffset: 280;
26703
- stroke-linecap: round;
26704
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26705
26704
  transform-origin: 50% 50%;
26706
26705
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26707
26706
  }
@@ -26861,8 +26860,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26861
26860
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
26862
26861
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
26863
26862
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
26864
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
26865
26863
  transform: translateY(-50%);
26864
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
26866
26865
  }
26867
26866
  .pf-v6-c-switch__toggle::after {
26868
26867
  position: absolute;
@@ -28859,11 +28858,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28859
28858
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
28860
28859
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
28861
28860
  overflow: var(--pf-v6-c-table--cell--Overflow);
28861
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28862
28862
  font-size: var(--pf-v6-c-table--cell--FontSize);
28863
28863
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
28864
28864
  line-height: var(--pf-v6-c-table--cell--LineHeight);
28865
28865
  color: var(--pf-v6-c-table--cell--Color);
28866
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28867
28866
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28868
28867
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28869
28868
  }
@@ -28969,24 +28968,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28969
28968
  }
28970
28969
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
28971
28970
  cursor: pointer;
28972
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28973
28971
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
28972
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28974
28973
  }
28975
28974
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28976
28975
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28977
28976
  }
28978
28977
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
28979
28978
  position: relative;
28980
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28981
28979
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
28980
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28982
28981
  }
28983
28982
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
28984
28983
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
28985
28984
  }
28986
28985
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
28987
28986
  cursor: pointer;
28988
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28989
28987
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
28988
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28990
28989
  }
28991
28990
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28992
28991
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -28995,8 +28994,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28995
28994
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
28996
28995
  }
28997
28996
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28998
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28999
28997
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
28998
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29000
28999
  }
29001
29000
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
29002
29001
  border: none;
@@ -29021,11 +29020,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29021
29020
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29022
29021
  visibility: hidden;
29023
29022
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29023
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29024
29024
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29025
29025
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29026
29026
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29027
29027
  transition-property: opacity, translate, visibility, background-color;
29028
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29029
29028
  }
29030
29029
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29031
29030
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29033,9 +29032,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29033
29032
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29034
29033
  visibility: visible;
29035
29034
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29035
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29036
29036
  transition-delay: 0s;
29037
29037
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29038
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29039
29038
  }
29040
29039
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
29041
29040
  max-height: 99999px;
@@ -29101,8 +29100,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29101
29100
  min-width: var(--pf-v6-c-table__text--MinWidth);
29102
29101
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29103
29102
  overflow: var(--pf-v6-c-table--cell--Overflow);
29104
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29105
29103
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29104
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29106
29105
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29107
29106
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29108
29107
  }
@@ -29131,10 +29130,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29131
29130
  text-align: start;
29132
29131
  white-space: inherit;
29133
29132
  user-select: text;
29133
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29134
29134
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29135
29135
  border: 0;
29136
29136
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29137
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29138
29137
  }
29139
29138
  .pf-v6-c-table__button::after {
29140
29139
  position: absolute;
@@ -29228,10 +29227,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29228
29227
  }
29229
29228
 
29230
29229
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29230
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29231
29231
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29232
29232
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29233
29233
  transition-property: transform;
29234
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29235
29234
  }
29236
29235
  .pf-v6-c-table__toggle svg {
29237
29236
  pointer-events: none;
@@ -29787,8 +29786,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29787
29786
  }
29788
29787
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29789
29788
  position: relative;
29790
- border: none;
29791
29789
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29790
+ border: none;
29792
29791
  }
29793
29792
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29794
29793
  position: absolute;
@@ -29826,7 +29825,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29826
29825
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29827
29826
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29828
29827
  grid-column: 1;
29829
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29828
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29830
29829
  align-items: start;
29831
29830
  }
29832
29831
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -29929,8 +29928,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29929
29928
  }
29930
29929
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29931
29930
  position: relative;
29932
- border: none;
29933
29931
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29932
+ border: none;
29934
29933
  }
29935
29934
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29936
29935
  position: absolute;
@@ -29968,7 +29967,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29968
29967
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29969
29968
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29970
29969
  grid-column: 1;
29971
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29970
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29972
29971
  align-items: start;
29973
29972
  }
29974
29973
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30072,8 +30071,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30072
30071
  }
30073
30072
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30074
30073
  position: relative;
30075
- border: none;
30076
30074
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30075
+ border: none;
30077
30076
  }
30078
30077
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30079
30078
  position: absolute;
@@ -30111,7 +30110,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30111
30110
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30112
30111
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30113
30112
  grid-column: 1;
30114
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30113
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30115
30114
  align-items: start;
30116
30115
  }
30117
30116
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30215,8 +30214,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30215
30214
  }
30216
30215
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30217
30216
  position: relative;
30218
- border: none;
30219
30217
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30218
+ border: none;
30220
30219
  }
30221
30220
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30222
30221
  position: absolute;
@@ -30254,7 +30253,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30254
30253
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30255
30254
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30256
30255
  grid-column: 1;
30257
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30256
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30258
30257
  align-items: start;
30259
30258
  }
30260
30259
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30358,8 +30357,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30358
30357
  }
30359
30358
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30360
30359
  position: relative;
30361
- border: none;
30362
30360
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30361
+ border: none;
30363
30362
  }
30364
30363
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30365
30364
  position: absolute;
@@ -30397,7 +30396,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30397
30396
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30398
30397
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30399
30398
  grid-column: 1;
30400
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30399
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30401
30400
  align-items: start;
30402
30401
  }
30403
30402
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30950,8 +30949,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30950
30949
 
30951
30950
  .pf-v6-c-tabs__toggle-icon {
30952
30951
  display: inline-block;
30953
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30954
30952
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
30953
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30955
30954
  }
30956
30955
 
30957
30956
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31115,8 +31114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31115
31114
  align-self: end;
31116
31115
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31117
31116
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31118
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31119
31117
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31118
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31120
31119
  }
31121
31120
 
31122
31121
  .pf-v6-c-tabs__item-action {
@@ -31379,10 +31378,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31379
31378
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31380
31379
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31381
31380
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31381
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31382
31382
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31383
31383
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31384
31384
  transition-property: width, height, translate;
31385
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31386
31385
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31387
31386
  }
31388
31387
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -31588,9 +31587,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31588
31587
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31589
31588
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31590
31589
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31590
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31591
31591
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31592
31592
  border: 0;
31593
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31594
31593
  }
31595
31594
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31596
31595
  grid-area: text-input;
@@ -31798,7 +31797,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31798
31797
 
31799
31798
  .pf-v6-c-title {
31800
31799
  font-family: var(--pf-v6-c-title--FontFamily);
31801
- word-break: break-word;
31800
+ overflow-wrap: break-word;
31802
31801
  }
31803
31802
  .pf-v6-c-title.pf-m-4xl {
31804
31803
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32581,10 +32580,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32581
32580
 
32582
32581
  .pf-v6-c-toolbar__expand-all-icon {
32583
32582
  display: inline-flex;
32583
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32584
32584
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32585
32585
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32586
32586
  transition-property: transform;
32587
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32588
32587
  }
32589
32588
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32590
32589
  scale: -1 1;
@@ -34220,7 +34219,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34220
34219
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34221
34220
  color: var(--pf-v6-c-tooltip__content--Color);
34222
34221
  text-align: center;
34223
- word-break: break-word;
34222
+ overflow-wrap: break-word;
34224
34223
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34225
34224
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34226
34225
  }
@@ -34602,19 +34601,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34602
34601
  display: inline-block;
34603
34602
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34604
34603
  text-align: center;
34605
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34606
34604
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34605
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34607
34606
  }
34608
34607
 
34609
34608
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34610
- max-height: 0;
34611
34609
  visibility: hidden;
34610
+ max-height: 0;
34612
34611
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34612
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34613
34613
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34614
34614
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34615
34615
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34616
34616
  transition-property: opacity, translate, visibility, max-height;
34617
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34618
34617
  }
34619
34618
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34620
34619
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34625,12 +34624,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34625
34624
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34626
34625
  }
34627
34626
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34628
- max-height: 99999px;
34629
34627
  visibility: revert;
34628
+ max-height: 99999px;
34630
34629
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34630
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34631
34631
  transition-delay: 0s;
34632
34632
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34633
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34634
34633
  }
34635
34634
 
34636
34635
  .pf-v6-c-tree-view__node,
@@ -35069,7 +35068,7 @@ label.pf-v6-c-tree-view__node-text {
35069
35068
 
35070
35069
  .pf-v6-c-wizard__title {
35071
35070
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35072
- word-wrap: break-word;
35071
+ overflow-wrap: break-word;
35073
35072
  }
35074
35073
 
35075
35074
  .pf-v6-c-wizard__title-text {
@@ -35132,7 +35131,7 @@ label.pf-v6-c-tree-view__node-text {
35132
35131
  align-items: baseline;
35133
35132
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35134
35133
  text-align: start;
35135
- word-break: break-word;
35134
+ overflow-wrap: break-word;
35136
35135
  }
35137
35136
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35138
35137
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35268,8 +35267,8 @@ label.pf-v6-c-tree-view__node-text {
35268
35267
  padding-inline: 0;
35269
35268
  color: var(--pf-v6-c-wizard__nav-link--Color);
35270
35269
  text-align: start;
35270
+ overflow-wrap: break-word;
35271
35271
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35272
- word-break: break-word;
35273
35272
  counter-increment: wizard-nav-count;
35274
35273
  background-color: transparent;
35275
35274
  border: none;
@@ -35374,10 +35373,10 @@ label.pf-v6-c-tree-view__node-text {
35374
35373
 
35375
35374
  .pf-v6-c-wizard__nav-link-toggle-icon {
35376
35375
  display: inline-block;
35376
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35377
35377
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35378
35378
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35379
35379
  transition-property: transform;
35380
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35381
35380
  }
35382
35381
 
35383
35382
  .pf-v6-c-wizard__main {
@@ -35387,7 +35386,7 @@ label.pf-v6-c-tree-view__node-text {
35387
35386
  flex-direction: column;
35388
35387
  overflow-x: hidden;
35389
35388
  overflow-y: auto;
35390
- word-break: break-word;
35389
+ overflow-wrap: break-word;
35391
35390
  }
35392
35391
 
35393
35392
  .pf-v6-c-wizard__main-body {
@@ -37824,7 +37823,7 @@ label.pf-v6-c-tree-view__node-text {
37824
37823
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37825
37824
  }
37826
37825
  .pf-v6-l-gallery.pf-m-gutter {
37827
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37826
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37828
37827
  }
37829
37828
  .pf-v6-l-gallery {
37830
37829
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38817,7 +38816,7 @@ label.pf-v6-c-tree-view__node-text {
38817
38816
  }
38818
38817
  }
38819
38818
  .pf-v6-l-grid.pf-m-gutter {
38820
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38819
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38821
38820
  }
38822
38821
 
38823
38822
  .pf-v6-l-level {