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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/base/normalize.scss +2 -0
  2. package/base/patternfly-common.css +2 -2
  3. package/base/patternfly-common.scss +1 -1
  4. package/base/patternfly-fa-icons.css +3 -3
  5. package/base/patternfly-fa-icons.scss +3 -3
  6. package/base/patternfly-variables.css +56 -56
  7. package/base/reset.scss +2 -0
  8. package/base/tokens/tokens-charts-dark.scss +1 -1
  9. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  11. package/base/tokens/tokens-charts.scss +1 -1
  12. package/base/tokens/tokens-dark.scss +9 -9
  13. package/base/tokens/tokens-default.scss +8 -8
  14. package/base/tokens/tokens-felt-dark.scss +1 -1
  15. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  16. package/base/tokens/tokens-felt-glass.scss +8 -8
  17. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  19. package/base/tokens/tokens-felt.scss +1 -1
  20. package/base/tokens/tokens-glass-dark.scss +8 -8
  21. package/base/tokens/tokens-glass.scss +8 -8
  22. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  23. package/base/tokens/tokens-highcontrast.scss +7 -7
  24. package/base/tokens/tokens-palette.scss +1 -1
  25. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  26. package/components/AboutModalBox/about-modal-box.css +1 -1
  27. package/components/AboutModalBox/about-modal-box.scss +1 -1
  28. package/components/Accordion/accordion.css +3 -3
  29. package/components/Accordion/accordion.scss +3 -3
  30. package/components/Alert/alert-group.css +1 -1
  31. package/components/Alert/alert-group.scss +1 -1
  32. package/components/Alert/alert.css +3 -3
  33. package/components/Alert/alert.scss +3 -3
  34. package/components/Breadcrumb/breadcrumb.css +1 -1
  35. package/components/Breadcrumb/breadcrumb.scss +1 -1
  36. package/components/Button/button.css +6 -6
  37. package/components/Button/button.scss +6 -6
  38. package/components/Card/card.css +2 -2
  39. package/components/Card/card.scss +3 -3
  40. package/components/Check/check.css +1 -1
  41. package/components/Check/check.scss +1 -1
  42. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  43. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  44. package/components/Compass/compass.css +7 -3
  45. package/components/Compass/compass.scss +7 -3
  46. package/components/Content/content.css +2 -2
  47. package/components/Content/content.scss +2 -2
  48. package/components/DataList/data-list.css +1 -1
  49. package/components/DataList/data-list.scss +1 -1
  50. package/components/DescriptionList/description-list.css +0 -1
  51. package/components/DescriptionList/description-list.scss +0 -1
  52. package/components/Drawer/drawer.css +2 -2
  53. package/components/Drawer/drawer.scss +2 -2
  54. package/components/DualListSelector/dual-list-selector.css +6 -6
  55. package/components/DualListSelector/dual-list-selector.scss +6 -6
  56. package/components/ExpandableSection/expandable-section.css +3 -3
  57. package/components/ExpandableSection/expandable-section.scss +3 -3
  58. package/components/Form/form.css +12 -12
  59. package/components/Form/form.scss +6 -6
  60. package/components/FormControl/form-control.css +1 -1
  61. package/components/FormControl/form-control.scss +3 -1
  62. package/components/Hero/hero.css +1 -1
  63. package/components/Hero/hero.scss +1 -1
  64. package/components/Hint/hint.css +1 -1
  65. package/components/Hint/hint.scss +1 -1
  66. package/components/InputGroup/input-group.css +5 -5
  67. package/components/InputGroup/input-group.scss +5 -5
  68. package/components/JumpLinks/jump-links.css +1 -1
  69. package/components/JumpLinks/jump-links.scss +1 -1
  70. package/components/Label/label.css +1 -1
  71. package/components/Label/label.scss +1 -1
  72. package/components/Login/login.css +2 -2
  73. package/components/Login/login.scss +2 -2
  74. package/components/Masthead/masthead.css +1 -1
  75. package/components/Masthead/masthead.scss +1 -1
  76. package/components/Menu/menu.css +4 -4
  77. package/components/Menu/menu.scss +4 -4
  78. package/components/MenuToggle/menu-toggle.css +1 -1
  79. package/components/MenuToggle/menu-toggle.scss +1 -1
  80. package/components/ModalBox/modal-box.css +1 -1
  81. package/components/ModalBox/modal-box.scss +1 -1
  82. package/components/Nav/nav.css +5 -5
  83. package/components/Nav/nav.scss +5 -5
  84. package/components/NotificationDrawer/notification-drawer.css +5 -5
  85. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  86. package/components/Page/page.css +8 -4
  87. package/components/Page/page.scss +10 -4
  88. package/components/Popover/popover.css +1 -1
  89. package/components/Popover/popover.scss +2 -2
  90. package/components/Progress/progress.css +3 -3
  91. package/components/Progress/progress.scss +3 -6
  92. package/components/ProgressStepper/progress-stepper.css +1 -1
  93. package/components/Radio/radio.css +1 -1
  94. package/components/Radio/radio.scss +1 -1
  95. package/components/Spinner/spinner.css +2 -2
  96. package/components/Spinner/spinner.scss +2 -2
  97. package/components/Switch/switch.css +1 -1
  98. package/components/Switch/switch.scss +1 -1
  99. package/components/Table/table-tree-view.css +10 -10
  100. package/components/Table/table-tree-view.scss +2 -2
  101. package/components/Table/table.css +10 -10
  102. package/components/Table/table.scss +10 -10
  103. package/components/Tabs/tabs.css +3 -3
  104. package/components/Tabs/tabs.scss +3 -3
  105. package/components/TextInputGroup/text-input-group.css +1 -1
  106. package/components/TextInputGroup/text-input-group.scss +1 -1
  107. package/components/Title/title.css +1 -1
  108. package/components/Title/title.scss +1 -1
  109. package/components/Toolbar/toolbar.css +1 -1
  110. package/components/Toolbar/toolbar.scss +1 -1
  111. package/components/Tooltip/tooltip.css +1 -1
  112. package/components/Tooltip/tooltip.scss +2 -2
  113. package/components/TreeView/tree-view.css +5 -5
  114. package/components/TreeView/tree-view.scss +5 -5
  115. package/components/Wizard/wizard.css +5 -5
  116. package/components/Wizard/wizard.scss +5 -5
  117. package/components/_index.css +136 -129
  118. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  119. package/docs/components/Accordion/examples/Accordion.md +30 -30
  120. package/docs/components/ActionList/examples/ActionList.md +11 -11
  121. package/docs/components/Alert/examples/Alert.md +54 -54
  122. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  123. package/docs/components/Banner/examples/Banner.md +10 -10
  124. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  125. package/docs/components/Button/examples/Button.md +184 -184
  126. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  127. package/docs/components/Card/examples/Card.md +14 -14
  128. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  129. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  130. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  131. package/docs/components/DataList/examples/DataList.md +34 -34
  132. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  133. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  134. package/docs/components/Drawer/examples/Drawer.md +22 -22
  135. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  136. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  137. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  138. package/docs/components/Form/examples/Form.md +6 -6
  139. package/docs/components/Hint/examples/Hint.md +3 -3
  140. package/docs/components/Icon/examples/Icon.md +9 -9
  141. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  142. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  143. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  144. package/docs/components/Label/examples/Label.md +218 -218
  145. package/docs/components/Login/examples/Login.md +4 -4
  146. package/docs/components/Masthead/examples/masthead.md +1 -1
  147. package/docs/components/Menu/examples/Menu.md +129 -129
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  149. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  151. package/docs/components/Nav/examples/Navigation.md +66 -66
  152. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  153. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  154. package/docs/components/Page/examples/Page.md +1 -1
  155. package/docs/components/Pagination/examples/Pagination.md +92 -92
  156. package/docs/components/Popover/examples/Popover.md +22 -22
  157. package/docs/components/Progress/examples/Progress.md +7 -7
  158. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  159. package/docs/components/Slider/examples/Slider.md +4 -4
  160. package/docs/components/Table/examples/Table.md +479 -479
  161. package/docs/components/Tabs/examples/Tabs.md +378 -378
  162. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  163. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  164. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  165. package/docs/components/TreeView/examples/TreeView.md +104 -104
  166. package/docs/components/Wizard/examples/Wizard.md +40 -40
  167. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  168. package/docs/demos/Alert/examples/Alert.md +32 -32
  169. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  170. package/docs/demos/Banner/examples/Banner.md +16 -16
  171. package/docs/demos/Button/examples/Button.md +1 -1
  172. package/docs/demos/Card/examples/Card.md +78 -78
  173. package/docs/demos/CardView/examples/CardView.md +38 -38
  174. package/docs/demos/Compass/examples/Compass.md +219 -219
  175. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  176. package/docs/demos/DataList/examples/DataList.md +101 -101
  177. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  178. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  179. package/docs/demos/Form/examples/BasicForms.md +21 -21
  180. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  181. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  182. package/docs/demos/Modal/examples/Modal.md +54 -54
  183. package/docs/demos/Nav/examples/Nav.md +93 -93
  184. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  185. package/docs/demos/Page/examples/Page.md +119 -119
  186. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  187. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  188. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  189. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  190. package/docs/demos/Table/examples/Table.md +630 -630
  191. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  192. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  193. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  194. package/layouts/Gallery/gallery.css +1 -1
  195. package/layouts/Gallery/gallery.scss +1 -1
  196. package/layouts/Grid/grid.css +1 -1
  197. package/layouts/Grid/grid.scss +1 -1
  198. package/layouts/_index.css +2 -2
  199. package/package.json +11 -12
  200. package/patternfly-addons.css +12 -12
  201. package/patternfly-base-no-globals.css +61 -61
  202. package/patternfly-base.css +61 -61
  203. package/patternfly-no-globals.css +199 -192
  204. package/patternfly.css +199 -192
  205. package/patternfly.min.css +1 -1
  206. package/patternfly.min.css.map +1 -1
  207. package/sass-utilities/mixins.scss +2 -2
  208. package/utilities/Accessibility/accessibility.css +12 -12
  209. package/utilities/_index.css +12 -12
@@ -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) {
@@ -424,8 +424,8 @@
424
424
  }
425
425
 
426
426
  .pf-v6-c-accordion__toggle-icon {
427
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
428
427
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
428
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
429
429
  }
430
430
 
431
431
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -433,6 +433,7 @@
433
433
  }
434
434
 
435
435
  .pf-v6-c-accordion__expandable-content {
436
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
436
437
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
437
438
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
438
439
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -440,16 +441,15 @@
440
441
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
441
442
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
442
443
  color: var(--pf-v6-c-accordion__expandable-content--Color);
443
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
444
444
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
445
445
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
446
446
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
447
447
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
448
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
448
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);
449
450
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
450
451
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
451
452
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
452
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
453
453
  }
454
454
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
455
455
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -653,8 +653,8 @@
653
653
 
654
654
  .pf-v6-c-alert__toggle-icon {
655
655
  display: inline-block;
656
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
657
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);
658
658
  }
659
659
 
660
660
  .pf-v6-c-alert__icon {
@@ -669,7 +669,7 @@
669
669
  grid-area: title;
670
670
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
671
671
  color: var(--pf-v6-c-alert__title--Color);
672
- word-break: break-word;
672
+ overflow-wrap: break-word;
673
673
  }
674
674
  .pf-v6-c-alert__title.pf-m-truncate {
675
675
  display: -webkit-box;
@@ -681,7 +681,7 @@
681
681
  .pf-v6-c-alert__description {
682
682
  grid-area: description;
683
683
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
684
- word-break: break-word;
684
+ overflow-wrap: break-word;
685
685
  }
686
686
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
687
687
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -831,8 +831,8 @@
831
831
  display: grid;
832
832
  grid-template-rows: 1fr;
833
833
  opacity: 1;
834
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
835
834
  transform: translateX(0) translateY(0);
835
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
836
836
  }
837
837
  @media screen and (prefers-reduced-motion: no-preference) {
838
838
  .pf-v6-c-alert-group__item {
@@ -1577,10 +1577,10 @@
1577
1577
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1578
1578
  line-height: inherit;
1579
1579
  color: var(--pf-v6-c-breadcrumb__link--Color);
1580
+ overflow-wrap: break-word;
1580
1581
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1581
1582
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1582
1583
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
1583
- word-break: break-word;
1584
1584
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1585
1585
  }
1586
1586
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -1998,10 +1998,10 @@ button.pf-v6-c-breadcrumb__link {
1998
1998
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
1999
1999
  color: var(--pf-v6-c-button--Color);
2000
2000
  text-align: center;
2001
+ white-space: nowrap;
2001
2002
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
2002
2003
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
2003
2004
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
2004
- white-space: nowrap;
2005
2005
  cursor: pointer;
2006
2006
  -webkit-user-select: none;
2007
2007
  user-select: none;
@@ -2011,11 +2011,11 @@ button.pf-v6-c-breadcrumb__link {
2011
2011
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
2012
2012
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
2013
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);
2014
2015
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
2015
2016
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
2016
2017
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
2017
2018
  transition-property: var(--pf-v6-c-button--TransitionProperty);
2018
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
2019
2019
  }
2020
2020
  .pf-v6-c-button::after {
2021
2021
  position: absolute;
@@ -2142,10 +2142,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2142
2142
  --pf-v6-c-button--hover--BorderWidth: 0;
2143
2143
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
2144
2144
  text-align: start;
2145
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2146
2145
  white-space: normal;
2147
- background: transparent;
2146
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2148
2147
  outline-offset: 0.125rem;
2148
+ background: transparent;
2149
2149
  }
2150
2150
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2151
2151
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -2503,12 +2503,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2503
2503
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2504
2504
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2505
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);
2506
2508
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2507
2509
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2508
2510
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2509
2511
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2510
- rotate: var(--pf-v6-c-button__icon--Rotate);
2511
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2512
2512
  }
2513
2513
  .pf-v6-c-button__icon.pf-m-start {
2514
2514
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2935,8 +2935,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2935
2935
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
2936
2936
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
2937
2937
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
2938
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2939
2938
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
2939
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2940
2940
  }
2941
2941
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2942
2942
  gap: 0;
@@ -3178,9 +3178,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3178
3178
  }
3179
3179
 
3180
3180
  .pf-v6-c-card__clickable-action {
3181
+ outline: 0;
3181
3182
  background: none;
3182
3183
  border: 0;
3183
- outline: 0;
3184
3184
  }
3185
3185
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
3186
3186
  pointer-events: none;
@@ -3248,7 +3248,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3248
3248
  .pf-v6-c-check {
3249
3249
  display: grid;
3250
3250
  grid-template-columns: auto 1fr;
3251
- grid-gap: var(--pf-v6-c-check--GridGap);
3251
+ gap: var(--pf-v6-c-check--GridGap);
3252
3252
  accent-color: var(--pf-v6-c-check--AccentColor);
3253
3253
  }
3254
3254
  .pf-v6-c-check.pf-m-standalone {
@@ -3379,7 +3379,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3379
3379
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
3380
3380
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
3381
3381
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
3382
- word-wrap: break-word;
3382
+ overflow-wrap: break-word;
3383
3383
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
3384
3384
  background-clip: padding-box;
3385
3385
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -3395,7 +3395,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3395
3395
  }
3396
3396
 
3397
3397
  .pf-v6-c-clipboard-copy__text {
3398
- word-break: break-word;
3398
+ overflow-wrap: break-word;
3399
3399
  white-space: normal;
3400
3400
  }
3401
3401
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -3884,8 +3884,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3884
3884
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
3885
3885
  .pf-v6-c-compass__main-footer,
3886
3886
  .pf-v6-c-compass__footer {
3887
- margin: 0;
3888
3887
  visibility: hidden;
3888
+ margin: 0;
3889
3889
  opacity: 0;
3890
3890
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
3891
3891
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -4003,15 +4003,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4003
4003
  inset-inline-start: 0;
4004
4004
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
4005
4005
  display: flex;
4006
+ visibility: hidden;
4006
4007
  flex-direction: column;
4007
4008
  grid-area: dock;
4008
4009
  width: var(--pf-v6-c-compass__dock--Width);
4009
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4010
4010
  translate: -100% 0;
4011
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
4011
4012
  }
4012
4013
  .pf-v6-c-compass__dock.pf-m-expanded {
4013
4014
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4015
+ visibility: visible;
4014
4016
  translate: 0;
4017
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
4015
4018
  }
4016
4019
  @media (min-width: 62rem) {
4017
4020
  .pf-v6-c-compass__dock {
@@ -4019,6 +4022,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4019
4022
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
4020
4023
  position: revert;
4021
4024
  inset: revert;
4025
+ visibility: revert;
4022
4026
  width: auto;
4023
4027
  translate: 0;
4024
4028
  }
@@ -4033,9 +4037,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4033
4037
  .pf-v6-c-compass__dock-main {
4034
4038
  flex-grow: 1;
4035
4039
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
4036
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4037
4040
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
4038
4041
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
4042
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4039
4043
  }
4040
4044
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
4041
4045
  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);
@@ -4366,8 +4370,8 @@ ul) {
4366
4370
  @media screen and (min-width: 36rem) {
4367
4371
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
4368
4372
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
4369
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
4370
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4373
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
4374
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4371
4375
  }
4372
4376
  }
4373
4377
 
@@ -5156,8 +5160,8 @@ ul) {
5156
5160
  .pf-v6-c-data-list__toggle-icon {
5157
5161
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
5158
5162
  pointer-events: none;
5159
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5160
5163
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
5164
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5161
5165
  }
5162
5166
 
5163
5167
  .pf-v6-c-data-list__item-content {
@@ -5374,7 +5378,6 @@ ul) {
5374
5378
  width: 100%;
5375
5379
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
5376
5380
  break-inside: avoid;
5377
- page-break-inside: avoid;
5378
5381
  -webkit-column-break-inside: avoid;
5379
5382
  -moz-column-break-inside: avoid;
5380
5383
  }
@@ -5782,9 +5785,9 @@ ul) {
5782
5785
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
5783
5786
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
5784
5787
  overflow: auto;
5788
+ outline-offset: 2px;
5785
5789
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
5786
5790
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5787
- outline-offset: 2px;
5788
5791
  }
5789
5792
 
5790
5793
  .pf-v6-c-dual-list-selector__list {
@@ -5820,25 +5823,25 @@ ul) {
5820
5823
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
5821
5824
  }
5822
5825
  .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 {
5823
- max-height: 0;
5824
5826
  visibility: hidden;
5827
+ max-height: 0;
5825
5828
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
5829
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5826
5830
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
5827
5831
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
5828
5832
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
5829
5833
  transition-property: opacity, translate, visibility, max-height;
5830
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5831
5834
  }
5832
5835
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
5833
5836
  --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);
5834
5837
  }
5835
5838
  .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 {
5836
- max-height: 99999px;
5837
5839
  visibility: revert;
5840
+ max-height: 99999px;
5838
5841
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5842
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5839
5843
  transition-delay: 0s;
5840
5844
  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;
5841
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5842
5845
  }
5843
5846
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
5844
5847
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -5973,10 +5976,10 @@ ul) {
5973
5976
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5974
5977
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5975
5978
  text-align: center;
5979
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5976
5980
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5977
5981
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
5978
5982
  transition-property: transform;
5979
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5980
5983
  }
5981
5984
 
5982
5985
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -6761,6 +6764,7 @@ ul) {
6761
6764
  .pf-v6-c-drawer__panel {
6762
6765
  position: relative;
6763
6766
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
6767
+ visibility: hidden;
6764
6768
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
6765
6769
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
6766
6770
  order: 1;
@@ -6768,7 +6772,6 @@ ul) {
6768
6772
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
6769
6773
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
6770
6774
  overflow: auto;
6771
- visibility: hidden;
6772
6775
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
6773
6776
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
6774
6777
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -6878,8 +6881,8 @@ ul) {
6878
6881
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6879
6882
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6880
6883
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6881
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6882
6884
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
6885
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6883
6886
  }
6884
6887
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6885
6888
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -7669,8 +7672,8 @@ ul) {
7669
7672
  display: inline-block;
7670
7673
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
7671
7674
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
7672
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7673
7675
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7676
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7674
7677
  }
7675
7678
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7676
7679
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -7685,15 +7688,15 @@ ul) {
7685
7688
  display: revert;
7686
7689
  }
7687
7690
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
7691
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7688
7692
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
7689
7693
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
7690
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7691
7694
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
7695
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7692
7696
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
7693
7697
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
7694
7698
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
7695
7699
  transition-property: opacity, translate, visibility, max-height;
7696
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7697
7700
  }
7698
7701
 
7699
7702
  .pf-v6-c-file-upload {
@@ -7864,7 +7867,7 @@ ul) {
7864
7867
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
7865
7868
  display: grid;
7866
7869
  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);
7867
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7870
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7868
7871
  }
7869
7872
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
7870
7873
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7892,7 +7895,7 @@ ul) {
7892
7895
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
7893
7896
  display: grid;
7894
7897
  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);
7895
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7898
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7896
7899
  }
7897
7900
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
7898
7901
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7920,7 +7923,7 @@ ul) {
7920
7923
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
7921
7924
  display: grid;
7922
7925
  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);
7923
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7926
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7924
7927
  }
7925
7928
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
7926
7929
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7948,7 +7951,7 @@ ul) {
7948
7951
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
7949
7952
  display: grid;
7950
7953
  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);
7951
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7954
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7952
7955
  }
7953
7956
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
7954
7957
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7976,7 +7979,7 @@ ul) {
7976
7979
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
7977
7980
  display: grid;
7978
7981
  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);
7979
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7982
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7980
7983
  }
7981
7984
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
7982
7985
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8004,7 +8007,7 @@ ul) {
8004
8007
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
8005
8008
  display: grid;
8006
8009
  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);
8007
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8010
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8008
8011
  }
8009
8012
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
8010
8013
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8032,7 +8035,7 @@ ul) {
8032
8035
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
8033
8036
  display: grid;
8034
8037
  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);
8035
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8038
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8036
8039
  }
8037
8040
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
8038
8041
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8205,14 +8208,14 @@ ul) {
8205
8208
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
8206
8209
  }
8207
8210
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
8211
+ visibility: visible;
8208
8212
  max-height: 99999px;
8209
8213
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
8210
8214
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8211
- visibility: visible;
8212
8215
  opacity: 1;
8216
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8213
8217
  transition-delay: 0s;
8214
8218
  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;
8215
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8216
8219
  }
8217
8220
 
8218
8221
  .pf-v6-c-form__field-group-toggle {
@@ -8234,10 +8237,10 @@ ul) {
8234
8237
  display: inline-block;
8235
8238
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
8236
8239
  text-align: center;
8240
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8237
8241
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
8238
8242
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
8239
8243
  transition-property: transform;
8240
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8241
8244
  }
8242
8245
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
8243
8246
  scale: -1 1;
@@ -8286,15 +8289,15 @@ ul) {
8286
8289
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8287
8290
  }
8288
8291
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
8292
+ visibility: hidden;
8289
8293
  max-height: 0;
8290
8294
  padding-block-start: 0;
8291
8295
  padding-block-end: 0;
8292
- visibility: hidden;
8293
8296
  opacity: 0;
8297
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8294
8298
  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);
8295
8299
  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;
8296
8300
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
8297
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8298
8301
  }
8299
8302
 
8300
8303
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -8454,10 +8457,10 @@ ul) {
8454
8457
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
8455
8458
  color: var(--pf-v6-c-form-control--Color);
8456
8459
  appearance: none;
8460
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8457
8461
  background-color: transparent;
8458
8462
  border: none;
8459
8463
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8460
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8461
8464
  }
8462
8465
  .pf-v6-c-form-control > ::placeholder {
8463
8466
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -8823,8 +8826,8 @@ ul) {
8823
8826
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
8824
8827
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
8825
8828
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
8826
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8827
8829
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
8830
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8828
8831
  }
8829
8832
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
8830
8833
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -8860,7 +8863,7 @@ ul) {
8860
8863
  .pf-v6-c-hint {
8861
8864
  display: grid;
8862
8865
  grid-template-columns: 1fr auto;
8863
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
8866
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
8864
8867
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
8865
8868
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
8866
8869
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -9308,20 +9311,20 @@ ul) {
9308
9311
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9309
9312
  }
9310
9313
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
9314
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9311
9315
  flex-grow: 1;
9312
9316
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
9313
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9314
9317
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
9318
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9319
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9315
9320
  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);
9316
9321
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
9317
9322
  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;
9318
9323
  transition-property: opacity, scale, visibility, max-width;
9319
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9320
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9321
9324
  }
9322
9325
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
9323
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9324
9326
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
9327
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9325
9328
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
9326
9329
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9327
9330
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -9329,8 +9332,8 @@ ul) {
9329
9332
  transition-property: opacity, visibility, max-width;
9330
9333
  }
9331
9334
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
9332
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9333
9335
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
9336
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9334
9337
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
9335
9338
  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);
9336
9339
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -9657,10 +9660,10 @@ label.pf-v6-c-input-group__text {
9657
9660
  .pf-v6-c-jump-links__toggle-icon {
9658
9661
  display: inline-block;
9659
9662
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
9663
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9660
9664
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
9661
9665
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
9662
9666
  transition-property: transform;
9663
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9664
9667
  }
9665
9668
 
9666
9669
  .pf-v6-c-label {
@@ -9873,9 +9876,9 @@ label.pf-v6-c-input-group__text {
9873
9876
  font-size: var(--pf-v6-c-label--FontSize);
9874
9877
  white-space: nowrap;
9875
9878
  background: transparent;
9876
- isolation: isolate;
9877
9879
  border: 0;
9878
9880
  border-radius: var(--pf-v6-c-label--BorderRadius);
9881
+ isolation: isolate;
9879
9882
  }
9880
9883
  .pf-v6-c-label.pf-m-blue {
9881
9884
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -10533,7 +10536,7 @@ ul.pf-v6-c-list {
10533
10536
  display: grid;
10534
10537
  grid-template-areas: "main header" "main footer" "main .";
10535
10538
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
10536
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10539
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10537
10540
  justify-content: center;
10538
10541
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
10539
10542
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -10559,10 +10562,10 @@ ul.pf-v6-c-list {
10559
10562
  align-self: start;
10560
10563
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
10561
10564
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
10562
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10563
10565
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
10564
10566
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
10565
10567
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
10568
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10566
10569
  }
10567
10570
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
10568
10571
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -10906,9 +10909,9 @@ ul.pf-v6-c-list {
10906
10909
  }
10907
10910
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
10908
10911
  background-color: var(--pf-t--global--background--color--glass--primary--default);
10909
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10910
10912
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
10911
10913
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
10914
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10912
10915
  }
10913
10916
 
10914
10917
  .pf-v6-c-masthead__main {
@@ -11617,8 +11620,8 @@ ul.pf-v6-c-list {
11617
11620
  }
11618
11621
 
11619
11622
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
11620
- overflow: hidden;
11621
11623
  visibility: visible;
11624
+ overflow: hidden;
11622
11625
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
11623
11626
  }
11624
11627
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -11644,8 +11647,8 @@ ul.pf-v6-c-list {
11644
11647
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11645
11648
  }
11646
11649
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
11647
- overflow: visible;
11648
11650
  visibility: hidden;
11651
+ overflow: visible;
11649
11652
  }
11650
11653
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
11651
11654
  .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) {
@@ -11786,10 +11789,10 @@ ul.pf-v6-c-list {
11786
11789
  color: var(--pf-v6-c-menu__item--Color);
11787
11790
  text-align: start;
11788
11791
  text-decoration-line: none;
11792
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11789
11793
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11790
11794
  border: 0;
11791
11795
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11792
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11793
11796
  --pf-v6-hidden-visible--visible--Display: flex;
11794
11797
  --pf-v6-hidden-visible--hidden--Display: none;
11795
11798
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -11883,7 +11886,7 @@ ul.pf-v6-c-list {
11883
11886
  .pf-v6-c-menu__item-description {
11884
11887
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11885
11888
  color: var(--pf-v6-c-menu__item-description--Color);
11886
- word-break: break-word;
11889
+ overflow-wrap: break-word;
11887
11890
  }
11888
11891
 
11889
11892
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12466,10 +12469,10 @@ ul.pf-v6-c-list {
12466
12469
 
12467
12470
  .pf-v6-c-menu-toggle__icon {
12468
12471
  flex-shrink: 0;
12472
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12469
12473
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12470
12474
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12471
12475
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
12472
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12473
12476
  }
12474
12477
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
12475
12478
  vertical-align: middle;
@@ -12677,7 +12680,7 @@ ul.pf-v6-c-list {
12677
12680
  overflow-x: hidden;
12678
12681
  overflow-y: auto;
12679
12682
  overscroll-behavior: contain;
12680
- word-break: break-word;
12683
+ overflow-wrap: break-word;
12681
12684
  -webkit-overflow-scrolling: touch;
12682
12685
  }
12683
12686
  .pf-v6-c-modal-box__body:last-child {
@@ -13126,17 +13129,17 @@ ul.pf-v6-c-list {
13126
13129
 
13127
13130
  .pf-v6-c-nav__subnav {
13128
13131
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
13132
+ visibility: visible;
13129
13133
  max-height: 99999px;
13130
13134
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
13131
13135
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
13132
13136
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
13133
13137
  overflow-y: clip;
13134
- visibility: visible;
13138
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13135
13139
  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);
13136
13140
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
13137
13141
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
13138
13142
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
13139
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13140
13143
  }
13141
13144
  .pf-v6-c-nav__subnav[hidden] {
13142
13145
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -13146,8 +13149,8 @@ ul.pf-v6-c-list {
13146
13149
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
13147
13150
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
13148
13151
  display: grid;
13149
- max-height: 0;
13150
13152
  visibility: hidden;
13153
+ max-height: 0;
13151
13154
  opacity: 0;
13152
13155
  }
13153
13156
 
@@ -13165,10 +13168,10 @@ ul.pf-v6-c-list {
13165
13168
  content: var(--pf-v6-c-nav__item--accent--content, "");
13166
13169
  background-color: var(--pf-v6-c-nav__item--accent--color);
13167
13170
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
13171
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13168
13172
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
13169
13173
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
13170
13174
  transition-property: scale;
13171
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13172
13175
  }
13173
13176
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
13174
13177
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -13256,10 +13259,10 @@ ul.pf-v6-c-list {
13256
13259
 
13257
13260
  .pf-v6-c-nav__toggle-icon {
13258
13261
  display: inline-block;
13262
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13259
13263
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
13260
13264
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
13261
13265
  transition-property: transform;
13262
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13263
13266
  }
13264
13267
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
13265
13268
  scale: -1 1;
@@ -13492,9 +13495,9 @@ ul.pf-v6-c-list {
13492
13495
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
13493
13496
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
13494
13497
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
13498
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13495
13499
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
13496
13500
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
13497
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13498
13501
  }
13499
13502
  .pf-v6-c-notification-drawer__list-item::before {
13500
13503
  position: absolute;
@@ -13551,7 +13554,7 @@ ul.pf-v6-c-list {
13551
13554
 
13552
13555
  .pf-v6-c-notification-drawer__list-item-header-title {
13553
13556
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13554
- word-break: break-word;
13557
+ overflow-wrap: break-word;
13555
13558
  }
13556
13559
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13557
13560
  display: -webkit-box;
@@ -13573,7 +13576,7 @@ ul.pf-v6-c-list {
13573
13576
  grid-row: 2/3;
13574
13577
  grid-column: 1/2;
13575
13578
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13576
- word-break: break-word;
13579
+ overflow-wrap: break-word;
13577
13580
  }
13578
13581
 
13579
13582
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13604,9 +13607,9 @@ ul.pf-v6-c-list {
13604
13607
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
13605
13608
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
13606
13609
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
13610
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13607
13611
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
13608
13612
  border: none;
13609
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13610
13613
  }
13611
13614
 
13612
13615
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -13618,7 +13621,7 @@ ul.pf-v6-c-list {
13618
13621
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13619
13622
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13620
13623
  text-align: start;
13621
- word-break: break-word;
13624
+ overflow-wrap: break-word;
13622
13625
  }
13623
13626
 
13624
13627
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -14088,10 +14091,11 @@ ul.pf-v6-c-list {
14088
14091
  inset-inline-start: 0;
14089
14092
  z-index: var(--pf-v6-c-page__dock--ZIndex);
14090
14093
  display: flex;
14094
+ visibility: hidden;
14091
14095
  flex-direction: column;
14092
14096
  grid-area: dock;
14093
14097
  width: var(--pf-v6-c-page__dock--Width);
14094
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
14098
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
14095
14099
  translate: -100% 0;
14096
14100
  }
14097
14101
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -14100,7 +14104,9 @@ ul.pf-v6-c-list {
14100
14104
 
14101
14105
  .pf-v6-c-page__dock.pf-m-expanded {
14102
14106
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14107
+ visibility: visible;
14103
14108
  translate: 0;
14109
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14104
14110
  }
14105
14111
  @media (min-width: 62rem) {
14106
14112
  .pf-v6-c-page__dock {
@@ -14108,6 +14114,7 @@ ul.pf-v6-c-list {
14108
14114
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14109
14115
  position: revert;
14110
14116
  inset: revert;
14117
+ visibility: revert;
14111
14118
  width: auto;
14112
14119
  translate: 0;
14113
14120
  }
@@ -14122,9 +14129,9 @@ ul.pf-v6-c-list {
14122
14129
  .pf-v6-c-page__dock-main {
14123
14130
  flex-grow: 1;
14124
14131
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
14125
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14126
14132
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
14127
14133
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14134
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14128
14135
  }
14129
14136
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14130
14137
  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);
@@ -14206,10 +14213,10 @@ ul.pf-v6-c-list {
14206
14213
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
14207
14214
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
14208
14215
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
14209
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14210
14216
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14211
14217
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14212
14218
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
14219
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14213
14220
  }
14214
14221
 
14215
14222
  .pf-v6-c-page__sidebar-header {
@@ -14575,7 +14582,6 @@ ul.pf-v6-c-list {
14575
14582
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14576
14583
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14577
14584
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
14578
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14579
14585
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
14580
14586
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
14581
14587
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -14583,6 +14589,7 @@ ul.pf-v6-c-list {
14583
14589
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
14584
14590
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
14585
14591
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
14592
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14586
14593
  }
14587
14594
  @media screen and (max-width: calc(48rem - 1px)) {
14588
14595
  .pf-v6-c-page__main-container {
@@ -15607,7 +15614,7 @@ ul.pf-v6-c-list {
15607
15614
  }
15608
15615
 
15609
15616
  .pf-v6-c-popover__body {
15610
- word-wrap: break-word;
15617
+ overflow-wrap: break-word;
15611
15618
  }
15612
15619
 
15613
15620
  .pf-v6-c-popover__footer {
@@ -15652,7 +15659,7 @@ ul.pf-v6-c-list {
15652
15659
  display: grid;
15653
15660
  grid-template-rows: 1fr auto;
15654
15661
  grid-template-columns: auto auto;
15655
- grid-gap: var(--pf-v6-c-progress--GridGap);
15662
+ gap: var(--pf-v6-c-progress--GridGap);
15656
15663
  align-items: end;
15657
15664
  }
15658
15665
  .pf-v6-c-progress.pf-m-sm {
@@ -15746,7 +15753,7 @@ ul.pf-v6-c-list {
15746
15753
 
15747
15754
  .pf-v6-c-progress__description {
15748
15755
  grid-column: 1/2;
15749
- word-break: break-word;
15756
+ overflow-wrap: break-word;
15750
15757
  }
15751
15758
  .pf-v6-c-progress__description.pf-m-truncate {
15752
15759
  overflow: hidden;
@@ -15762,7 +15769,7 @@ ul.pf-v6-c-list {
15762
15769
  align-items: flex-start;
15763
15770
  justify-content: flex-end;
15764
15771
  text-align: end;
15765
- word-break: break-word;
15772
+ overflow-wrap: break-word;
15766
15773
  }
15767
15774
 
15768
15775
  .pf-v6-c-progress__status-icon {
@@ -16025,9 +16032,9 @@ ul.pf-v6-c-list {
16025
16032
  inset-block-start: 0;
16026
16033
  inset-inline-start: 0;
16027
16034
  overflow: hidden;
16028
- clip: rect(0, 0, 0, 0);
16029
16035
  white-space: nowrap;
16030
16036
  border: 0;
16037
+ clip-path: inset(50%);
16031
16038
  }
16032
16039
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
16033
16040
  grid-row: 1/2;
@@ -16449,7 +16456,7 @@ ul.pf-v6-c-list {
16449
16456
  .pf-v6-c-radio {
16450
16457
  display: grid;
16451
16458
  grid-template-columns: auto 1fr;
16452
- grid-gap: var(--pf-v6-c-radio--GridGap);
16459
+ gap: var(--pf-v6-c-radio--GridGap);
16453
16460
  align-items: baseline;
16454
16461
  accent-color: var(--pf-v6-c-radio--AccentColor);
16455
16462
  }
@@ -17444,10 +17451,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17444
17451
  width: 100%;
17445
17452
  height: 100%;
17446
17453
  stroke: var(--pf-v6-c-spinner--Color);
17454
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17455
+ stroke-linecap: round;
17447
17456
  stroke-dasharray: 283;
17448
17457
  stroke-dashoffset: 280;
17449
- stroke-linecap: round;
17450
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17451
17458
  transform-origin: 50% 50%;
17452
17459
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
17453
17460
  }
@@ -17607,8 +17614,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17607
17614
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
17608
17615
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
17609
17616
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
17610
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
17611
17617
  transform: translateY(-50%);
17618
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
17612
17619
  }
17613
17620
  .pf-v6-c-switch__toggle::after {
17614
17621
  position: absolute;
@@ -19605,11 +19612,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19605
19612
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
19606
19613
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
19607
19614
  overflow: var(--pf-v6-c-table--cell--Overflow);
19615
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19608
19616
  font-size: var(--pf-v6-c-table--cell--FontSize);
19609
19617
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
19610
19618
  line-height: var(--pf-v6-c-table--cell--LineHeight);
19611
19619
  color: var(--pf-v6-c-table--cell--Color);
19612
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19613
19620
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19614
19621
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19615
19622
  }
@@ -19715,24 +19722,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19715
19722
  }
19716
19723
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
19717
19724
  cursor: pointer;
19718
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19719
19725
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
19726
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19720
19727
  }
19721
19728
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
19722
19729
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
19723
19730
  }
19724
19731
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
19725
19732
  position: relative;
19726
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19727
19733
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
19734
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19728
19735
  }
19729
19736
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
19730
19737
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
19731
19738
  }
19732
19739
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
19733
19740
  cursor: pointer;
19734
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19735
19741
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
19742
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19736
19743
  }
19737
19744
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
19738
19745
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -19741,8 +19748,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19741
19748
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
19742
19749
  }
19743
19750
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
19744
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19745
19751
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
19752
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19746
19753
  }
19747
19754
  .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) {
19748
19755
  border: none;
@@ -19767,11 +19774,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19767
19774
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
19768
19775
  visibility: hidden;
19769
19776
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
19777
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19770
19778
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
19771
19779
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
19772
19780
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
19773
19781
  transition-property: opacity, translate, visibility, background-color;
19774
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19775
19782
  }
19776
19783
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
19777
19784
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -19779,9 +19786,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19779
19786
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
19780
19787
  visibility: visible;
19781
19788
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
19789
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19782
19790
  transition-delay: 0s;
19783
19791
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
19784
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19785
19792
  }
19786
19793
  .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 {
19787
19794
  max-height: 99999px;
@@ -19847,8 +19854,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19847
19854
  min-width: var(--pf-v6-c-table__text--MinWidth);
19848
19855
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
19849
19856
  overflow: var(--pf-v6-c-table--cell--Overflow);
19850
- line-height: var(--pf-v6-c-table--cell--LineHeight);
19851
19857
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19858
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
19852
19859
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19853
19860
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19854
19861
  }
@@ -19877,10 +19884,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19877
19884
  text-align: start;
19878
19885
  white-space: inherit;
19879
19886
  user-select: text;
19887
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19880
19888
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
19881
19889
  border: 0;
19882
19890
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
19883
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19884
19891
  }
19885
19892
  .pf-v6-c-table__button::after {
19886
19893
  position: absolute;
@@ -19974,10 +19981,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19974
19981
  }
19975
19982
 
19976
19983
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
19984
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19977
19985
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
19978
19986
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
19979
19987
  transition-property: transform;
19980
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19981
19988
  }
19982
19989
  .pf-v6-c-table__toggle svg {
19983
19990
  pointer-events: none;
@@ -20533,8 +20540,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20533
20540
  }
20534
20541
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20535
20542
  position: relative;
20536
- border: none;
20537
20543
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20544
+ border: none;
20538
20545
  }
20539
20546
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20540
20547
  position: absolute;
@@ -20572,7 +20579,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20572
20579
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20573
20580
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20574
20581
  grid-column: 1;
20575
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20582
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20576
20583
  align-items: start;
20577
20584
  }
20578
20585
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20675,8 +20682,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20675
20682
  }
20676
20683
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20677
20684
  position: relative;
20678
- border: none;
20679
20685
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20686
+ border: none;
20680
20687
  }
20681
20688
  .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 {
20682
20689
  position: absolute;
@@ -20714,7 +20721,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20714
20721
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20715
20722
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20716
20723
  grid-column: 1;
20717
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20724
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20718
20725
  align-items: start;
20719
20726
  }
20720
20727
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20818,8 +20825,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20818
20825
  }
20819
20826
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20820
20827
  position: relative;
20821
- border: none;
20822
20828
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20829
+ border: none;
20823
20830
  }
20824
20831
  .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 {
20825
20832
  position: absolute;
@@ -20857,7 +20864,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20857
20864
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20858
20865
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20859
20866
  grid-column: 1;
20860
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20867
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20861
20868
  align-items: start;
20862
20869
  }
20863
20870
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20961,8 +20968,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20961
20968
  }
20962
20969
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20963
20970
  position: relative;
20964
- border: none;
20965
20971
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20972
+ border: none;
20966
20973
  }
20967
20974
  .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 {
20968
20975
  position: absolute;
@@ -21000,7 +21007,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21000
21007
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21001
21008
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21002
21009
  grid-column: 1;
21003
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21010
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21004
21011
  align-items: start;
21005
21012
  }
21006
21013
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21104,8 +21111,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21104
21111
  }
21105
21112
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
21106
21113
  position: relative;
21107
- border: none;
21108
21114
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21115
+ border: none;
21109
21116
  }
21110
21117
  .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 {
21111
21118
  position: absolute;
@@ -21143,7 +21150,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21143
21150
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21144
21151
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21145
21152
  grid-column: 1;
21146
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21153
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21147
21154
  align-items: start;
21148
21155
  }
21149
21156
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21696,8 +21703,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21696
21703
 
21697
21704
  .pf-v6-c-tabs__toggle-icon {
21698
21705
  display: inline-block;
21699
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21700
21706
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
21707
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21701
21708
  }
21702
21709
 
21703
21710
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -21861,8 +21868,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21861
21868
  align-self: end;
21862
21869
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
21863
21870
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
21864
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21865
21871
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
21872
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21866
21873
  }
21867
21874
 
21868
21875
  .pf-v6-c-tabs__item-action {
@@ -22125,10 +22132,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22125
22132
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
22126
22133
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
22127
22134
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
22135
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22128
22136
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
22129
22137
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
22130
22138
  transition-property: width, height, translate;
22131
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22132
22139
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
22133
22140
  }
22134
22141
  :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 {
@@ -22334,9 +22341,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22334
22341
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
22335
22342
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
22336
22343
  color: var(--pf-v6-c-text-input-group__text-input--Color);
22344
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22337
22345
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
22338
22346
  border: 0;
22339
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22340
22347
  }
22341
22348
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
22342
22349
  grid-area: text-input;
@@ -22544,7 +22551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22544
22551
 
22545
22552
  .pf-v6-c-title {
22546
22553
  font-family: var(--pf-v6-c-title--FontFamily);
22547
- word-break: break-word;
22554
+ overflow-wrap: break-word;
22548
22555
  }
22549
22556
  .pf-v6-c-title.pf-m-4xl {
22550
22557
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -23327,10 +23334,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23327
23334
 
23328
23335
  .pf-v6-c-toolbar__expand-all-icon {
23329
23336
  display: inline-flex;
23337
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23330
23338
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
23331
23339
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
23332
23340
  transition-property: transform;
23333
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23334
23341
  }
23335
23342
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
23336
23343
  scale: -1 1;
@@ -24966,7 +24973,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24966
24973
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24967
24974
  color: var(--pf-v6-c-tooltip__content--Color);
24968
24975
  text-align: center;
24969
- word-break: break-word;
24976
+ overflow-wrap: break-word;
24970
24977
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24971
24978
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24972
24979
  }
@@ -25348,19 +25355,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25348
25355
  display: inline-block;
25349
25356
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
25350
25357
  text-align: center;
25351
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25352
25358
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
25359
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25353
25360
  }
25354
25361
 
25355
25362
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
25356
- max-height: 0;
25357
25363
  visibility: hidden;
25364
+ max-height: 0;
25358
25365
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
25366
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25359
25367
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
25360
25368
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
25361
25369
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
25362
25370
  transition-property: opacity, translate, visibility, max-height;
25363
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25364
25371
  }
25365
25372
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
25366
25373
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -25371,12 +25378,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25371
25378
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
25372
25379
  }
25373
25380
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
25374
- max-height: 99999px;
25375
25381
  visibility: revert;
25382
+ max-height: 99999px;
25376
25383
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
25384
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25377
25385
  transition-delay: 0s;
25378
25386
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
25379
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25380
25387
  }
25381
25388
 
25382
25389
  .pf-v6-c-tree-view__node,
@@ -25815,7 +25822,7 @@ label.pf-v6-c-tree-view__node-text {
25815
25822
 
25816
25823
  .pf-v6-c-wizard__title {
25817
25824
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
25818
- word-wrap: break-word;
25825
+ overflow-wrap: break-word;
25819
25826
  }
25820
25827
 
25821
25828
  .pf-v6-c-wizard__title-text {
@@ -25878,7 +25885,7 @@ label.pf-v6-c-tree-view__node-text {
25878
25885
  align-items: baseline;
25879
25886
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25880
25887
  text-align: start;
25881
- word-break: break-word;
25888
+ overflow-wrap: break-word;
25882
25889
  }
25883
25890
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25884
25891
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26014,8 +26021,8 @@ label.pf-v6-c-tree-view__node-text {
26014
26021
  padding-inline: 0;
26015
26022
  color: var(--pf-v6-c-wizard__nav-link--Color);
26016
26023
  text-align: start;
26024
+ overflow-wrap: break-word;
26017
26025
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26018
- word-break: break-word;
26019
26026
  counter-increment: wizard-nav-count;
26020
26027
  background-color: transparent;
26021
26028
  border: none;
@@ -26120,10 +26127,10 @@ label.pf-v6-c-tree-view__node-text {
26120
26127
 
26121
26128
  .pf-v6-c-wizard__nav-link-toggle-icon {
26122
26129
  display: inline-block;
26130
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26123
26131
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
26124
26132
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
26125
26133
  transition-property: transform;
26126
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26127
26134
  }
26128
26135
 
26129
26136
  .pf-v6-c-wizard__main {
@@ -26133,7 +26140,7 @@ label.pf-v6-c-tree-view__node-text {
26133
26140
  flex-direction: column;
26134
26141
  overflow-x: hidden;
26135
26142
  overflow-y: auto;
26136
- word-break: break-word;
26143
+ overflow-wrap: break-word;
26137
26144
  }
26138
26145
 
26139
26146
  .pf-v6-c-wizard__main-body {