@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
@@ -164,7 +164,7 @@
164
164
  overflow-x: hidden;
165
165
  overflow-y: auto;
166
166
  overscroll-behavior: contain;
167
- word-break: break-word;
167
+ overflow-wrap: break-word;
168
168
  -webkit-overflow-scrolling: touch;
169
169
  }
170
170
  @media screen and (min-width: 36rem) {
@@ -241,7 +241,9 @@
241
241
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
242
242
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
243
243
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
244
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
244
245
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
246
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
245
247
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
246
248
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
247
249
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -374,6 +376,7 @@
374
376
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
375
377
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
376
378
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
379
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
377
380
  }
378
381
 
379
382
  .pf-v6-c-accordion__toggle {
@@ -421,8 +424,8 @@
421
424
  }
422
425
 
423
426
  .pf-v6-c-accordion__toggle-icon {
424
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
425
427
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
428
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
426
429
  }
427
430
 
428
431
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -430,26 +433,27 @@
430
433
  }
431
434
 
432
435
  .pf-v6-c-accordion__expandable-content {
436
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
433
437
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
434
438
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
435
439
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
436
440
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
441
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
437
442
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
438
443
  color: var(--pf-v6-c-accordion__expandable-content--Color);
439
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
440
444
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
441
445
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
442
446
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
443
447
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
448
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
444
449
  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);
445
450
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
446
451
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
447
452
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
448
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
449
453
  }
450
454
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
455
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
451
456
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
452
- overflow-y: auto;
453
457
  }
454
458
 
455
459
  .pf-v6-c-accordion__expandable-content-body {
@@ -649,8 +653,8 @@
649
653
 
650
654
  .pf-v6-c-alert__toggle-icon {
651
655
  display: inline-block;
652
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
653
656
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
657
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
654
658
  }
655
659
 
656
660
  .pf-v6-c-alert__icon {
@@ -665,7 +669,7 @@
665
669
  grid-area: title;
666
670
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
667
671
  color: var(--pf-v6-c-alert__title--Color);
668
- word-break: break-word;
672
+ overflow-wrap: break-word;
669
673
  }
670
674
  .pf-v6-c-alert__title.pf-m-truncate {
671
675
  display: -webkit-box;
@@ -677,7 +681,7 @@
677
681
  .pf-v6-c-alert__description {
678
682
  grid-area: description;
679
683
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
680
- word-break: break-word;
684
+ overflow-wrap: break-word;
681
685
  }
682
686
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
683
687
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -827,8 +831,8 @@
827
831
  display: grid;
828
832
  grid-template-rows: 1fr;
829
833
  opacity: 1;
830
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
831
834
  transform: translateX(0) translateY(0);
835
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
832
836
  }
833
837
  @media screen and (prefers-reduced-motion: no-preference) {
834
838
  .pf-v6-c-alert-group__item {
@@ -1573,10 +1577,10 @@
1573
1577
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1574
1578
  line-height: inherit;
1575
1579
  color: var(--pf-v6-c-breadcrumb__link--Color);
1580
+ overflow-wrap: break-word;
1576
1581
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1577
1582
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1578
1583
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
1579
- word-break: break-word;
1580
1584
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1581
1585
  }
1582
1586
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -1994,10 +1998,10 @@ button.pf-v6-c-breadcrumb__link {
1994
1998
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
1995
1999
  color: var(--pf-v6-c-button--Color);
1996
2000
  text-align: center;
2001
+ white-space: nowrap;
1997
2002
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
1998
2003
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
1999
2004
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
2000
- white-space: nowrap;
2001
2005
  cursor: pointer;
2002
2006
  -webkit-user-select: none;
2003
2007
  user-select: none;
@@ -2007,11 +2011,11 @@ button.pf-v6-c-breadcrumb__link {
2007
2011
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
2008
2012
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
2009
2013
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
2014
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
2010
2015
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
2011
2016
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
2012
2017
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
2013
2018
  transition-property: var(--pf-v6-c-button--TransitionProperty);
2014
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
2015
2019
  }
2016
2020
  .pf-v6-c-button::after {
2017
2021
  position: absolute;
@@ -2138,10 +2142,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2138
2142
  --pf-v6-c-button--hover--BorderWidth: 0;
2139
2143
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
2140
2144
  text-align: start;
2141
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2142
2145
  white-space: normal;
2143
- background: transparent;
2146
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2144
2147
  outline-offset: 0.125rem;
2148
+ background: transparent;
2145
2149
  }
2146
2150
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2147
2151
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -2499,12 +2503,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2499
2503
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2500
2504
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2501
2505
  color: var(--pf-v6-c-button__icon--Color);
2506
+ rotate: var(--pf-v6-c-button__icon--Rotate);
2507
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2502
2508
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2503
2509
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2504
2510
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2505
2511
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2506
- rotate: var(--pf-v6-c-button__icon--Rotate);
2507
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2508
2512
  }
2509
2513
  .pf-v6-c-button__icon.pf-m-start {
2510
2514
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2931,8 +2935,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2931
2935
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
2932
2936
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
2933
2937
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
2934
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2935
2938
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
2939
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2936
2940
  }
2937
2941
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2938
2942
  gap: 0;
@@ -3174,9 +3178,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3174
3178
  }
3175
3179
 
3176
3180
  .pf-v6-c-card__clickable-action {
3181
+ outline: 0;
3177
3182
  background: none;
3178
3183
  border: 0;
3179
- outline: 0;
3180
3184
  }
3181
3185
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
3182
3186
  pointer-events: none;
@@ -3244,7 +3248,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3244
3248
  .pf-v6-c-check {
3245
3249
  display: grid;
3246
3250
  grid-template-columns: auto 1fr;
3247
- grid-gap: var(--pf-v6-c-check--GridGap);
3251
+ gap: var(--pf-v6-c-check--GridGap);
3248
3252
  accent-color: var(--pf-v6-c-check--AccentColor);
3249
3253
  }
3250
3254
  .pf-v6-c-check.pf-m-standalone {
@@ -3375,7 +3379,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3375
3379
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
3376
3380
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
3377
3381
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
3378
- word-wrap: break-word;
3382
+ overflow-wrap: break-word;
3379
3383
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
3380
3384
  background-clip: padding-box;
3381
3385
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -3391,7 +3395,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3391
3395
  }
3392
3396
 
3393
3397
  .pf-v6-c-clipboard-copy__text {
3394
- word-break: break-word;
3398
+ overflow-wrap: break-word;
3395
3399
  white-space: normal;
3396
3400
  }
3397
3401
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -3880,8 +3884,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3880
3884
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
3881
3885
  .pf-v6-c-compass__main-footer,
3882
3886
  .pf-v6-c-compass__footer {
3883
- margin: 0;
3884
3887
  visibility: hidden;
3888
+ margin: 0;
3885
3889
  opacity: 0;
3886
3890
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
3887
3891
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -4002,8 +4006,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4002
4006
  flex-direction: column;
4003
4007
  grid-area: dock;
4004
4008
  width: var(--pf-v6-c-compass__dock--Width);
4005
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4006
4009
  translate: -100% 0;
4010
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4007
4011
  }
4008
4012
  .pf-v6-c-compass__dock.pf-m-expanded {
4009
4013
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
@@ -4029,9 +4033,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4029
4033
  .pf-v6-c-compass__dock-main {
4030
4034
  flex-grow: 1;
4031
4035
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
4032
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4033
4036
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
4034
4037
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
4038
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4035
4039
  }
4036
4040
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
4037
4041
  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);
@@ -4362,8 +4366,8 @@ ul) {
4362
4366
  @media screen and (min-width: 36rem) {
4363
4367
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
4364
4368
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
4365
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
4366
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4369
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
4370
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4367
4371
  }
4368
4372
  }
4369
4373
 
@@ -5152,8 +5156,8 @@ ul) {
5152
5156
  .pf-v6-c-data-list__toggle-icon {
5153
5157
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
5154
5158
  pointer-events: none;
5155
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5156
5159
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
5160
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5157
5161
  }
5158
5162
 
5159
5163
  .pf-v6-c-data-list__item-content {
@@ -5370,7 +5374,6 @@ ul) {
5370
5374
  width: 100%;
5371
5375
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
5372
5376
  break-inside: avoid;
5373
- page-break-inside: avoid;
5374
5377
  -webkit-column-break-inside: avoid;
5375
5378
  -moz-column-break-inside: avoid;
5376
5379
  }
@@ -5778,9 +5781,9 @@ ul) {
5778
5781
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
5779
5782
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
5780
5783
  overflow: auto;
5784
+ outline-offset: 2px;
5781
5785
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
5782
5786
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5783
- outline-offset: 2px;
5784
5787
  }
5785
5788
 
5786
5789
  .pf-v6-c-dual-list-selector__list {
@@ -5816,25 +5819,25 @@ ul) {
5816
5819
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
5817
5820
  }
5818
5821
  .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 {
5819
- max-height: 0;
5820
5822
  visibility: hidden;
5823
+ max-height: 0;
5821
5824
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
5825
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5822
5826
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
5823
5827
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
5824
5828
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
5825
5829
  transition-property: opacity, translate, visibility, max-height;
5826
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5827
5830
  }
5828
5831
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
5829
5832
  --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);
5830
5833
  }
5831
5834
  .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 {
5832
- max-height: 99999px;
5833
5835
  visibility: revert;
5836
+ max-height: 99999px;
5834
5837
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5838
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5835
5839
  transition-delay: 0s;
5836
5840
  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;
5837
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5838
5841
  }
5839
5842
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
5840
5843
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -5969,10 +5972,10 @@ ul) {
5969
5972
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5970
5973
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5971
5974
  text-align: center;
5975
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5972
5976
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5973
5977
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
5974
5978
  transition-property: transform;
5975
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5976
5979
  }
5977
5980
 
5978
5981
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -6757,6 +6760,7 @@ ul) {
6757
6760
  .pf-v6-c-drawer__panel {
6758
6761
  position: relative;
6759
6762
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
6763
+ visibility: hidden;
6760
6764
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
6761
6765
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
6762
6766
  order: 1;
@@ -6764,7 +6768,6 @@ ul) {
6764
6768
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
6765
6769
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
6766
6770
  overflow: auto;
6767
- visibility: hidden;
6768
6771
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
6769
6772
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
6770
6773
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -6874,8 +6877,8 @@ ul) {
6874
6877
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6875
6878
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6876
6879
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6877
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6878
6880
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
6881
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6879
6882
  }
6880
6883
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6881
6884
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -7665,8 +7668,8 @@ ul) {
7665
7668
  display: inline-block;
7666
7669
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
7667
7670
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
7668
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7669
7671
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7672
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7670
7673
  }
7671
7674
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7672
7675
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -7681,15 +7684,15 @@ ul) {
7681
7684
  display: revert;
7682
7685
  }
7683
7686
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
7687
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7684
7688
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
7685
7689
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
7686
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7687
7690
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
7691
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7688
7692
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
7689
7693
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
7690
7694
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
7691
7695
  transition-property: opacity, translate, visibility, max-height;
7692
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7693
7696
  }
7694
7697
 
7695
7698
  .pf-v6-c-file-upload {
@@ -7860,7 +7863,7 @@ ul) {
7860
7863
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
7861
7864
  display: grid;
7862
7865
  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);
7863
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7866
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7864
7867
  }
7865
7868
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
7866
7869
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7888,7 +7891,7 @@ ul) {
7888
7891
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
7889
7892
  display: grid;
7890
7893
  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);
7891
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7894
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7892
7895
  }
7893
7896
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
7894
7897
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7916,7 +7919,7 @@ ul) {
7916
7919
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
7917
7920
  display: grid;
7918
7921
  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);
7919
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7922
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7920
7923
  }
7921
7924
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
7922
7925
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7944,7 +7947,7 @@ ul) {
7944
7947
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
7945
7948
  display: grid;
7946
7949
  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);
7947
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7950
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7948
7951
  }
7949
7952
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
7950
7953
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7972,7 +7975,7 @@ ul) {
7972
7975
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
7973
7976
  display: grid;
7974
7977
  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);
7975
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7978
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7976
7979
  }
7977
7980
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
7978
7981
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8000,7 +8003,7 @@ ul) {
8000
8003
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
8001
8004
  display: grid;
8002
8005
  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);
8003
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8006
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8004
8007
  }
8005
8008
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
8006
8009
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8028,7 +8031,7 @@ ul) {
8028
8031
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
8029
8032
  display: grid;
8030
8033
  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);
8031
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8034
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8032
8035
  }
8033
8036
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
8034
8037
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8201,14 +8204,14 @@ ul) {
8201
8204
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
8202
8205
  }
8203
8206
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
8207
+ visibility: visible;
8204
8208
  max-height: 99999px;
8205
8209
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
8206
8210
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8207
- visibility: visible;
8208
8211
  opacity: 1;
8212
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8209
8213
  transition-delay: 0s;
8210
8214
  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;
8211
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8212
8215
  }
8213
8216
 
8214
8217
  .pf-v6-c-form__field-group-toggle {
@@ -8230,10 +8233,10 @@ ul) {
8230
8233
  display: inline-block;
8231
8234
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
8232
8235
  text-align: center;
8236
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8233
8237
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
8234
8238
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
8235
8239
  transition-property: transform;
8236
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8237
8240
  }
8238
8241
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
8239
8242
  scale: -1 1;
@@ -8282,15 +8285,15 @@ ul) {
8282
8285
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8283
8286
  }
8284
8287
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
8288
+ visibility: hidden;
8285
8289
  max-height: 0;
8286
8290
  padding-block-start: 0;
8287
8291
  padding-block-end: 0;
8288
- visibility: hidden;
8289
8292
  opacity: 0;
8293
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8290
8294
  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);
8291
8295
  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;
8292
8296
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
8293
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8294
8297
  }
8295
8298
 
8296
8299
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -8450,10 +8453,10 @@ ul) {
8450
8453
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
8451
8454
  color: var(--pf-v6-c-form-control--Color);
8452
8455
  appearance: none;
8456
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8453
8457
  background-color: transparent;
8454
8458
  border: none;
8455
8459
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8456
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8457
8460
  }
8458
8461
  .pf-v6-c-form-control > ::placeholder {
8459
8462
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -8819,8 +8822,8 @@ ul) {
8819
8822
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
8820
8823
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
8821
8824
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
8822
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8823
8825
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
8826
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8824
8827
  }
8825
8828
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
8826
8829
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -8856,7 +8859,7 @@ ul) {
8856
8859
  .pf-v6-c-hint {
8857
8860
  display: grid;
8858
8861
  grid-template-columns: 1fr auto;
8859
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
8862
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
8860
8863
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
8861
8864
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
8862
8865
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -9304,20 +9307,20 @@ ul) {
9304
9307
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9305
9308
  }
9306
9309
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
9310
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9307
9311
  flex-grow: 1;
9308
9312
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
9309
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9310
9313
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
9314
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9315
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9311
9316
  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);
9312
9317
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
9313
9318
  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;
9314
9319
  transition-property: opacity, scale, visibility, max-width;
9315
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9316
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9317
9320
  }
9318
9321
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
9319
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9320
9322
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
9323
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9321
9324
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
9322
9325
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9323
9326
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -9325,8 +9328,8 @@ ul) {
9325
9328
  transition-property: opacity, visibility, max-width;
9326
9329
  }
9327
9330
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
9328
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9329
9331
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
9332
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9330
9333
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
9331
9334
  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);
9332
9335
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -9653,10 +9656,10 @@ label.pf-v6-c-input-group__text {
9653
9656
  .pf-v6-c-jump-links__toggle-icon {
9654
9657
  display: inline-block;
9655
9658
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
9659
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9656
9660
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
9657
9661
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
9658
9662
  transition-property: transform;
9659
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9660
9663
  }
9661
9664
 
9662
9665
  .pf-v6-c-label {
@@ -9869,9 +9872,9 @@ label.pf-v6-c-input-group__text {
9869
9872
  font-size: var(--pf-v6-c-label--FontSize);
9870
9873
  white-space: nowrap;
9871
9874
  background: transparent;
9872
- isolation: isolate;
9873
9875
  border: 0;
9874
9876
  border-radius: var(--pf-v6-c-label--BorderRadius);
9877
+ isolation: isolate;
9875
9878
  }
9876
9879
  .pf-v6-c-label.pf-m-blue {
9877
9880
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -10529,7 +10532,7 @@ ul.pf-v6-c-list {
10529
10532
  display: grid;
10530
10533
  grid-template-areas: "main header" "main footer" "main .";
10531
10534
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
10532
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10535
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10533
10536
  justify-content: center;
10534
10537
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
10535
10538
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -10555,10 +10558,10 @@ ul.pf-v6-c-list {
10555
10558
  align-self: start;
10556
10559
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
10557
10560
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
10558
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10559
10561
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
10560
10562
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
10561
10563
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
10564
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10562
10565
  }
10563
10566
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
10564
10567
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -10902,9 +10905,9 @@ ul.pf-v6-c-list {
10902
10905
  }
10903
10906
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
10904
10907
  background-color: var(--pf-t--global--background--color--glass--primary--default);
10905
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10906
10908
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
10907
10909
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
10910
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10908
10911
  }
10909
10912
 
10910
10913
  .pf-v6-c-masthead__main {
@@ -11613,8 +11616,8 @@ ul.pf-v6-c-list {
11613
11616
  }
11614
11617
 
11615
11618
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
11616
- overflow: hidden;
11617
11619
  visibility: visible;
11620
+ overflow: hidden;
11618
11621
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
11619
11622
  }
11620
11623
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -11640,8 +11643,8 @@ ul.pf-v6-c-list {
11640
11643
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11641
11644
  }
11642
11645
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
11643
- overflow: visible;
11644
11646
  visibility: hidden;
11647
+ overflow: visible;
11645
11648
  }
11646
11649
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
11647
11650
  .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) {
@@ -11782,10 +11785,10 @@ ul.pf-v6-c-list {
11782
11785
  color: var(--pf-v6-c-menu__item--Color);
11783
11786
  text-align: start;
11784
11787
  text-decoration-line: none;
11788
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11785
11789
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11786
11790
  border: 0;
11787
11791
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11788
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11789
11792
  --pf-v6-hidden-visible--visible--Display: flex;
11790
11793
  --pf-v6-hidden-visible--hidden--Display: none;
11791
11794
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -11879,7 +11882,7 @@ ul.pf-v6-c-list {
11879
11882
  .pf-v6-c-menu__item-description {
11880
11883
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11881
11884
  color: var(--pf-v6-c-menu__item-description--Color);
11882
- word-break: break-word;
11885
+ overflow-wrap: break-word;
11883
11886
  }
11884
11887
 
11885
11888
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12462,10 +12465,10 @@ ul.pf-v6-c-list {
12462
12465
 
12463
12466
  .pf-v6-c-menu-toggle__icon {
12464
12467
  flex-shrink: 0;
12468
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12465
12469
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12466
12470
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12467
12471
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
12468
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12469
12472
  }
12470
12473
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
12471
12474
  vertical-align: middle;
@@ -12673,7 +12676,7 @@ ul.pf-v6-c-list {
12673
12676
  overflow-x: hidden;
12674
12677
  overflow-y: auto;
12675
12678
  overscroll-behavior: contain;
12676
- word-break: break-word;
12679
+ overflow-wrap: break-word;
12677
12680
  -webkit-overflow-scrolling: touch;
12678
12681
  }
12679
12682
  .pf-v6-c-modal-box__body:last-child {
@@ -13122,17 +13125,17 @@ ul.pf-v6-c-list {
13122
13125
 
13123
13126
  .pf-v6-c-nav__subnav {
13124
13127
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
13128
+ visibility: visible;
13125
13129
  max-height: 99999px;
13126
13130
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
13127
13131
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
13128
13132
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
13129
13133
  overflow-y: clip;
13130
- visibility: visible;
13134
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13131
13135
  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);
13132
13136
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
13133
13137
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
13134
13138
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
13135
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13136
13139
  }
13137
13140
  .pf-v6-c-nav__subnav[hidden] {
13138
13141
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -13142,8 +13145,8 @@ ul.pf-v6-c-list {
13142
13145
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
13143
13146
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
13144
13147
  display: grid;
13145
- max-height: 0;
13146
13148
  visibility: hidden;
13149
+ max-height: 0;
13147
13150
  opacity: 0;
13148
13151
  }
13149
13152
 
@@ -13161,10 +13164,10 @@ ul.pf-v6-c-list {
13161
13164
  content: var(--pf-v6-c-nav__item--accent--content, "");
13162
13165
  background-color: var(--pf-v6-c-nav__item--accent--color);
13163
13166
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
13167
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13164
13168
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
13165
13169
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
13166
13170
  transition-property: scale;
13167
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13168
13171
  }
13169
13172
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
13170
13173
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -13252,10 +13255,10 @@ ul.pf-v6-c-list {
13252
13255
 
13253
13256
  .pf-v6-c-nav__toggle-icon {
13254
13257
  display: inline-block;
13258
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13255
13259
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
13256
13260
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
13257
13261
  transition-property: transform;
13258
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13259
13262
  }
13260
13263
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
13261
13264
  scale: -1 1;
@@ -13488,9 +13491,9 @@ ul.pf-v6-c-list {
13488
13491
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
13489
13492
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
13490
13493
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
13494
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13491
13495
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
13492
13496
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
13493
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13494
13497
  }
13495
13498
  .pf-v6-c-notification-drawer__list-item::before {
13496
13499
  position: absolute;
@@ -13547,7 +13550,7 @@ ul.pf-v6-c-list {
13547
13550
 
13548
13551
  .pf-v6-c-notification-drawer__list-item-header-title {
13549
13552
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13550
- word-break: break-word;
13553
+ overflow-wrap: break-word;
13551
13554
  }
13552
13555
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13553
13556
  display: -webkit-box;
@@ -13569,7 +13572,7 @@ ul.pf-v6-c-list {
13569
13572
  grid-row: 2/3;
13570
13573
  grid-column: 1/2;
13571
13574
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13572
- word-break: break-word;
13575
+ overflow-wrap: break-word;
13573
13576
  }
13574
13577
 
13575
13578
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13600,9 +13603,9 @@ ul.pf-v6-c-list {
13600
13603
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
13601
13604
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
13602
13605
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
13606
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13603
13607
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
13604
13608
  border: none;
13605
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13606
13609
  }
13607
13610
 
13608
13611
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -13614,7 +13617,7 @@ ul.pf-v6-c-list {
13614
13617
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13615
13618
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13616
13619
  text-align: start;
13617
- word-break: break-word;
13620
+ overflow-wrap: break-word;
13618
13621
  }
13619
13622
 
13620
13623
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -14118,9 +14121,9 @@ ul.pf-v6-c-list {
14118
14121
  .pf-v6-c-page__dock-main {
14119
14122
  flex-grow: 1;
14120
14123
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
14121
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14122
14124
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
14123
14125
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14126
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14124
14127
  }
14125
14128
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14126
14129
  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);
@@ -14202,10 +14205,10 @@ ul.pf-v6-c-list {
14202
14205
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
14203
14206
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
14204
14207
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
14205
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14206
14208
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14207
14209
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14208
14210
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
14211
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14209
14212
  }
14210
14213
 
14211
14214
  .pf-v6-c-page__sidebar-header {
@@ -14571,7 +14574,6 @@ ul.pf-v6-c-list {
14571
14574
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14572
14575
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14573
14576
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
14574
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14575
14577
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
14576
14578
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
14577
14579
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -14579,6 +14581,7 @@ ul.pf-v6-c-list {
14579
14581
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
14580
14582
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
14581
14583
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
14584
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14582
14585
  }
14583
14586
  @media screen and (max-width: calc(48rem - 1px)) {
14584
14587
  .pf-v6-c-page__main-container {
@@ -15603,7 +15606,7 @@ ul.pf-v6-c-list {
15603
15606
  }
15604
15607
 
15605
15608
  .pf-v6-c-popover__body {
15606
- word-wrap: break-word;
15609
+ overflow-wrap: break-word;
15607
15610
  }
15608
15611
 
15609
15612
  .pf-v6-c-popover__footer {
@@ -15648,7 +15651,7 @@ ul.pf-v6-c-list {
15648
15651
  display: grid;
15649
15652
  grid-template-rows: 1fr auto;
15650
15653
  grid-template-columns: auto auto;
15651
- grid-gap: var(--pf-v6-c-progress--GridGap);
15654
+ gap: var(--pf-v6-c-progress--GridGap);
15652
15655
  align-items: end;
15653
15656
  }
15654
15657
  .pf-v6-c-progress.pf-m-sm {
@@ -15742,7 +15745,7 @@ ul.pf-v6-c-list {
15742
15745
 
15743
15746
  .pf-v6-c-progress__description {
15744
15747
  grid-column: 1/2;
15745
- word-break: break-word;
15748
+ overflow-wrap: break-word;
15746
15749
  }
15747
15750
  .pf-v6-c-progress__description.pf-m-truncate {
15748
15751
  overflow: hidden;
@@ -15758,7 +15761,7 @@ ul.pf-v6-c-list {
15758
15761
  align-items: flex-start;
15759
15762
  justify-content: flex-end;
15760
15763
  text-align: end;
15761
- word-break: break-word;
15764
+ overflow-wrap: break-word;
15762
15765
  }
15763
15766
 
15764
15767
  .pf-v6-c-progress__status-icon {
@@ -16021,9 +16024,9 @@ ul.pf-v6-c-list {
16021
16024
  inset-block-start: 0;
16022
16025
  inset-inline-start: 0;
16023
16026
  overflow: hidden;
16024
- clip: rect(0, 0, 0, 0);
16025
16027
  white-space: nowrap;
16026
16028
  border: 0;
16029
+ clip-path: inset(50%);
16027
16030
  }
16028
16031
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
16029
16032
  grid-row: 1/2;
@@ -16445,7 +16448,7 @@ ul.pf-v6-c-list {
16445
16448
  .pf-v6-c-radio {
16446
16449
  display: grid;
16447
16450
  grid-template-columns: auto 1fr;
16448
- grid-gap: var(--pf-v6-c-radio--GridGap);
16451
+ gap: var(--pf-v6-c-radio--GridGap);
16449
16452
  align-items: baseline;
16450
16453
  accent-color: var(--pf-v6-c-radio--AccentColor);
16451
16454
  }
@@ -17440,10 +17443,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17440
17443
  width: 100%;
17441
17444
  height: 100%;
17442
17445
  stroke: var(--pf-v6-c-spinner--Color);
17446
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17447
+ stroke-linecap: round;
17443
17448
  stroke-dasharray: 283;
17444
17449
  stroke-dashoffset: 280;
17445
- stroke-linecap: round;
17446
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17447
17450
  transform-origin: 50% 50%;
17448
17451
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
17449
17452
  }
@@ -17603,8 +17606,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17603
17606
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
17604
17607
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
17605
17608
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
17606
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
17607
17609
  transform: translateY(-50%);
17610
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
17608
17611
  }
17609
17612
  .pf-v6-c-switch__toggle::after {
17610
17613
  position: absolute;
@@ -19601,11 +19604,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19601
19604
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
19602
19605
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
19603
19606
  overflow: var(--pf-v6-c-table--cell--Overflow);
19607
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19604
19608
  font-size: var(--pf-v6-c-table--cell--FontSize);
19605
19609
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
19606
19610
  line-height: var(--pf-v6-c-table--cell--LineHeight);
19607
19611
  color: var(--pf-v6-c-table--cell--Color);
19608
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19609
19612
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19610
19613
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19611
19614
  }
@@ -19711,24 +19714,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19711
19714
  }
19712
19715
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
19713
19716
  cursor: pointer;
19714
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19715
19717
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
19718
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19716
19719
  }
19717
19720
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
19718
19721
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
19719
19722
  }
19720
19723
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
19721
19724
  position: relative;
19722
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19723
19725
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
19726
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19724
19727
  }
19725
19728
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
19726
19729
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
19727
19730
  }
19728
19731
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
19729
19732
  cursor: pointer;
19730
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19731
19733
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
19734
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19732
19735
  }
19733
19736
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
19734
19737
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -19737,8 +19740,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19737
19740
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
19738
19741
  }
19739
19742
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
19740
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19741
19743
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
19744
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19742
19745
  }
19743
19746
  .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) {
19744
19747
  border: none;
@@ -19763,11 +19766,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19763
19766
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
19764
19767
  visibility: hidden;
19765
19768
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
19769
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19766
19770
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
19767
19771
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
19768
19772
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
19769
19773
  transition-property: opacity, translate, visibility, background-color;
19770
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19771
19774
  }
19772
19775
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
19773
19776
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -19775,9 +19778,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19775
19778
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
19776
19779
  visibility: visible;
19777
19780
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
19781
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19778
19782
  transition-delay: 0s;
19779
19783
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
19780
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19781
19784
  }
19782
19785
  .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 {
19783
19786
  max-height: 99999px;
@@ -19843,8 +19846,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19843
19846
  min-width: var(--pf-v6-c-table__text--MinWidth);
19844
19847
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
19845
19848
  overflow: var(--pf-v6-c-table--cell--Overflow);
19846
- line-height: var(--pf-v6-c-table--cell--LineHeight);
19847
19849
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19850
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
19848
19851
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19849
19852
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19850
19853
  }
@@ -19873,10 +19876,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19873
19876
  text-align: start;
19874
19877
  white-space: inherit;
19875
19878
  user-select: text;
19879
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19876
19880
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
19877
19881
  border: 0;
19878
19882
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
19879
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19880
19883
  }
19881
19884
  .pf-v6-c-table__button::after {
19882
19885
  position: absolute;
@@ -19970,10 +19973,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19970
19973
  }
19971
19974
 
19972
19975
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19976
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19973
19977
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
19974
19978
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
19975
19979
  transition-property: transform;
19976
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19977
19980
  }
19978
19981
  .pf-v6-c-table__toggle svg {
19979
19982
  pointer-events: none;
@@ -20529,8 +20532,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20529
20532
  }
20530
20533
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20531
20534
  position: relative;
20532
- border: none;
20533
20535
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20536
+ border: none;
20534
20537
  }
20535
20538
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20536
20539
  position: absolute;
@@ -20568,7 +20571,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20568
20571
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20569
20572
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20570
20573
  grid-column: 1;
20571
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20574
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20572
20575
  align-items: start;
20573
20576
  }
20574
20577
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20671,8 +20674,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20671
20674
  }
20672
20675
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20673
20676
  position: relative;
20674
- border: none;
20675
20677
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20678
+ border: none;
20676
20679
  }
20677
20680
  .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 {
20678
20681
  position: absolute;
@@ -20710,7 +20713,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20710
20713
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20711
20714
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20712
20715
  grid-column: 1;
20713
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20716
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20714
20717
  align-items: start;
20715
20718
  }
20716
20719
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20814,8 +20817,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20814
20817
  }
20815
20818
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20816
20819
  position: relative;
20817
- border: none;
20818
20820
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20821
+ border: none;
20819
20822
  }
20820
20823
  .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 {
20821
20824
  position: absolute;
@@ -20853,7 +20856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20853
20856
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20854
20857
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20855
20858
  grid-column: 1;
20856
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20859
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20857
20860
  align-items: start;
20858
20861
  }
20859
20862
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20957,8 +20960,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20957
20960
  }
20958
20961
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20959
20962
  position: relative;
20960
- border: none;
20961
20963
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20964
+ border: none;
20962
20965
  }
20963
20966
  .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 {
20964
20967
  position: absolute;
@@ -20996,7 +20999,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20996
20999
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20997
21000
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20998
21001
  grid-column: 1;
20999
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21002
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21000
21003
  align-items: start;
21001
21004
  }
21002
21005
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21100,8 +21103,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21100
21103
  }
21101
21104
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
21102
21105
  position: relative;
21103
- border: none;
21104
21106
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21107
+ border: none;
21105
21108
  }
21106
21109
  .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 {
21107
21110
  position: absolute;
@@ -21139,7 +21142,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21139
21142
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21140
21143
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21141
21144
  grid-column: 1;
21142
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21145
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21143
21146
  align-items: start;
21144
21147
  }
21145
21148
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21692,8 +21695,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21692
21695
 
21693
21696
  .pf-v6-c-tabs__toggle-icon {
21694
21697
  display: inline-block;
21695
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21696
21698
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
21699
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21697
21700
  }
21698
21701
 
21699
21702
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -21857,8 +21860,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21857
21860
  align-self: end;
21858
21861
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
21859
21862
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
21860
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21861
21863
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
21864
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21862
21865
  }
21863
21866
 
21864
21867
  .pf-v6-c-tabs__item-action {
@@ -22121,10 +22124,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22121
22124
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
22122
22125
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
22123
22126
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
22127
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22124
22128
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
22125
22129
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
22126
22130
  transition-property: width, height, translate;
22127
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22128
22131
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
22129
22132
  }
22130
22133
  :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 {
@@ -22330,9 +22333,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22330
22333
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
22331
22334
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
22332
22335
  color: var(--pf-v6-c-text-input-group__text-input--Color);
22336
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22333
22337
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
22334
22338
  border: 0;
22335
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22336
22339
  }
22337
22340
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
22338
22341
  grid-area: text-input;
@@ -22540,7 +22543,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22540
22543
 
22541
22544
  .pf-v6-c-title {
22542
22545
  font-family: var(--pf-v6-c-title--FontFamily);
22543
- word-break: break-word;
22546
+ overflow-wrap: break-word;
22544
22547
  }
22545
22548
  .pf-v6-c-title.pf-m-4xl {
22546
22549
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -23323,10 +23326,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23323
23326
 
23324
23327
  .pf-v6-c-toolbar__expand-all-icon {
23325
23328
  display: inline-flex;
23329
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23326
23330
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
23327
23331
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
23328
23332
  transition-property: transform;
23329
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23330
23333
  }
23331
23334
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
23332
23335
  scale: -1 1;
@@ -24962,7 +24965,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24962
24965
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24963
24966
  color: var(--pf-v6-c-tooltip__content--Color);
24964
24967
  text-align: center;
24965
- word-break: break-word;
24968
+ overflow-wrap: break-word;
24966
24969
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24967
24970
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24968
24971
  }
@@ -25344,19 +25347,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25344
25347
  display: inline-block;
25345
25348
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
25346
25349
  text-align: center;
25347
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25348
25350
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
25351
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25349
25352
  }
25350
25353
 
25351
25354
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
25352
- max-height: 0;
25353
25355
  visibility: hidden;
25356
+ max-height: 0;
25354
25357
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
25358
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25355
25359
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
25356
25360
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
25357
25361
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
25358
25362
  transition-property: opacity, translate, visibility, max-height;
25359
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25360
25363
  }
25361
25364
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
25362
25365
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -25367,12 +25370,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25367
25370
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
25368
25371
  }
25369
25372
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
25370
- max-height: 99999px;
25371
25373
  visibility: revert;
25374
+ max-height: 99999px;
25372
25375
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
25376
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25373
25377
  transition-delay: 0s;
25374
25378
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
25375
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25376
25379
  }
25377
25380
 
25378
25381
  .pf-v6-c-tree-view__node,
@@ -25811,7 +25814,7 @@ label.pf-v6-c-tree-view__node-text {
25811
25814
 
25812
25815
  .pf-v6-c-wizard__title {
25813
25816
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
25814
- word-wrap: break-word;
25817
+ overflow-wrap: break-word;
25815
25818
  }
25816
25819
 
25817
25820
  .pf-v6-c-wizard__title-text {
@@ -25874,7 +25877,7 @@ label.pf-v6-c-tree-view__node-text {
25874
25877
  align-items: baseline;
25875
25878
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25876
25879
  text-align: start;
25877
- word-break: break-word;
25880
+ overflow-wrap: break-word;
25878
25881
  }
25879
25882
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25880
25883
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26010,8 +26013,8 @@ label.pf-v6-c-tree-view__node-text {
26010
26013
  padding-inline: 0;
26011
26014
  color: var(--pf-v6-c-wizard__nav-link--Color);
26012
26015
  text-align: start;
26016
+ overflow-wrap: break-word;
26013
26017
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26014
- word-break: break-word;
26015
26018
  counter-increment: wizard-nav-count;
26016
26019
  background-color: transparent;
26017
26020
  border: none;
@@ -26116,10 +26119,10 @@ label.pf-v6-c-tree-view__node-text {
26116
26119
 
26117
26120
  .pf-v6-c-wizard__nav-link-toggle-icon {
26118
26121
  display: inline-block;
26122
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26119
26123
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
26120
26124
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
26121
26125
  transition-property: transform;
26122
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26123
26126
  }
26124
26127
 
26125
26128
  .pf-v6-c-wizard__main {
@@ -26129,7 +26132,7 @@ label.pf-v6-c-tree-view__node-text {
26129
26132
  flex-direction: column;
26130
26133
  overflow-x: hidden;
26131
26134
  overflow-y: auto;
26132
- word-break: break-word;
26135
+ overflow-wrap: break-word;
26133
26136
  }
26134
26137
 
26135
26138
  .pf-v6-c-wizard__main-body {