@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +2 -0
  3. package/base/patternfly-common.css +2 -2
  4. package/base/patternfly-common.scss +1 -1
  5. package/base/patternfly-fa-icons.css +3 -3
  6. package/base/patternfly-fa-icons.scss +3 -3
  7. package/base/patternfly-variables.css +56 -56
  8. package/base/reset.scss +2 -0
  9. package/base/tokens/tokens-charts-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  12. package/base/tokens/tokens-charts.scss +1 -1
  13. package/base/tokens/tokens-dark.scss +9 -9
  14. package/base/tokens/tokens-default.scss +8 -8
  15. package/base/tokens/tokens-felt-dark.scss +1 -1
  16. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  17. package/base/tokens/tokens-felt-glass.scss +8 -8
  18. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  20. package/base/tokens/tokens-felt.scss +1 -1
  21. package/base/tokens/tokens-glass-dark.scss +8 -8
  22. package/base/tokens/tokens-glass.scss +8 -8
  23. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  24. package/base/tokens/tokens-highcontrast.scss +7 -7
  25. package/base/tokens/tokens-palette.scss +1 -1
  26. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  27. package/components/AboutModalBox/about-modal-box.css +1 -1
  28. package/components/AboutModalBox/about-modal-box.scss +1 -1
  29. package/components/Accordion/accordion.css +8 -4
  30. package/components/Accordion/accordion.scss +9 -4
  31. package/components/Alert/alert-group.css +1 -1
  32. package/components/Alert/alert-group.scss +1 -1
  33. package/components/Alert/alert.css +3 -3
  34. package/components/Alert/alert.scss +3 -3
  35. package/components/Breadcrumb/breadcrumb.css +1 -1
  36. package/components/Breadcrumb/breadcrumb.scss +1 -1
  37. package/components/Button/button.css +6 -6
  38. package/components/Button/button.scss +6 -6
  39. package/components/Card/card.css +2 -2
  40. package/components/Card/card.scss +3 -3
  41. package/components/Check/check.css +1 -1
  42. package/components/Check/check.scss +1 -1
  43. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  44. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  45. package/components/Compass/compass.css +3 -3
  46. package/components/Compass/compass.scss +3 -3
  47. package/components/Content/content.css +2 -2
  48. package/components/Content/content.scss +2 -2
  49. package/components/DataList/data-list.css +1 -1
  50. package/components/DataList/data-list.scss +1 -1
  51. package/components/DescriptionList/description-list.css +0 -1
  52. package/components/DescriptionList/description-list.scss +0 -1
  53. package/components/Drawer/drawer.css +2 -2
  54. package/components/Drawer/drawer.scss +2 -2
  55. package/components/DualListSelector/dual-list-selector.css +6 -6
  56. package/components/DualListSelector/dual-list-selector.scss +6 -6
  57. package/components/ExpandableSection/expandable-section.css +3 -3
  58. package/components/ExpandableSection/expandable-section.scss +3 -3
  59. package/components/Form/form.css +12 -12
  60. package/components/Form/form.scss +6 -6
  61. package/components/FormControl/form-control.css +1 -1
  62. package/components/FormControl/form-control.scss +3 -1
  63. package/components/Hero/hero.css +1 -1
  64. package/components/Hero/hero.scss +1 -1
  65. package/components/Hint/hint.css +1 -1
  66. package/components/Hint/hint.scss +1 -1
  67. package/components/InputGroup/input-group.css +5 -5
  68. package/components/InputGroup/input-group.scss +5 -5
  69. package/components/JumpLinks/jump-links.css +1 -1
  70. package/components/JumpLinks/jump-links.scss +1 -1
  71. package/components/Label/label.css +1 -1
  72. package/components/Label/label.scss +1 -1
  73. package/components/Login/login.css +2 -2
  74. package/components/Login/login.scss +2 -2
  75. package/components/Masthead/masthead.css +1 -1
  76. package/components/Masthead/masthead.scss +1 -1
  77. package/components/Menu/menu.css +4 -4
  78. package/components/Menu/menu.scss +4 -4
  79. package/components/MenuToggle/menu-toggle.css +1 -1
  80. package/components/MenuToggle/menu-toggle.scss +1 -1
  81. package/components/ModalBox/modal-box.css +1 -1
  82. package/components/ModalBox/modal-box.scss +1 -1
  83. package/components/Nav/nav.css +5 -5
  84. package/components/Nav/nav.scss +5 -5
  85. package/components/NotificationDrawer/notification-drawer.css +5 -5
  86. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  87. package/components/Page/page.css +3 -3
  88. package/components/Page/page.scss +3 -3
  89. package/components/Popover/popover.css +1 -1
  90. package/components/Popover/popover.scss +2 -2
  91. package/components/Progress/progress.css +3 -3
  92. package/components/Progress/progress.scss +3 -6
  93. package/components/ProgressStepper/progress-stepper.css +1 -1
  94. package/components/Radio/radio.css +1 -1
  95. package/components/Radio/radio.scss +1 -1
  96. package/components/Spinner/spinner.css +2 -2
  97. package/components/Spinner/spinner.scss +2 -2
  98. package/components/Switch/switch.css +1 -1
  99. package/components/Switch/switch.scss +1 -1
  100. package/components/Table/table-tree-view.css +10 -10
  101. package/components/Table/table-tree-view.scss +2 -2
  102. package/components/Table/table.css +10 -10
  103. package/components/Table/table.scss +10 -10
  104. package/components/Tabs/tabs.css +3 -3
  105. package/components/Tabs/tabs.scss +3 -3
  106. package/components/TextInputGroup/text-input-group.css +1 -1
  107. package/components/TextInputGroup/text-input-group.scss +1 -1
  108. package/components/Title/title.css +1 -1
  109. package/components/Title/title.scss +1 -1
  110. package/components/Toolbar/toolbar.css +1 -1
  111. package/components/Toolbar/toolbar.scss +1 -1
  112. package/components/Tooltip/tooltip.css +1 -1
  113. package/components/Tooltip/tooltip.scss +2 -2
  114. package/components/TreeView/tree-view.css +5 -5
  115. package/components/TreeView/tree-view.scss +5 -5
  116. package/components/Wizard/wizard.css +5 -5
  117. package/components/Wizard/wizard.scss +5 -5
  118. package/components/_index.css +132 -129
  119. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  120. package/docs/components/Accordion/examples/Accordion.md +30 -30
  121. package/docs/components/ActionList/examples/ActionList.md +11 -11
  122. package/docs/components/Alert/examples/Alert.md +54 -54
  123. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  124. package/docs/components/Banner/examples/Banner.md +10 -10
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  126. package/docs/components/Button/examples/Button.md +184 -184
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  128. package/docs/components/Card/examples/Card.md +14 -14
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  132. package/docs/components/DataList/examples/DataList.md +34 -34
  133. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  134. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  135. package/docs/components/Drawer/examples/Drawer.md +22 -22
  136. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  137. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  138. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  139. package/docs/components/Form/examples/Form.md +6 -6
  140. package/docs/components/Hint/examples/Hint.md +3 -3
  141. package/docs/components/Icon/examples/Icon.md +9 -9
  142. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  143. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  144. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  145. package/docs/components/Label/examples/Label.md +218 -218
  146. package/docs/components/Login/examples/Login.md +4 -4
  147. package/docs/components/Masthead/examples/masthead.md +1 -1
  148. package/docs/components/Menu/examples/Menu.md +129 -129
  149. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  150. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  151. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  152. package/docs/components/Nav/examples/Navigation.md +66 -66
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  154. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  155. package/docs/components/Page/examples/Page.md +1 -1
  156. package/docs/components/Pagination/examples/Pagination.md +92 -92
  157. package/docs/components/Popover/examples/Popover.md +22 -22
  158. package/docs/components/Progress/examples/Progress.md +7 -7
  159. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  160. package/docs/components/Slider/examples/Slider.md +4 -4
  161. package/docs/components/Table/examples/Table.md +479 -479
  162. package/docs/components/Tabs/examples/Tabs.md +378 -378
  163. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  164. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  165. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  166. package/docs/components/TreeView/examples/TreeView.md +104 -104
  167. package/docs/components/Wizard/examples/Wizard.md +40 -40
  168. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  169. package/docs/demos/Alert/examples/Alert.md +32 -32
  170. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  171. package/docs/demos/Banner/examples/Banner.md +16 -16
  172. package/docs/demos/Button/examples/Button.md +1 -1
  173. package/docs/demos/Card/examples/Card.md +78 -78
  174. package/docs/demos/CardView/examples/CardView.md +38 -38
  175. package/docs/demos/Compass/examples/Compass.md +219 -219
  176. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  177. package/docs/demos/DataList/examples/DataList.md +101 -101
  178. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  179. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  180. package/docs/demos/Form/examples/BasicForms.md +21 -21
  181. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  182. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  183. package/docs/demos/Modal/examples/Modal.md +54 -54
  184. package/docs/demos/Nav/examples/Nav.md +93 -93
  185. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  186. package/docs/demos/Page/examples/Page.md +119 -119
  187. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  188. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  189. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  190. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  191. package/docs/demos/Table/examples/Table.md +630 -630
  192. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  193. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  194. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  195. package/layouts/Gallery/gallery.css +1 -1
  196. package/layouts/Gallery/gallery.scss +1 -1
  197. package/layouts/Grid/grid.css +1 -1
  198. package/layouts/Grid/grid.scss +1 -1
  199. package/layouts/_index.css +2 -2
  200. package/package.json +11 -12
  201. package/patternfly-addons.css +12 -12
  202. package/patternfly-base-no-globals.css +61 -61
  203. package/patternfly-base.css +61 -61
  204. package/patternfly-no-globals.css +195 -192
  205. package/patternfly.css +195 -192
  206. package/patternfly.min.css +1 -1
  207. package/patternfly.min.css.map +1 -1
  208. package/sass-utilities/mixins.scss +2 -2
  209. package/utilities/Accessibility/accessibility.css +12 -12
  210. package/utilities/_index.css +12 -12
@@ -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) {
@@ -9495,7 +9495,9 @@
9495
9495
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
9496
9496
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
9497
9497
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
9498
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
9498
9499
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
9500
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
9499
9501
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
9500
9502
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9501
9503
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -9628,6 +9630,7 @@
9628
9630
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
9629
9631
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
9630
9632
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
9633
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
9631
9634
  }
9632
9635
 
9633
9636
  .pf-v6-c-accordion__toggle {
@@ -9675,8 +9678,8 @@
9675
9678
  }
9676
9679
 
9677
9680
  .pf-v6-c-accordion__toggle-icon {
9678
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9679
9681
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9682
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9680
9683
  }
9681
9684
 
9682
9685
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -9684,26 +9687,27 @@
9684
9687
  }
9685
9688
 
9686
9689
  .pf-v6-c-accordion__expandable-content {
9690
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9687
9691
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
9688
9692
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
9689
9693
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
9690
9694
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
9695
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
9691
9696
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
9692
9697
  color: var(--pf-v6-c-accordion__expandable-content--Color);
9693
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
9694
9698
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
9695
9699
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
9696
9700
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
9697
9701
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
9702
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9698
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);
9699
9704
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
9700
9705
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
9701
9706
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
9702
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
9703
9707
  }
9704
9708
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
9709
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
9705
9710
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
9706
- overflow-y: auto;
9707
9711
  }
9708
9712
 
9709
9713
  .pf-v6-c-accordion__expandable-content-body {
@@ -9903,8 +9907,8 @@
9903
9907
 
9904
9908
  .pf-v6-c-alert__toggle-icon {
9905
9909
  display: inline-block;
9906
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9907
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);
9908
9912
  }
9909
9913
 
9910
9914
  .pf-v6-c-alert__icon {
@@ -9919,7 +9923,7 @@
9919
9923
  grid-area: title;
9920
9924
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9921
9925
  color: var(--pf-v6-c-alert__title--Color);
9922
- word-break: break-word;
9926
+ overflow-wrap: break-word;
9923
9927
  }
9924
9928
  .pf-v6-c-alert__title.pf-m-truncate {
9925
9929
  display: -webkit-box;
@@ -9931,7 +9935,7 @@
9931
9935
  .pf-v6-c-alert__description {
9932
9936
  grid-area: description;
9933
9937
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9934
- word-break: break-word;
9938
+ overflow-wrap: break-word;
9935
9939
  }
9936
9940
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9937
9941
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10081,8 +10085,8 @@
10081
10085
  display: grid;
10082
10086
  grid-template-rows: 1fr;
10083
10087
  opacity: 1;
10084
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10085
10088
  transform: translateX(0) translateY(0);
10089
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
10086
10090
  }
10087
10091
  @media screen and (prefers-reduced-motion: no-preference) {
10088
10092
  .pf-v6-c-alert-group__item {
@@ -10827,10 +10831,10 @@
10827
10831
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10828
10832
  line-height: inherit;
10829
10833
  color: var(--pf-v6-c-breadcrumb__link--Color);
10834
+ overflow-wrap: break-word;
10830
10835
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10831
10836
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10832
10837
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10833
- word-break: break-word;
10834
10838
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10835
10839
  }
10836
10840
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -11248,10 +11252,10 @@ button.pf-v6-c-breadcrumb__link {
11248
11252
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
11249
11253
  color: var(--pf-v6-c-button--Color);
11250
11254
  text-align: center;
11255
+ white-space: nowrap;
11251
11256
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
11252
11257
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
11253
11258
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
11254
- white-space: nowrap;
11255
11259
  cursor: pointer;
11256
11260
  -webkit-user-select: none;
11257
11261
  user-select: none;
@@ -11261,11 +11265,11 @@ button.pf-v6-c-breadcrumb__link {
11261
11265
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
11262
11266
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
11263
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);
11264
11269
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
11265
11270
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
11266
11271
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
11267
11272
  transition-property: var(--pf-v6-c-button--TransitionProperty);
11268
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
11269
11273
  }
11270
11274
  .pf-v6-c-button::after {
11271
11275
  position: absolute;
@@ -11392,10 +11396,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11392
11396
  --pf-v6-c-button--hover--BorderWidth: 0;
11393
11397
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
11394
11398
  text-align: start;
11395
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11396
11399
  white-space: normal;
11397
- background: transparent;
11400
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11398
11401
  outline-offset: 0.125rem;
11402
+ background: transparent;
11399
11403
  }
11400
11404
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11401
11405
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -11753,12 +11757,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11753
11757
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
11754
11758
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
11755
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);
11756
11762
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
11757
11763
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
11758
11764
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
11759
11765
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
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);
11762
11766
  }
11763
11767
  .pf-v6-c-button__icon.pf-m-start {
11764
11768
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -12185,8 +12189,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12185
12189
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12186
12190
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12187
12191
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12188
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12189
12192
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12193
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12190
12194
  }
12191
12195
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12192
12196
  gap: 0;
@@ -12428,9 +12432,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12428
12432
  }
12429
12433
 
12430
12434
  .pf-v6-c-card__clickable-action {
12435
+ outline: 0;
12431
12436
  background: none;
12432
12437
  border: 0;
12433
- outline: 0;
12434
12438
  }
12435
12439
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
12436
12440
  pointer-events: none;
@@ -12498,7 +12502,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12498
12502
  .pf-v6-c-check {
12499
12503
  display: grid;
12500
12504
  grid-template-columns: auto 1fr;
12501
- grid-gap: var(--pf-v6-c-check--GridGap);
12505
+ gap: var(--pf-v6-c-check--GridGap);
12502
12506
  accent-color: var(--pf-v6-c-check--AccentColor);
12503
12507
  }
12504
12508
  .pf-v6-c-check.pf-m-standalone {
@@ -12629,7 +12633,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12629
12633
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
12630
12634
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
12631
12635
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
12632
- word-wrap: break-word;
12636
+ overflow-wrap: break-word;
12633
12637
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
12634
12638
  background-clip: padding-box;
12635
12639
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -12645,7 +12649,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12645
12649
  }
12646
12650
 
12647
12651
  .pf-v6-c-clipboard-copy__text {
12648
- word-break: break-word;
12652
+ overflow-wrap: break-word;
12649
12653
  white-space: normal;
12650
12654
  }
12651
12655
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13134,8 +13138,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13134
13138
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
13135
13139
  .pf-v6-c-compass__main-footer,
13136
13140
  .pf-v6-c-compass__footer {
13137
- margin: 0;
13138
13141
  visibility: hidden;
13142
+ margin: 0;
13139
13143
  opacity: 0;
13140
13144
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
13141
13145
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -13256,8 +13260,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13256
13260
  flex-direction: column;
13257
13261
  grid-area: dock;
13258
13262
  width: var(--pf-v6-c-compass__dock--Width);
13259
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13260
13263
  translate: -100% 0;
13264
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13261
13265
  }
13262
13266
  .pf-v6-c-compass__dock.pf-m-expanded {
13263
13267
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
@@ -13283,9 +13287,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13283
13287
  .pf-v6-c-compass__dock-main {
13284
13288
  flex-grow: 1;
13285
13289
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
13286
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13287
13290
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
13288
13291
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
13292
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
13289
13293
  }
13290
13294
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
13291
13295
  border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -13616,8 +13620,8 @@ ul) {
13616
13620
  @media screen and (min-width: 36rem) {
13617
13621
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
13618
13622
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
13619
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
13620
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13623
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
13624
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
13621
13625
  }
13622
13626
  }
13623
13627
 
@@ -14406,8 +14410,8 @@ ul) {
14406
14410
  .pf-v6-c-data-list__toggle-icon {
14407
14411
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
14408
14412
  pointer-events: none;
14409
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14410
14413
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
14414
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
14411
14415
  }
14412
14416
 
14413
14417
  .pf-v6-c-data-list__item-content {
@@ -14624,7 +14628,6 @@ ul) {
14624
14628
  width: 100%;
14625
14629
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
14626
14630
  break-inside: avoid;
14627
- page-break-inside: avoid;
14628
14631
  -webkit-column-break-inside: avoid;
14629
14632
  -moz-column-break-inside: avoid;
14630
14633
  }
@@ -15032,9 +15035,9 @@ ul) {
15032
15035
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
15033
15036
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
15034
15037
  overflow: auto;
15038
+ outline-offset: 2px;
15035
15039
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
15036
15040
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
15037
- outline-offset: 2px;
15038
15041
  }
15039
15042
 
15040
15043
  .pf-v6-c-dual-list-selector__list {
@@ -15070,25 +15073,25 @@ ul) {
15070
15073
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
15071
15074
  }
15072
15075
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
15073
- max-height: 0;
15074
15076
  visibility: hidden;
15077
+ max-height: 0;
15075
15078
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
15079
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15076
15080
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
15077
15081
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
15078
15082
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
15079
15083
  transition-property: opacity, translate, visibility, max-height;
15080
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
15081
15084
  }
15082
15085
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
15083
15086
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
15084
15087
  }
15085
15088
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
15086
- max-height: 99999px;
15087
15089
  visibility: revert;
15090
+ max-height: 99999px;
15088
15091
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
15092
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15089
15093
  transition-delay: 0s;
15090
15094
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
15091
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
15092
15095
  }
15093
15096
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
15094
15097
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -15223,10 +15226,10 @@ ul) {
15223
15226
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
15224
15227
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
15225
15228
  text-align: center;
15229
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15226
15230
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
15227
15231
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
15228
15232
  transition-property: transform;
15229
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
15230
15233
  }
15231
15234
 
15232
15235
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -16011,6 +16014,7 @@ ul) {
16011
16014
  .pf-v6-c-drawer__panel {
16012
16015
  position: relative;
16013
16016
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
16017
+ visibility: hidden;
16014
16018
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
16015
16019
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
16016
16020
  order: 1;
@@ -16018,7 +16022,6 @@ ul) {
16018
16022
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
16019
16023
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
16020
16024
  overflow: auto;
16021
- visibility: hidden;
16022
16025
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
16023
16026
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
16024
16027
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -16128,8 +16131,8 @@ ul) {
16128
16131
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
16129
16132
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
16130
16133
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
16131
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16132
16134
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
16135
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
16133
16136
  }
16134
16137
  .pf-v6-c-drawer__splitter.pf-m-vertical {
16135
16138
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -16919,8 +16922,8 @@ ul) {
16919
16922
  display: inline-block;
16920
16923
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
16921
16924
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
16922
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16923
16925
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
16926
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16924
16927
  }
16925
16928
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16926
16929
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -16935,15 +16938,15 @@ ul) {
16935
16938
  display: revert;
16936
16939
  }
16937
16940
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
16941
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16938
16942
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
16939
16943
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
16940
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
16941
16944
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
16945
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16942
16946
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
16943
16947
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
16944
16948
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
16945
16949
  transition-property: opacity, translate, visibility, max-height;
16946
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
16947
16950
  }
16948
16951
 
16949
16952
  .pf-v6-c-file-upload {
@@ -17114,7 +17117,7 @@ ul) {
17114
17117
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
17115
17118
  display: grid;
17116
17119
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17117
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17120
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17118
17121
  }
17119
17122
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
17120
17123
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17142,7 +17145,7 @@ ul) {
17142
17145
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
17143
17146
  display: grid;
17144
17147
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17145
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17148
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17146
17149
  }
17147
17150
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
17148
17151
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17170,7 +17173,7 @@ ul) {
17170
17173
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
17171
17174
  display: grid;
17172
17175
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17173
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17176
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17174
17177
  }
17175
17178
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
17176
17179
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17198,7 +17201,7 @@ ul) {
17198
17201
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
17199
17202
  display: grid;
17200
17203
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17201
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17204
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17202
17205
  }
17203
17206
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
17204
17207
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17226,7 +17229,7 @@ ul) {
17226
17229
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
17227
17230
  display: grid;
17228
17231
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17229
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17232
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17230
17233
  }
17231
17234
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
17232
17235
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17254,7 +17257,7 @@ ul) {
17254
17257
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
17255
17258
  display: grid;
17256
17259
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17257
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17260
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17258
17261
  }
17259
17262
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
17260
17263
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17282,7 +17285,7 @@ ul) {
17282
17285
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
17283
17286
  display: grid;
17284
17287
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
17285
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17288
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
17286
17289
  }
17287
17290
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
17288
17291
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -17455,14 +17458,14 @@ ul) {
17455
17458
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
17456
17459
  }
17457
17460
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
17461
+ visibility: visible;
17458
17462
  max-height: 99999px;
17459
17463
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
17460
17464
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17461
- visibility: visible;
17462
17465
  opacity: 1;
17466
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17463
17467
  transition-delay: 0s;
17464
17468
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
17465
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
17466
17469
  }
17467
17470
 
17468
17471
  .pf-v6-c-form__field-group-toggle {
@@ -17484,10 +17487,10 @@ ul) {
17484
17487
  display: inline-block;
17485
17488
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
17486
17489
  text-align: center;
17490
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17487
17491
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
17488
17492
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
17489
17493
  transition-property: transform;
17490
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
17491
17494
  }
17492
17495
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
17493
17496
  scale: -1 1;
@@ -17536,15 +17539,15 @@ ul) {
17536
17539
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
17537
17540
  }
17538
17541
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
17542
+ visibility: hidden;
17539
17543
  max-height: 0;
17540
17544
  padding-block-start: 0;
17541
17545
  padding-block-end: 0;
17542
- visibility: hidden;
17543
17546
  opacity: 0;
17547
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17544
17548
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
17545
17549
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
17546
17550
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
17547
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
17548
17551
  }
17549
17552
 
17550
17553
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -17704,10 +17707,10 @@ ul) {
17704
17707
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
17705
17708
  color: var(--pf-v6-c-form-control--Color);
17706
17709
  appearance: none;
17710
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17707
17711
  background-color: transparent;
17708
17712
  border: none;
17709
17713
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17710
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
17711
17714
  }
17712
17715
  .pf-v6-c-form-control > ::placeholder {
17713
17716
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -18073,8 +18076,8 @@ ul) {
18073
18076
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
18074
18077
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
18075
18078
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
18076
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18077
18079
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
18080
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
18078
18081
  }
18079
18082
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
18080
18083
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -18110,7 +18113,7 @@ ul) {
18110
18113
  .pf-v6-c-hint {
18111
18114
  display: grid;
18112
18115
  grid-template-columns: 1fr auto;
18113
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
18116
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
18114
18117
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
18115
18118
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
18116
18119
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -18558,20 +18561,20 @@ ul) {
18558
18561
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18559
18562
  }
18560
18563
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
18564
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18561
18565
  flex-grow: 1;
18562
18566
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
18563
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
18564
18567
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
18568
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18569
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18565
18570
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
18566
18571
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
18567
18572
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
18568
18573
  transition-property: opacity, scale, visibility, max-width;
18569
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
18570
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
18571
18574
  }
18572
18575
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
18573
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18574
18576
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
18577
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
18575
18578
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
18576
18579
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18577
18580
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -18579,8 +18582,8 @@ ul) {
18579
18582
  transition-property: opacity, visibility, max-width;
18580
18583
  }
18581
18584
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
18582
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18583
18585
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
18586
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
18584
18587
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
18585
18588
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
18586
18589
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -18907,10 +18910,10 @@ label.pf-v6-c-input-group__text {
18907
18910
  .pf-v6-c-jump-links__toggle-icon {
18908
18911
  display: inline-block;
18909
18912
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
18913
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18910
18914
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
18911
18915
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
18912
18916
  transition-property: transform;
18913
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
18914
18917
  }
18915
18918
 
18916
18919
  .pf-v6-c-label {
@@ -19123,9 +19126,9 @@ label.pf-v6-c-input-group__text {
19123
19126
  font-size: var(--pf-v6-c-label--FontSize);
19124
19127
  white-space: nowrap;
19125
19128
  background: transparent;
19126
- isolation: isolate;
19127
19129
  border: 0;
19128
19130
  border-radius: var(--pf-v6-c-label--BorderRadius);
19131
+ isolation: isolate;
19129
19132
  }
19130
19133
  .pf-v6-c-label.pf-m-blue {
19131
19134
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -19783,7 +19786,7 @@ ul.pf-v6-c-list {
19783
19786
  display: grid;
19784
19787
  grid-template-areas: "main header" "main footer" "main .";
19785
19788
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
19786
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19789
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
19787
19790
  justify-content: center;
19788
19791
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
19789
19792
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -19809,10 +19812,10 @@ ul.pf-v6-c-list {
19809
19812
  align-self: start;
19810
19813
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
19811
19814
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
19812
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19813
19815
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
19814
19816
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
19815
19817
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
19818
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
19816
19819
  }
19817
19820
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
19818
19821
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -20156,9 +20159,9 @@ ul.pf-v6-c-list {
20156
20159
  }
20157
20160
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
20158
20161
  background-color: var(--pf-t--global--background--color--glass--primary--default);
20159
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20160
20162
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
20161
20163
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
20164
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
20162
20165
  }
20163
20166
 
20164
20167
  .pf-v6-c-masthead__main {
@@ -20867,8 +20870,8 @@ ul.pf-v6-c-list {
20867
20870
  }
20868
20871
 
20869
20872
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
20870
- overflow: hidden;
20871
20873
  visibility: visible;
20874
+ overflow: hidden;
20872
20875
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
20873
20876
  }
20874
20877
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -20894,8 +20897,8 @@ ul.pf-v6-c-list {
20894
20897
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20895
20898
  }
20896
20899
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
20897
- overflow: visible;
20898
20900
  visibility: hidden;
20901
+ overflow: visible;
20899
20902
  }
20900
20903
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
20901
20904
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -21036,10 +21039,10 @@ ul.pf-v6-c-list {
21036
21039
  color: var(--pf-v6-c-menu__item--Color);
21037
21040
  text-align: start;
21038
21041
  text-decoration-line: none;
21042
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21039
21043
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
21040
21044
  border: 0;
21041
21045
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
21042
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
21043
21046
  --pf-v6-hidden-visible--visible--Display: flex;
21044
21047
  --pf-v6-hidden-visible--hidden--Display: none;
21045
21048
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -21133,7 +21136,7 @@ ul.pf-v6-c-list {
21133
21136
  .pf-v6-c-menu__item-description {
21134
21137
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21135
21138
  color: var(--pf-v6-c-menu__item-description--Color);
21136
- word-break: break-word;
21139
+ overflow-wrap: break-word;
21137
21140
  }
21138
21141
 
21139
21142
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21716,10 +21719,10 @@ ul.pf-v6-c-list {
21716
21719
 
21717
21720
  .pf-v6-c-menu-toggle__icon {
21718
21721
  flex-shrink: 0;
21722
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21719
21723
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
21720
21724
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
21721
21725
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
21722
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
21723
21726
  }
21724
21727
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
21725
21728
  vertical-align: middle;
@@ -21927,7 +21930,7 @@ ul.pf-v6-c-list {
21927
21930
  overflow-x: hidden;
21928
21931
  overflow-y: auto;
21929
21932
  overscroll-behavior: contain;
21930
- word-break: break-word;
21933
+ overflow-wrap: break-word;
21931
21934
  -webkit-overflow-scrolling: touch;
21932
21935
  }
21933
21936
  .pf-v6-c-modal-box__body:last-child {
@@ -22376,17 +22379,17 @@ ul.pf-v6-c-list {
22376
22379
 
22377
22380
  .pf-v6-c-nav__subnav {
22378
22381
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
22382
+ visibility: visible;
22379
22383
  max-height: 99999px;
22380
22384
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
22381
22385
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
22382
22386
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
22383
22387
  overflow-y: clip;
22384
- visibility: visible;
22388
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22385
22389
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
22386
22390
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
22387
22391
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
22388
22392
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
22389
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
22390
22393
  }
22391
22394
  .pf-v6-c-nav__subnav[hidden] {
22392
22395
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -22396,8 +22399,8 @@ ul.pf-v6-c-list {
22396
22399
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
22397
22400
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
22398
22401
  display: grid;
22399
- max-height: 0;
22400
22402
  visibility: hidden;
22403
+ max-height: 0;
22401
22404
  opacity: 0;
22402
22405
  }
22403
22406
 
@@ -22415,10 +22418,10 @@ ul.pf-v6-c-list {
22415
22418
  content: var(--pf-v6-c-nav__item--accent--content, "");
22416
22419
  background-color: var(--pf-v6-c-nav__item--accent--color);
22417
22420
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
22421
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22418
22422
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
22419
22423
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22420
22424
  transition-property: scale;
22421
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22422
22425
  }
22423
22426
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
22424
22427
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -22506,10 +22509,10 @@ ul.pf-v6-c-list {
22506
22509
 
22507
22510
  .pf-v6-c-nav__toggle-icon {
22508
22511
  display: inline-block;
22512
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22509
22513
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
22510
22514
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
22511
22515
  transition-property: transform;
22512
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
22513
22516
  }
22514
22517
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
22515
22518
  scale: -1 1;
@@ -22742,9 +22745,9 @@ ul.pf-v6-c-list {
22742
22745
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
22743
22746
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
22744
22747
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
22748
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22745
22749
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
22746
22750
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22747
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22748
22751
  }
22749
22752
  .pf-v6-c-notification-drawer__list-item::before {
22750
22753
  position: absolute;
@@ -22801,7 +22804,7 @@ ul.pf-v6-c-list {
22801
22804
 
22802
22805
  .pf-v6-c-notification-drawer__list-item-header-title {
22803
22806
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22804
- word-break: break-word;
22807
+ overflow-wrap: break-word;
22805
22808
  }
22806
22809
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22807
22810
  display: -webkit-box;
@@ -22823,7 +22826,7 @@ ul.pf-v6-c-list {
22823
22826
  grid-row: 2/3;
22824
22827
  grid-column: 1/2;
22825
22828
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22826
- word-break: break-word;
22829
+ overflow-wrap: break-word;
22827
22830
  }
22828
22831
 
22829
22832
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22854,9 +22857,9 @@ ul.pf-v6-c-list {
22854
22857
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
22855
22858
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
22856
22859
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
22860
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22857
22861
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
22858
22862
  border: none;
22859
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
22860
22863
  }
22861
22864
 
22862
22865
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -22868,7 +22871,7 @@ ul.pf-v6-c-list {
22868
22871
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22869
22872
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22870
22873
  text-align: start;
22871
- word-break: break-word;
22874
+ overflow-wrap: break-word;
22872
22875
  }
22873
22876
 
22874
22877
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23372,9 +23375,9 @@ ul.pf-v6-c-list {
23372
23375
  .pf-v6-c-page__dock-main {
23373
23376
  flex-grow: 1;
23374
23377
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
23375
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23376
23378
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
23377
23379
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
23380
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
23378
23381
  }
23379
23382
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23380
23383
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -23456,10 +23459,10 @@ ul.pf-v6-c-list {
23456
23459
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
23457
23460
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
23458
23461
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
23459
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23460
23462
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
23461
23463
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
23462
23464
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
23465
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
23463
23466
  }
23464
23467
 
23465
23468
  .pf-v6-c-page__sidebar-header {
@@ -23825,7 +23828,6 @@ ul.pf-v6-c-list {
23825
23828
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
23826
23829
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
23827
23830
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
23828
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23829
23831
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
23830
23832
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
23831
23833
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -23833,6 +23835,7 @@ ul.pf-v6-c-list {
23833
23835
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
23834
23836
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
23835
23837
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
23838
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
23836
23839
  }
23837
23840
  @media screen and (max-width: calc(48rem - 1px)) {
23838
23841
  .pf-v6-c-page__main-container {
@@ -24857,7 +24860,7 @@ ul.pf-v6-c-list {
24857
24860
  }
24858
24861
 
24859
24862
  .pf-v6-c-popover__body {
24860
- word-wrap: break-word;
24863
+ overflow-wrap: break-word;
24861
24864
  }
24862
24865
 
24863
24866
  .pf-v6-c-popover__footer {
@@ -24902,7 +24905,7 @@ ul.pf-v6-c-list {
24902
24905
  display: grid;
24903
24906
  grid-template-rows: 1fr auto;
24904
24907
  grid-template-columns: auto auto;
24905
- grid-gap: var(--pf-v6-c-progress--GridGap);
24908
+ gap: var(--pf-v6-c-progress--GridGap);
24906
24909
  align-items: end;
24907
24910
  }
24908
24911
  .pf-v6-c-progress.pf-m-sm {
@@ -24996,7 +24999,7 @@ ul.pf-v6-c-list {
24996
24999
 
24997
25000
  .pf-v6-c-progress__description {
24998
25001
  grid-column: 1/2;
24999
- word-break: break-word;
25002
+ overflow-wrap: break-word;
25000
25003
  }
25001
25004
  .pf-v6-c-progress__description.pf-m-truncate {
25002
25005
  overflow: hidden;
@@ -25012,7 +25015,7 @@ ul.pf-v6-c-list {
25012
25015
  align-items: flex-start;
25013
25016
  justify-content: flex-end;
25014
25017
  text-align: end;
25015
- word-break: break-word;
25018
+ overflow-wrap: break-word;
25016
25019
  }
25017
25020
 
25018
25021
  .pf-v6-c-progress__status-icon {
@@ -25275,9 +25278,9 @@ ul.pf-v6-c-list {
25275
25278
  inset-block-start: 0;
25276
25279
  inset-inline-start: 0;
25277
25280
  overflow: hidden;
25278
- clip: rect(0, 0, 0, 0);
25279
25281
  white-space: nowrap;
25280
25282
  border: 0;
25283
+ clip-path: inset(50%);
25281
25284
  }
25282
25285
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
25283
25286
  grid-row: 1/2;
@@ -25699,7 +25702,7 @@ ul.pf-v6-c-list {
25699
25702
  .pf-v6-c-radio {
25700
25703
  display: grid;
25701
25704
  grid-template-columns: auto 1fr;
25702
- grid-gap: var(--pf-v6-c-radio--GridGap);
25705
+ gap: var(--pf-v6-c-radio--GridGap);
25703
25706
  align-items: baseline;
25704
25707
  accent-color: var(--pf-v6-c-radio--AccentColor);
25705
25708
  }
@@ -26694,10 +26697,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26694
26697
  width: 100%;
26695
26698
  height: 100%;
26696
26699
  stroke: var(--pf-v6-c-spinner--Color);
26700
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26701
+ stroke-linecap: round;
26697
26702
  stroke-dasharray: 283;
26698
26703
  stroke-dashoffset: 280;
26699
- stroke-linecap: round;
26700
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
26701
26704
  transform-origin: 50% 50%;
26702
26705
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
26703
26706
  }
@@ -26857,8 +26860,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26857
26860
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
26858
26861
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
26859
26862
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
26860
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
26861
26863
  transform: translateY(-50%);
26864
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
26862
26865
  }
26863
26866
  .pf-v6-c-switch__toggle::after {
26864
26867
  position: absolute;
@@ -28855,11 +28858,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28855
28858
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
28856
28859
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
28857
28860
  overflow: var(--pf-v6-c-table--cell--Overflow);
28861
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28858
28862
  font-size: var(--pf-v6-c-table--cell--FontSize);
28859
28863
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
28860
28864
  line-height: var(--pf-v6-c-table--cell--LineHeight);
28861
28865
  color: var(--pf-v6-c-table--cell--Color);
28862
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
28863
28866
  word-break: var(--pf-v6-c-table--cell--WordBreak);
28864
28867
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
28865
28868
  }
@@ -28965,24 +28968,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28965
28968
  }
28966
28969
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
28967
28970
  cursor: pointer;
28968
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28969
28971
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
28972
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
28970
28973
  }
28971
28974
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
28972
28975
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
28973
28976
  }
28974
28977
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
28975
28978
  position: relative;
28976
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28977
28979
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
28980
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
28978
28981
  }
28979
28982
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
28980
28983
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
28981
28984
  }
28982
28985
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
28983
28986
  cursor: pointer;
28984
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28985
28987
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
28988
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
28986
28989
  }
28987
28990
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
28988
28991
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -28991,8 +28994,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28991
28994
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
28992
28995
  }
28993
28996
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
28994
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28995
28997
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
28998
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
28996
28999
  }
28997
29000
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
28998
29001
  border: none;
@@ -29017,11 +29020,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29017
29020
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
29018
29021
  visibility: hidden;
29019
29022
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
29023
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29020
29024
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
29021
29025
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
29022
29026
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
29023
29027
  transition-property: opacity, translate, visibility, background-color;
29024
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
29025
29028
  }
29026
29029
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
29027
29030
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -29029,9 +29032,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29029
29032
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
29030
29033
  visibility: visible;
29031
29034
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
29035
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29032
29036
  transition-delay: 0s;
29033
29037
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
29034
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
29035
29038
  }
29036
29039
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
29037
29040
  max-height: 99999px;
@@ -29097,8 +29100,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29097
29100
  min-width: var(--pf-v6-c-table__text--MinWidth);
29098
29101
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
29099
29102
  overflow: var(--pf-v6-c-table--cell--Overflow);
29100
- line-height: var(--pf-v6-c-table--cell--LineHeight);
29101
29103
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
29104
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
29102
29105
  word-break: var(--pf-v6-c-table--cell--WordBreak);
29103
29106
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
29104
29107
  }
@@ -29127,10 +29130,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29127
29130
  text-align: start;
29128
29131
  white-space: inherit;
29129
29132
  user-select: text;
29133
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29130
29134
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
29131
29135
  border: 0;
29132
29136
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
29133
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
29134
29137
  }
29135
29138
  .pf-v6-c-table__button::after {
29136
29139
  position: absolute;
@@ -29224,10 +29227,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29224
29227
  }
29225
29228
 
29226
29229
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
29230
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29227
29231
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
29228
29232
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
29229
29233
  transition-property: transform;
29230
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
29231
29234
  }
29232
29235
  .pf-v6-c-table__toggle svg {
29233
29236
  pointer-events: none;
@@ -29783,8 +29786,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29783
29786
  }
29784
29787
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29785
29788
  position: relative;
29786
- border: none;
29787
29789
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29790
+ border: none;
29788
29791
  }
29789
29792
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29790
29793
  position: absolute;
@@ -29822,7 +29825,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29822
29825
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29823
29826
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29824
29827
  grid-column: 1;
29825
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29828
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29826
29829
  align-items: start;
29827
29830
  }
29828
29831
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -29925,8 +29928,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29925
29928
  }
29926
29929
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
29927
29930
  position: relative;
29928
- border: none;
29929
29931
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
29932
+ border: none;
29930
29933
  }
29931
29934
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
29932
29935
  position: absolute;
@@ -29964,7 +29967,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29964
29967
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
29965
29968
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
29966
29969
  grid-column: 1;
29967
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29970
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
29968
29971
  align-items: start;
29969
29972
  }
29970
29973
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30068,8 +30071,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30068
30071
  }
30069
30072
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30070
30073
  position: relative;
30071
- border: none;
30072
30074
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30075
+ border: none;
30073
30076
  }
30074
30077
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30075
30078
  position: absolute;
@@ -30107,7 +30110,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30107
30110
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30108
30111
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30109
30112
  grid-column: 1;
30110
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30113
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30111
30114
  align-items: start;
30112
30115
  }
30113
30116
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30211,8 +30214,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30211
30214
  }
30212
30215
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30213
30216
  position: relative;
30214
- border: none;
30215
30217
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30218
+ border: none;
30216
30219
  }
30217
30220
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30218
30221
  position: absolute;
@@ -30250,7 +30253,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30250
30253
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30251
30254
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30252
30255
  grid-column: 1;
30253
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30256
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30254
30257
  align-items: start;
30255
30258
  }
30256
30259
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30354,8 +30357,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30354
30357
  }
30355
30358
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
30356
30359
  position: relative;
30357
- border: none;
30358
30360
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
30361
+ border: none;
30359
30362
  }
30360
30363
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
30361
30364
  position: absolute;
@@ -30393,7 +30396,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30393
30396
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
30394
30397
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
30395
30398
  grid-column: 1;
30396
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30399
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
30397
30400
  align-items: start;
30398
30401
  }
30399
30402
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -30946,8 +30949,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30946
30949
 
30947
30950
  .pf-v6-c-tabs__toggle-icon {
30948
30951
  display: inline-block;
30949
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30950
30952
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
30953
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
30951
30954
  }
30952
30955
 
30953
30956
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -31111,8 +31114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31111
31114
  align-self: end;
31112
31115
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
31113
31116
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
31114
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31115
31117
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
31118
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
31116
31119
  }
31117
31120
 
31118
31121
  .pf-v6-c-tabs__item-action {
@@ -31375,10 +31378,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31375
31378
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
31376
31379
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
31377
31380
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
31381
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31378
31382
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
31379
31383
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
31380
31384
  transition-property: width, height, translate;
31381
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
31382
31385
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
31383
31386
  }
31384
31387
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -31584,9 +31587,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31584
31587
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
31585
31588
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
31586
31589
  color: var(--pf-v6-c-text-input-group__text-input--Color);
31590
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31587
31591
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
31588
31592
  border: 0;
31589
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
31590
31593
  }
31591
31594
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
31592
31595
  grid-area: text-input;
@@ -31794,7 +31797,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31794
31797
 
31795
31798
  .pf-v6-c-title {
31796
31799
  font-family: var(--pf-v6-c-title--FontFamily);
31797
- word-break: break-word;
31800
+ overflow-wrap: break-word;
31798
31801
  }
31799
31802
  .pf-v6-c-title.pf-m-4xl {
31800
31803
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -32577,10 +32580,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32577
32580
 
32578
32581
  .pf-v6-c-toolbar__expand-all-icon {
32579
32582
  display: inline-flex;
32583
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32580
32584
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
32581
32585
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
32582
32586
  transition-property: transform;
32583
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
32584
32587
  }
32585
32588
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
32586
32589
  scale: -1 1;
@@ -34216,7 +34219,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34216
34219
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34217
34220
  color: var(--pf-v6-c-tooltip__content--Color);
34218
34221
  text-align: center;
34219
- word-break: break-word;
34222
+ overflow-wrap: break-word;
34220
34223
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34221
34224
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34222
34225
  }
@@ -34598,19 +34601,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34598
34601
  display: inline-block;
34599
34602
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
34600
34603
  text-align: center;
34601
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34602
34604
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
34605
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
34603
34606
  }
34604
34607
 
34605
34608
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
34606
- max-height: 0;
34607
34609
  visibility: hidden;
34610
+ max-height: 0;
34608
34611
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
34612
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34609
34613
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
34610
34614
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
34611
34615
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
34612
34616
  transition-property: opacity, translate, visibility, max-height;
34613
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
34614
34617
  }
34615
34618
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
34616
34619
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -34621,12 +34624,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34621
34624
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
34622
34625
  }
34623
34626
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
34624
- max-height: 99999px;
34625
34627
  visibility: revert;
34628
+ max-height: 99999px;
34626
34629
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
34630
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34627
34631
  transition-delay: 0s;
34628
34632
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
34629
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
34630
34633
  }
34631
34634
 
34632
34635
  .pf-v6-c-tree-view__node,
@@ -35065,7 +35068,7 @@ label.pf-v6-c-tree-view__node-text {
35065
35068
 
35066
35069
  .pf-v6-c-wizard__title {
35067
35070
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
35068
- word-wrap: break-word;
35071
+ overflow-wrap: break-word;
35069
35072
  }
35070
35073
 
35071
35074
  .pf-v6-c-wizard__title-text {
@@ -35128,7 +35131,7 @@ label.pf-v6-c-tree-view__node-text {
35128
35131
  align-items: baseline;
35129
35132
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35130
35133
  text-align: start;
35131
- word-break: break-word;
35134
+ overflow-wrap: break-word;
35132
35135
  }
35133
35136
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35134
35137
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35264,8 +35267,8 @@ label.pf-v6-c-tree-view__node-text {
35264
35267
  padding-inline: 0;
35265
35268
  color: var(--pf-v6-c-wizard__nav-link--Color);
35266
35269
  text-align: start;
35270
+ overflow-wrap: break-word;
35267
35271
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35268
- word-break: break-word;
35269
35272
  counter-increment: wizard-nav-count;
35270
35273
  background-color: transparent;
35271
35274
  border: none;
@@ -35370,10 +35373,10 @@ label.pf-v6-c-tree-view__node-text {
35370
35373
 
35371
35374
  .pf-v6-c-wizard__nav-link-toggle-icon {
35372
35375
  display: inline-block;
35376
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35373
35377
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
35374
35378
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
35375
35379
  transition-property: transform;
35376
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
35377
35380
  }
35378
35381
 
35379
35382
  .pf-v6-c-wizard__main {
@@ -35383,7 +35386,7 @@ label.pf-v6-c-tree-view__node-text {
35383
35386
  flex-direction: column;
35384
35387
  overflow-x: hidden;
35385
35388
  overflow-y: auto;
35386
- word-break: break-word;
35389
+ overflow-wrap: break-word;
35387
35390
  }
35388
35391
 
35389
35392
  .pf-v6-c-wizard__main-body {
@@ -37820,7 +37823,7 @@ label.pf-v6-c-tree-view__node-text {
37820
37823
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
37821
37824
  }
37822
37825
  .pf-v6-l-gallery.pf-m-gutter {
37823
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37826
+ gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
37824
37827
  }
37825
37828
  .pf-v6-l-gallery {
37826
37829
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -38813,7 +38816,7 @@ label.pf-v6-c-tree-view__node-text {
38813
38816
  }
38814
38817
  }
38815
38818
  .pf-v6-l-grid.pf-m-gutter {
38816
- grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38819
+ gap: var(--pf-v6-l-grid--m-gutter--GridGap);
38817
38820
  }
38818
38821
 
38819
38822
  .pf-v6-l-level {