@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.10

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 (220) hide show
  1. package/README.md +1 -1
  2. package/assets/images/img_avatar-rhds.svg +22 -0
  3. package/assets/images/pf-logo-avatar.jpg +0 -0
  4. package/base/normalize.scss +2 -0
  5. package/base/patternfly-common.css +2 -2
  6. package/base/patternfly-common.scss +1 -1
  7. package/base/patternfly-fa-icons.css +3 -3
  8. package/base/patternfly-fa-icons.scss +3 -3
  9. package/base/patternfly-variables.css +58 -56
  10. package/base/reset.scss +2 -0
  11. package/base/tokens/tokens-charts-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-charts.scss +1 -1
  15. package/base/tokens/tokens-dark.scss +9 -9
  16. package/base/tokens/tokens-default.scss +8 -8
  17. package/base/tokens/tokens-felt-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  19. package/base/tokens/tokens-felt-glass.scss +10 -9
  20. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  21. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  22. package/base/tokens/tokens-felt.scss +1 -1
  23. package/base/tokens/tokens-glass-dark.scss +8 -8
  24. package/base/tokens/tokens-glass.scss +10 -9
  25. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  26. package/base/tokens/tokens-highcontrast.scss +7 -7
  27. package/base/tokens/tokens-palette.scss +1 -1
  28. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  29. package/components/AboutModalBox/about-modal-box.css +1 -1
  30. package/components/AboutModalBox/about-modal-box.scss +1 -1
  31. package/components/Accordion/accordion.css +8 -4
  32. package/components/Accordion/accordion.scss +9 -4
  33. package/components/Alert/alert-group.css +1 -1
  34. package/components/Alert/alert-group.scss +1 -1
  35. package/components/Alert/alert.css +4 -3
  36. package/components/Alert/alert.scss +4 -3
  37. package/components/Avatar/avatar.css +144 -0
  38. package/components/Avatar/avatar.scss +161 -0
  39. package/components/Breadcrumb/breadcrumb.css +1 -1
  40. package/components/Breadcrumb/breadcrumb.scss +1 -1
  41. package/components/Button/button.css +9 -6
  42. package/components/Button/button.scss +10 -6
  43. package/components/Card/card.css +2 -2
  44. package/components/Card/card.scss +3 -3
  45. package/components/Check/check.css +1 -1
  46. package/components/Check/check.scss +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  48. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  49. package/components/Compass/compass.css +7 -3
  50. package/components/Compass/compass.scss +7 -3
  51. package/components/Content/content.css +2 -2
  52. package/components/Content/content.scss +2 -2
  53. package/components/DataList/data-list.css +1 -1
  54. package/components/DataList/data-list.scss +1 -1
  55. package/components/DescriptionList/description-list.css +0 -1
  56. package/components/DescriptionList/description-list.scss +0 -1
  57. package/components/Drawer/drawer.css +2 -2
  58. package/components/Drawer/drawer.scss +2 -2
  59. package/components/DualListSelector/dual-list-selector.css +6 -6
  60. package/components/DualListSelector/dual-list-selector.scss +6 -6
  61. package/components/ExpandableSection/expandable-section.css +3 -3
  62. package/components/ExpandableSection/expandable-section.scss +3 -3
  63. package/components/Form/form.css +12 -12
  64. package/components/Form/form.scss +6 -6
  65. package/components/FormControl/form-control.css +1 -1
  66. package/components/FormControl/form-control.scss +3 -1
  67. package/components/Hero/hero.css +1 -1
  68. package/components/Hero/hero.scss +1 -1
  69. package/components/Hint/hint.css +1 -1
  70. package/components/Hint/hint.scss +1 -1
  71. package/components/InputGroup/input-group.css +5 -5
  72. package/components/InputGroup/input-group.scss +5 -5
  73. package/components/JumpLinks/jump-links.css +1 -1
  74. package/components/JumpLinks/jump-links.scss +1 -1
  75. package/components/Label/label.css +1 -1
  76. package/components/Label/label.scss +1 -1
  77. package/components/Login/login.css +2 -2
  78. package/components/Login/login.scss +2 -2
  79. package/components/Masthead/masthead.css +2 -2
  80. package/components/Masthead/masthead.scss +2 -2
  81. package/components/Menu/menu.css +4 -4
  82. package/components/Menu/menu.scss +4 -4
  83. package/components/MenuToggle/menu-toggle.css +4 -1
  84. package/components/MenuToggle/menu-toggle.scss +5 -2
  85. package/components/ModalBox/modal-box.css +1 -1
  86. package/components/ModalBox/modal-box.scss +1 -1
  87. package/components/Nav/nav.css +5 -5
  88. package/components/Nav/nav.scss +5 -5
  89. package/components/NotificationDrawer/notification-drawer.css +5 -5
  90. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  91. package/components/Page/page.css +26 -21
  92. package/components/Page/page.scss +30 -25
  93. package/components/Popover/popover.css +1 -1
  94. package/components/Popover/popover.scss +2 -2
  95. package/components/Progress/progress.css +3 -3
  96. package/components/Progress/progress.scss +3 -6
  97. package/components/ProgressStepper/progress-stepper.css +1 -1
  98. package/components/Radio/radio.css +1 -1
  99. package/components/Radio/radio.scss +1 -1
  100. package/components/Sidebar/sidebar.css +4 -7
  101. package/components/Sidebar/sidebar.scss +9 -9
  102. package/components/Spinner/spinner.css +2 -2
  103. package/components/Spinner/spinner.scss +2 -2
  104. package/components/Switch/switch.css +1 -1
  105. package/components/Switch/switch.scss +1 -1
  106. package/components/Table/table-tree-view.css +10 -10
  107. package/components/Table/table-tree-view.scss +2 -2
  108. package/components/Table/table.css +37 -10
  109. package/components/Table/table.scss +53 -14
  110. package/components/Tabs/tabs.css +3 -3
  111. package/components/Tabs/tabs.scss +3 -3
  112. package/components/TextInputGroup/text-input-group.css +1 -1
  113. package/components/TextInputGroup/text-input-group.scss +1 -1
  114. package/components/Title/title.css +1 -1
  115. package/components/Title/title.scss +1 -1
  116. package/components/Toolbar/toolbar.css +1 -1
  117. package/components/Toolbar/toolbar.scss +1 -1
  118. package/components/Tooltip/tooltip.css +1 -1
  119. package/components/Tooltip/tooltip.scss +2 -2
  120. package/components/TreeView/tree-view.css +5 -5
  121. package/components/TreeView/tree-view.scss +5 -5
  122. package/components/Wizard/wizard.css +5 -5
  123. package/components/Wizard/wizard.scss +5 -5
  124. package/components/_index.css +342 -155
  125. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  126. package/docs/components/Accordion/examples/Accordion.md +30 -30
  127. package/docs/components/ActionList/examples/ActionList.md +11 -11
  128. package/docs/components/Alert/examples/Alert.md +54 -54
  129. package/docs/components/Avatar/examples/Avatar.css +6 -0
  130. package/docs/components/Avatar/examples/Avatar.md +414 -40
  131. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  132. package/docs/components/Banner/examples/Banner.md +10 -10
  133. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  134. package/docs/components/Button/examples/Button.md +184 -184
  135. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  136. package/docs/components/Card/examples/Card.md +14 -14
  137. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  138. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  139. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  140. package/docs/components/DataList/examples/DataList.md +34 -34
  141. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  142. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  143. package/docs/components/Drawer/examples/Drawer.md +23 -23
  144. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  145. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  146. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  147. package/docs/components/Form/examples/Form.md +6 -6
  148. package/docs/components/Hint/examples/Hint.md +3 -3
  149. package/docs/components/Icon/examples/Icon.md +9 -9
  150. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  151. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  152. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  153. package/docs/components/Label/examples/Label.md +218 -218
  154. package/docs/components/Login/examples/Login.md +4 -4
  155. package/docs/components/Masthead/examples/masthead.md +1 -1
  156. package/docs/components/Menu/examples/Menu.md +129 -129
  157. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  158. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  159. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  160. package/docs/components/Nav/examples/Navigation.md +66 -66
  161. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  162. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  163. package/docs/components/Page/examples/Page.md +1 -1
  164. package/docs/components/Pagination/examples/Pagination.md +92 -92
  165. package/docs/components/Popover/examples/Popover.md +22 -22
  166. package/docs/components/Progress/examples/Progress.md +7 -7
  167. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  168. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  169. package/docs/components/Slider/examples/Slider.md +4 -4
  170. package/docs/components/Table/examples/Table.css +6 -0
  171. package/docs/components/Table/examples/Table.md +807 -527
  172. package/docs/components/Tabs/examples/Tabs.md +378 -378
  173. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  174. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  175. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  176. package/docs/components/TreeView/examples/TreeView.md +104 -104
  177. package/docs/components/Wizard/examples/Wizard.md +40 -40
  178. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  179. package/docs/demos/Alert/examples/Alert.md +32 -32
  180. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  181. package/docs/demos/Banner/examples/Banner.md +16 -16
  182. package/docs/demos/Button/examples/Button.md +1 -1
  183. package/docs/demos/Card/examples/Card.md +78 -78
  184. package/docs/demos/CardView/examples/CardView.md +38 -38
  185. package/docs/demos/Compass/examples/Compass.md +294 -238
  186. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  187. package/docs/demos/DataList/examples/DataList.md +101 -101
  188. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  189. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  190. package/docs/demos/Form/examples/BasicForms.md +21 -21
  191. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  192. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  193. package/docs/demos/Modal/examples/Modal.md +54 -54
  194. package/docs/demos/Nav/examples/Nav.md +93 -93
  195. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  196. package/docs/demos/Page/examples/Page.md +119 -119
  197. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  198. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  199. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  200. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  201. package/docs/demos/Table/examples/Table.md +630 -630
  202. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  203. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  204. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  205. package/layouts/Gallery/gallery.css +1 -1
  206. package/layouts/Gallery/gallery.scss +1 -1
  207. package/layouts/Grid/grid.css +1 -1
  208. package/layouts/Grid/grid.scss +1 -1
  209. package/layouts/_index.css +2 -2
  210. package/package.json +11 -12
  211. package/patternfly-addons.css +12 -12
  212. package/patternfly-base-no-globals.css +63 -61
  213. package/patternfly-base.css +63 -61
  214. package/patternfly-no-globals.css +407 -218
  215. package/patternfly.css +407 -218
  216. package/patternfly.min.css +1 -1
  217. package/patternfly.min.css.map +1 -1
  218. package/sass-utilities/mixins.scss +2 -2
  219. package/utilities/Accessibility/accessibility.css +12 -12
  220. package/utilities/_index.css +12 -12
@@ -164,7 +164,7 @@
164
164
  overflow-x: hidden;
165
165
  overflow-y: auto;
166
166
  overscroll-behavior: contain;
167
- word-break: break-word;
167
+ overflow-wrap: break-word;
168
168
  -webkit-overflow-scrolling: touch;
169
169
  }
170
170
  @media screen and (min-width: 36rem) {
@@ -241,7 +241,9 @@
241
241
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
242
242
  --pf-v6-c-accordion__expandable-content--MaxHeight: 0;
243
243
  --pf-v6-c-accordion__expandable-content--Visibility: hidden;
244
+ --pf-v6-c-accordion__expandable-content--Overflow: hidden;
244
245
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
246
+ --pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
245
247
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
246
248
  --pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
247
249
  --pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
@@ -374,6 +376,7 @@
374
376
  --pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
375
377
  --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
376
378
  --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
379
+ --pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
377
380
  }
378
381
 
379
382
  .pf-v6-c-accordion__toggle {
@@ -421,8 +424,8 @@
421
424
  }
422
425
 
423
426
  .pf-v6-c-accordion__toggle-icon {
424
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
425
427
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
428
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
426
429
  }
427
430
 
428
431
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -430,26 +433,27 @@
430
433
  }
431
434
 
432
435
  .pf-v6-c-accordion__expandable-content {
436
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
433
437
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
434
438
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
435
439
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
436
440
  margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
441
+ overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
437
442
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
438
443
  color: var(--pf-v6-c-accordion__expandable-content--Color);
439
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
440
444
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
441
445
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
442
446
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
443
447
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
448
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
444
449
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
445
450
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
446
451
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
447
452
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
448
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
449
453
  }
450
454
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
455
+ --pf-v6-c-accordion__expandable-content--Overflow: auto;
451
456
  max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
452
- overflow-y: auto;
453
457
  }
454
458
 
455
459
  .pf-v6-c-accordion__expandable-content-body {
@@ -649,12 +653,13 @@
649
653
 
650
654
  .pf-v6-c-alert__toggle-icon {
651
655
  display: inline-block;
652
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
653
656
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
657
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
654
658
  }
655
659
 
656
660
  .pf-v6-c-alert__icon {
657
661
  grid-area: icon;
662
+ align-self: baseline;
658
663
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
659
664
  font-size: var(--pf-v6-c-alert__icon--FontSize);
660
665
  color: var(--pf-v6-c-alert__icon--Color);
@@ -665,7 +670,7 @@
665
670
  grid-area: title;
666
671
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
667
672
  color: var(--pf-v6-c-alert__title--Color);
668
- word-break: break-word;
673
+ overflow-wrap: break-word;
669
674
  }
670
675
  .pf-v6-c-alert__title.pf-m-truncate {
671
676
  display: -webkit-box;
@@ -677,7 +682,7 @@
677
682
  .pf-v6-c-alert__description {
678
683
  grid-area: description;
679
684
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
680
- word-break: break-word;
685
+ overflow-wrap: break-word;
681
686
  }
682
687
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
683
688
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -827,8 +832,8 @@
827
832
  display: grid;
828
833
  grid-template-rows: 1fr;
829
834
  opacity: 1;
830
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
831
835
  transform: translateX(0) translateY(0);
836
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
832
837
  }
833
838
  @media screen and (prefers-reduced-motion: no-preference) {
834
839
  .pf-v6-c-alert-group__item {
@@ -884,24 +889,87 @@
884
889
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
885
890
  --pf-v6-c-avatar--Width: 2.25rem;
886
891
  --pf-v6-c-avatar--Height: 2.25rem;
892
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
887
893
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
888
894
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
895
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
889
896
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
890
897
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
898
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
891
899
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
892
900
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
901
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
893
902
  --pf-v6-c-avatar--m-xl--Width: 8rem;
894
903
  --pf-v6-c-avatar--m-xl--Height: 8rem;
904
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
895
905
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
896
906
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
907
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
908
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
909
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
910
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
911
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
912
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
913
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
914
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
915
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
916
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
917
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
918
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
919
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
920
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
921
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
922
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
923
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
924
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
925
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
926
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
927
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
928
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
929
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
930
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
931
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
932
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
933
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
934
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
935
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
936
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
937
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
938
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
939
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
940
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
941
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
942
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
943
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
944
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
945
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
946
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
947
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
948
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
949
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
950
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
951
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
952
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
953
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
897
954
  }
898
955
 
899
956
  .pf-v6-c-avatar {
900
957
  width: var(--pf-v6-c-avatar--Width);
901
958
  height: var(--pf-v6-c-avatar--Height);
959
+ font-size: var(--pf-v6-c-avatar--FontSize);
960
+ color: var(--pf-v6-c-avatar--Color, inherit);
961
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
902
962
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
903
963
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
904
964
  }
965
+ div.pf-v6-c-avatar {
966
+ display: inline-flex;
967
+ align-items: center;
968
+ justify-content: center;
969
+ overflow: clip;
970
+ vertical-align: middle;
971
+ }
972
+
905
973
  .pf-v6-c-avatar.pf-m-bordered {
906
974
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
907
975
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -1130,6 +1198,87 @@
1130
1198
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
1131
1199
  }
1132
1200
  }
1201
+ .pf-v6-c-avatar.pf-m-sm {
1202
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
1203
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
1204
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
1205
+ }
1206
+ .pf-v6-c-avatar.pf-m-lg {
1207
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
1208
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
1209
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
1210
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
1211
+ }
1212
+ .pf-v6-c-avatar.pf-m-xl {
1213
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
1214
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
1215
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
1216
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
1217
+ }
1218
+ .pf-v6-c-avatar.pf-m-colorful {
1219
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
1220
+ }
1221
+ .pf-v6-c-avatar.pf-m-red {
1222
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
1223
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
1224
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
1225
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
1226
+ }
1227
+ .pf-v6-c-avatar.pf-m-orangered {
1228
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
1229
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
1230
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
1231
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
1232
+ }
1233
+ .pf-v6-c-avatar.pf-m-orange {
1234
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
1235
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
1236
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
1237
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
1238
+ }
1239
+ .pf-v6-c-avatar.pf-m-yellow {
1240
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
1241
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
1242
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
1243
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
1244
+ }
1245
+ .pf-v6-c-avatar.pf-m-green {
1246
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
1247
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
1248
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
1249
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
1250
+ }
1251
+ .pf-v6-c-avatar.pf-m-teal {
1252
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
1253
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
1254
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
1255
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
1256
+ }
1257
+ .pf-v6-c-avatar.pf-m-blue {
1258
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
1259
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
1260
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
1261
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
1262
+ }
1263
+ .pf-v6-c-avatar.pf-m-purple {
1264
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
1265
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
1266
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
1267
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
1268
+ }
1269
+ .pf-v6-c-avatar.pf-m-gray {
1270
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
1271
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
1272
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
1273
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
1274
+ }
1275
+
1276
+ .pf-v6-c-avatar__initials {
1277
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
1278
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
1279
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
1280
+ color: var(--pf-v6-c-avatar__initials--Color);
1281
+ }
1133
1282
 
1134
1283
  .pf-v6-c-backdrop {
1135
1284
  --pf-v6-c-backdrop--Position: fixed;
@@ -1573,10 +1722,10 @@
1573
1722
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1574
1723
  line-height: inherit;
1575
1724
  color: var(--pf-v6-c-breadcrumb__link--Color);
1725
+ overflow-wrap: break-word;
1576
1726
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1577
1727
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1578
1728
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
1579
- word-break: break-word;
1580
1729
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1581
1730
  }
1582
1731
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -1994,10 +2143,10 @@ button.pf-v6-c-breadcrumb__link {
1994
2143
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
1995
2144
  color: var(--pf-v6-c-button--Color);
1996
2145
  text-align: center;
2146
+ white-space: nowrap;
1997
2147
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
1998
2148
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
1999
2149
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
2000
- white-space: nowrap;
2001
2150
  cursor: pointer;
2002
2151
  -webkit-user-select: none;
2003
2152
  user-select: none;
@@ -2007,11 +2156,11 @@ button.pf-v6-c-breadcrumb__link {
2007
2156
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
2008
2157
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
2009
2158
  border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
2159
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
2010
2160
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
2011
2161
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
2012
2162
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
2013
2163
  transition-property: var(--pf-v6-c-button--TransitionProperty);
2014
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
2015
2164
  }
2016
2165
  .pf-v6-c-button::after {
2017
2166
  position: absolute;
@@ -2138,10 +2287,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2138
2287
  --pf-v6-c-button--hover--BorderWidth: 0;
2139
2288
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
2140
2289
  text-align: start;
2141
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2142
2290
  white-space: normal;
2143
- background: transparent;
2291
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2144
2292
  outline-offset: 0.125rem;
2293
+ background: transparent;
2145
2294
  }
2146
2295
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2147
2296
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -2479,6 +2628,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2479
2628
  justify-content: flex-start;
2480
2629
  width: 100%;
2481
2630
  }
2631
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
2632
+ min-width: 1lh;
2633
+ }
2482
2634
  @media (min-width: 62rem) {
2483
2635
  .pf-v6-c-button.pf-m-docked {
2484
2636
  justify-content: center;
@@ -2499,12 +2651,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2499
2651
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2500
2652
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2501
2653
  color: var(--pf-v6-c-button__icon--Color);
2654
+ rotate: var(--pf-v6-c-button__icon--Rotate);
2655
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2502
2656
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2503
2657
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2504
2658
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2505
2659
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2506
- rotate: var(--pf-v6-c-button__icon--Rotate);
2507
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2508
2660
  }
2509
2661
  .pf-v6-c-button__icon.pf-m-start {
2510
2662
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2931,8 +3083,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2931
3083
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
2932
3084
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
2933
3085
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
2934
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2935
3086
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
3087
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2936
3088
  }
2937
3089
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2938
3090
  gap: 0;
@@ -3174,9 +3326,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3174
3326
  }
3175
3327
 
3176
3328
  .pf-v6-c-card__clickable-action {
3329
+ outline: 0;
3177
3330
  background: none;
3178
3331
  border: 0;
3179
- outline: 0;
3180
3332
  }
3181
3333
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
3182
3334
  pointer-events: none;
@@ -3244,7 +3396,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3244
3396
  .pf-v6-c-check {
3245
3397
  display: grid;
3246
3398
  grid-template-columns: auto 1fr;
3247
- grid-gap: var(--pf-v6-c-check--GridGap);
3399
+ gap: var(--pf-v6-c-check--GridGap);
3248
3400
  accent-color: var(--pf-v6-c-check--AccentColor);
3249
3401
  }
3250
3402
  .pf-v6-c-check.pf-m-standalone {
@@ -3375,7 +3527,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3375
3527
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
3376
3528
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
3377
3529
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
3378
- word-wrap: break-word;
3530
+ overflow-wrap: break-word;
3379
3531
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
3380
3532
  background-clip: padding-box;
3381
3533
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -3391,7 +3543,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3391
3543
  }
3392
3544
 
3393
3545
  .pf-v6-c-clipboard-copy__text {
3394
- word-break: break-word;
3546
+ overflow-wrap: break-word;
3395
3547
  white-space: normal;
3396
3548
  }
3397
3549
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -3880,8 +4032,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3880
4032
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
3881
4033
  .pf-v6-c-compass__main-footer,
3882
4034
  .pf-v6-c-compass__footer {
3883
- margin: 0;
3884
4035
  visibility: hidden;
4036
+ margin: 0;
3885
4037
  opacity: 0;
3886
4038
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
3887
4039
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -3999,15 +4151,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3999
4151
  inset-inline-start: 0;
4000
4152
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
4001
4153
  display: flex;
4154
+ visibility: hidden;
4002
4155
  flex-direction: column;
4003
4156
  grid-area: dock;
4004
4157
  width: var(--pf-v6-c-compass__dock--Width);
4005
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4006
4158
  translate: -100% 0;
4159
+ 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);
4007
4160
  }
4008
4161
  .pf-v6-c-compass__dock.pf-m-expanded {
4009
4162
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4163
+ visibility: visible;
4010
4164
  translate: 0;
4165
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
4011
4166
  }
4012
4167
  @media (min-width: 62rem) {
4013
4168
  .pf-v6-c-compass__dock {
@@ -4015,6 +4170,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4015
4170
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
4016
4171
  position: revert;
4017
4172
  inset: revert;
4173
+ visibility: revert;
4018
4174
  width: auto;
4019
4175
  translate: 0;
4020
4176
  }
@@ -4029,9 +4185,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4029
4185
  .pf-v6-c-compass__dock-main {
4030
4186
  flex-grow: 1;
4031
4187
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
4032
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4033
4188
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
4034
4189
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
4190
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4035
4191
  }
4036
4192
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
4037
4193
  border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -4362,8 +4518,8 @@ ul) {
4362
4518
  @media screen and (min-width: 36rem) {
4363
4519
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
4364
4520
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
4365
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
4366
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4521
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
4522
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4367
4523
  }
4368
4524
  }
4369
4525
 
@@ -5152,8 +5308,8 @@ ul) {
5152
5308
  .pf-v6-c-data-list__toggle-icon {
5153
5309
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
5154
5310
  pointer-events: none;
5155
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5156
5311
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
5312
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5157
5313
  }
5158
5314
 
5159
5315
  .pf-v6-c-data-list__item-content {
@@ -5370,7 +5526,6 @@ ul) {
5370
5526
  width: 100%;
5371
5527
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
5372
5528
  break-inside: avoid;
5373
- page-break-inside: avoid;
5374
5529
  -webkit-column-break-inside: avoid;
5375
5530
  -moz-column-break-inside: avoid;
5376
5531
  }
@@ -5778,9 +5933,9 @@ ul) {
5778
5933
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
5779
5934
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
5780
5935
  overflow: auto;
5936
+ outline-offset: 2px;
5781
5937
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
5782
5938
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5783
- outline-offset: 2px;
5784
5939
  }
5785
5940
 
5786
5941
  .pf-v6-c-dual-list-selector__list {
@@ -5816,25 +5971,25 @@ ul) {
5816
5971
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
5817
5972
  }
5818
5973
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
5819
- max-height: 0;
5820
5974
  visibility: hidden;
5975
+ max-height: 0;
5821
5976
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
5977
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5822
5978
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
5823
5979
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
5824
5980
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
5825
5981
  transition-property: opacity, translate, visibility, max-height;
5826
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5827
5982
  }
5828
5983
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
5829
5984
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
5830
5985
  }
5831
5986
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
5832
- max-height: 99999px;
5833
5987
  visibility: revert;
5988
+ max-height: 99999px;
5834
5989
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5990
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5835
5991
  transition-delay: 0s;
5836
5992
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
5837
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5838
5993
  }
5839
5994
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
5840
5995
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -5969,10 +6124,10 @@ ul) {
5969
6124
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5970
6125
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5971
6126
  text-align: center;
6127
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5972
6128
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5973
6129
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
5974
6130
  transition-property: transform;
5975
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5976
6131
  }
5977
6132
 
5978
6133
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -6757,6 +6912,7 @@ ul) {
6757
6912
  .pf-v6-c-drawer__panel {
6758
6913
  position: relative;
6759
6914
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
6915
+ visibility: hidden;
6760
6916
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
6761
6917
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
6762
6918
  order: 1;
@@ -6764,7 +6920,6 @@ ul) {
6764
6920
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
6765
6921
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
6766
6922
  overflow: auto;
6767
- visibility: hidden;
6768
6923
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
6769
6924
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
6770
6925
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -6874,8 +7029,8 @@ ul) {
6874
7029
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6875
7030
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6876
7031
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6877
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6878
7032
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
7033
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6879
7034
  }
6880
7035
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6881
7036
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -7665,8 +7820,8 @@ ul) {
7665
7820
  display: inline-block;
7666
7821
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
7667
7822
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
7668
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7669
7823
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7824
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7670
7825
  }
7671
7826
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7672
7827
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -7681,15 +7836,15 @@ ul) {
7681
7836
  display: revert;
7682
7837
  }
7683
7838
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
7839
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7684
7840
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
7685
7841
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
7686
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7687
7842
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
7843
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7688
7844
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
7689
7845
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
7690
7846
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
7691
7847
  transition-property: opacity, translate, visibility, max-height;
7692
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7693
7848
  }
7694
7849
 
7695
7850
  .pf-v6-c-file-upload {
@@ -7860,7 +8015,7 @@ ul) {
7860
8015
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
7861
8016
  display: grid;
7862
8017
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7863
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8018
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7864
8019
  }
7865
8020
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
7866
8021
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7888,7 +8043,7 @@ ul) {
7888
8043
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
7889
8044
  display: grid;
7890
8045
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7891
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8046
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7892
8047
  }
7893
8048
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
7894
8049
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7916,7 +8071,7 @@ ul) {
7916
8071
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
7917
8072
  display: grid;
7918
8073
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7919
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8074
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7920
8075
  }
7921
8076
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
7922
8077
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7944,7 +8099,7 @@ ul) {
7944
8099
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
7945
8100
  display: grid;
7946
8101
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7947
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8102
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7948
8103
  }
7949
8104
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
7950
8105
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7972,7 +8127,7 @@ ul) {
7972
8127
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
7973
8128
  display: grid;
7974
8129
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7975
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8130
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7976
8131
  }
7977
8132
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
7978
8133
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8000,7 +8155,7 @@ ul) {
8000
8155
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
8001
8156
  display: grid;
8002
8157
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
8003
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8158
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8004
8159
  }
8005
8160
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
8006
8161
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8028,7 +8183,7 @@ ul) {
8028
8183
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
8029
8184
  display: grid;
8030
8185
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
8031
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8186
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8032
8187
  }
8033
8188
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
8034
8189
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8201,14 +8356,14 @@ ul) {
8201
8356
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
8202
8357
  }
8203
8358
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
8359
+ visibility: visible;
8204
8360
  max-height: 99999px;
8205
8361
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
8206
8362
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8207
- visibility: visible;
8208
8363
  opacity: 1;
8364
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8209
8365
  transition-delay: 0s;
8210
8366
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
8211
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8212
8367
  }
8213
8368
 
8214
8369
  .pf-v6-c-form__field-group-toggle {
@@ -8230,10 +8385,10 @@ ul) {
8230
8385
  display: inline-block;
8231
8386
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
8232
8387
  text-align: center;
8388
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8233
8389
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
8234
8390
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
8235
8391
  transition-property: transform;
8236
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8237
8392
  }
8238
8393
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
8239
8394
  scale: -1 1;
@@ -8282,15 +8437,15 @@ ul) {
8282
8437
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8283
8438
  }
8284
8439
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
8440
+ visibility: hidden;
8285
8441
  max-height: 0;
8286
8442
  padding-block-start: 0;
8287
8443
  padding-block-end: 0;
8288
- visibility: hidden;
8289
8444
  opacity: 0;
8445
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8290
8446
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
8291
8447
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
8292
8448
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
8293
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8294
8449
  }
8295
8450
 
8296
8451
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -8450,10 +8605,10 @@ ul) {
8450
8605
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
8451
8606
  color: var(--pf-v6-c-form-control--Color);
8452
8607
  appearance: none;
8608
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8453
8609
  background-color: transparent;
8454
8610
  border: none;
8455
8611
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8456
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8457
8612
  }
8458
8613
  .pf-v6-c-form-control > ::placeholder {
8459
8614
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -8819,8 +8974,8 @@ ul) {
8819
8974
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
8820
8975
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
8821
8976
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
8822
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8823
8977
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
8978
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8824
8979
  }
8825
8980
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
8826
8981
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -8856,7 +9011,7 @@ ul) {
8856
9011
  .pf-v6-c-hint {
8857
9012
  display: grid;
8858
9013
  grid-template-columns: 1fr auto;
8859
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
9014
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
8860
9015
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
8861
9016
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
8862
9017
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -9304,20 +9459,20 @@ ul) {
9304
9459
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9305
9460
  }
9306
9461
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
9462
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9307
9463
  flex-grow: 1;
9308
9464
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
9309
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9310
9465
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
9466
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9467
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9311
9468
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9312
9469
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
9313
9470
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
9314
9471
  transition-property: opacity, scale, visibility, max-width;
9315
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9316
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9317
9472
  }
9318
9473
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
9319
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9320
9474
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
9475
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9321
9476
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
9322
9477
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9323
9478
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -9325,8 +9480,8 @@ ul) {
9325
9480
  transition-property: opacity, visibility, max-width;
9326
9481
  }
9327
9482
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
9328
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9329
9483
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
9484
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9330
9485
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
9331
9486
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9332
9487
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -9653,10 +9808,10 @@ label.pf-v6-c-input-group__text {
9653
9808
  .pf-v6-c-jump-links__toggle-icon {
9654
9809
  display: inline-block;
9655
9810
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
9811
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9656
9812
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
9657
9813
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
9658
9814
  transition-property: transform;
9659
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9660
9815
  }
9661
9816
 
9662
9817
  .pf-v6-c-label {
@@ -9869,9 +10024,9 @@ label.pf-v6-c-input-group__text {
9869
10024
  font-size: var(--pf-v6-c-label--FontSize);
9870
10025
  white-space: nowrap;
9871
10026
  background: transparent;
9872
- isolation: isolate;
9873
10027
  border: 0;
9874
10028
  border-radius: var(--pf-v6-c-label--BorderRadius);
10029
+ isolation: isolate;
9875
10030
  }
9876
10031
  .pf-v6-c-label.pf-m-blue {
9877
10032
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -10529,7 +10684,7 @@ ul.pf-v6-c-list {
10529
10684
  display: grid;
10530
10685
  grid-template-areas: "main header" "main footer" "main .";
10531
10686
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
10532
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10687
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10533
10688
  justify-content: center;
10534
10689
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
10535
10690
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -10555,10 +10710,10 @@ ul.pf-v6-c-list {
10555
10710
  align-self: start;
10556
10711
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
10557
10712
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
10558
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10559
10713
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
10560
10714
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
10561
10715
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
10716
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10562
10717
  }
10563
10718
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
10564
10719
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -10665,7 +10820,7 @@ ul.pf-v6-c-list {
10665
10820
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
10666
10821
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
10667
10822
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
10668
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
10823
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
10669
10824
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
10670
10825
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10671
10826
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -10902,9 +11057,9 @@ ul.pf-v6-c-list {
10902
11057
  }
10903
11058
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
10904
11059
  background-color: var(--pf-t--global--background--color--glass--primary--default);
10905
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10906
11060
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
10907
11061
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
11062
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10908
11063
  }
10909
11064
 
10910
11065
  .pf-v6-c-masthead__main {
@@ -11613,8 +11768,8 @@ ul.pf-v6-c-list {
11613
11768
  }
11614
11769
 
11615
11770
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
11616
- overflow: hidden;
11617
11771
  visibility: visible;
11772
+ overflow: hidden;
11618
11773
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
11619
11774
  }
11620
11775
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -11640,8 +11795,8 @@ ul.pf-v6-c-list {
11640
11795
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11641
11796
  }
11642
11797
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
11643
- overflow: visible;
11644
11798
  visibility: hidden;
11799
+ overflow: visible;
11645
11800
  }
11646
11801
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
11647
11802
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -11782,10 +11937,10 @@ ul.pf-v6-c-list {
11782
11937
  color: var(--pf-v6-c-menu__item--Color);
11783
11938
  text-align: start;
11784
11939
  text-decoration-line: none;
11940
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11785
11941
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11786
11942
  border: 0;
11787
11943
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11788
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11789
11944
  --pf-v6-hidden-visible--visible--Display: flex;
11790
11945
  --pf-v6-hidden-visible--hidden--Display: none;
11791
11946
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -11879,7 +12034,7 @@ ul.pf-v6-c-list {
11879
12034
  .pf-v6-c-menu__item-description {
11880
12035
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11881
12036
  color: var(--pf-v6-c-menu__item-description--Color);
11882
- word-break: break-word;
12037
+ overflow-wrap: break-word;
11883
12038
  }
11884
12039
 
11885
12040
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12296,6 +12451,9 @@ ul.pf-v6-c-list {
12296
12451
  justify-content: flex-start;
12297
12452
  width: 100%;
12298
12453
  }
12454
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
12455
+ min-width: 1lh;
12456
+ }
12299
12457
  @media (min-width: 62rem) {
12300
12458
  .pf-v6-c-menu-toggle.pf-m-docked {
12301
12459
  justify-content: center;
@@ -12462,10 +12620,10 @@ ul.pf-v6-c-list {
12462
12620
 
12463
12621
  .pf-v6-c-menu-toggle__icon {
12464
12622
  flex-shrink: 0;
12623
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12465
12624
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12466
12625
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12467
12626
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
12468
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12469
12627
  }
12470
12628
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
12471
12629
  vertical-align: middle;
@@ -12673,7 +12831,7 @@ ul.pf-v6-c-list {
12673
12831
  overflow-x: hidden;
12674
12832
  overflow-y: auto;
12675
12833
  overscroll-behavior: contain;
12676
- word-break: break-word;
12834
+ overflow-wrap: break-word;
12677
12835
  -webkit-overflow-scrolling: touch;
12678
12836
  }
12679
12837
  .pf-v6-c-modal-box__body:last-child {
@@ -13122,17 +13280,17 @@ ul.pf-v6-c-list {
13122
13280
 
13123
13281
  .pf-v6-c-nav__subnav {
13124
13282
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
13283
+ visibility: visible;
13125
13284
  max-height: 99999px;
13126
13285
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
13127
13286
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
13128
13287
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
13129
13288
  overflow-y: clip;
13130
- visibility: visible;
13289
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13131
13290
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
13132
13291
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
13133
13292
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
13134
13293
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
13135
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13136
13294
  }
13137
13295
  .pf-v6-c-nav__subnav[hidden] {
13138
13296
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -13142,8 +13300,8 @@ ul.pf-v6-c-list {
13142
13300
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
13143
13301
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
13144
13302
  display: grid;
13145
- max-height: 0;
13146
13303
  visibility: hidden;
13304
+ max-height: 0;
13147
13305
  opacity: 0;
13148
13306
  }
13149
13307
 
@@ -13161,10 +13319,10 @@ ul.pf-v6-c-list {
13161
13319
  content: var(--pf-v6-c-nav__item--accent--content, "");
13162
13320
  background-color: var(--pf-v6-c-nav__item--accent--color);
13163
13321
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
13322
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13164
13323
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
13165
13324
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
13166
13325
  transition-property: scale;
13167
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13168
13326
  }
13169
13327
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
13170
13328
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -13252,10 +13410,10 @@ ul.pf-v6-c-list {
13252
13410
 
13253
13411
  .pf-v6-c-nav__toggle-icon {
13254
13412
  display: inline-block;
13413
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13255
13414
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
13256
13415
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
13257
13416
  transition-property: transform;
13258
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13259
13417
  }
13260
13418
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
13261
13419
  scale: -1 1;
@@ -13488,9 +13646,9 @@ ul.pf-v6-c-list {
13488
13646
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
13489
13647
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
13490
13648
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
13649
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13491
13650
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
13492
13651
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
13493
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13494
13652
  }
13495
13653
  .pf-v6-c-notification-drawer__list-item::before {
13496
13654
  position: absolute;
@@ -13547,7 +13705,7 @@ ul.pf-v6-c-list {
13547
13705
 
13548
13706
  .pf-v6-c-notification-drawer__list-item-header-title {
13549
13707
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13550
- word-break: break-word;
13708
+ overflow-wrap: break-word;
13551
13709
  }
13552
13710
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13553
13711
  display: -webkit-box;
@@ -13569,7 +13727,7 @@ ul.pf-v6-c-list {
13569
13727
  grid-row: 2/3;
13570
13728
  grid-column: 1/2;
13571
13729
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13572
- word-break: break-word;
13730
+ overflow-wrap: break-word;
13573
13731
  }
13574
13732
 
13575
13733
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13600,9 +13758,9 @@ ul.pf-v6-c-list {
13600
13758
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
13601
13759
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
13602
13760
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
13761
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13603
13762
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
13604
13763
  border: none;
13605
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13606
13764
  }
13607
13765
 
13608
13766
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -13614,7 +13772,7 @@ ul.pf-v6-c-list {
13614
13772
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13615
13773
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13616
13774
  text-align: start;
13617
- word-break: break-word;
13775
+ overflow-wrap: break-word;
13618
13776
  }
13619
13777
 
13620
13778
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -13691,11 +13849,6 @@ ul.pf-v6-c-list {
13691
13849
  .pf-v6-c-page {
13692
13850
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13693
13851
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
13694
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13695
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
13696
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
13697
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13698
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13699
13852
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13700
13853
  --pf-v6-c-page__dock--Width: 15.625rem;
13701
13854
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -13714,6 +13867,11 @@ ul.pf-v6-c-list {
13714
13867
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13715
13868
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
13716
13869
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13870
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
13871
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13872
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13873
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13874
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13717
13875
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
13718
13876
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
13719
13877
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -13884,20 +14042,17 @@ ul.pf-v6-c-list {
13884
14042
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
13885
14043
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13886
14044
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
13887
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13888
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13889
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13890
14045
  --pf-v6-c-page--BackgroundColor--glass: transparent;
13891
14046
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13892
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13893
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
13894
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
14047
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14048
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
14049
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
13895
14050
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13896
14051
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13897
14052
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13898
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
13899
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
13900
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
14053
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
14054
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
14055
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
13901
14056
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13902
14057
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13903
14058
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -13908,9 +14063,11 @@ ul.pf-v6-c-list {
13908
14063
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13909
14064
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13910
14065
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13911
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13912
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13913
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
14066
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
14067
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14068
+ --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
14069
+ --pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
14070
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
13914
14071
  }
13915
14072
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13916
14073
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -13933,6 +14090,8 @@ ul.pf-v6-c-list {
13933
14090
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13934
14091
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
13935
14092
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
14093
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
14094
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
13936
14095
  }
13937
14096
  @media (min-width: 75rem) {
13938
14097
  .pf-v6-c-page {
@@ -14084,10 +14243,11 @@ ul.pf-v6-c-list {
14084
14243
  inset-inline-start: 0;
14085
14244
  z-index: var(--pf-v6-c-page__dock--ZIndex);
14086
14245
  display: flex;
14246
+ visibility: hidden;
14087
14247
  flex-direction: column;
14088
14248
  grid-area: dock;
14089
14249
  width: var(--pf-v6-c-page__dock--Width);
14090
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
14250
+ 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);
14091
14251
  translate: -100% 0;
14092
14252
  }
14093
14253
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -14096,7 +14256,9 @@ ul.pf-v6-c-list {
14096
14256
 
14097
14257
  .pf-v6-c-page__dock.pf-m-expanded {
14098
14258
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14259
+ visibility: visible;
14099
14260
  translate: 0;
14261
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14100
14262
  }
14101
14263
  @media (min-width: 62rem) {
14102
14264
  .pf-v6-c-page__dock {
@@ -14104,6 +14266,7 @@ ul.pf-v6-c-list {
14104
14266
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14105
14267
  position: revert;
14106
14268
  inset: revert;
14269
+ visibility: revert;
14107
14270
  width: auto;
14108
14271
  translate: 0;
14109
14272
  }
@@ -14118,9 +14281,9 @@ ul.pf-v6-c-list {
14118
14281
  .pf-v6-c-page__dock-main {
14119
14282
  flex-grow: 1;
14120
14283
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
14121
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14122
14284
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
14123
14285
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14286
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14124
14287
  }
14125
14288
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14126
14289
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -14202,10 +14365,10 @@ ul.pf-v6-c-list {
14202
14365
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
14203
14366
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
14204
14367
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
14205
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14206
14368
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14207
14369
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14208
14370
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
14371
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14209
14372
  }
14210
14373
 
14211
14374
  .pf-v6-c-page__sidebar-header {
@@ -14571,7 +14734,6 @@ ul.pf-v6-c-list {
14571
14734
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14572
14735
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14573
14736
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
14574
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14575
14737
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
14576
14738
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
14577
14739
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -14579,6 +14741,7 @@ ul.pf-v6-c-list {
14579
14741
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
14580
14742
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
14581
14743
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
14744
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14582
14745
  }
14583
14746
  @media screen and (max-width: calc(48rem - 1px)) {
14584
14747
  .pf-v6-c-page__main-container {
@@ -15603,7 +15766,7 @@ ul.pf-v6-c-list {
15603
15766
  }
15604
15767
 
15605
15768
  .pf-v6-c-popover__body {
15606
- word-wrap: break-word;
15769
+ overflow-wrap: break-word;
15607
15770
  }
15608
15771
 
15609
15772
  .pf-v6-c-popover__footer {
@@ -15648,7 +15811,7 @@ ul.pf-v6-c-list {
15648
15811
  display: grid;
15649
15812
  grid-template-rows: 1fr auto;
15650
15813
  grid-template-columns: auto auto;
15651
- grid-gap: var(--pf-v6-c-progress--GridGap);
15814
+ gap: var(--pf-v6-c-progress--GridGap);
15652
15815
  align-items: end;
15653
15816
  }
15654
15817
  .pf-v6-c-progress.pf-m-sm {
@@ -15742,7 +15905,7 @@ ul.pf-v6-c-list {
15742
15905
 
15743
15906
  .pf-v6-c-progress__description {
15744
15907
  grid-column: 1/2;
15745
- word-break: break-word;
15908
+ overflow-wrap: break-word;
15746
15909
  }
15747
15910
  .pf-v6-c-progress__description.pf-m-truncate {
15748
15911
  overflow: hidden;
@@ -15758,7 +15921,7 @@ ul.pf-v6-c-list {
15758
15921
  align-items: flex-start;
15759
15922
  justify-content: flex-end;
15760
15923
  text-align: end;
15761
- word-break: break-word;
15924
+ overflow-wrap: break-word;
15762
15925
  }
15763
15926
 
15764
15927
  .pf-v6-c-progress__status-icon {
@@ -16021,9 +16184,9 @@ ul.pf-v6-c-list {
16021
16184
  inset-block-start: 0;
16022
16185
  inset-inline-start: 0;
16023
16186
  overflow: hidden;
16024
- clip: rect(0, 0, 0, 0);
16025
16187
  white-space: nowrap;
16026
16188
  border: 0;
16189
+ clip-path: inset(50%);
16027
16190
  }
16028
16191
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
16029
16192
  grid-row: 1/2;
@@ -16445,7 +16608,7 @@ ul.pf-v6-c-list {
16445
16608
  .pf-v6-c-radio {
16446
16609
  display: grid;
16447
16610
  grid-template-columns: auto 1fr;
16448
- grid-gap: var(--pf-v6-c-radio--GridGap);
16611
+ gap: var(--pf-v6-c-radio--GridGap);
16449
16612
  align-items: baseline;
16450
16613
  accent-color: var(--pf-v6-c-radio--AccentColor);
16451
16614
  }
@@ -16676,6 +16839,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16676
16839
  --pf-v6-c-sidebar__panel--Position: static;
16677
16840
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
16678
16841
  }
16842
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
16843
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
16844
+ }
16679
16845
  .pf-v6-c-sidebar__panel.pf-m-secondary {
16680
16846
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
16681
16847
  }
@@ -16695,7 +16861,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16695
16861
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
16696
16862
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
16697
16863
  }
16698
- .pf-v6-c-sidebar__content.pf-m-no-background {
16864
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
16699
16865
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
16700
16866
  }
16701
16867
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16708,12 +16874,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16708
16874
  --pf-v6-c-sidebar__content--Order: -1;
16709
16875
  }
16710
16876
 
16711
- .pf-v6-c-sidebar.pf-m-no-background,
16712
- .pf-v6-c-sidebar__panel.pf-m-no-background,
16713
- .pf-v6-c-sidebar__content.pf-m-no-background {
16714
- background-color: transparent;
16715
- }
16716
-
16717
16877
  .pf-v6-c-sidebar__panel.pf-m-width-default {
16718
16878
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
16719
16879
  }
@@ -17440,10 +17600,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17440
17600
  width: 100%;
17441
17601
  height: 100%;
17442
17602
  stroke: var(--pf-v6-c-spinner--Color);
17603
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17604
+ stroke-linecap: round;
17443
17605
  stroke-dasharray: 283;
17444
17606
  stroke-dashoffset: 280;
17445
- stroke-linecap: round;
17446
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17447
17607
  transform-origin: 50% 50%;
17448
17608
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
17449
17609
  }
@@ -17603,8 +17763,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17603
17763
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
17604
17764
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
17605
17765
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
17606
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
17607
17766
  transform: translateY(-50%);
17767
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
17608
17768
  }
17609
17769
  .pf-v6-c-switch__toggle::after {
17610
17770
  position: absolute;
@@ -19462,6 +19622,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19462
19622
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19463
19623
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19464
19624
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19625
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19626
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19465
19627
  }
19466
19628
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
19467
19629
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -19531,6 +19693,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19531
19693
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
19532
19694
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
19533
19695
  }
19696
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
19697
+ position: sticky;
19698
+ inset-block-end: 0;
19699
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
19700
+ background: var(--pf-v6-c-table--BackgroundColor);
19701
+ }
19702
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
19703
+ position: absolute;
19704
+ inset: 0;
19705
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
19706
+ pointer-events: none;
19707
+ content: "";
19708
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19709
+ }
19710
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19711
+ border-block-end: 0;
19712
+ }
19713
+ .pf-v6-c-table.pf-m-plain {
19714
+ --pf-v6-c-table--BackgroundColor: transparent;
19715
+ }
19534
19716
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
19535
19717
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
19536
19718
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -19601,11 +19783,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19601
19783
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
19602
19784
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
19603
19785
  overflow: var(--pf-v6-c-table--cell--Overflow);
19786
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19604
19787
  font-size: var(--pf-v6-c-table--cell--FontSize);
19605
19788
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
19606
19789
  line-height: var(--pf-v6-c-table--cell--LineHeight);
19607
19790
  color: var(--pf-v6-c-table--cell--Color);
19608
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19609
19791
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19610
19792
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19611
19793
  }
@@ -19711,24 +19893,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19711
19893
  }
19712
19894
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
19713
19895
  cursor: pointer;
19714
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19715
19896
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
19897
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19716
19898
  }
19717
19899
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
19718
19900
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
19719
19901
  }
19720
19902
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
19721
19903
  position: relative;
19722
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19723
19904
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
19905
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19724
19906
  }
19725
19907
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
19726
19908
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
19727
19909
  }
19728
19910
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
19729
19911
  cursor: pointer;
19730
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19731
19912
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
19913
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19732
19914
  }
19733
19915
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
19734
19916
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -19737,8 +19919,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19737
19919
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
19738
19920
  }
19739
19921
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
19740
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19741
19922
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
19923
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19742
19924
  }
19743
19925
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
19744
19926
  border: none;
@@ -19763,11 +19945,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19763
19945
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
19764
19946
  visibility: hidden;
19765
19947
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
19948
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19766
19949
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
19767
19950
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
19768
19951
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
19769
19952
  transition-property: opacity, translate, visibility, background-color;
19770
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19771
19953
  }
19772
19954
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
19773
19955
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -19775,9 +19957,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19775
19957
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
19776
19958
  visibility: visible;
19777
19959
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
19960
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19778
19961
  transition-delay: 0s;
19779
19962
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
19780
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19781
19963
  }
19782
19964
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
19783
19965
  max-height: 99999px;
@@ -19843,8 +20025,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19843
20025
  min-width: var(--pf-v6-c-table__text--MinWidth);
19844
20026
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
19845
20027
  overflow: var(--pf-v6-c-table--cell--Overflow);
19846
- line-height: var(--pf-v6-c-table--cell--LineHeight);
19847
20028
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
20029
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
19848
20030
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19849
20031
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19850
20032
  }
@@ -19873,10 +20055,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19873
20055
  text-align: start;
19874
20056
  white-space: inherit;
19875
20057
  user-select: text;
20058
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19876
20059
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
19877
20060
  border: 0;
19878
20061
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
19879
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19880
20062
  }
19881
20063
  .pf-v6-c-table__button::after {
19882
20064
  position: absolute;
@@ -19970,10 +20152,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19970
20152
  }
19971
20153
 
19972
20154
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
20155
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19973
20156
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
19974
20157
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
19975
20158
  transition-property: transform;
19976
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19977
20159
  }
19978
20160
  .pf-v6-c-table__toggle svg {
19979
20161
  pointer-events: none;
@@ -20265,6 +20447,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20265
20447
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20266
20448
  }
20267
20449
 
20450
+ .pf-v6-c-table__tfoot {
20451
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20452
+ vertical-align: top;
20453
+ }
20454
+
20268
20455
  .pf-v6-c-table__icon-inline {
20269
20456
  display: flex;
20270
20457
  align-items: center;
@@ -20529,8 +20716,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20529
20716
  }
20530
20717
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20531
20718
  position: relative;
20532
- border: none;
20533
20719
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20720
+ border: none;
20534
20721
  }
20535
20722
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20536
20723
  position: absolute;
@@ -20568,7 +20755,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20568
20755
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20569
20756
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20570
20757
  grid-column: 1;
20571
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20758
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20572
20759
  align-items: start;
20573
20760
  }
20574
20761
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20671,8 +20858,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20671
20858
  }
20672
20859
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20673
20860
  position: relative;
20674
- border: none;
20675
20861
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20862
+ border: none;
20676
20863
  }
20677
20864
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20678
20865
  position: absolute;
@@ -20710,7 +20897,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20710
20897
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20711
20898
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20712
20899
  grid-column: 1;
20713
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20900
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20714
20901
  align-items: start;
20715
20902
  }
20716
20903
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20814,8 +21001,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20814
21001
  }
20815
21002
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20816
21003
  position: relative;
20817
- border: none;
20818
21004
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21005
+ border: none;
20819
21006
  }
20820
21007
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20821
21008
  position: absolute;
@@ -20853,7 +21040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20853
21040
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20854
21041
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20855
21042
  grid-column: 1;
20856
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21043
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20857
21044
  align-items: start;
20858
21045
  }
20859
21046
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20957,8 +21144,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20957
21144
  }
20958
21145
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20959
21146
  position: relative;
20960
- border: none;
20961
21147
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21148
+ border: none;
20962
21149
  }
20963
21150
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20964
21151
  position: absolute;
@@ -20996,7 +21183,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20996
21183
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20997
21184
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20998
21185
  grid-column: 1;
20999
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21186
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21000
21187
  align-items: start;
21001
21188
  }
21002
21189
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21100,8 +21287,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21100
21287
  }
21101
21288
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
21102
21289
  position: relative;
21103
- border: none;
21104
21290
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21291
+ border: none;
21105
21292
  }
21106
21293
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
21107
21294
  position: absolute;
@@ -21139,7 +21326,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21139
21326
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21140
21327
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21141
21328
  grid-column: 1;
21142
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21329
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21143
21330
  align-items: start;
21144
21331
  }
21145
21332
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21692,8 +21879,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21692
21879
 
21693
21880
  .pf-v6-c-tabs__toggle-icon {
21694
21881
  display: inline-block;
21695
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21696
21882
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
21883
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21697
21884
  }
21698
21885
 
21699
21886
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -21857,8 +22044,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21857
22044
  align-self: end;
21858
22045
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
21859
22046
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
21860
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21861
22047
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
22048
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21862
22049
  }
21863
22050
 
21864
22051
  .pf-v6-c-tabs__item-action {
@@ -22121,10 +22308,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22121
22308
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
22122
22309
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
22123
22310
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
22311
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22124
22312
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
22125
22313
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
22126
22314
  transition-property: width, height, translate;
22127
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22128
22315
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
22129
22316
  }
22130
22317
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -22330,9 +22517,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22330
22517
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
22331
22518
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
22332
22519
  color: var(--pf-v6-c-text-input-group__text-input--Color);
22520
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22333
22521
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
22334
22522
  border: 0;
22335
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22336
22523
  }
22337
22524
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
22338
22525
  grid-area: text-input;
@@ -22540,7 +22727,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22540
22727
 
22541
22728
  .pf-v6-c-title {
22542
22729
  font-family: var(--pf-v6-c-title--FontFamily);
22543
- word-break: break-word;
22730
+ overflow-wrap: break-word;
22544
22731
  }
22545
22732
  .pf-v6-c-title.pf-m-4xl {
22546
22733
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -23323,10 +23510,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23323
23510
 
23324
23511
  .pf-v6-c-toolbar__expand-all-icon {
23325
23512
  display: inline-flex;
23513
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23326
23514
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
23327
23515
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
23328
23516
  transition-property: transform;
23329
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23330
23517
  }
23331
23518
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
23332
23519
  scale: -1 1;
@@ -24962,7 +25149,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24962
25149
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24963
25150
  color: var(--pf-v6-c-tooltip__content--Color);
24964
25151
  text-align: center;
24965
- word-break: break-word;
25152
+ overflow-wrap: break-word;
24966
25153
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24967
25154
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24968
25155
  }
@@ -25344,19 +25531,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25344
25531
  display: inline-block;
25345
25532
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
25346
25533
  text-align: center;
25347
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25348
25534
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
25535
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25349
25536
  }
25350
25537
 
25351
25538
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
25352
- max-height: 0;
25353
25539
  visibility: hidden;
25540
+ max-height: 0;
25354
25541
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
25542
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25355
25543
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
25356
25544
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
25357
25545
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
25358
25546
  transition-property: opacity, translate, visibility, max-height;
25359
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25360
25547
  }
25361
25548
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
25362
25549
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -25367,12 +25554,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25367
25554
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
25368
25555
  }
25369
25556
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
25370
- max-height: 99999px;
25371
25557
  visibility: revert;
25558
+ max-height: 99999px;
25372
25559
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
25560
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25373
25561
  transition-delay: 0s;
25374
25562
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
25375
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25376
25563
  }
25377
25564
 
25378
25565
  .pf-v6-c-tree-view__node,
@@ -25811,7 +25998,7 @@ label.pf-v6-c-tree-view__node-text {
25811
25998
 
25812
25999
  .pf-v6-c-wizard__title {
25813
26000
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
25814
- word-wrap: break-word;
26001
+ overflow-wrap: break-word;
25815
26002
  }
25816
26003
 
25817
26004
  .pf-v6-c-wizard__title-text {
@@ -25874,7 +26061,7 @@ label.pf-v6-c-tree-view__node-text {
25874
26061
  align-items: baseline;
25875
26062
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25876
26063
  text-align: start;
25877
- word-break: break-word;
26064
+ overflow-wrap: break-word;
25878
26065
  }
25879
26066
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25880
26067
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26010,8 +26197,8 @@ label.pf-v6-c-tree-view__node-text {
26010
26197
  padding-inline: 0;
26011
26198
  color: var(--pf-v6-c-wizard__nav-link--Color);
26012
26199
  text-align: start;
26200
+ overflow-wrap: break-word;
26013
26201
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26014
- word-break: break-word;
26015
26202
  counter-increment: wizard-nav-count;
26016
26203
  background-color: transparent;
26017
26204
  border: none;
@@ -26116,10 +26303,10 @@ label.pf-v6-c-tree-view__node-text {
26116
26303
 
26117
26304
  .pf-v6-c-wizard__nav-link-toggle-icon {
26118
26305
  display: inline-block;
26306
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26119
26307
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
26120
26308
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
26121
26309
  transition-property: transform;
26122
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26123
26310
  }
26124
26311
 
26125
26312
  .pf-v6-c-wizard__main {
@@ -26129,7 +26316,7 @@ label.pf-v6-c-tree-view__node-text {
26129
26316
  flex-direction: column;
26130
26317
  overflow-x: hidden;
26131
26318
  overflow-y: auto;
26132
- word-break: break-word;
26319
+ overflow-wrap: break-word;
26133
26320
  }
26134
26321
 
26135
26322
  .pf-v6-c-wizard__main-body {