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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/base/normalize.scss +2 -0
  2. package/base/patternfly-common.css +2 -2
  3. package/base/patternfly-common.scss +1 -1
  4. package/base/patternfly-fa-icons.css +3 -3
  5. package/base/patternfly-fa-icons.scss +3 -3
  6. package/base/patternfly-variables.css +56 -56
  7. package/base/reset.scss +2 -0
  8. package/base/tokens/tokens-charts-dark.scss +1 -1
  9. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  11. package/base/tokens/tokens-charts.scss +1 -1
  12. package/base/tokens/tokens-dark.scss +9 -9
  13. package/base/tokens/tokens-default.scss +8 -8
  14. package/base/tokens/tokens-felt-dark.scss +1 -1
  15. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  16. package/base/tokens/tokens-felt-glass.scss +8 -8
  17. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  19. package/base/tokens/tokens-felt.scss +1 -1
  20. package/base/tokens/tokens-glass-dark.scss +8 -8
  21. package/base/tokens/tokens-glass.scss +8 -8
  22. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  23. package/base/tokens/tokens-highcontrast.scss +7 -7
  24. package/base/tokens/tokens-palette.scss +1 -1
  25. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  26. package/components/AboutModalBox/about-modal-box.css +1 -1
  27. package/components/AboutModalBox/about-modal-box.scss +1 -1
  28. package/components/Accordion/accordion.css +3 -3
  29. package/components/Accordion/accordion.scss +3 -3
  30. package/components/Alert/alert-group.css +1 -1
  31. package/components/Alert/alert-group.scss +1 -1
  32. package/components/Alert/alert.css +3 -3
  33. package/components/Alert/alert.scss +3 -3
  34. package/components/Breadcrumb/breadcrumb.css +1 -1
  35. package/components/Breadcrumb/breadcrumb.scss +1 -1
  36. package/components/Button/button.css +6 -6
  37. package/components/Button/button.scss +6 -6
  38. package/components/Card/card.css +2 -2
  39. package/components/Card/card.scss +3 -3
  40. package/components/Check/check.css +1 -1
  41. package/components/Check/check.scss +1 -1
  42. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  43. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  44. package/components/Compass/compass.css +3 -3
  45. package/components/Compass/compass.scss +3 -3
  46. package/components/Content/content.css +2 -2
  47. package/components/Content/content.scss +2 -2
  48. package/components/DataList/data-list.css +1 -1
  49. package/components/DataList/data-list.scss +1 -1
  50. package/components/DescriptionList/description-list.css +0 -1
  51. package/components/DescriptionList/description-list.scss +0 -1
  52. package/components/Drawer/drawer.css +2 -2
  53. package/components/Drawer/drawer.scss +2 -2
  54. package/components/DualListSelector/dual-list-selector.css +6 -6
  55. package/components/DualListSelector/dual-list-selector.scss +6 -6
  56. package/components/ExpandableSection/expandable-section.css +3 -3
  57. package/components/ExpandableSection/expandable-section.scss +3 -3
  58. package/components/Form/form.css +12 -12
  59. package/components/Form/form.scss +6 -6
  60. package/components/FormControl/form-control.css +1 -1
  61. package/components/FormControl/form-control.scss +3 -1
  62. package/components/Hero/hero.css +1 -1
  63. package/components/Hero/hero.scss +1 -1
  64. package/components/Hint/hint.css +1 -1
  65. package/components/Hint/hint.scss +1 -1
  66. package/components/InputGroup/input-group.css +5 -5
  67. package/components/InputGroup/input-group.scss +5 -5
  68. package/components/JumpLinks/jump-links.css +1 -1
  69. package/components/JumpLinks/jump-links.scss +1 -1
  70. package/components/Label/label.css +1 -1
  71. package/components/Label/label.scss +1 -1
  72. package/components/Login/login.css +2 -2
  73. package/components/Login/login.scss +2 -2
  74. package/components/Masthead/masthead.css +1 -1
  75. package/components/Masthead/masthead.scss +1 -1
  76. package/components/Menu/menu.css +4 -4
  77. package/components/Menu/menu.scss +4 -4
  78. package/components/MenuToggle/menu-toggle.css +1 -1
  79. package/components/MenuToggle/menu-toggle.scss +1 -1
  80. package/components/ModalBox/modal-box.css +1 -1
  81. package/components/ModalBox/modal-box.scss +1 -1
  82. package/components/Nav/nav.css +5 -5
  83. package/components/Nav/nav.scss +5 -5
  84. package/components/NotificationDrawer/notification-drawer.css +5 -5
  85. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  86. package/components/Page/page.css +3 -3
  87. package/components/Page/page.scss +3 -3
  88. package/components/Popover/popover.css +1 -1
  89. package/components/Popover/popover.scss +2 -2
  90. package/components/Progress/progress.css +3 -3
  91. package/components/Progress/progress.scss +3 -6
  92. package/components/ProgressStepper/progress-stepper.css +1 -1
  93. package/components/Radio/radio.css +1 -1
  94. package/components/Radio/radio.scss +1 -1
  95. package/components/Spinner/spinner.css +2 -2
  96. package/components/Spinner/spinner.scss +2 -2
  97. package/components/Switch/switch.css +1 -1
  98. package/components/Switch/switch.scss +1 -1
  99. package/components/Table/table-tree-view.css +10 -10
  100. package/components/Table/table-tree-view.scss +2 -2
  101. package/components/Table/table.css +10 -10
  102. package/components/Table/table.scss +10 -10
  103. package/components/Tabs/tabs.css +3 -3
  104. package/components/Tabs/tabs.scss +3 -3
  105. package/components/TextInputGroup/text-input-group.css +1 -1
  106. package/components/TextInputGroup/text-input-group.scss +1 -1
  107. package/components/Title/title.css +1 -1
  108. package/components/Title/title.scss +1 -1
  109. package/components/Toolbar/toolbar.css +1 -1
  110. package/components/Toolbar/toolbar.scss +1 -1
  111. package/components/Tooltip/tooltip.css +1 -1
  112. package/components/Tooltip/tooltip.scss +2 -2
  113. package/components/TreeView/tree-view.css +5 -5
  114. package/components/TreeView/tree-view.scss +5 -5
  115. package/components/Wizard/wizard.css +5 -5
  116. package/components/Wizard/wizard.scss +5 -5
  117. package/components/_index.css +127 -128
  118. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  119. package/docs/components/Accordion/examples/Accordion.md +30 -30
  120. package/docs/components/ActionList/examples/ActionList.md +11 -11
  121. package/docs/components/Alert/examples/Alert.md +54 -54
  122. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  123. package/docs/components/Banner/examples/Banner.md +10 -10
  124. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  125. package/docs/components/Button/examples/Button.md +184 -184
  126. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  127. package/docs/components/Card/examples/Card.md +14 -14
  128. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  129. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  130. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  131. package/docs/components/DataList/examples/DataList.md +34 -34
  132. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  133. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  134. package/docs/components/Drawer/examples/Drawer.md +22 -22
  135. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  136. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  137. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  138. package/docs/components/Form/examples/Form.md +6 -6
  139. package/docs/components/Hint/examples/Hint.md +3 -3
  140. package/docs/components/Icon/examples/Icon.md +9 -9
  141. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  142. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  143. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  144. package/docs/components/Label/examples/Label.md +218 -218
  145. package/docs/components/Login/examples/Login.md +4 -4
  146. package/docs/components/Masthead/examples/masthead.md +1 -1
  147. package/docs/components/Menu/examples/Menu.md +129 -129
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  149. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  151. package/docs/components/Nav/examples/Navigation.md +66 -66
  152. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  153. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  154. package/docs/components/Page/examples/Page.md +1 -1
  155. package/docs/components/Pagination/examples/Pagination.md +92 -92
  156. package/docs/components/Popover/examples/Popover.md +22 -22
  157. package/docs/components/Progress/examples/Progress.md +7 -7
  158. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  159. package/docs/components/Slider/examples/Slider.md +4 -4
  160. package/docs/components/Table/examples/Table.md +479 -479
  161. package/docs/components/Tabs/examples/Tabs.md +378 -378
  162. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  163. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  164. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  165. package/docs/components/TreeView/examples/TreeView.md +104 -104
  166. package/docs/components/Wizard/examples/Wizard.md +40 -40
  167. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  168. package/docs/demos/Alert/examples/Alert.md +32 -32
  169. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  170. package/docs/demos/Banner/examples/Banner.md +16 -16
  171. package/docs/demos/Button/examples/Button.md +1 -1
  172. package/docs/demos/Card/examples/Card.md +78 -78
  173. package/docs/demos/CardView/examples/CardView.md +38 -38
  174. package/docs/demos/Compass/examples/Compass.md +219 -219
  175. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  176. package/docs/demos/DataList/examples/DataList.md +101 -101
  177. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  178. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  179. package/docs/demos/Form/examples/BasicForms.md +21 -21
  180. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  181. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  182. package/docs/demos/Modal/examples/Modal.md +54 -54
  183. package/docs/demos/Nav/examples/Nav.md +93 -93
  184. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  185. package/docs/demos/Page/examples/Page.md +119 -119
  186. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  187. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  188. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  189. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  190. package/docs/demos/Table/examples/Table.md +630 -630
  191. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  192. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  193. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  194. package/layouts/Gallery/gallery.css +1 -1
  195. package/layouts/Gallery/gallery.scss +1 -1
  196. package/layouts/Grid/grid.css +1 -1
  197. package/layouts/Grid/grid.scss +1 -1
  198. package/layouts/_index.css +2 -2
  199. package/package.json +11 -12
  200. package/patternfly-addons.css +12 -12
  201. package/patternfly-base-no-globals.css +61 -61
  202. package/patternfly-base.css +61 -61
  203. package/patternfly-no-globals.css +190 -191
  204. package/patternfly.css +190 -191
  205. package/patternfly.min.css +1 -1
  206. package/patternfly.min.css.map +1 -1
  207. package/sass-utilities/mixins.scss +2 -2
  208. package/utilities/Accessibility/accessibility.css +12 -12
  209. package/utilities/_index.css +12 -12
@@ -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);
@@ -4006,8 +4006,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4006
4006
  flex-direction: column;
4007
4007
  grid-area: dock;
4008
4008
  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
4009
  translate: -100% 0;
4010
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4011
4011
  }
4012
4012
  .pf-v6-c-compass__dock.pf-m-expanded {
4013
4013
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
@@ -4033,9 +4033,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4033
4033
  .pf-v6-c-compass__dock-main {
4034
4034
  flex-grow: 1;
4035
4035
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
4036
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4037
4036
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
4038
4037
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
4038
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4039
4039
  }
4040
4040
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
4041
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);
@@ -4366,8 +4366,8 @@ ul) {
4366
4366
  @media screen and (min-width: 36rem) {
4367
4367
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
4368
4368
  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);
4369
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
4370
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4371
4371
  }
4372
4372
  }
4373
4373
 
@@ -5156,8 +5156,8 @@ ul) {
5156
5156
  .pf-v6-c-data-list__toggle-icon {
5157
5157
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
5158
5158
  pointer-events: none;
5159
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5160
5159
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
5160
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5161
5161
  }
5162
5162
 
5163
5163
  .pf-v6-c-data-list__item-content {
@@ -5374,7 +5374,6 @@ ul) {
5374
5374
  width: 100%;
5375
5375
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
5376
5376
  break-inside: avoid;
5377
- page-break-inside: avoid;
5378
5377
  -webkit-column-break-inside: avoid;
5379
5378
  -moz-column-break-inside: avoid;
5380
5379
  }
@@ -5782,9 +5781,9 @@ ul) {
5782
5781
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
5783
5782
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
5784
5783
  overflow: auto;
5784
+ outline-offset: 2px;
5785
5785
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
5786
5786
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5787
- outline-offset: 2px;
5788
5787
  }
5789
5788
 
5790
5789
  .pf-v6-c-dual-list-selector__list {
@@ -5820,25 +5819,25 @@ ul) {
5820
5819
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
5821
5820
  }
5822
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 {
5823
- max-height: 0;
5824
5822
  visibility: hidden;
5823
+ max-height: 0;
5825
5824
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
5825
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5826
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);
5827
5827
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
5828
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;
5829
5829
  transition-property: opacity, translate, visibility, max-height;
5830
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5831
5830
  }
5832
5831
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
5833
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);
5834
5833
  }
5835
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 {
5836
- max-height: 99999px;
5837
5835
  visibility: revert;
5836
+ max-height: 99999px;
5838
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);
5839
5839
  transition-delay: 0s;
5840
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;
5841
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5842
5841
  }
5843
5842
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
5844
5843
  --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 +5972,10 @@ ul) {
5973
5972
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5974
5973
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5975
5974
  text-align: center;
5975
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5976
5976
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5977
5977
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
5978
5978
  transition-property: transform;
5979
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5980
5979
  }
5981
5980
 
5982
5981
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -6761,6 +6760,7 @@ ul) {
6761
6760
  .pf-v6-c-drawer__panel {
6762
6761
  position: relative;
6763
6762
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
6763
+ visibility: hidden;
6764
6764
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
6765
6765
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
6766
6766
  order: 1;
@@ -6768,7 +6768,6 @@ ul) {
6768
6768
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
6769
6769
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
6770
6770
  overflow: auto;
6771
- visibility: hidden;
6772
6771
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
6773
6772
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
6774
6773
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -6878,8 +6877,8 @@ ul) {
6878
6877
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6879
6878
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6880
6879
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6881
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6882
6880
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
6881
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6883
6882
  }
6884
6883
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6885
6884
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -7669,8 +7668,8 @@ ul) {
7669
7668
  display: inline-block;
7670
7669
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
7671
7670
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
7672
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7673
7671
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7672
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7674
7673
  }
7675
7674
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7676
7675
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -7685,15 +7684,15 @@ ul) {
7685
7684
  display: revert;
7686
7685
  }
7687
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);
7688
7688
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
7689
7689
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
7690
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7691
7690
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
7691
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7692
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);
7693
7693
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
7694
7694
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
7695
7695
  transition-property: opacity, translate, visibility, max-height;
7696
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7697
7696
  }
7698
7697
 
7699
7698
  .pf-v6-c-file-upload {
@@ -7864,7 +7863,7 @@ ul) {
7864
7863
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
7865
7864
  display: grid;
7866
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);
7867
- 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);
7868
7867
  }
7869
7868
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
7870
7869
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7892,7 +7891,7 @@ ul) {
7892
7891
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
7893
7892
  display: grid;
7894
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);
7895
- 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);
7896
7895
  }
7897
7896
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
7898
7897
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7920,7 +7919,7 @@ ul) {
7920
7919
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
7921
7920
  display: grid;
7922
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);
7923
- 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);
7924
7923
  }
7925
7924
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
7926
7925
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7948,7 +7947,7 @@ ul) {
7948
7947
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
7949
7948
  display: grid;
7950
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);
7951
- 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);
7952
7951
  }
7953
7952
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
7954
7953
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7976,7 +7975,7 @@ ul) {
7976
7975
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
7977
7976
  display: grid;
7978
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);
7979
- 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);
7980
7979
  }
7981
7980
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
7982
7981
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8004,7 +8003,7 @@ ul) {
8004
8003
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
8005
8004
  display: grid;
8006
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);
8007
- 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);
8008
8007
  }
8009
8008
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
8010
8009
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8032,7 +8031,7 @@ ul) {
8032
8031
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
8033
8032
  display: grid;
8034
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);
8035
- 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);
8036
8035
  }
8037
8036
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
8038
8037
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8205,14 +8204,14 @@ ul) {
8205
8204
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
8206
8205
  }
8207
8206
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
8207
+ visibility: visible;
8208
8208
  max-height: 99999px;
8209
8209
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
8210
8210
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8211
- visibility: visible;
8212
8211
  opacity: 1;
8212
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8213
8213
  transition-delay: 0s;
8214
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;
8215
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8216
8215
  }
8217
8216
 
8218
8217
  .pf-v6-c-form__field-group-toggle {
@@ -8234,10 +8233,10 @@ ul) {
8234
8233
  display: inline-block;
8235
8234
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
8236
8235
  text-align: center;
8236
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8237
8237
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
8238
8238
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
8239
8239
  transition-property: transform;
8240
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8241
8240
  }
8242
8241
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
8243
8242
  scale: -1 1;
@@ -8286,15 +8285,15 @@ ul) {
8286
8285
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8287
8286
  }
8288
8287
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
8288
+ visibility: hidden;
8289
8289
  max-height: 0;
8290
8290
  padding-block-start: 0;
8291
8291
  padding-block-end: 0;
8292
- visibility: hidden;
8293
8292
  opacity: 0;
8293
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8294
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);
8295
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;
8296
8296
  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
8297
  }
8299
8298
 
8300
8299
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -8454,10 +8453,10 @@ ul) {
8454
8453
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
8455
8454
  color: var(--pf-v6-c-form-control--Color);
8456
8455
  appearance: none;
8456
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8457
8457
  background-color: transparent;
8458
8458
  border: none;
8459
8459
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8460
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8461
8460
  }
8462
8461
  .pf-v6-c-form-control > ::placeholder {
8463
8462
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -8823,8 +8822,8 @@ ul) {
8823
8822
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
8824
8823
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
8825
8824
  --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
8825
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
8826
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8828
8827
  }
8829
8828
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
8830
8829
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -8860,7 +8859,7 @@ ul) {
8860
8859
  .pf-v6-c-hint {
8861
8860
  display: grid;
8862
8861
  grid-template-columns: 1fr auto;
8863
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
8862
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
8864
8863
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
8865
8864
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
8866
8865
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -9308,20 +9307,20 @@ ul) {
9308
9307
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9309
9308
  }
9310
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);
9311
9311
  flex-grow: 1;
9312
9312
  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
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;
9315
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);
9316
9317
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
9317
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;
9318
9319
  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
9320
  }
9322
9321
  .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
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%);
9325
9324
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
9326
9325
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9327
9326
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -9329,8 +9328,8 @@ ul) {
9329
9328
  transition-property: opacity, visibility, max-width;
9330
9329
  }
9331
9330
  .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
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);
9334
9333
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
9335
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);
9336
9335
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -9657,10 +9656,10 @@ label.pf-v6-c-input-group__text {
9657
9656
  .pf-v6-c-jump-links__toggle-icon {
9658
9657
  display: inline-block;
9659
9658
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
9659
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9660
9660
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
9661
9661
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
9662
9662
  transition-property: transform;
9663
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9664
9663
  }
9665
9664
 
9666
9665
  .pf-v6-c-label {
@@ -9873,9 +9872,9 @@ label.pf-v6-c-input-group__text {
9873
9872
  font-size: var(--pf-v6-c-label--FontSize);
9874
9873
  white-space: nowrap;
9875
9874
  background: transparent;
9876
- isolation: isolate;
9877
9875
  border: 0;
9878
9876
  border-radius: var(--pf-v6-c-label--BorderRadius);
9877
+ isolation: isolate;
9879
9878
  }
9880
9879
  .pf-v6-c-label.pf-m-blue {
9881
9880
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -10533,7 +10532,7 @@ ul.pf-v6-c-list {
10533
10532
  display: grid;
10534
10533
  grid-template-areas: "main header" "main footer" "main .";
10535
10534
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
10536
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10535
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10537
10536
  justify-content: center;
10538
10537
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
10539
10538
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -10559,10 +10558,10 @@ ul.pf-v6-c-list {
10559
10558
  align-self: start;
10560
10559
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
10561
10560
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
10562
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10563
10561
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
10564
10562
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
10565
10563
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
10564
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10566
10565
  }
10567
10566
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
10568
10567
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -10906,9 +10905,9 @@ ul.pf-v6-c-list {
10906
10905
  }
10907
10906
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
10908
10907
  background-color: var(--pf-t--global--background--color--glass--primary--default);
10909
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10910
10908
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
10911
10909
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
10910
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10912
10911
  }
10913
10912
 
10914
10913
  .pf-v6-c-masthead__main {
@@ -11617,8 +11616,8 @@ ul.pf-v6-c-list {
11617
11616
  }
11618
11617
 
11619
11618
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
11620
- overflow: hidden;
11621
11619
  visibility: visible;
11620
+ overflow: hidden;
11622
11621
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
11623
11622
  }
11624
11623
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -11644,8 +11643,8 @@ ul.pf-v6-c-list {
11644
11643
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11645
11644
  }
11646
11645
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
11647
- overflow: visible;
11648
11646
  visibility: hidden;
11647
+ overflow: visible;
11649
11648
  }
11650
11649
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
11651
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) {
@@ -11786,10 +11785,10 @@ ul.pf-v6-c-list {
11786
11785
  color: var(--pf-v6-c-menu__item--Color);
11787
11786
  text-align: start;
11788
11787
  text-decoration-line: none;
11788
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11789
11789
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11790
11790
  border: 0;
11791
11791
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11792
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11793
11792
  --pf-v6-hidden-visible--visible--Display: flex;
11794
11793
  --pf-v6-hidden-visible--hidden--Display: none;
11795
11794
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -11883,7 +11882,7 @@ ul.pf-v6-c-list {
11883
11882
  .pf-v6-c-menu__item-description {
11884
11883
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11885
11884
  color: var(--pf-v6-c-menu__item-description--Color);
11886
- word-break: break-word;
11885
+ overflow-wrap: break-word;
11887
11886
  }
11888
11887
 
11889
11888
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12466,10 +12465,10 @@ ul.pf-v6-c-list {
12466
12465
 
12467
12466
  .pf-v6-c-menu-toggle__icon {
12468
12467
  flex-shrink: 0;
12468
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12469
12469
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12470
12470
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12471
12471
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
12472
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12473
12472
  }
12474
12473
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
12475
12474
  vertical-align: middle;
@@ -12677,7 +12676,7 @@ ul.pf-v6-c-list {
12677
12676
  overflow-x: hidden;
12678
12677
  overflow-y: auto;
12679
12678
  overscroll-behavior: contain;
12680
- word-break: break-word;
12679
+ overflow-wrap: break-word;
12681
12680
  -webkit-overflow-scrolling: touch;
12682
12681
  }
12683
12682
  .pf-v6-c-modal-box__body:last-child {
@@ -13126,17 +13125,17 @@ ul.pf-v6-c-list {
13126
13125
 
13127
13126
  .pf-v6-c-nav__subnav {
13128
13127
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
13128
+ visibility: visible;
13129
13129
  max-height: 99999px;
13130
13130
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
13131
13131
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
13132
13132
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
13133
13133
  overflow-y: clip;
13134
- visibility: visible;
13134
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13135
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);
13136
13136
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
13137
13137
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
13138
13138
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
13139
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13140
13139
  }
13141
13140
  .pf-v6-c-nav__subnav[hidden] {
13142
13141
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -13146,8 +13145,8 @@ ul.pf-v6-c-list {
13146
13145
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
13147
13146
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
13148
13147
  display: grid;
13149
- max-height: 0;
13150
13148
  visibility: hidden;
13149
+ max-height: 0;
13151
13150
  opacity: 0;
13152
13151
  }
13153
13152
 
@@ -13165,10 +13164,10 @@ ul.pf-v6-c-list {
13165
13164
  content: var(--pf-v6-c-nav__item--accent--content, "");
13166
13165
  background-color: var(--pf-v6-c-nav__item--accent--color);
13167
13166
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
13167
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13168
13168
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
13169
13169
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
13170
13170
  transition-property: scale;
13171
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13172
13171
  }
13173
13172
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
13174
13173
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -13256,10 +13255,10 @@ ul.pf-v6-c-list {
13256
13255
 
13257
13256
  .pf-v6-c-nav__toggle-icon {
13258
13257
  display: inline-block;
13258
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13259
13259
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
13260
13260
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
13261
13261
  transition-property: transform;
13262
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13263
13262
  }
13264
13263
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
13265
13264
  scale: -1 1;
@@ -13492,9 +13491,9 @@ ul.pf-v6-c-list {
13492
13491
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
13493
13492
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
13494
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);
13495
13495
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
13496
13496
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
13497
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13498
13497
  }
13499
13498
  .pf-v6-c-notification-drawer__list-item::before {
13500
13499
  position: absolute;
@@ -13551,7 +13550,7 @@ ul.pf-v6-c-list {
13551
13550
 
13552
13551
  .pf-v6-c-notification-drawer__list-item-header-title {
13553
13552
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13554
- word-break: break-word;
13553
+ overflow-wrap: break-word;
13555
13554
  }
13556
13555
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13557
13556
  display: -webkit-box;
@@ -13573,7 +13572,7 @@ ul.pf-v6-c-list {
13573
13572
  grid-row: 2/3;
13574
13573
  grid-column: 1/2;
13575
13574
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13576
- word-break: break-word;
13575
+ overflow-wrap: break-word;
13577
13576
  }
13578
13577
 
13579
13578
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13604,9 +13603,9 @@ ul.pf-v6-c-list {
13604
13603
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
13605
13604
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
13606
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);
13607
13607
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
13608
13608
  border: none;
13609
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13610
13609
  }
13611
13610
 
13612
13611
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -13618,7 +13617,7 @@ ul.pf-v6-c-list {
13618
13617
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13619
13618
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13620
13619
  text-align: start;
13621
- word-break: break-word;
13620
+ overflow-wrap: break-word;
13622
13621
  }
13623
13622
 
13624
13623
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -14122,9 +14121,9 @@ ul.pf-v6-c-list {
14122
14121
  .pf-v6-c-page__dock-main {
14123
14122
  flex-grow: 1;
14124
14123
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
14125
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14126
14124
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
14127
14125
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14126
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14128
14127
  }
14129
14128
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14130
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);
@@ -14206,10 +14205,10 @@ ul.pf-v6-c-list {
14206
14205
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
14207
14206
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
14208
14207
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
14209
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14210
14208
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14211
14209
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14212
14210
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
14211
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14213
14212
  }
14214
14213
 
14215
14214
  .pf-v6-c-page__sidebar-header {
@@ -14575,7 +14574,6 @@ ul.pf-v6-c-list {
14575
14574
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14576
14575
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14577
14576
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
14578
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14579
14577
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
14580
14578
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
14581
14579
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -14583,6 +14581,7 @@ ul.pf-v6-c-list {
14583
14581
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
14584
14582
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
14585
14583
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
14584
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14586
14585
  }
14587
14586
  @media screen and (max-width: calc(48rem - 1px)) {
14588
14587
  .pf-v6-c-page__main-container {
@@ -15607,7 +15606,7 @@ ul.pf-v6-c-list {
15607
15606
  }
15608
15607
 
15609
15608
  .pf-v6-c-popover__body {
15610
- word-wrap: break-word;
15609
+ overflow-wrap: break-word;
15611
15610
  }
15612
15611
 
15613
15612
  .pf-v6-c-popover__footer {
@@ -15652,7 +15651,7 @@ ul.pf-v6-c-list {
15652
15651
  display: grid;
15653
15652
  grid-template-rows: 1fr auto;
15654
15653
  grid-template-columns: auto auto;
15655
- grid-gap: var(--pf-v6-c-progress--GridGap);
15654
+ gap: var(--pf-v6-c-progress--GridGap);
15656
15655
  align-items: end;
15657
15656
  }
15658
15657
  .pf-v6-c-progress.pf-m-sm {
@@ -15746,7 +15745,7 @@ ul.pf-v6-c-list {
15746
15745
 
15747
15746
  .pf-v6-c-progress__description {
15748
15747
  grid-column: 1/2;
15749
- word-break: break-word;
15748
+ overflow-wrap: break-word;
15750
15749
  }
15751
15750
  .pf-v6-c-progress__description.pf-m-truncate {
15752
15751
  overflow: hidden;
@@ -15762,7 +15761,7 @@ ul.pf-v6-c-list {
15762
15761
  align-items: flex-start;
15763
15762
  justify-content: flex-end;
15764
15763
  text-align: end;
15765
- word-break: break-word;
15764
+ overflow-wrap: break-word;
15766
15765
  }
15767
15766
 
15768
15767
  .pf-v6-c-progress__status-icon {
@@ -16025,9 +16024,9 @@ ul.pf-v6-c-list {
16025
16024
  inset-block-start: 0;
16026
16025
  inset-inline-start: 0;
16027
16026
  overflow: hidden;
16028
- clip: rect(0, 0, 0, 0);
16029
16027
  white-space: nowrap;
16030
16028
  border: 0;
16029
+ clip-path: inset(50%);
16031
16030
  }
16032
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 {
16033
16032
  grid-row: 1/2;
@@ -16449,7 +16448,7 @@ ul.pf-v6-c-list {
16449
16448
  .pf-v6-c-radio {
16450
16449
  display: grid;
16451
16450
  grid-template-columns: auto 1fr;
16452
- grid-gap: var(--pf-v6-c-radio--GridGap);
16451
+ gap: var(--pf-v6-c-radio--GridGap);
16453
16452
  align-items: baseline;
16454
16453
  accent-color: var(--pf-v6-c-radio--AccentColor);
16455
16454
  }
@@ -17444,10 +17443,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17444
17443
  width: 100%;
17445
17444
  height: 100%;
17446
17445
  stroke: var(--pf-v6-c-spinner--Color);
17446
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17447
+ stroke-linecap: round;
17447
17448
  stroke-dasharray: 283;
17448
17449
  stroke-dashoffset: 280;
17449
- stroke-linecap: round;
17450
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17451
17450
  transform-origin: 50% 50%;
17452
17451
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
17453
17452
  }
@@ -17607,8 +17606,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17607
17606
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
17608
17607
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
17609
17608
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
17610
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
17611
17609
  transform: translateY(-50%);
17610
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
17612
17611
  }
17613
17612
  .pf-v6-c-switch__toggle::after {
17614
17613
  position: absolute;
@@ -19605,11 +19604,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19605
19604
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
19606
19605
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
19607
19606
  overflow: var(--pf-v6-c-table--cell--Overflow);
19607
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19608
19608
  font-size: var(--pf-v6-c-table--cell--FontSize);
19609
19609
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
19610
19610
  line-height: var(--pf-v6-c-table--cell--LineHeight);
19611
19611
  color: var(--pf-v6-c-table--cell--Color);
19612
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19613
19612
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19614
19613
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19615
19614
  }
@@ -19715,24 +19714,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19715
19714
  }
19716
19715
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
19717
19716
  cursor: pointer;
19718
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19719
19717
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
19718
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19720
19719
  }
19721
19720
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
19722
19721
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
19723
19722
  }
19724
19723
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
19725
19724
  position: relative;
19726
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19727
19725
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
19726
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19728
19727
  }
19729
19728
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
19730
19729
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
19731
19730
  }
19732
19731
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
19733
19732
  cursor: pointer;
19734
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19735
19733
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
19734
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19736
19735
  }
19737
19736
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
19738
19737
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -19741,8 +19740,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19741
19740
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
19742
19741
  }
19743
19742
  .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
19743
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
19744
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19746
19745
  }
19747
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) {
19748
19747
  border: none;
@@ -19767,11 +19766,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19767
19766
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
19768
19767
  visibility: hidden;
19769
19768
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
19769
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19770
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);
19771
19771
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
19772
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;
19773
19773
  transition-property: opacity, translate, visibility, background-color;
19774
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19775
19774
  }
19776
19775
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
19777
19776
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -19779,9 +19778,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19779
19778
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
19780
19779
  visibility: visible;
19781
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);
19782
19782
  transition-delay: 0s;
19783
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;
19784
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19785
19784
  }
19786
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 {
19787
19786
  max-height: 99999px;
@@ -19847,8 +19846,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19847
19846
  min-width: var(--pf-v6-c-table__text--MinWidth);
19848
19847
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
19849
19848
  overflow: var(--pf-v6-c-table--cell--Overflow);
19850
- line-height: var(--pf-v6-c-table--cell--LineHeight);
19851
19849
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19850
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
19852
19851
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19853
19852
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19854
19853
  }
@@ -19877,10 +19876,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19877
19876
  text-align: start;
19878
19877
  white-space: inherit;
19879
19878
  user-select: text;
19879
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19880
19880
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
19881
19881
  border: 0;
19882
19882
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
19883
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19884
19883
  }
19885
19884
  .pf-v6-c-table__button::after {
19886
19885
  position: absolute;
@@ -19974,10 +19973,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19974
19973
  }
19975
19974
 
19976
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));
19977
19977
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
19978
19978
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
19979
19979
  transition-property: transform;
19980
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19981
19980
  }
19982
19981
  .pf-v6-c-table__toggle svg {
19983
19982
  pointer-events: none;
@@ -20533,8 +20532,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20533
20532
  }
20534
20533
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20535
20534
  position: relative;
20536
- border: none;
20537
20535
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20536
+ border: none;
20538
20537
  }
20539
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 {
20540
20539
  position: absolute;
@@ -20572,7 +20571,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20572
20571
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20573
20572
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20574
20573
  grid-column: 1;
20575
- 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);
20576
20575
  align-items: start;
20577
20576
  }
20578
20577
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20675,8 +20674,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20675
20674
  }
20676
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) {
20677
20676
  position: relative;
20678
- border: none;
20679
20677
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20678
+ border: none;
20680
20679
  }
20681
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 {
20682
20681
  position: absolute;
@@ -20714,7 +20713,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20714
20713
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20715
20714
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20716
20715
  grid-column: 1;
20717
- 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);
20718
20717
  align-items: start;
20719
20718
  }
20720
20719
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20818,8 +20817,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20818
20817
  }
20819
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) {
20820
20819
  position: relative;
20821
- border: none;
20822
20820
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20821
+ border: none;
20823
20822
  }
20824
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 {
20825
20824
  position: absolute;
@@ -20857,7 +20856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20857
20856
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20858
20857
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20859
20858
  grid-column: 1;
20860
- 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);
20861
20860
  align-items: start;
20862
20861
  }
20863
20862
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20961,8 +20960,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20961
20960
  }
20962
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) {
20963
20962
  position: relative;
20964
- border: none;
20965
20963
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20964
+ border: none;
20966
20965
  }
20967
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 {
20968
20967
  position: absolute;
@@ -21000,7 +20999,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21000
20999
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21001
21000
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21002
21001
  grid-column: 1;
21003
- 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);
21004
21003
  align-items: start;
21005
21004
  }
21006
21005
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21104,8 +21103,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21104
21103
  }
21105
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) {
21106
21105
  position: relative;
21107
- border: none;
21108
21106
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21107
+ border: none;
21109
21108
  }
21110
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 {
21111
21110
  position: absolute;
@@ -21143,7 +21142,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21143
21142
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21144
21143
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21145
21144
  grid-column: 1;
21146
- 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);
21147
21146
  align-items: start;
21148
21147
  }
21149
21148
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21696,8 +21695,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21696
21695
 
21697
21696
  .pf-v6-c-tabs__toggle-icon {
21698
21697
  display: inline-block;
21699
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21700
21698
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
21699
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21701
21700
  }
21702
21701
 
21703
21702
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -21861,8 +21860,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21861
21860
  align-self: end;
21862
21861
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
21863
21862
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
21864
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21865
21863
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
21864
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21866
21865
  }
21867
21866
 
21868
21867
  .pf-v6-c-tabs__item-action {
@@ -22125,10 +22124,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22125
22124
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
22126
22125
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
22127
22126
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
22127
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22128
22128
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
22129
22129
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
22130
22130
  transition-property: width, height, translate;
22131
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22132
22131
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
22133
22132
  }
22134
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 {
@@ -22334,9 +22333,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22334
22333
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
22335
22334
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
22336
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);
22337
22337
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
22338
22338
  border: 0;
22339
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22340
22339
  }
22341
22340
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
22342
22341
  grid-area: text-input;
@@ -22544,7 +22543,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22544
22543
 
22545
22544
  .pf-v6-c-title {
22546
22545
  font-family: var(--pf-v6-c-title--FontFamily);
22547
- word-break: break-word;
22546
+ overflow-wrap: break-word;
22548
22547
  }
22549
22548
  .pf-v6-c-title.pf-m-4xl {
22550
22549
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -23327,10 +23326,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23327
23326
 
23328
23327
  .pf-v6-c-toolbar__expand-all-icon {
23329
23328
  display: inline-flex;
23329
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23330
23330
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
23331
23331
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
23332
23332
  transition-property: transform;
23333
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23334
23333
  }
23335
23334
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
23336
23335
  scale: -1 1;
@@ -24966,7 +24965,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24966
24965
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24967
24966
  color: var(--pf-v6-c-tooltip__content--Color);
24968
24967
  text-align: center;
24969
- word-break: break-word;
24968
+ overflow-wrap: break-word;
24970
24969
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24971
24970
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24972
24971
  }
@@ -25348,19 +25347,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25348
25347
  display: inline-block;
25349
25348
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
25350
25349
  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
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);
25353
25352
  }
25354
25353
 
25355
25354
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
25356
- max-height: 0;
25357
25355
  visibility: hidden;
25356
+ max-height: 0;
25358
25357
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
25358
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25359
25359
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
25360
25360
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
25361
25361
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
25362
25362
  transition-property: opacity, translate, visibility, max-height;
25363
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25364
25363
  }
25365
25364
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
25366
25365
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -25371,12 +25370,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25371
25370
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
25372
25371
  }
25373
25372
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
25374
- max-height: 99999px;
25375
25373
  visibility: revert;
25374
+ max-height: 99999px;
25376
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);
25377
25377
  transition-delay: 0s;
25378
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;
25379
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25380
25379
  }
25381
25380
 
25382
25381
  .pf-v6-c-tree-view__node,
@@ -25815,7 +25814,7 @@ label.pf-v6-c-tree-view__node-text {
25815
25814
 
25816
25815
  .pf-v6-c-wizard__title {
25817
25816
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
25818
- word-wrap: break-word;
25817
+ overflow-wrap: break-word;
25819
25818
  }
25820
25819
 
25821
25820
  .pf-v6-c-wizard__title-text {
@@ -25878,7 +25877,7 @@ label.pf-v6-c-tree-view__node-text {
25878
25877
  align-items: baseline;
25879
25878
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25880
25879
  text-align: start;
25881
- word-break: break-word;
25880
+ overflow-wrap: break-word;
25882
25881
  }
25883
25882
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25884
25883
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26014,8 +26013,8 @@ label.pf-v6-c-tree-view__node-text {
26014
26013
  padding-inline: 0;
26015
26014
  color: var(--pf-v6-c-wizard__nav-link--Color);
26016
26015
  text-align: start;
26016
+ overflow-wrap: break-word;
26017
26017
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26018
- word-break: break-word;
26019
26018
  counter-increment: wizard-nav-count;
26020
26019
  background-color: transparent;
26021
26020
  border: none;
@@ -26120,10 +26119,10 @@ label.pf-v6-c-tree-view__node-text {
26120
26119
 
26121
26120
  .pf-v6-c-wizard__nav-link-toggle-icon {
26122
26121
  display: inline-block;
26122
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26123
26123
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
26124
26124
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
26125
26125
  transition-property: transform;
26126
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26127
26126
  }
26128
26127
 
26129
26128
  .pf-v6-c-wizard__main {
@@ -26133,7 +26132,7 @@ label.pf-v6-c-tree-view__node-text {
26133
26132
  flex-direction: column;
26134
26133
  overflow-x: hidden;
26135
26134
  overflow-y: auto;
26136
- word-break: break-word;
26135
+ overflow-wrap: break-word;
26137
26136
  }
26138
26137
 
26139
26138
  .pf-v6-c-wizard__main-body {