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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/base/normalize.scss +2 -0
  2. package/base/patternfly-common.css +2 -2
  3. package/base/patternfly-common.scss +1 -1
  4. package/base/patternfly-fa-icons.css +3 -3
  5. package/base/patternfly-fa-icons.scss +3 -3
  6. package/base/patternfly-variables.css +56 -56
  7. package/base/reset.scss +2 -0
  8. package/base/tokens/tokens-charts-dark.scss +1 -1
  9. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  11. package/base/tokens/tokens-charts.scss +1 -1
  12. package/base/tokens/tokens-dark.scss +9 -9
  13. package/base/tokens/tokens-default.scss +8 -8
  14. package/base/tokens/tokens-felt-dark.scss +1 -1
  15. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  16. package/base/tokens/tokens-felt-glass.scss +8 -8
  17. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  19. package/base/tokens/tokens-felt.scss +1 -1
  20. package/base/tokens/tokens-glass-dark.scss +8 -8
  21. package/base/tokens/tokens-glass.scss +8 -8
  22. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  23. package/base/tokens/tokens-highcontrast.scss +7 -7
  24. package/base/tokens/tokens-palette.scss +1 -1
  25. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  26. package/components/AboutModalBox/about-modal-box.css +1 -1
  27. package/components/AboutModalBox/about-modal-box.scss +1 -1
  28. package/components/Accordion/accordion.css +3 -3
  29. package/components/Accordion/accordion.scss +3 -3
  30. package/components/Alert/alert-group.css +1 -1
  31. package/components/Alert/alert-group.scss +1 -1
  32. package/components/Alert/alert.css +3 -3
  33. package/components/Alert/alert.scss +3 -3
  34. package/components/Breadcrumb/breadcrumb.css +1 -1
  35. package/components/Breadcrumb/breadcrumb.scss +1 -1
  36. package/components/Button/button.css +6 -6
  37. package/components/Button/button.scss +6 -6
  38. package/components/Card/card.css +2 -2
  39. package/components/Card/card.scss +3 -3
  40. package/components/Check/check.css +1 -1
  41. package/components/Check/check.scss +1 -1
  42. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  43. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  44. package/components/Compass/compass.css +7 -3
  45. package/components/Compass/compass.scss +7 -3
  46. package/components/Content/content.css +2 -2
  47. package/components/Content/content.scss +2 -2
  48. package/components/DataList/data-list.css +1 -1
  49. package/components/DataList/data-list.scss +1 -1
  50. package/components/DescriptionList/description-list.css +0 -1
  51. package/components/DescriptionList/description-list.scss +0 -1
  52. package/components/Drawer/drawer.css +2 -2
  53. package/components/Drawer/drawer.scss +2 -2
  54. package/components/DualListSelector/dual-list-selector.css +6 -6
  55. package/components/DualListSelector/dual-list-selector.scss +6 -6
  56. package/components/ExpandableSection/expandable-section.css +3 -3
  57. package/components/ExpandableSection/expandable-section.scss +3 -3
  58. package/components/Form/form.css +12 -12
  59. package/components/Form/form.scss +6 -6
  60. package/components/FormControl/form-control.css +1 -1
  61. package/components/FormControl/form-control.scss +3 -1
  62. package/components/Hero/hero.css +1 -1
  63. package/components/Hero/hero.scss +1 -1
  64. package/components/Hint/hint.css +1 -1
  65. package/components/Hint/hint.scss +1 -1
  66. package/components/InputGroup/input-group.css +5 -5
  67. package/components/InputGroup/input-group.scss +5 -5
  68. package/components/JumpLinks/jump-links.css +1 -1
  69. package/components/JumpLinks/jump-links.scss +1 -1
  70. package/components/Label/label.css +1 -1
  71. package/components/Label/label.scss +1 -1
  72. package/components/Login/login.css +2 -2
  73. package/components/Login/login.scss +2 -2
  74. package/components/Masthead/masthead.css +1 -1
  75. package/components/Masthead/masthead.scss +1 -1
  76. package/components/Menu/menu.css +4 -4
  77. package/components/Menu/menu.scss +4 -4
  78. package/components/MenuToggle/menu-toggle.css +1 -1
  79. package/components/MenuToggle/menu-toggle.scss +1 -1
  80. package/components/ModalBox/modal-box.css +1 -1
  81. package/components/ModalBox/modal-box.scss +1 -1
  82. package/components/Nav/nav.css +5 -5
  83. package/components/Nav/nav.scss +5 -5
  84. package/components/NotificationDrawer/notification-drawer.css +5 -5
  85. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  86. package/components/Page/page.css +8 -4
  87. package/components/Page/page.scss +10 -4
  88. package/components/Popover/popover.css +1 -1
  89. package/components/Popover/popover.scss +2 -2
  90. package/components/Progress/progress.css +3 -3
  91. package/components/Progress/progress.scss +3 -6
  92. package/components/ProgressStepper/progress-stepper.css +1 -1
  93. package/components/Radio/radio.css +1 -1
  94. package/components/Radio/radio.scss +1 -1
  95. package/components/Spinner/spinner.css +2 -2
  96. package/components/Spinner/spinner.scss +2 -2
  97. package/components/Switch/switch.css +1 -1
  98. package/components/Switch/switch.scss +1 -1
  99. package/components/Table/table-tree-view.css +10 -10
  100. package/components/Table/table-tree-view.scss +2 -2
  101. package/components/Table/table.css +10 -10
  102. package/components/Table/table.scss +10 -10
  103. package/components/Tabs/tabs.css +3 -3
  104. package/components/Tabs/tabs.scss +3 -3
  105. package/components/TextInputGroup/text-input-group.css +1 -1
  106. package/components/TextInputGroup/text-input-group.scss +1 -1
  107. package/components/Title/title.css +1 -1
  108. package/components/Title/title.scss +1 -1
  109. package/components/Toolbar/toolbar.css +1 -1
  110. package/components/Toolbar/toolbar.scss +1 -1
  111. package/components/Tooltip/tooltip.css +1 -1
  112. package/components/Tooltip/tooltip.scss +2 -2
  113. package/components/TreeView/tree-view.css +5 -5
  114. package/components/TreeView/tree-view.scss +5 -5
  115. package/components/Wizard/wizard.css +5 -5
  116. package/components/Wizard/wizard.scss +5 -5
  117. package/components/_index.css +136 -129
  118. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  119. package/docs/components/Accordion/examples/Accordion.md +30 -30
  120. package/docs/components/ActionList/examples/ActionList.md +11 -11
  121. package/docs/components/Alert/examples/Alert.md +54 -54
  122. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  123. package/docs/components/Banner/examples/Banner.md +10 -10
  124. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  125. package/docs/components/Button/examples/Button.md +184 -184
  126. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  127. package/docs/components/Card/examples/Card.md +14 -14
  128. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  129. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  130. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  131. package/docs/components/DataList/examples/DataList.md +34 -34
  132. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  133. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  134. package/docs/components/Drawer/examples/Drawer.md +22 -22
  135. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  136. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  137. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  138. package/docs/components/Form/examples/Form.md +6 -6
  139. package/docs/components/Hint/examples/Hint.md +3 -3
  140. package/docs/components/Icon/examples/Icon.md +9 -9
  141. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  142. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  143. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  144. package/docs/components/Label/examples/Label.md +218 -218
  145. package/docs/components/Login/examples/Login.md +4 -4
  146. package/docs/components/Masthead/examples/masthead.md +1 -1
  147. package/docs/components/Menu/examples/Menu.md +129 -129
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  149. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  151. package/docs/components/Nav/examples/Navigation.md +66 -66
  152. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  153. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  154. package/docs/components/Page/examples/Page.md +1 -1
  155. package/docs/components/Pagination/examples/Pagination.md +92 -92
  156. package/docs/components/Popover/examples/Popover.md +22 -22
  157. package/docs/components/Progress/examples/Progress.md +7 -7
  158. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  159. package/docs/components/Slider/examples/Slider.md +4 -4
  160. package/docs/components/Table/examples/Table.md +479 -479
  161. package/docs/components/Tabs/examples/Tabs.md +378 -378
  162. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  163. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  164. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  165. package/docs/components/TreeView/examples/TreeView.md +104 -104
  166. package/docs/components/Wizard/examples/Wizard.md +40 -40
  167. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  168. package/docs/demos/Alert/examples/Alert.md +32 -32
  169. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  170. package/docs/demos/Banner/examples/Banner.md +16 -16
  171. package/docs/demos/Button/examples/Button.md +1 -1
  172. package/docs/demos/Card/examples/Card.md +78 -78
  173. package/docs/demos/CardView/examples/CardView.md +38 -38
  174. package/docs/demos/Compass/examples/Compass.md +219 -219
  175. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  176. package/docs/demos/DataList/examples/DataList.md +101 -101
  177. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  178. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  179. package/docs/demos/Form/examples/BasicForms.md +21 -21
  180. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  181. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  182. package/docs/demos/Modal/examples/Modal.md +54 -54
  183. package/docs/demos/Nav/examples/Nav.md +93 -93
  184. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  185. package/docs/demos/Page/examples/Page.md +119 -119
  186. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  187. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  188. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  189. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  190. package/docs/demos/Table/examples/Table.md +630 -630
  191. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  192. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  193. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  194. package/layouts/Gallery/gallery.css +1 -1
  195. package/layouts/Gallery/gallery.scss +1 -1
  196. package/layouts/Grid/grid.css +1 -1
  197. package/layouts/Grid/grid.scss +1 -1
  198. package/layouts/_index.css +2 -2
  199. package/package.json +11 -12
  200. package/patternfly-addons.css +12 -12
  201. package/patternfly-base-no-globals.css +61 -61
  202. package/patternfly-base.css +61 -61
  203. package/patternfly-no-globals.css +199 -192
  204. package/patternfly.css +199 -192
  205. package/patternfly.min.css +1 -1
  206. package/patternfly.min.css.map +1 -1
  207. package/sass-utilities/mixins.scss +2 -2
  208. package/utilities/Accessibility/accessibility.css +12 -12
  209. package/utilities/_index.css +12 -12
@@ -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);
@@ -13257,15 +13257,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13257
13257
  inset-inline-start: 0;
13258
13258
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13259
13259
  display: flex;
13260
+ visibility: hidden;
13260
13261
  flex-direction: column;
13261
13262
  grid-area: dock;
13262
13263
  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
13264
  translate: -100% 0;
13265
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13265
13266
  }
13266
13267
  .pf-v6-c-compass__dock.pf-m-expanded {
13267
13268
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13269
+ visibility: visible;
13268
13270
  translate: 0;
13271
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13269
13272
  }
13270
13273
  @media (min-width: 62rem) {
13271
13274
  .pf-v6-c-compass__dock {
@@ -13273,6 +13276,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13273
13276
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13274
13277
  position: revert;
13275
13278
  inset: revert;
13279
+ visibility: revert;
13276
13280
  width: auto;
13277
13281
  translate: 0;
13278
13282
  }
@@ -13287,9 +13291,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13287
13291
  .pf-v6-c-compass__dock-main {
13288
13292
  flex-grow: 1;
13289
13293
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13290
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13291
13294
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13292
13295
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13296
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13293
13297
  }
13294
13298
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13295
13299
  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 +13624,8 @@ ul) {
13620
13624
  @media screen and (min-width: 36rem) {
13621
13625
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13622
13626
  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);
13627
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13628
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13625
13629
  }
13626
13630
  }
13627
13631
 
@@ -14410,8 +14414,8 @@ ul) {
14410
14414
  .pf-v6-c-data-list__toggle-icon {
14411
14415
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14412
14416
  pointer-events: none;
14413
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14414
14417
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14418
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14415
14419
  }
14416
14420
 
14417
14421
  .pf-v6-c-data-list__item-content {
@@ -14628,7 +14632,6 @@ ul) {
14628
14632
  width: 100%;
14629
14633
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14630
14634
  break-inside: avoid;
14631
- page-break-inside: avoid;
14632
14635
  -webkit-column-break-inside: avoid;
14633
14636
  -moz-column-break-inside: avoid;
14634
14637
  }
@@ -15036,9 +15039,9 @@ ul) {
15036
15039
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15037
15040
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15038
15041
  overflow: auto;
15042
+ outline-offset: 2px;
15039
15043
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15040
15044
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15041
- outline-offset: 2px;
15042
15045
  }
15043
15046
 
15044
15047
  .pf-v6-c-dual-list-selector__list {
@@ -15074,25 +15077,25 @@ ul) {
15074
15077
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15075
15078
  }
15076
15079
  .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
15080
  visibility: hidden;
15081
+ max-height: 0;
15079
15082
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15083
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15080
15084
  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
15085
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15082
15086
  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
15087
  transition-property: opacity, translate, visibility, max-height;
15084
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15085
15088
  }
15086
15089
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15087
15090
  --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
15091
  }
15089
15092
  .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
15093
  visibility: revert;
15094
+ max-height: 99999px;
15092
15095
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15096
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15093
15097
  transition-delay: 0s;
15094
15098
  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
15099
  }
15097
15100
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15098
15101
  --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 +15230,10 @@ ul) {
15227
15230
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15228
15231
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15229
15232
  text-align: center;
15233
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15230
15234
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15231
15235
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15232
15236
  transition-property: transform;
15233
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15234
15237
  }
15235
15238
 
15236
15239
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16015,6 +16018,7 @@ ul) {
16015
16018
  .pf-v6-c-drawer__panel {
16016
16019
  position: relative;
16017
16020
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16021
+ visibility: hidden;
16018
16022
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16019
16023
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16020
16024
  order: 1;
@@ -16022,7 +16026,6 @@ ul) {
16022
16026
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16023
16027
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16024
16028
  overflow: auto;
16025
- visibility: hidden;
16026
16029
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16027
16030
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16028
16031
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16132,8 +16135,8 @@ ul) {
16132
16135
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16133
16136
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16134
16137
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16135
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16136
16138
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16139
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16137
16140
  }
16138
16141
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16139
16142
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -16923,8 +16926,8 @@ ul) {
16923
16926
  display: inline-block;
16924
16927
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
16925
16928
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
16926
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16927
16929
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
16930
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16928
16931
  }
16929
16932
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16930
16933
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -16939,15 +16942,15 @@ ul) {
16939
16942
  display: revert;
16940
16943
  }
16941
16944
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
16945
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16942
16946
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
16943
16947
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
16944
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16945
16948
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
16949
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16946
16950
  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
16951
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
16948
16952
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
16949
16953
  transition-property: opacity, translate, visibility, max-height;
16950
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16951
16954
  }
16952
16955
 
16953
16956
  .pf-v6-c-file-upload {
@@ -17118,7 +17121,7 @@ ul) {
17118
17121
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17119
17122
  display: grid;
17120
17123
  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);
17124
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17122
17125
  }
17123
17126
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17124
17127
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17146,7 +17149,7 @@ ul) {
17146
17149
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17147
17150
  display: grid;
17148
17151
  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);
17152
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17150
17153
  }
17151
17154
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17152
17155
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17174,7 +17177,7 @@ ul) {
17174
17177
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17175
17178
  display: grid;
17176
17179
  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);
17180
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17178
17181
  }
17179
17182
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17180
17183
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17202,7 +17205,7 @@ ul) {
17202
17205
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17203
17206
  display: grid;
17204
17207
  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);
17208
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17206
17209
  }
17207
17210
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17208
17211
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17230,7 +17233,7 @@ ul) {
17230
17233
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17231
17234
  display: grid;
17232
17235
  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);
17236
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17234
17237
  }
17235
17238
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17236
17239
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17258,7 +17261,7 @@ ul) {
17258
17261
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17259
17262
  display: grid;
17260
17263
  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);
17264
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17262
17265
  }
17263
17266
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17264
17267
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17286,7 +17289,7 @@ ul) {
17286
17289
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17287
17290
  display: grid;
17288
17291
  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);
17292
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17290
17293
  }
17291
17294
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17292
17295
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17459,14 +17462,14 @@ ul) {
17459
17462
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17460
17463
  }
17461
17464
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17465
+ visibility: visible;
17462
17466
  max-height: 99999px;
17463
17467
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17464
17468
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17465
- visibility: visible;
17466
17469
  opacity: 1;
17470
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17467
17471
  transition-delay: 0s;
17468
17472
  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
17473
  }
17471
17474
 
17472
17475
  .pf-v6-c-form__field-group-toggle {
@@ -17488,10 +17491,10 @@ ul) {
17488
17491
  display: inline-block;
17489
17492
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17490
17493
  text-align: center;
17494
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17491
17495
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17492
17496
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17493
17497
  transition-property: transform;
17494
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17495
17498
  }
17496
17499
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17497
17500
  scale: -1 1;
@@ -17540,15 +17543,15 @@ ul) {
17540
17543
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17541
17544
  }
17542
17545
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17546
+ visibility: hidden;
17543
17547
  max-height: 0;
17544
17548
  padding-block-start: 0;
17545
17549
  padding-block-end: 0;
17546
- visibility: hidden;
17547
17550
  opacity: 0;
17551
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17548
17552
  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
17553
  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
17554
  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
17555
  }
17553
17556
 
17554
17557
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17708,10 +17711,10 @@ ul) {
17708
17711
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17709
17712
  color: var(--pf-v6-c-form-control--Color);
17710
17713
  appearance: none;
17714
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17711
17715
  background-color: transparent;
17712
17716
  border: none;
17713
17717
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17714
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17715
17718
  }
17716
17719
  .pf-v6-c-form-control > ::placeholder {
17717
17720
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18077,8 +18080,8 @@ ul) {
18077
18080
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18078
18081
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18079
18082
  --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
18083
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18084
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18082
18085
  }
18083
18086
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18084
18087
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18114,7 +18117,7 @@ ul) {
18114
18117
  .pf-v6-c-hint {
18115
18118
  display: grid;
18116
18119
  grid-template-columns: 1fr auto;
18117
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18120
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18118
18121
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18119
18122
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18120
18123
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18562,20 +18565,20 @@ ul) {
18562
18565
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18563
18566
  }
18564
18567
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18568
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18565
18569
  flex-grow: 1;
18566
18570
  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
18571
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18572
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18573
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18569
18574
  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
18575
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18571
18576
  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
18577
  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
18578
  }
18576
18579
  .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
18580
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18581
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18579
18582
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18580
18583
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18581
18584
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18583,8 +18586,8 @@ ul) {
18583
18586
  transition-property: opacity, visibility, max-width;
18584
18587
  }
18585
18588
  .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
18589
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18590
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18588
18591
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18589
18592
  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
18593
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -18911,10 +18914,10 @@ label.pf-v6-c-input-group__text {
18911
18914
  .pf-v6-c-jump-links__toggle-icon {
18912
18915
  display: inline-block;
18913
18916
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
18917
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18914
18918
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
18915
18919
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
18916
18920
  transition-property: transform;
18917
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18918
18921
  }
18919
18922
 
18920
18923
  .pf-v6-c-label {
@@ -19127,9 +19130,9 @@ label.pf-v6-c-input-group__text {
19127
19130
  font-size: var(--pf-v6-c-label--FontSize);
19128
19131
  white-space: nowrap;
19129
19132
  background: transparent;
19130
- isolation: isolate;
19131
19133
  border: 0;
19132
19134
  border-radius: var(--pf-v6-c-label--BorderRadius);
19135
+ isolation: isolate;
19133
19136
  }
19134
19137
  .pf-v6-c-label.pf-m-blue {
19135
19138
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19787,7 +19790,7 @@ ul.pf-v6-c-list {
19787
19790
  display: grid;
19788
19791
  grid-template-areas: "main header" "main footer" "main .";
19789
19792
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19790
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19793
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19791
19794
  justify-content: center;
19792
19795
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19793
19796
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19813,10 +19816,10 @@ ul.pf-v6-c-list {
19813
19816
  align-self: start;
19814
19817
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19815
19818
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19816
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19817
19819
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19818
19820
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19819
19821
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19822
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19820
19823
  }
19821
19824
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19822
19825
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20160,9 +20163,9 @@ ul.pf-v6-c-list {
20160
20163
  }
20161
20164
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20162
20165
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20163
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20164
20166
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20165
20167
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20168
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20166
20169
  }
20167
20170
 
20168
20171
  .pf-v6-c-masthead__main {
@@ -20871,8 +20874,8 @@ ul.pf-v6-c-list {
20871
20874
  }
20872
20875
 
20873
20876
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
20874
- overflow: hidden;
20875
20877
  visibility: visible;
20878
+ overflow: hidden;
20876
20879
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
20877
20880
  }
20878
20881
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -20898,8 +20901,8 @@ ul.pf-v6-c-list {
20898
20901
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20899
20902
  }
20900
20903
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
20901
- overflow: visible;
20902
20904
  visibility: hidden;
20905
+ overflow: visible;
20903
20906
  }
20904
20907
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
20905
20908
  .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 +21043,10 @@ ul.pf-v6-c-list {
21040
21043
  color: var(--pf-v6-c-menu__item--Color);
21041
21044
  text-align: start;
21042
21045
  text-decoration-line: none;
21046
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21043
21047
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21044
21048
  border: 0;
21045
21049
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21046
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21047
21050
  --pf-v6-hidden-visible--visible--Display: flex;
21048
21051
  --pf-v6-hidden-visible--hidden--Display: none;
21049
21052
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21137,7 +21140,7 @@ ul.pf-v6-c-list {
21137
21140
  .pf-v6-c-menu__item-description {
21138
21141
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21139
21142
  color: var(--pf-v6-c-menu__item-description--Color);
21140
- word-break: break-word;
21143
+ overflow-wrap: break-word;
21141
21144
  }
21142
21145
 
21143
21146
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21720,10 +21723,10 @@ ul.pf-v6-c-list {
21720
21723
 
21721
21724
  .pf-v6-c-menu-toggle__icon {
21722
21725
  flex-shrink: 0;
21726
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21723
21727
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21724
21728
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21725
21729
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21726
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21727
21730
  }
21728
21731
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21729
21732
  vertical-align: middle;
@@ -21931,7 +21934,7 @@ ul.pf-v6-c-list {
21931
21934
  overflow-x: hidden;
21932
21935
  overflow-y: auto;
21933
21936
  overscroll-behavior: contain;
21934
- word-break: break-word;
21937
+ overflow-wrap: break-word;
21935
21938
  -webkit-overflow-scrolling: touch;
21936
21939
  }
21937
21940
  .pf-v6-c-modal-box__body:last-child {
@@ -22380,17 +22383,17 @@ ul.pf-v6-c-list {
22380
22383
 
22381
22384
  .pf-v6-c-nav__subnav {
22382
22385
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22386
+ visibility: visible;
22383
22387
  max-height: 99999px;
22384
22388
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22385
22389
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22386
22390
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22387
22391
  overflow-y: clip;
22388
- visibility: visible;
22392
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22389
22393
  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
22394
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22391
22395
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22392
22396
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22393
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22394
22397
  }
22395
22398
  .pf-v6-c-nav__subnav[hidden] {
22396
22399
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22400,8 +22403,8 @@ ul.pf-v6-c-list {
22400
22403
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22401
22404
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22402
22405
  display: grid;
22403
- max-height: 0;
22404
22406
  visibility: hidden;
22407
+ max-height: 0;
22405
22408
  opacity: 0;
22406
22409
  }
22407
22410
 
@@ -22419,10 +22422,10 @@ ul.pf-v6-c-list {
22419
22422
  content: var(--pf-v6-c-nav__item--accent--content, "");
22420
22423
  background-color: var(--pf-v6-c-nav__item--accent--color);
22421
22424
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22425
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22422
22426
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22423
22427
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22424
22428
  transition-property: scale;
22425
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22426
22429
  }
22427
22430
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22428
22431
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22510,10 +22513,10 @@ ul.pf-v6-c-list {
22510
22513
 
22511
22514
  .pf-v6-c-nav__toggle-icon {
22512
22515
  display: inline-block;
22516
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22513
22517
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22514
22518
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22515
22519
  transition-property: transform;
22516
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22517
22520
  }
22518
22521
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22519
22522
  scale: -1 1;
@@ -22746,9 +22749,9 @@ ul.pf-v6-c-list {
22746
22749
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22747
22750
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22748
22751
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22752
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22749
22753
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22750
22754
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22751
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22752
22755
  }
22753
22756
  .pf-v6-c-notification-drawer__list-item::before {
22754
22757
  position: absolute;
@@ -22805,7 +22808,7 @@ ul.pf-v6-c-list {
22805
22808
 
22806
22809
  .pf-v6-c-notification-drawer__list-item-header-title {
22807
22810
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22808
- word-break: break-word;
22811
+ overflow-wrap: break-word;
22809
22812
  }
22810
22813
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22811
22814
  display: -webkit-box;
@@ -22827,7 +22830,7 @@ ul.pf-v6-c-list {
22827
22830
  grid-row: 2/3;
22828
22831
  grid-column: 1/2;
22829
22832
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22830
- word-break: break-word;
22833
+ overflow-wrap: break-word;
22831
22834
  }
22832
22835
 
22833
22836
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22858,9 +22861,9 @@ ul.pf-v6-c-list {
22858
22861
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
22859
22862
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
22860
22863
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
22864
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22861
22865
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
22862
22866
  border: none;
22863
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22864
22867
  }
22865
22868
 
22866
22869
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -22872,7 +22875,7 @@ ul.pf-v6-c-list {
22872
22875
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22873
22876
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22874
22877
  text-align: start;
22875
- word-break: break-word;
22878
+ overflow-wrap: break-word;
22876
22879
  }
22877
22880
 
22878
22881
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23342,10 +23345,11 @@ ul.pf-v6-c-list {
23342
23345
  inset-inline-start: 0;
23343
23346
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23344
23347
  display: flex;
23348
+ visibility: hidden;
23345
23349
  flex-direction: column;
23346
23350
  grid-area: dock;
23347
23351
  width: var(--pf-v6-c-page__dock--Width);
23348
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23352
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23349
23353
  translate: -100% 0;
23350
23354
  }
23351
23355
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23354,7 +23358,9 @@ ul.pf-v6-c-list {
23354
23358
 
23355
23359
  .pf-v6-c-page__dock.pf-m-expanded {
23356
23360
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23361
+ visibility: visible;
23357
23362
  translate: 0;
23363
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23358
23364
  }
23359
23365
  @media (min-width: 62rem) {
23360
23366
  .pf-v6-c-page__dock {
@@ -23362,6 +23368,7 @@ ul.pf-v6-c-list {
23362
23368
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23363
23369
  position: revert;
23364
23370
  inset: revert;
23371
+ visibility: revert;
23365
23372
  width: auto;
23366
23373
  translate: 0;
23367
23374
  }
@@ -23376,9 +23383,9 @@ ul.pf-v6-c-list {
23376
23383
  .pf-v6-c-page__dock-main {
23377
23384
  flex-grow: 1;
23378
23385
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23379
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23380
23386
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23381
23387
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23388
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23382
23389
  }
23383
23390
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23384
23391
  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 +23467,10 @@ ul.pf-v6-c-list {
23460
23467
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23461
23468
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23462
23469
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23463
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23464
23470
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23465
23471
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23466
23472
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23473
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23467
23474
  }
23468
23475
 
23469
23476
  .pf-v6-c-page__sidebar-header {
@@ -23829,7 +23836,6 @@ ul.pf-v6-c-list {
23829
23836
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23830
23837
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23831
23838
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23832
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23833
23839
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23834
23840
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23835
23841
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23837,6 +23843,7 @@ ul.pf-v6-c-list {
23837
23843
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23838
23844
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23839
23845
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
23846
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23840
23847
  }
23841
23848
  @media screen and (max-width: calc(48rem - 1px)) {
23842
23849
  .pf-v6-c-page__main-container {
@@ -24861,7 +24868,7 @@ ul.pf-v6-c-list {
24861
24868
  }
24862
24869
 
24863
24870
  .pf-v6-c-popover__body {
24864
- word-wrap: break-word;
24871
+ overflow-wrap: break-word;
24865
24872
  }
24866
24873
 
24867
24874
  .pf-v6-c-popover__footer {
@@ -24906,7 +24913,7 @@ ul.pf-v6-c-list {
24906
24913
  display: grid;
24907
24914
  grid-template-rows: 1fr auto;
24908
24915
  grid-template-columns: auto auto;
24909
- grid-gap: var(--pf-v6-c-progress--GridGap);
24916
+ gap: var(--pf-v6-c-progress--GridGap);
24910
24917
  align-items: end;
24911
24918
  }
24912
24919
  .pf-v6-c-progress.pf-m-sm {
@@ -25000,7 +25007,7 @@ ul.pf-v6-c-list {
25000
25007
 
25001
25008
  .pf-v6-c-progress__description {
25002
25009
  grid-column: 1/2;
25003
- word-break: break-word;
25010
+ overflow-wrap: break-word;
25004
25011
  }
25005
25012
  .pf-v6-c-progress__description.pf-m-truncate {
25006
25013
  overflow: hidden;
@@ -25016,7 +25023,7 @@ ul.pf-v6-c-list {
25016
25023
  align-items: flex-start;
25017
25024
  justify-content: flex-end;
25018
25025
  text-align: end;
25019
- word-break: break-word;
25026
+ overflow-wrap: break-word;
25020
25027
  }
25021
25028
 
25022
25029
  .pf-v6-c-progress__status-icon {
@@ -25279,9 +25286,9 @@ ul.pf-v6-c-list {
25279
25286
  inset-block-start: 0;
25280
25287
  inset-inline-start: 0;
25281
25288
  overflow: hidden;
25282
- clip: rect(0, 0, 0, 0);
25283
25289
  white-space: nowrap;
25284
25290
  border: 0;
25291
+ clip-path: inset(50%);
25285
25292
  }
25286
25293
  .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
25294
  grid-row: 1/2;
@@ -25703,7 +25710,7 @@ ul.pf-v6-c-list {
25703
25710
  .pf-v6-c-radio {
25704
25711
  display: grid;
25705
25712
  grid-template-columns: auto 1fr;
25706
- grid-gap: var(--pf-v6-c-radio--GridGap);
25713
+ gap: var(--pf-v6-c-radio--GridGap);
25707
25714
  align-items: baseline;
25708
25715
  accent-color: var(--pf-v6-c-radio--AccentColor);
25709
25716
  }
@@ -26698,10 +26705,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26698
26705
  width: 100%;
26699
26706
  height: 100%;
26700
26707
  stroke: var(--pf-v6-c-spinner--Color);
26708
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26709
+ stroke-linecap: round;
26701
26710
  stroke-dasharray: 283;
26702
26711
  stroke-dashoffset: 280;
26703
- stroke-linecap: round;
26704
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26705
26712
  transform-origin: 50% 50%;
26706
26713
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26707
26714
  }
@@ -26861,8 +26868,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26861
26868
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
26862
26869
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
26863
26870
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
26864
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
26865
26871
  transform: translateY(-50%);
26872
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
26866
26873
  }
26867
26874
  .pf-v6-c-switch__toggle::after {
26868
26875
  position: absolute;
@@ -28859,11 +28866,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28859
28866
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
28860
28867
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
28861
28868
  overflow: var(--pf-v6-c-table--cell--Overflow);
28869
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28862
28870
  font-size: var(--pf-v6-c-table--cell--FontSize);
28863
28871
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
28864
28872
  line-height: var(--pf-v6-c-table--cell--LineHeight);
28865
28873
  color: var(--pf-v6-c-table--cell--Color);
28866
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28867
28874
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28868
28875
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28869
28876
  }
@@ -28969,24 +28976,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28969
28976
  }
28970
28977
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
28971
28978
  cursor: pointer;
28972
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28973
28979
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
28980
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28974
28981
  }
28975
28982
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28976
28983
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28977
28984
  }
28978
28985
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
28979
28986
  position: relative;
28980
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28981
28987
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
28988
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28982
28989
  }
28983
28990
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
28984
28991
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
28985
28992
  }
28986
28993
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
28987
28994
  cursor: pointer;
28988
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28989
28995
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
28996
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28990
28997
  }
28991
28998
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28992
28999
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -28995,8 +29002,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28995
29002
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
28996
29003
  }
28997
29004
  .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
29005
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
29006
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
29000
29007
  }
29001
29008
  .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
29009
  border: none;
@@ -29021,11 +29028,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29021
29028
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29022
29029
  visibility: hidden;
29023
29030
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29031
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29024
29032
  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
29033
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29026
29034
  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
29035
  transition-property: opacity, translate, visibility, background-color;
29028
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29029
29036
  }
29030
29037
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29031
29038
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29033,9 +29040,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29033
29040
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29034
29041
  visibility: visible;
29035
29042
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29043
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29036
29044
  transition-delay: 0s;
29037
29045
  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
29046
  }
29040
29047
  .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
29048
  max-height: 99999px;
@@ -29101,8 +29108,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29101
29108
  min-width: var(--pf-v6-c-table__text--MinWidth);
29102
29109
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29103
29110
  overflow: var(--pf-v6-c-table--cell--Overflow);
29104
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29105
29111
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29112
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29106
29113
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29107
29114
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29108
29115
  }
@@ -29131,10 +29138,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29131
29138
  text-align: start;
29132
29139
  white-space: inherit;
29133
29140
  user-select: text;
29141
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29134
29142
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29135
29143
  border: 0;
29136
29144
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29137
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29138
29145
  }
29139
29146
  .pf-v6-c-table__button::after {
29140
29147
  position: absolute;
@@ -29228,10 +29235,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29228
29235
  }
29229
29236
 
29230
29237
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29238
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29231
29239
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29232
29240
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29233
29241
  transition-property: transform;
29234
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29235
29242
  }
29236
29243
  .pf-v6-c-table__toggle svg {
29237
29244
  pointer-events: none;
@@ -29787,8 +29794,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29787
29794
  }
29788
29795
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29789
29796
  position: relative;
29790
- border: none;
29791
29797
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29798
+ border: none;
29792
29799
  }
29793
29800
  .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
29801
  position: absolute;
@@ -29826,7 +29833,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29826
29833
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29827
29834
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29828
29835
  grid-column: 1;
29829
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29836
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29830
29837
  align-items: start;
29831
29838
  }
29832
29839
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -29929,8 +29936,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29929
29936
  }
29930
29937
  .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
29938
  position: relative;
29932
- border: none;
29933
29939
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29940
+ border: none;
29934
29941
  }
29935
29942
  .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
29943
  position: absolute;
@@ -29968,7 +29975,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29968
29975
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29969
29976
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29970
29977
  grid-column: 1;
29971
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29978
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29972
29979
  align-items: start;
29973
29980
  }
29974
29981
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30072,8 +30079,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30072
30079
  }
30073
30080
  .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
30081
  position: relative;
30075
- border: none;
30076
30082
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30083
+ border: none;
30077
30084
  }
30078
30085
  .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
30086
  position: absolute;
@@ -30111,7 +30118,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30111
30118
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30112
30119
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30113
30120
  grid-column: 1;
30114
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30121
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30115
30122
  align-items: start;
30116
30123
  }
30117
30124
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30215,8 +30222,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30215
30222
  }
30216
30223
  .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
30224
  position: relative;
30218
- border: none;
30219
30225
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30226
+ border: none;
30220
30227
  }
30221
30228
  .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
30229
  position: absolute;
@@ -30254,7 +30261,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30254
30261
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30255
30262
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30256
30263
  grid-column: 1;
30257
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30264
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30258
30265
  align-items: start;
30259
30266
  }
30260
30267
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30358,8 +30365,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30358
30365
  }
30359
30366
  .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
30367
  position: relative;
30361
- border: none;
30362
30368
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30369
+ border: none;
30363
30370
  }
30364
30371
  .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
30372
  position: absolute;
@@ -30397,7 +30404,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30397
30404
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30398
30405
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30399
30406
  grid-column: 1;
30400
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30407
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30401
30408
  align-items: start;
30402
30409
  }
30403
30410
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30950,8 +30957,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30950
30957
 
30951
30958
  .pf-v6-c-tabs__toggle-icon {
30952
30959
  display: inline-block;
30953
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30954
30960
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
30961
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30955
30962
  }
30956
30963
 
30957
30964
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31115,8 +31122,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31115
31122
  align-self: end;
31116
31123
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31117
31124
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31118
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31119
31125
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31126
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31120
31127
  }
31121
31128
 
31122
31129
  .pf-v6-c-tabs__item-action {
@@ -31379,10 +31386,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31379
31386
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31380
31387
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31381
31388
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31389
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31382
31390
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31383
31391
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31384
31392
  transition-property: width, height, translate;
31385
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31386
31393
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31387
31394
  }
31388
31395
  :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 +31595,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31588
31595
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31589
31596
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31590
31597
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31598
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31591
31599
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31592
31600
  border: 0;
31593
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31594
31601
  }
31595
31602
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31596
31603
  grid-area: text-input;
@@ -31798,7 +31805,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31798
31805
 
31799
31806
  .pf-v6-c-title {
31800
31807
  font-family: var(--pf-v6-c-title--FontFamily);
31801
- word-break: break-word;
31808
+ overflow-wrap: break-word;
31802
31809
  }
31803
31810
  .pf-v6-c-title.pf-m-4xl {
31804
31811
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32581,10 +32588,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32581
32588
 
32582
32589
  .pf-v6-c-toolbar__expand-all-icon {
32583
32590
  display: inline-flex;
32591
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32584
32592
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32585
32593
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32586
32594
  transition-property: transform;
32587
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32588
32595
  }
32589
32596
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32590
32597
  scale: -1 1;
@@ -34220,7 +34227,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34220
34227
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34221
34228
  color: var(--pf-v6-c-tooltip__content--Color);
34222
34229
  text-align: center;
34223
- word-break: break-word;
34230
+ overflow-wrap: break-word;
34224
34231
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34225
34232
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34226
34233
  }
@@ -34602,19 +34609,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34602
34609
  display: inline-block;
34603
34610
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34604
34611
  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
34612
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34613
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34607
34614
  }
34608
34615
 
34609
34616
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34610
- max-height: 0;
34611
34617
  visibility: hidden;
34618
+ max-height: 0;
34612
34619
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34620
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34613
34621
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34614
34622
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34615
34623
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34616
34624
  transition-property: opacity, translate, visibility, max-height;
34617
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34618
34625
  }
34619
34626
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34620
34627
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34625,12 +34632,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34625
34632
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34626
34633
  }
34627
34634
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34628
- max-height: 99999px;
34629
34635
  visibility: revert;
34636
+ max-height: 99999px;
34630
34637
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34638
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34631
34639
  transition-delay: 0s;
34632
34640
  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
34641
  }
34635
34642
 
34636
34643
  .pf-v6-c-tree-view__node,
@@ -35069,7 +35076,7 @@ label.pf-v6-c-tree-view__node-text {
35069
35076
 
35070
35077
  .pf-v6-c-wizard__title {
35071
35078
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35072
- word-wrap: break-word;
35079
+ overflow-wrap: break-word;
35073
35080
  }
35074
35081
 
35075
35082
  .pf-v6-c-wizard__title-text {
@@ -35132,7 +35139,7 @@ label.pf-v6-c-tree-view__node-text {
35132
35139
  align-items: baseline;
35133
35140
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35134
35141
  text-align: start;
35135
- word-break: break-word;
35142
+ overflow-wrap: break-word;
35136
35143
  }
35137
35144
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35138
35145
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35268,8 +35275,8 @@ label.pf-v6-c-tree-view__node-text {
35268
35275
  padding-inline: 0;
35269
35276
  color: var(--pf-v6-c-wizard__nav-link--Color);
35270
35277
  text-align: start;
35278
+ overflow-wrap: break-word;
35271
35279
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35272
- word-break: break-word;
35273
35280
  counter-increment: wizard-nav-count;
35274
35281
  background-color: transparent;
35275
35282
  border: none;
@@ -35374,10 +35381,10 @@ label.pf-v6-c-tree-view__node-text {
35374
35381
 
35375
35382
  .pf-v6-c-wizard__nav-link-toggle-icon {
35376
35383
  display: inline-block;
35384
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35377
35385
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35378
35386
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35379
35387
  transition-property: transform;
35380
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35381
35388
  }
35382
35389
 
35383
35390
  .pf-v6-c-wizard__main {
@@ -35387,7 +35394,7 @@ label.pf-v6-c-tree-view__node-text {
35387
35394
  flex-direction: column;
35388
35395
  overflow-x: hidden;
35389
35396
  overflow-y: auto;
35390
- word-break: break-word;
35397
+ overflow-wrap: break-word;
35391
35398
  }
35392
35399
 
35393
35400
  .pf-v6-c-wizard__main-body {
@@ -37824,7 +37831,7 @@ label.pf-v6-c-tree-view__node-text {
37824
37831
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37825
37832
  }
37826
37833
  .pf-v6-l-gallery.pf-m-gutter {
37827
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37834
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37828
37835
  }
37829
37836
  .pf-v6-l-gallery {
37830
37837
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38817,7 +38824,7 @@ label.pf-v6-c-tree-view__node-text {
38817
38824
  }
38818
38825
  }
38819
38826
  .pf-v6-l-grid.pf-m-gutter {
38820
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38827
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38821
38828
  }
38822
38829
 
38823
38830
  .pf-v6-l-level {