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

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 (221) hide show
  1. package/assets/images/img_avatar-rhds.svg +22 -0
  2. package/assets/images/pf-logo-avatar.jpg +0 -0
  3. package/base/normalize.scss +2 -0
  4. package/base/patternfly-common.css +2 -2
  5. package/base/patternfly-common.scss +1 -1
  6. package/base/patternfly-fa-icons.css +3 -3
  7. package/base/patternfly-fa-icons.scss +3 -3
  8. package/base/patternfly-variables.css +58 -56
  9. package/base/reset.scss +2 -0
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  13. package/base/tokens/tokens-charts.scss +1 -1
  14. package/base/tokens/tokens-dark.scss +9 -9
  15. package/base/tokens/tokens-default.scss +8 -8
  16. package/base/tokens/tokens-felt-dark.scss +1 -1
  17. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  18. package/base/tokens/tokens-felt-glass.scss +10 -9
  19. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  21. package/base/tokens/tokens-felt.scss +1 -1
  22. package/base/tokens/tokens-glass-dark.scss +8 -8
  23. package/base/tokens/tokens-glass.scss +10 -9
  24. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  25. package/base/tokens/tokens-highcontrast.scss +7 -7
  26. package/base/tokens/tokens-palette.scss +1 -1
  27. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  28. package/components/AboutModalBox/about-modal-box.css +1 -1
  29. package/components/AboutModalBox/about-modal-box.scss +1 -1
  30. package/components/Accordion/accordion.css +3 -3
  31. package/components/Accordion/accordion.scss +3 -3
  32. package/components/Alert/alert-group.css +1 -1
  33. package/components/Alert/alert-group.scss +1 -1
  34. package/components/Alert/alert.css +4 -3
  35. package/components/Alert/alert.scss +4 -3
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Breadcrumb/breadcrumb.css +1 -1
  39. package/components/Breadcrumb/breadcrumb.scss +1 -1
  40. package/components/Button/button.css +9 -6
  41. package/components/Button/button.scss +10 -6
  42. package/components/Card/card.css +2 -2
  43. package/components/Card/card.scss +3 -3
  44. package/components/Check/check.css +1 -1
  45. package/components/Check/check.scss +1 -1
  46. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  47. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  48. package/components/Compass/compass.css +7 -3
  49. package/components/Compass/compass.scss +7 -3
  50. package/components/Content/content.css +2 -2
  51. package/components/Content/content.scss +2 -2
  52. package/components/DataList/data-list.css +1 -1
  53. package/components/DataList/data-list.scss +1 -1
  54. package/components/DescriptionList/description-list.css +0 -1
  55. package/components/DescriptionList/description-list.scss +0 -1
  56. package/components/DragDrop/drag-drop.css +4 -0
  57. package/components/DragDrop/drag-drop.scss +4 -0
  58. package/components/Drawer/drawer.css +2 -2
  59. package/components/Drawer/drawer.scss +2 -2
  60. package/components/DualListSelector/dual-list-selector.css +6 -6
  61. package/components/DualListSelector/dual-list-selector.scss +6 -6
  62. package/components/ExpandableSection/expandable-section.css +3 -3
  63. package/components/ExpandableSection/expandable-section.scss +3 -3
  64. package/components/Form/form.css +12 -12
  65. package/components/Form/form.scss +6 -6
  66. package/components/FormControl/form-control.css +1 -1
  67. package/components/FormControl/form-control.scss +3 -1
  68. package/components/Hero/hero.css +1 -1
  69. package/components/Hero/hero.scss +1 -1
  70. package/components/Hint/hint.css +1 -1
  71. package/components/Hint/hint.scss +1 -1
  72. package/components/InputGroup/input-group.css +5 -5
  73. package/components/InputGroup/input-group.scss +5 -5
  74. package/components/JumpLinks/jump-links.css +1 -1
  75. package/components/JumpLinks/jump-links.scss +1 -1
  76. package/components/Label/label.css +1 -1
  77. package/components/Label/label.scss +1 -1
  78. package/components/Login/login.css +2 -2
  79. package/components/Login/login.scss +2 -2
  80. package/components/Masthead/masthead.css +2 -2
  81. package/components/Masthead/masthead.scss +2 -2
  82. package/components/Menu/menu.css +4 -4
  83. package/components/Menu/menu.scss +4 -4
  84. package/components/MenuToggle/menu-toggle.css +4 -1
  85. package/components/MenuToggle/menu-toggle.scss +5 -2
  86. package/components/ModalBox/modal-box.css +1 -1
  87. package/components/ModalBox/modal-box.scss +1 -1
  88. package/components/Nav/nav.css +5 -5
  89. package/components/Nav/nav.scss +5 -5
  90. package/components/NotificationDrawer/notification-drawer.css +5 -5
  91. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  92. package/components/Page/page.css +26 -21
  93. package/components/Page/page.scss +30 -25
  94. package/components/Popover/popover.css +1 -1
  95. package/components/Popover/popover.scss +2 -2
  96. package/components/Progress/progress.css +3 -3
  97. package/components/Progress/progress.scss +3 -6
  98. package/components/ProgressStepper/progress-stepper.css +1 -1
  99. package/components/Radio/radio.css +1 -1
  100. package/components/Radio/radio.scss +1 -1
  101. package/components/Sidebar/sidebar.css +4 -7
  102. package/components/Sidebar/sidebar.scss +9 -9
  103. package/components/Spinner/spinner.css +2 -2
  104. package/components/Spinner/spinner.scss +2 -2
  105. package/components/Switch/switch.css +1 -1
  106. package/components/Switch/switch.scss +1 -1
  107. package/components/Table/table-tree-view.css +10 -10
  108. package/components/Table/table-tree-view.scss +2 -2
  109. package/components/Table/table.css +37 -10
  110. package/components/Table/table.scss +53 -14
  111. package/components/Tabs/tabs.css +3 -3
  112. package/components/Tabs/tabs.scss +3 -3
  113. package/components/TextInputGroup/text-input-group.css +1 -1
  114. package/components/TextInputGroup/text-input-group.scss +1 -1
  115. package/components/Title/title.css +1 -1
  116. package/components/Title/title.scss +1 -1
  117. package/components/Toolbar/toolbar.css +1 -1
  118. package/components/Toolbar/toolbar.scss +1 -1
  119. package/components/Tooltip/tooltip.css +1 -1
  120. package/components/Tooltip/tooltip.scss +2 -2
  121. package/components/TreeView/tree-view.css +5 -5
  122. package/components/TreeView/tree-view.scss +5 -5
  123. package/components/Wizard/wizard.css +5 -5
  124. package/components/Wizard/wizard.scss +5 -5
  125. package/components/_index.css +341 -154
  126. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  127. package/docs/components/Accordion/examples/Accordion.md +30 -30
  128. package/docs/components/ActionList/examples/ActionList.md +11 -11
  129. package/docs/components/Alert/examples/Alert.md +54 -54
  130. package/docs/components/Avatar/examples/Avatar.css +6 -0
  131. package/docs/components/Avatar/examples/Avatar.md +414 -40
  132. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  133. package/docs/components/Banner/examples/Banner.md +10 -10
  134. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  135. package/docs/components/Button/examples/Button.md +184 -184
  136. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  137. package/docs/components/Card/examples/Card.md +14 -14
  138. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  139. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  140. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  141. package/docs/components/DataList/examples/DataList.md +34 -34
  142. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  143. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  144. package/docs/components/Drawer/examples/Drawer.md +23 -23
  145. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  146. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  147. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  148. package/docs/components/Form/examples/Form.md +6 -6
  149. package/docs/components/Hint/examples/Hint.md +3 -3
  150. package/docs/components/Icon/examples/Icon.md +9 -9
  151. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  152. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  153. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  154. package/docs/components/Label/examples/Label.md +218 -218
  155. package/docs/components/Login/examples/Login.md +4 -4
  156. package/docs/components/Masthead/examples/masthead.md +1 -1
  157. package/docs/components/Menu/examples/Menu.md +129 -129
  158. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  159. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  160. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  161. package/docs/components/Nav/examples/Navigation.md +66 -66
  162. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  163. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  164. package/docs/components/Page/examples/Page.md +1 -1
  165. package/docs/components/Pagination/examples/Pagination.md +92 -92
  166. package/docs/components/Popover/examples/Popover.md +22 -22
  167. package/docs/components/Progress/examples/Progress.md +7 -7
  168. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  169. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  170. package/docs/components/Slider/examples/Slider.md +4 -4
  171. package/docs/components/Table/examples/Table.css +6 -0
  172. package/docs/components/Table/examples/Table.md +807 -527
  173. package/docs/components/Tabs/examples/Tabs.md +378 -378
  174. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  175. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  176. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  177. package/docs/components/TreeView/examples/TreeView.md +104 -104
  178. package/docs/components/Wizard/examples/Wizard.md +40 -40
  179. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  180. package/docs/demos/Alert/examples/Alert.md +32 -32
  181. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  182. package/docs/demos/Banner/examples/Banner.md +16 -16
  183. package/docs/demos/Button/examples/Button.md +1 -1
  184. package/docs/demos/Card/examples/Card.md +78 -78
  185. package/docs/demos/CardView/examples/CardView.md +38 -38
  186. package/docs/demos/Compass/examples/Compass.md +294 -238
  187. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  188. package/docs/demos/DataList/examples/DataList.md +101 -101
  189. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  190. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  191. package/docs/demos/Form/examples/BasicForms.md +21 -21
  192. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  193. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  194. package/docs/demos/Modal/examples/Modal.md +54 -54
  195. package/docs/demos/Nav/examples/Nav.md +93 -93
  196. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  197. package/docs/demos/Page/examples/Page.md +119 -119
  198. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  199. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  200. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  201. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  202. package/docs/demos/Table/examples/Table.md +630 -630
  203. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  204. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  205. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  206. package/layouts/Gallery/gallery.css +1 -1
  207. package/layouts/Gallery/gallery.scss +1 -1
  208. package/layouts/Grid/grid.css +1 -1
  209. package/layouts/Grid/grid.scss +1 -1
  210. package/layouts/_index.css +2 -2
  211. package/package.json +11 -12
  212. package/patternfly-addons.css +12 -12
  213. package/patternfly-base-no-globals.css +63 -61
  214. package/patternfly-base.css +63 -61
  215. package/patternfly-no-globals.css +406 -217
  216. package/patternfly.css +406 -217
  217. package/patternfly.min.css +1 -1
  218. package/patternfly.min.css.map +1 -1
  219. package/sass-utilities/mixins.scss +2 -2
  220. package/utilities/Accessibility/accessibility.css +12 -12
  221. package/utilities/_index.css +12 -12
@@ -164,7 +164,7 @@
164
164
  overflow-x: hidden;
165
165
  overflow-y: auto;
166
166
  overscroll-behavior: contain;
167
- word-break: break-word;
167
+ overflow-wrap: break-word;
168
168
  -webkit-overflow-scrolling: touch;
169
169
  }
170
170
  @media screen and (min-width: 36rem) {
@@ -424,8 +424,8 @@
424
424
  }
425
425
 
426
426
  .pf-v6-c-accordion__toggle-icon {
427
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
428
427
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
428
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
429
429
  }
430
430
 
431
431
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
@@ -433,6 +433,7 @@
433
433
  }
434
434
 
435
435
  .pf-v6-c-accordion__expandable-content {
436
+ visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
436
437
  max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
437
438
  margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
438
439
  margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
@@ -440,16 +441,15 @@
440
441
  overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
441
442
  font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
442
443
  color: var(--pf-v6-c-accordion__expandable-content--Color);
443
- visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
444
444
  background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
445
445
  border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
446
446
  border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
447
447
  opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
448
+ translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
448
449
  transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
449
450
  transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
450
451
  transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
451
452
  transition-property: opacity, translate, visibility, max-height, margin-block-end;
452
- translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
453
453
  }
454
454
  .pf-v6-c-accordion__expandable-content.pf-m-fixed {
455
455
  --pf-v6-c-accordion__expandable-content--Overflow: auto;
@@ -653,12 +653,13 @@
653
653
 
654
654
  .pf-v6-c-alert__toggle-icon {
655
655
  display: inline-block;
656
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
657
656
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
657
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
658
658
  }
659
659
 
660
660
  .pf-v6-c-alert__icon {
661
661
  grid-area: icon;
662
+ align-self: baseline;
662
663
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
663
664
  font-size: var(--pf-v6-c-alert__icon--FontSize);
664
665
  color: var(--pf-v6-c-alert__icon--Color);
@@ -669,7 +670,7 @@
669
670
  grid-area: title;
670
671
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
671
672
  color: var(--pf-v6-c-alert__title--Color);
672
- word-break: break-word;
673
+ overflow-wrap: break-word;
673
674
  }
674
675
  .pf-v6-c-alert__title.pf-m-truncate {
675
676
  display: -webkit-box;
@@ -681,7 +682,7 @@
681
682
  .pf-v6-c-alert__description {
682
683
  grid-area: description;
683
684
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
684
- word-break: break-word;
685
+ overflow-wrap: break-word;
685
686
  }
686
687
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
687
688
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -831,8 +832,8 @@
831
832
  display: grid;
832
833
  grid-template-rows: 1fr;
833
834
  opacity: 1;
834
- transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
835
835
  transform: translateX(0) translateY(0);
836
+ transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
836
837
  }
837
838
  @media screen and (prefers-reduced-motion: no-preference) {
838
839
  .pf-v6-c-alert-group__item {
@@ -888,24 +889,87 @@
888
889
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
889
890
  --pf-v6-c-avatar--Width: 2.25rem;
890
891
  --pf-v6-c-avatar--Height: 2.25rem;
892
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
891
893
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
892
894
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
895
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
893
896
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
894
897
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
898
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
895
899
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
896
900
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
901
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
897
902
  --pf-v6-c-avatar--m-xl--Width: 8rem;
898
903
  --pf-v6-c-avatar--m-xl--Height: 8rem;
904
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
899
905
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
900
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);
901
954
  }
902
955
 
903
956
  .pf-v6-c-avatar {
904
957
  width: var(--pf-v6-c-avatar--Width);
905
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);
906
962
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
907
963
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
908
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
+
909
973
  .pf-v6-c-avatar.pf-m-bordered {
910
974
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
911
975
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -1134,6 +1198,87 @@
1134
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))))));
1135
1199
  }
1136
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
+ }
1137
1282
 
1138
1283
  .pf-v6-c-backdrop {
1139
1284
  --pf-v6-c-backdrop--Position: fixed;
@@ -1577,10 +1722,10 @@
1577
1722
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1578
1723
  line-height: inherit;
1579
1724
  color: var(--pf-v6-c-breadcrumb__link--Color);
1725
+ overflow-wrap: break-word;
1580
1726
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1581
1727
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1582
1728
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
1583
- word-break: break-word;
1584
1729
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1585
1730
  }
1586
1731
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -1998,10 +2143,10 @@ button.pf-v6-c-breadcrumb__link {
1998
2143
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
1999
2144
  color: var(--pf-v6-c-button--Color);
2000
2145
  text-align: center;
2146
+ white-space: nowrap;
2001
2147
  text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
2002
2148
  text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
2003
2149
  text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
2004
- white-space: nowrap;
2005
2150
  cursor: pointer;
2006
2151
  -webkit-user-select: none;
2007
2152
  user-select: none;
@@ -2011,11 +2156,11 @@ button.pf-v6-c-breadcrumb__link {
2011
2156
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
2012
2157
  border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
2013
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);
2014
2160
  transition-delay: var(--pf-v6-c-button--TransitionDelay);
2015
2161
  transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
2016
2162
  transition-duration: var(--pf-v6-c-button--TransitionDuration);
2017
2163
  transition-property: var(--pf-v6-c-button--TransitionProperty);
2018
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
2019
2164
  }
2020
2165
  .pf-v6-c-button::after {
2021
2166
  position: absolute;
@@ -2142,10 +2287,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2142
2287
  --pf-v6-c-button--hover--BorderWidth: 0;
2143
2288
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
2144
2289
  text-align: start;
2145
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2146
2290
  white-space: normal;
2147
- background: transparent;
2291
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2148
2292
  outline-offset: 0.125rem;
2293
+ background: transparent;
2149
2294
  }
2150
2295
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2151
2296
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
@@ -2483,6 +2628,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2483
2628
  justify-content: flex-start;
2484
2629
  width: 100%;
2485
2630
  }
2631
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
2632
+ min-width: 1lh;
2633
+ }
2486
2634
  @media (min-width: 62rem) {
2487
2635
  .pf-v6-c-button.pf-m-docked {
2488
2636
  justify-content: center;
@@ -2503,12 +2651,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2503
2651
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2504
2652
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2505
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);
2506
2656
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2507
2657
  transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2508
2658
  transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2509
2659
  transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2510
- rotate: var(--pf-v6-c-button__icon--Rotate);
2511
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2512
2660
  }
2513
2661
  .pf-v6-c-button__icon.pf-m-start {
2514
2662
  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
@@ -2935,8 +3083,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2935
3083
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
2936
3084
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
2937
3085
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
2938
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2939
3086
  box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
3087
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
2940
3088
  }
2941
3089
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2942
3090
  gap: 0;
@@ -3178,9 +3326,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3178
3326
  }
3179
3327
 
3180
3328
  .pf-v6-c-card__clickable-action {
3329
+ outline: 0;
3181
3330
  background: none;
3182
3331
  border: 0;
3183
- outline: 0;
3184
3332
  }
3185
3333
  .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
3186
3334
  pointer-events: none;
@@ -3248,7 +3396,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3248
3396
  .pf-v6-c-check {
3249
3397
  display: grid;
3250
3398
  grid-template-columns: auto 1fr;
3251
- grid-gap: var(--pf-v6-c-check--GridGap);
3399
+ gap: var(--pf-v6-c-check--GridGap);
3252
3400
  accent-color: var(--pf-v6-c-check--AccentColor);
3253
3401
  }
3254
3402
  .pf-v6-c-check.pf-m-standalone {
@@ -3379,7 +3527,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3379
3527
  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
3380
3528
  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
3381
3529
  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
3382
- word-wrap: break-word;
3530
+ overflow-wrap: break-word;
3383
3531
  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
3384
3532
  background-clip: padding-box;
3385
3533
  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
@@ -3395,7 +3543,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3395
3543
  }
3396
3544
 
3397
3545
  .pf-v6-c-clipboard-copy__text {
3398
- word-break: break-word;
3546
+ overflow-wrap: break-word;
3399
3547
  white-space: normal;
3400
3548
  }
3401
3549
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -3884,8 +4032,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3884
4032
  .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
3885
4033
  .pf-v6-c-compass__main-footer,
3886
4034
  .pf-v6-c-compass__footer {
3887
- margin: 0;
3888
4035
  visibility: hidden;
4036
+ margin: 0;
3889
4037
  opacity: 0;
3890
4038
  transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
3891
4039
  transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
@@ -4003,15 +4151,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4003
4151
  inset-inline-start: 0;
4004
4152
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
4005
4153
  display: flex;
4154
+ visibility: hidden;
4006
4155
  flex-direction: column;
4007
4156
  grid-area: dock;
4008
4157
  width: var(--pf-v6-c-compass__dock--Width);
4009
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4010
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);
4011
4160
  }
4012
4161
  .pf-v6-c-compass__dock.pf-m-expanded {
4013
4162
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4163
+ visibility: visible;
4014
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;
4015
4166
  }
4016
4167
  @media (min-width: 62rem) {
4017
4168
  .pf-v6-c-compass__dock {
@@ -4019,6 +4170,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4019
4170
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
4020
4171
  position: revert;
4021
4172
  inset: revert;
4173
+ visibility: revert;
4022
4174
  width: auto;
4023
4175
  translate: 0;
4024
4176
  }
@@ -4033,9 +4185,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4033
4185
  .pf-v6-c-compass__dock-main {
4034
4186
  flex-grow: 1;
4035
4187
  background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
4036
- backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4037
4188
  border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
4038
4189
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
4190
+ backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4039
4191
  }
4040
4192
  .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
4041
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);
@@ -4366,8 +4518,8 @@ ul) {
4366
4518
  @media screen and (min-width: 36rem) {
4367
4519
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
4368
4520
  grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
4369
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
4370
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4521
+ row-gap: var(--pf-v6-c-content--dl--RowGap);
4522
+ column-gap: var(--pf-v6-c-content--dl--ColumnGap);
4371
4523
  }
4372
4524
  }
4373
4525
 
@@ -5156,8 +5308,8 @@ ul) {
5156
5308
  .pf-v6-c-data-list__toggle-icon {
5157
5309
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
5158
5310
  pointer-events: none;
5159
- transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5160
5311
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
5312
+ transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
5161
5313
  }
5162
5314
 
5163
5315
  .pf-v6-c-data-list__item-content {
@@ -5374,7 +5526,6 @@ ul) {
5374
5526
  width: 100%;
5375
5527
  margin-block-end: var(--pf-v6-c-description-list--RowGap);
5376
5528
  break-inside: avoid;
5377
- page-break-inside: avoid;
5378
5529
  -webkit-column-break-inside: avoid;
5379
5530
  -moz-column-break-inside: avoid;
5380
5531
  }
@@ -5563,6 +5714,7 @@ ul) {
5563
5714
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
5564
5715
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
5565
5716
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
5717
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
5566
5718
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
5567
5719
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
5568
5720
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -5577,6 +5729,7 @@ ul) {
5577
5729
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
5578
5730
  position: relative;
5579
5731
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
5732
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
5580
5733
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
5581
5734
  }
5582
5735
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -5596,6 +5749,7 @@ ul) {
5596
5749
 
5597
5750
  .pf-v6-c-droppable {
5598
5751
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
5752
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
5599
5753
  --pf-v6-c-droppable--before--Opacity: 0;
5600
5754
  --pf-v6-c-droppable--after--BorderWidth: 0;
5601
5755
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -5618,6 +5772,7 @@ ul) {
5618
5772
  }
5619
5773
  .pf-v6-c-droppable::before {
5620
5774
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
5775
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
5621
5776
  opacity: var(--pf-v6-c-droppable--before--Opacity);
5622
5777
  }
5623
5778
  .pf-v6-c-droppable::after {
@@ -5782,9 +5937,9 @@ ul) {
5782
5937
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
5783
5938
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
5784
5939
  overflow: auto;
5940
+ outline-offset: 2px;
5785
5941
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
5786
5942
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5787
- outline-offset: 2px;
5788
5943
  }
5789
5944
 
5790
5945
  .pf-v6-c-dual-list-selector__list {
@@ -5820,25 +5975,25 @@ ul) {
5820
5975
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
5821
5976
  }
5822
5977
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
5823
- max-height: 0;
5824
5978
  visibility: hidden;
5979
+ max-height: 0;
5825
5980
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
5981
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5826
5982
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
5827
5983
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
5828
5984
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
5829
5985
  transition-property: opacity, translate, visibility, max-height;
5830
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5831
5986
  }
5832
5987
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
5833
5988
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
5834
5989
  }
5835
5990
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
5836
- max-height: 99999px;
5837
5991
  visibility: revert;
5992
+ max-height: 99999px;
5838
5993
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5994
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5839
5995
  transition-delay: 0s;
5840
5996
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
5841
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5842
5997
  }
5843
5998
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
5844
5999
  --pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
@@ -5973,10 +6128,10 @@ ul) {
5973
6128
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5974
6129
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5975
6130
  text-align: center;
6131
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5976
6132
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5977
6133
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
5978
6134
  transition-property: transform;
5979
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5980
6135
  }
5981
6136
 
5982
6137
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -6761,6 +6916,7 @@ ul) {
6761
6916
  .pf-v6-c-drawer__panel {
6762
6917
  position: relative;
6763
6918
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
6919
+ visibility: hidden;
6764
6920
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
6765
6921
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
6766
6922
  order: 1;
@@ -6768,7 +6924,6 @@ ul) {
6768
6924
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
6769
6925
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
6770
6926
  overflow: auto;
6771
- visibility: hidden;
6772
6927
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
6773
6928
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
6774
6929
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -6878,8 +7033,8 @@ ul) {
6878
7033
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6879
7034
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6880
7035
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6881
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6882
7036
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
7037
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6883
7038
  }
6884
7039
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6885
7040
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -7669,8 +7824,8 @@ ul) {
7669
7824
  display: inline-block;
7670
7825
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
7671
7826
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
7672
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7673
7827
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7828
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7674
7829
  }
7675
7830
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7676
7831
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -7685,15 +7840,15 @@ ul) {
7685
7840
  display: revert;
7686
7841
  }
7687
7842
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
7843
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7688
7844
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
7689
7845
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
7690
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7691
7846
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
7847
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7692
7848
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
7693
7849
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
7694
7850
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
7695
7851
  transition-property: opacity, translate, visibility, max-height;
7696
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7697
7852
  }
7698
7853
 
7699
7854
  .pf-v6-c-file-upload {
@@ -7864,7 +8019,7 @@ ul) {
7864
8019
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
7865
8020
  display: grid;
7866
8021
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7867
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8022
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7868
8023
  }
7869
8024
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
7870
8025
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7892,7 +8047,7 @@ ul) {
7892
8047
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
7893
8048
  display: grid;
7894
8049
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7895
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8050
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7896
8051
  }
7897
8052
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
7898
8053
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7920,7 +8075,7 @@ ul) {
7920
8075
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
7921
8076
  display: grid;
7922
8077
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7923
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8078
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7924
8079
  }
7925
8080
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
7926
8081
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7948,7 +8103,7 @@ ul) {
7948
8103
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
7949
8104
  display: grid;
7950
8105
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7951
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8106
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7952
8107
  }
7953
8108
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
7954
8109
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7976,7 +8131,7 @@ ul) {
7976
8131
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
7977
8132
  display: grid;
7978
8133
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7979
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8134
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7980
8135
  }
7981
8136
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
7982
8137
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8004,7 +8159,7 @@ ul) {
8004
8159
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
8005
8160
  display: grid;
8006
8161
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
8007
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8162
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8008
8163
  }
8009
8164
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
8010
8165
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8032,7 +8187,7 @@ ul) {
8032
8187
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
8033
8188
  display: grid;
8034
8189
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
8035
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8190
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8036
8191
  }
8037
8192
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
8038
8193
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8205,14 +8360,14 @@ ul) {
8205
8360
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
8206
8361
  }
8207
8362
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
8363
+ visibility: visible;
8208
8364
  max-height: 99999px;
8209
8365
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
8210
8366
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8211
- visibility: visible;
8212
8367
  opacity: 1;
8368
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8213
8369
  transition-delay: 0s;
8214
8370
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
8215
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8216
8371
  }
8217
8372
 
8218
8373
  .pf-v6-c-form__field-group-toggle {
@@ -8234,10 +8389,10 @@ ul) {
8234
8389
  display: inline-block;
8235
8390
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
8236
8391
  text-align: center;
8392
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8237
8393
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
8238
8394
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
8239
8395
  transition-property: transform;
8240
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8241
8396
  }
8242
8397
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
8243
8398
  scale: -1 1;
@@ -8286,15 +8441,15 @@ ul) {
8286
8441
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8287
8442
  }
8288
8443
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
8444
+ visibility: hidden;
8289
8445
  max-height: 0;
8290
8446
  padding-block-start: 0;
8291
8447
  padding-block-end: 0;
8292
- visibility: hidden;
8293
8448
  opacity: 0;
8449
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8294
8450
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
8295
8451
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
8296
8452
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
8297
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8298
8453
  }
8299
8454
 
8300
8455
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -8454,10 +8609,10 @@ ul) {
8454
8609
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
8455
8610
  color: var(--pf-v6-c-form-control--Color);
8456
8611
  appearance: none;
8612
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8457
8613
  background-color: transparent;
8458
8614
  border: none;
8459
8615
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8460
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8461
8616
  }
8462
8617
  .pf-v6-c-form-control > ::placeholder {
8463
8618
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -8823,8 +8978,8 @@ ul) {
8823
8978
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
8824
8979
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
8825
8980
  --pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
8826
- backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8827
8981
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
8982
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8828
8983
  }
8829
8984
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
8830
8985
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -8860,7 +9015,7 @@ ul) {
8860
9015
  .pf-v6-c-hint {
8861
9016
  display: grid;
8862
9017
  grid-template-columns: 1fr auto;
8863
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
9018
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
8864
9019
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
8865
9020
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
8866
9021
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -9308,20 +9463,20 @@ ul) {
9308
9463
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9309
9464
  }
9310
9465
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
9466
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9311
9467
  flex-grow: 1;
9312
9468
  max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
9313
- visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9314
9469
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
9470
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9471
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9315
9472
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9316
9473
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
9317
9474
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
9318
9475
  transition-property: opacity, scale, visibility, max-width;
9319
- transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9320
- scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9321
9476
  }
9322
9477
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
9323
- max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9324
9478
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
9479
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9325
9480
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
9326
9481
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9327
9482
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -9329,8 +9484,8 @@ ul) {
9329
9484
  transition-property: opacity, visibility, max-width;
9330
9485
  }
9331
9486
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
9332
- max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9333
9487
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
9488
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9334
9489
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
9335
9490
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9336
9491
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -9657,10 +9812,10 @@ label.pf-v6-c-input-group__text {
9657
9812
  .pf-v6-c-jump-links__toggle-icon {
9658
9813
  display: inline-block;
9659
9814
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
9815
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9660
9816
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
9661
9817
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
9662
9818
  transition-property: transform;
9663
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9664
9819
  }
9665
9820
 
9666
9821
  .pf-v6-c-label {
@@ -9873,9 +10028,9 @@ label.pf-v6-c-input-group__text {
9873
10028
  font-size: var(--pf-v6-c-label--FontSize);
9874
10029
  white-space: nowrap;
9875
10030
  background: transparent;
9876
- isolation: isolate;
9877
10031
  border: 0;
9878
10032
  border-radius: var(--pf-v6-c-label--BorderRadius);
10033
+ isolation: isolate;
9879
10034
  }
9880
10035
  .pf-v6-c-label.pf-m-blue {
9881
10036
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -10533,7 +10688,7 @@ ul.pf-v6-c-list {
10533
10688
  display: grid;
10534
10689
  grid-template-areas: "main header" "main footer" "main .";
10535
10690
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
10536
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10691
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10537
10692
  justify-content: center;
10538
10693
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
10539
10694
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -10559,10 +10714,10 @@ ul.pf-v6-c-list {
10559
10714
  align-self: start;
10560
10715
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
10561
10716
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
10562
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10563
10717
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
10564
10718
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
10565
10719
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
10720
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10566
10721
  }
10567
10722
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
10568
10723
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -10669,7 +10824,7 @@ ul.pf-v6-c-list {
10669
10824
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
10670
10825
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
10671
10826
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
10672
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
10827
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
10673
10828
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
10674
10829
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10675
10830
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -10906,9 +11061,9 @@ ul.pf-v6-c-list {
10906
11061
  }
10907
11062
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
10908
11063
  background-color: var(--pf-t--global--background--color--glass--primary--default);
10909
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10910
11064
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
10911
11065
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
11066
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10912
11067
  }
10913
11068
 
10914
11069
  .pf-v6-c-masthead__main {
@@ -11617,8 +11772,8 @@ ul.pf-v6-c-list {
11617
11772
  }
11618
11773
 
11619
11774
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
11620
- overflow: hidden;
11621
11775
  visibility: visible;
11776
+ overflow: hidden;
11622
11777
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
11623
11778
  }
11624
11779
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -11644,8 +11799,8 @@ ul.pf-v6-c-list {
11644
11799
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11645
11800
  }
11646
11801
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
11647
- overflow: visible;
11648
11802
  visibility: hidden;
11803
+ overflow: visible;
11649
11804
  }
11650
11805
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
11651
11806
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -11786,10 +11941,10 @@ ul.pf-v6-c-list {
11786
11941
  color: var(--pf-v6-c-menu__item--Color);
11787
11942
  text-align: start;
11788
11943
  text-decoration-line: none;
11944
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11789
11945
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11790
11946
  border: 0;
11791
11947
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11792
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11793
11948
  --pf-v6-hidden-visible--visible--Display: flex;
11794
11949
  --pf-v6-hidden-visible--hidden--Display: none;
11795
11950
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -11883,7 +12038,7 @@ ul.pf-v6-c-list {
11883
12038
  .pf-v6-c-menu__item-description {
11884
12039
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11885
12040
  color: var(--pf-v6-c-menu__item-description--Color);
11886
- word-break: break-word;
12041
+ overflow-wrap: break-word;
11887
12042
  }
11888
12043
 
11889
12044
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12300,6 +12455,9 @@ ul.pf-v6-c-list {
12300
12455
  justify-content: flex-start;
12301
12456
  width: 100%;
12302
12457
  }
12458
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
12459
+ min-width: 1lh;
12460
+ }
12303
12461
  @media (min-width: 62rem) {
12304
12462
  .pf-v6-c-menu-toggle.pf-m-docked {
12305
12463
  justify-content: center;
@@ -12466,10 +12624,10 @@ ul.pf-v6-c-list {
12466
12624
 
12467
12625
  .pf-v6-c-menu-toggle__icon {
12468
12626
  flex-shrink: 0;
12627
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12469
12628
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12470
12629
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12471
12630
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
12472
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12473
12631
  }
12474
12632
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
12475
12633
  vertical-align: middle;
@@ -12677,7 +12835,7 @@ ul.pf-v6-c-list {
12677
12835
  overflow-x: hidden;
12678
12836
  overflow-y: auto;
12679
12837
  overscroll-behavior: contain;
12680
- word-break: break-word;
12838
+ overflow-wrap: break-word;
12681
12839
  -webkit-overflow-scrolling: touch;
12682
12840
  }
12683
12841
  .pf-v6-c-modal-box__body:last-child {
@@ -13126,17 +13284,17 @@ ul.pf-v6-c-list {
13126
13284
 
13127
13285
  .pf-v6-c-nav__subnav {
13128
13286
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
13287
+ visibility: visible;
13129
13288
  max-height: 99999px;
13130
13289
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
13131
13290
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
13132
13291
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
13133
13292
  overflow-y: clip;
13134
- visibility: visible;
13293
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13135
13294
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
13136
13295
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
13137
13296
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
13138
13297
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
13139
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13140
13298
  }
13141
13299
  .pf-v6-c-nav__subnav[hidden] {
13142
13300
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -13146,8 +13304,8 @@ ul.pf-v6-c-list {
13146
13304
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
13147
13305
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
13148
13306
  display: grid;
13149
- max-height: 0;
13150
13307
  visibility: hidden;
13308
+ max-height: 0;
13151
13309
  opacity: 0;
13152
13310
  }
13153
13311
 
@@ -13165,10 +13323,10 @@ ul.pf-v6-c-list {
13165
13323
  content: var(--pf-v6-c-nav__item--accent--content, "");
13166
13324
  background-color: var(--pf-v6-c-nav__item--accent--color);
13167
13325
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
13326
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13168
13327
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
13169
13328
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
13170
13329
  transition-property: scale;
13171
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13172
13330
  }
13173
13331
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
13174
13332
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -13256,10 +13414,10 @@ ul.pf-v6-c-list {
13256
13414
 
13257
13415
  .pf-v6-c-nav__toggle-icon {
13258
13416
  display: inline-block;
13417
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13259
13418
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
13260
13419
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
13261
13420
  transition-property: transform;
13262
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13263
13421
  }
13264
13422
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
13265
13423
  scale: -1 1;
@@ -13492,9 +13650,9 @@ ul.pf-v6-c-list {
13492
13650
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
13493
13651
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
13494
13652
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
13653
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13495
13654
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
13496
13655
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
13497
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13498
13656
  }
13499
13657
  .pf-v6-c-notification-drawer__list-item::before {
13500
13658
  position: absolute;
@@ -13551,7 +13709,7 @@ ul.pf-v6-c-list {
13551
13709
 
13552
13710
  .pf-v6-c-notification-drawer__list-item-header-title {
13553
13711
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13554
- word-break: break-word;
13712
+ overflow-wrap: break-word;
13555
13713
  }
13556
13714
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13557
13715
  display: -webkit-box;
@@ -13573,7 +13731,7 @@ ul.pf-v6-c-list {
13573
13731
  grid-row: 2/3;
13574
13732
  grid-column: 1/2;
13575
13733
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13576
- word-break: break-word;
13734
+ overflow-wrap: break-word;
13577
13735
  }
13578
13736
 
13579
13737
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13604,9 +13762,9 @@ ul.pf-v6-c-list {
13604
13762
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
13605
13763
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
13606
13764
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
13765
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13607
13766
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
13608
13767
  border: none;
13609
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13610
13768
  }
13611
13769
 
13612
13770
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -13618,7 +13776,7 @@ ul.pf-v6-c-list {
13618
13776
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13619
13777
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13620
13778
  text-align: start;
13621
- word-break: break-word;
13779
+ overflow-wrap: break-word;
13622
13780
  }
13623
13781
 
13624
13782
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -13695,11 +13853,6 @@ ul.pf-v6-c-list {
13695
13853
  .pf-v6-c-page {
13696
13854
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13697
13855
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
13698
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13699
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
13700
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
13701
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13702
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13703
13856
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13704
13857
  --pf-v6-c-page__dock--Width: 15.625rem;
13705
13858
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -13718,6 +13871,11 @@ ul.pf-v6-c-list {
13718
13871
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13719
13872
  --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));
13720
13873
  --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));
13874
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
13875
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13876
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13877
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13878
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13721
13879
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
13722
13880
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
13723
13881
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -13888,20 +14046,17 @@ ul.pf-v6-c-list {
13888
14046
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
13889
14047
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13890
14048
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
13891
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13892
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13893
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13894
14049
  --pf-v6-c-page--BackgroundColor--glass: transparent;
13895
14050
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13896
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13897
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
13898
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
14051
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14052
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
14053
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
13899
14054
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13900
14055
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13901
14056
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13902
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
13903
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
13904
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
14057
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
14058
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
14059
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
13905
14060
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13906
14061
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13907
14062
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -13912,9 +14067,11 @@ ul.pf-v6-c-list {
13912
14067
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13913
14068
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13914
14069
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13915
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13916
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13917
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
14070
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
14071
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14072
+ --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));
14073
+ --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));
14074
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
13918
14075
  }
13919
14076
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13920
14077
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -13937,6 +14094,8 @@ ul.pf-v6-c-list {
13937
14094
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13938
14095
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
13939
14096
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
14097
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
14098
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
13940
14099
  }
13941
14100
  @media (min-width: 75rem) {
13942
14101
  .pf-v6-c-page {
@@ -14088,10 +14247,11 @@ ul.pf-v6-c-list {
14088
14247
  inset-inline-start: 0;
14089
14248
  z-index: var(--pf-v6-c-page__dock--ZIndex);
14090
14249
  display: flex;
14250
+ visibility: hidden;
14091
14251
  flex-direction: column;
14092
14252
  grid-area: dock;
14093
14253
  width: var(--pf-v6-c-page__dock--Width);
14094
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
14254
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
14095
14255
  translate: -100% 0;
14096
14256
  }
14097
14257
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -14100,7 +14260,9 @@ ul.pf-v6-c-list {
14100
14260
 
14101
14261
  .pf-v6-c-page__dock.pf-m-expanded {
14102
14262
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14263
+ visibility: visible;
14103
14264
  translate: 0;
14265
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14104
14266
  }
14105
14267
  @media (min-width: 62rem) {
14106
14268
  .pf-v6-c-page__dock {
@@ -14108,6 +14270,7 @@ ul.pf-v6-c-list {
14108
14270
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14109
14271
  position: revert;
14110
14272
  inset: revert;
14273
+ visibility: revert;
14111
14274
  width: auto;
14112
14275
  translate: 0;
14113
14276
  }
@@ -14122,9 +14285,9 @@ ul.pf-v6-c-list {
14122
14285
  .pf-v6-c-page__dock-main {
14123
14286
  flex-grow: 1;
14124
14287
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
14125
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14126
14288
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
14127
14289
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14290
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14128
14291
  }
14129
14292
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14130
14293
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -14206,10 +14369,10 @@ ul.pf-v6-c-list {
14206
14369
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
14207
14370
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
14208
14371
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
14209
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14210
14372
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14211
14373
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14212
14374
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
14375
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14213
14376
  }
14214
14377
 
14215
14378
  .pf-v6-c-page__sidebar-header {
@@ -14575,7 +14738,6 @@ ul.pf-v6-c-list {
14575
14738
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14576
14739
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14577
14740
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
14578
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14579
14741
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
14580
14742
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
14581
14743
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -14583,6 +14745,7 @@ ul.pf-v6-c-list {
14583
14745
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
14584
14746
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
14585
14747
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
14748
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14586
14749
  }
14587
14750
  @media screen and (max-width: calc(48rem - 1px)) {
14588
14751
  .pf-v6-c-page__main-container {
@@ -15607,7 +15770,7 @@ ul.pf-v6-c-list {
15607
15770
  }
15608
15771
 
15609
15772
  .pf-v6-c-popover__body {
15610
- word-wrap: break-word;
15773
+ overflow-wrap: break-word;
15611
15774
  }
15612
15775
 
15613
15776
  .pf-v6-c-popover__footer {
@@ -15652,7 +15815,7 @@ ul.pf-v6-c-list {
15652
15815
  display: grid;
15653
15816
  grid-template-rows: 1fr auto;
15654
15817
  grid-template-columns: auto auto;
15655
- grid-gap: var(--pf-v6-c-progress--GridGap);
15818
+ gap: var(--pf-v6-c-progress--GridGap);
15656
15819
  align-items: end;
15657
15820
  }
15658
15821
  .pf-v6-c-progress.pf-m-sm {
@@ -15746,7 +15909,7 @@ ul.pf-v6-c-list {
15746
15909
 
15747
15910
  .pf-v6-c-progress__description {
15748
15911
  grid-column: 1/2;
15749
- word-break: break-word;
15912
+ overflow-wrap: break-word;
15750
15913
  }
15751
15914
  .pf-v6-c-progress__description.pf-m-truncate {
15752
15915
  overflow: hidden;
@@ -15762,7 +15925,7 @@ ul.pf-v6-c-list {
15762
15925
  align-items: flex-start;
15763
15926
  justify-content: flex-end;
15764
15927
  text-align: end;
15765
- word-break: break-word;
15928
+ overflow-wrap: break-word;
15766
15929
  }
15767
15930
 
15768
15931
  .pf-v6-c-progress__status-icon {
@@ -16025,9 +16188,9 @@ ul.pf-v6-c-list {
16025
16188
  inset-block-start: 0;
16026
16189
  inset-inline-start: 0;
16027
16190
  overflow: hidden;
16028
- clip: rect(0, 0, 0, 0);
16029
16191
  white-space: nowrap;
16030
16192
  border: 0;
16193
+ clip-path: inset(50%);
16031
16194
  }
16032
16195
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
16033
16196
  grid-row: 1/2;
@@ -16449,7 +16612,7 @@ ul.pf-v6-c-list {
16449
16612
  .pf-v6-c-radio {
16450
16613
  display: grid;
16451
16614
  grid-template-columns: auto 1fr;
16452
- grid-gap: var(--pf-v6-c-radio--GridGap);
16615
+ gap: var(--pf-v6-c-radio--GridGap);
16453
16616
  align-items: baseline;
16454
16617
  accent-color: var(--pf-v6-c-radio--AccentColor);
16455
16618
  }
@@ -16680,6 +16843,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16680
16843
  --pf-v6-c-sidebar__panel--Position: static;
16681
16844
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
16682
16845
  }
16846
+ .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) {
16847
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
16848
+ }
16683
16849
  .pf-v6-c-sidebar__panel.pf-m-secondary {
16684
16850
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
16685
16851
  }
@@ -16699,7 +16865,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16699
16865
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
16700
16866
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
16701
16867
  }
16702
- .pf-v6-c-sidebar__content.pf-m-no-background {
16868
+ .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) {
16703
16869
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
16704
16870
  }
16705
16871
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16712,12 +16878,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16712
16878
  --pf-v6-c-sidebar__content--Order: -1;
16713
16879
  }
16714
16880
 
16715
- .pf-v6-c-sidebar.pf-m-no-background,
16716
- .pf-v6-c-sidebar__panel.pf-m-no-background,
16717
- .pf-v6-c-sidebar__content.pf-m-no-background {
16718
- background-color: transparent;
16719
- }
16720
-
16721
16881
  .pf-v6-c-sidebar__panel.pf-m-width-default {
16722
16882
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
16723
16883
  }
@@ -17444,10 +17604,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17444
17604
  width: 100%;
17445
17605
  height: 100%;
17446
17606
  stroke: var(--pf-v6-c-spinner--Color);
17607
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17608
+ stroke-linecap: round;
17447
17609
  stroke-dasharray: 283;
17448
17610
  stroke-dashoffset: 280;
17449
- stroke-linecap: round;
17450
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17451
17611
  transform-origin: 50% 50%;
17452
17612
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
17453
17613
  }
@@ -17607,8 +17767,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17607
17767
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
17608
17768
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
17609
17769
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
17610
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
17611
17770
  transform: translateY(-50%);
17771
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
17612
17772
  }
17613
17773
  .pf-v6-c-switch__toggle::after {
17614
17774
  position: absolute;
@@ -19466,6 +19626,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19466
19626
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19467
19627
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19468
19628
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19629
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19630
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19469
19631
  }
19470
19632
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
19471
19633
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -19535,6 +19697,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19535
19697
  .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]) {
19536
19698
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
19537
19699
  }
19700
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
19701
+ position: sticky;
19702
+ inset-block-end: 0;
19703
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
19704
+ background: var(--pf-v6-c-table--BackgroundColor);
19705
+ }
19706
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
19707
+ position: absolute;
19708
+ inset: 0;
19709
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
19710
+ pointer-events: none;
19711
+ content: "";
19712
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19713
+ }
19714
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19715
+ border-block-end: 0;
19716
+ }
19717
+ .pf-v6-c-table.pf-m-plain {
19718
+ --pf-v6-c-table--BackgroundColor: transparent;
19719
+ }
19538
19720
  .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),
19539
19721
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
19540
19722
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -19605,11 +19787,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19605
19787
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
19606
19788
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
19607
19789
  overflow: var(--pf-v6-c-table--cell--Overflow);
19790
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19608
19791
  font-size: var(--pf-v6-c-table--cell--FontSize);
19609
19792
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
19610
19793
  line-height: var(--pf-v6-c-table--cell--LineHeight);
19611
19794
  color: var(--pf-v6-c-table--cell--Color);
19612
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19613
19795
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19614
19796
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19615
19797
  }
@@ -19715,24 +19897,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19715
19897
  }
19716
19898
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
19717
19899
  cursor: pointer;
19718
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19719
19900
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
19901
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19720
19902
  }
19721
19903
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
19722
19904
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
19723
19905
  }
19724
19906
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
19725
19907
  position: relative;
19726
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19727
19908
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
19909
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19728
19910
  }
19729
19911
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
19730
19912
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
19731
19913
  }
19732
19914
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
19733
19915
  cursor: pointer;
19734
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19735
19916
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
19917
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19736
19918
  }
19737
19919
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
19738
19920
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -19741,8 +19923,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19741
19923
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
19742
19924
  }
19743
19925
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
19744
- background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19745
19926
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
19927
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19746
19928
  }
19747
19929
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
19748
19930
  border: none;
@@ -19767,11 +19949,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19767
19949
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
19768
19950
  visibility: hidden;
19769
19951
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
19952
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19770
19953
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
19771
19954
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
19772
19955
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
19773
19956
  transition-property: opacity, translate, visibility, background-color;
19774
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19775
19957
  }
19776
19958
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
19777
19959
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -19779,9 +19961,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19779
19961
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
19780
19962
  visibility: visible;
19781
19963
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
19964
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19782
19965
  transition-delay: 0s;
19783
19966
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
19784
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19785
19967
  }
19786
19968
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
19787
19969
  max-height: 99999px;
@@ -19847,8 +20029,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19847
20029
  min-width: var(--pf-v6-c-table__text--MinWidth);
19848
20030
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
19849
20031
  overflow: var(--pf-v6-c-table--cell--Overflow);
19850
- line-height: var(--pf-v6-c-table--cell--LineHeight);
19851
20032
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
20033
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
19852
20034
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19853
20035
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19854
20036
  }
@@ -19877,10 +20059,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19877
20059
  text-align: start;
19878
20060
  white-space: inherit;
19879
20061
  user-select: text;
20062
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19880
20063
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
19881
20064
  border: 0;
19882
20065
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
19883
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19884
20066
  }
19885
20067
  .pf-v6-c-table__button::after {
19886
20068
  position: absolute;
@@ -19974,10 +20156,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19974
20156
  }
19975
20157
 
19976
20158
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
20159
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19977
20160
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
19978
20161
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
19979
20162
  transition-property: transform;
19980
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19981
20163
  }
19982
20164
  .pf-v6-c-table__toggle svg {
19983
20165
  pointer-events: none;
@@ -20269,6 +20451,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20269
20451
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20270
20452
  }
20271
20453
 
20454
+ .pf-v6-c-table__tfoot {
20455
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20456
+ vertical-align: top;
20457
+ }
20458
+
20272
20459
  .pf-v6-c-table__icon-inline {
20273
20460
  display: flex;
20274
20461
  align-items: center;
@@ -20533,8 +20720,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20533
20720
  }
20534
20721
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20535
20722
  position: relative;
20536
- border: none;
20537
20723
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20724
+ border: none;
20538
20725
  }
20539
20726
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20540
20727
  position: absolute;
@@ -20572,7 +20759,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20572
20759
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20573
20760
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20574
20761
  grid-column: 1;
20575
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20762
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20576
20763
  align-items: start;
20577
20764
  }
20578
20765
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20675,8 +20862,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20675
20862
  }
20676
20863
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20677
20864
  position: relative;
20678
- border: none;
20679
20865
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20866
+ border: none;
20680
20867
  }
20681
20868
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20682
20869
  position: absolute;
@@ -20714,7 +20901,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20714
20901
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20715
20902
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20716
20903
  grid-column: 1;
20717
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20904
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20718
20905
  align-items: start;
20719
20906
  }
20720
20907
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20818,8 +21005,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20818
21005
  }
20819
21006
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20820
21007
  position: relative;
20821
- border: none;
20822
21008
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21009
+ border: none;
20823
21010
  }
20824
21011
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20825
21012
  position: absolute;
@@ -20857,7 +21044,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20857
21044
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20858
21045
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20859
21046
  grid-column: 1;
20860
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21047
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20861
21048
  align-items: start;
20862
21049
  }
20863
21050
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20961,8 +21148,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20961
21148
  }
20962
21149
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20963
21150
  position: relative;
20964
- border: none;
20965
21151
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21152
+ border: none;
20966
21153
  }
20967
21154
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20968
21155
  position: absolute;
@@ -21000,7 +21187,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21000
21187
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21001
21188
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21002
21189
  grid-column: 1;
21003
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21190
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21004
21191
  align-items: start;
21005
21192
  }
21006
21193
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21104,8 +21291,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21104
21291
  }
21105
21292
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
21106
21293
  position: relative;
21107
- border: none;
21108
21294
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21295
+ border: none;
21109
21296
  }
21110
21297
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
21111
21298
  position: absolute;
@@ -21143,7 +21330,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21143
21330
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21144
21331
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21145
21332
  grid-column: 1;
21146
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21333
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21147
21334
  align-items: start;
21148
21335
  }
21149
21336
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21696,8 +21883,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21696
21883
 
21697
21884
  .pf-v6-c-tabs__toggle-icon {
21698
21885
  display: inline-block;
21699
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21700
21886
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
21887
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21701
21888
  }
21702
21889
 
21703
21890
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -21861,8 +22048,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21861
22048
  align-self: end;
21862
22049
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
21863
22050
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
21864
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21865
22051
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
22052
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21866
22053
  }
21867
22054
 
21868
22055
  .pf-v6-c-tabs__item-action {
@@ -22125,10 +22312,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22125
22312
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
22126
22313
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
22127
22314
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
22315
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22128
22316
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
22129
22317
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
22130
22318
  transition-property: width, height, translate;
22131
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22132
22319
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
22133
22320
  }
22134
22321
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -22334,9 +22521,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22334
22521
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
22335
22522
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
22336
22523
  color: var(--pf-v6-c-text-input-group__text-input--Color);
22524
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22337
22525
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
22338
22526
  border: 0;
22339
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22340
22527
  }
22341
22528
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
22342
22529
  grid-area: text-input;
@@ -22544,7 +22731,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22544
22731
 
22545
22732
  .pf-v6-c-title {
22546
22733
  font-family: var(--pf-v6-c-title--FontFamily);
22547
- word-break: break-word;
22734
+ overflow-wrap: break-word;
22548
22735
  }
22549
22736
  .pf-v6-c-title.pf-m-4xl {
22550
22737
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -23327,10 +23514,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23327
23514
 
23328
23515
  .pf-v6-c-toolbar__expand-all-icon {
23329
23516
  display: inline-flex;
23517
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23330
23518
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
23331
23519
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
23332
23520
  transition-property: transform;
23333
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23334
23521
  }
23335
23522
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
23336
23523
  scale: -1 1;
@@ -24966,7 +25153,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24966
25153
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24967
25154
  color: var(--pf-v6-c-tooltip__content--Color);
24968
25155
  text-align: center;
24969
- word-break: break-word;
25156
+ overflow-wrap: break-word;
24970
25157
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24971
25158
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24972
25159
  }
@@ -25348,19 +25535,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25348
25535
  display: inline-block;
25349
25536
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
25350
25537
  text-align: center;
25351
- transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25352
25538
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
25539
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25353
25540
  }
25354
25541
 
25355
25542
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
25356
- max-height: 0;
25357
25543
  visibility: hidden;
25544
+ max-height: 0;
25358
25545
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
25546
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25359
25547
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
25360
25548
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
25361
25549
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
25362
25550
  transition-property: opacity, translate, visibility, max-height;
25363
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25364
25551
  }
25365
25552
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
25366
25553
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -25371,12 +25558,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25371
25558
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
25372
25559
  }
25373
25560
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
25374
- max-height: 99999px;
25375
25561
  visibility: revert;
25562
+ max-height: 99999px;
25376
25563
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
25564
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25377
25565
  transition-delay: 0s;
25378
25566
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
25379
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25380
25567
  }
25381
25568
 
25382
25569
  .pf-v6-c-tree-view__node,
@@ -25815,7 +26002,7 @@ label.pf-v6-c-tree-view__node-text {
25815
26002
 
25816
26003
  .pf-v6-c-wizard__title {
25817
26004
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
25818
- word-wrap: break-word;
26005
+ overflow-wrap: break-word;
25819
26006
  }
25820
26007
 
25821
26008
  .pf-v6-c-wizard__title-text {
@@ -25878,7 +26065,7 @@ label.pf-v6-c-tree-view__node-text {
25878
26065
  align-items: baseline;
25879
26066
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25880
26067
  text-align: start;
25881
- word-break: break-word;
26068
+ overflow-wrap: break-word;
25882
26069
  }
25883
26070
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25884
26071
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26014,8 +26201,8 @@ label.pf-v6-c-tree-view__node-text {
26014
26201
  padding-inline: 0;
26015
26202
  color: var(--pf-v6-c-wizard__nav-link--Color);
26016
26203
  text-align: start;
26204
+ overflow-wrap: break-word;
26017
26205
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26018
- word-break: break-word;
26019
26206
  counter-increment: wizard-nav-count;
26020
26207
  background-color: transparent;
26021
26208
  border: none;
@@ -26120,10 +26307,10 @@ label.pf-v6-c-tree-view__node-text {
26120
26307
 
26121
26308
  .pf-v6-c-wizard__nav-link-toggle-icon {
26122
26309
  display: inline-block;
26310
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26123
26311
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
26124
26312
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
26125
26313
  transition-property: transform;
26126
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26127
26314
  }
26128
26315
 
26129
26316
  .pf-v6-c-wizard__main {
@@ -26133,7 +26320,7 @@ label.pf-v6-c-tree-view__node-text {
26133
26320
  flex-direction: column;
26134
26321
  overflow-x: hidden;
26135
26322
  overflow-y: auto;
26136
- word-break: break-word;
26323
+ overflow-wrap: break-word;
26137
26324
  }
26138
26325
 
26139
26326
  .pf-v6-c-wizard__main-body {