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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) 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/Drawer/drawer.css +2 -2
  57. package/components/Drawer/drawer.scss +2 -2
  58. package/components/DualListSelector/dual-list-selector.css +6 -6
  59. package/components/DualListSelector/dual-list-selector.scss +6 -6
  60. package/components/ExpandableSection/expandable-section.css +3 -3
  61. package/components/ExpandableSection/expandable-section.scss +3 -3
  62. package/components/Form/form.css +12 -12
  63. package/components/Form/form.scss +6 -6
  64. package/components/FormControl/form-control.css +1 -1
  65. package/components/FormControl/form-control.scss +3 -1
  66. package/components/Hero/hero.css +1 -1
  67. package/components/Hero/hero.scss +1 -1
  68. package/components/Hint/hint.css +1 -1
  69. package/components/Hint/hint.scss +1 -1
  70. package/components/InputGroup/input-group.css +5 -5
  71. package/components/InputGroup/input-group.scss +5 -5
  72. package/components/JumpLinks/jump-links.css +1 -1
  73. package/components/JumpLinks/jump-links.scss +1 -1
  74. package/components/Label/label.css +1 -1
  75. package/components/Label/label.scss +1 -1
  76. package/components/Login/login.css +2 -2
  77. package/components/Login/login.scss +2 -2
  78. package/components/Masthead/masthead.css +2 -2
  79. package/components/Masthead/masthead.scss +2 -2
  80. package/components/Menu/menu.css +4 -4
  81. package/components/Menu/menu.scss +4 -4
  82. package/components/MenuToggle/menu-toggle.css +4 -1
  83. package/components/MenuToggle/menu-toggle.scss +5 -2
  84. package/components/ModalBox/modal-box.css +1 -1
  85. package/components/ModalBox/modal-box.scss +1 -1
  86. package/components/Nav/nav.css +5 -5
  87. package/components/Nav/nav.scss +5 -5
  88. package/components/NotificationDrawer/notification-drawer.css +5 -5
  89. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  90. package/components/Page/page.css +26 -21
  91. package/components/Page/page.scss +30 -25
  92. package/components/Popover/popover.css +1 -1
  93. package/components/Popover/popover.scss +2 -2
  94. package/components/Progress/progress.css +3 -3
  95. package/components/Progress/progress.scss +3 -6
  96. package/components/ProgressStepper/progress-stepper.css +1 -1
  97. package/components/Radio/radio.css +1 -1
  98. package/components/Radio/radio.scss +1 -1
  99. package/components/Sidebar/sidebar.css +4 -7
  100. package/components/Sidebar/sidebar.scss +9 -9
  101. package/components/Spinner/spinner.css +2 -2
  102. package/components/Spinner/spinner.scss +2 -2
  103. package/components/Switch/switch.css +1 -1
  104. package/components/Switch/switch.scss +1 -1
  105. package/components/Table/table-tree-view.css +10 -10
  106. package/components/Table/table-tree-view.scss +2 -2
  107. package/components/Table/table.css +37 -10
  108. package/components/Table/table.scss +53 -14
  109. package/components/Tabs/tabs.css +3 -3
  110. package/components/Tabs/tabs.scss +3 -3
  111. package/components/TextInputGroup/text-input-group.css +1 -1
  112. package/components/TextInputGroup/text-input-group.scss +1 -1
  113. package/components/Title/title.css +1 -1
  114. package/components/Title/title.scss +1 -1
  115. package/components/Toolbar/toolbar.css +1 -1
  116. package/components/Toolbar/toolbar.scss +1 -1
  117. package/components/Tooltip/tooltip.css +1 -1
  118. package/components/Tooltip/tooltip.scss +2 -2
  119. package/components/TreeView/tree-view.css +5 -5
  120. package/components/TreeView/tree-view.scss +5 -5
  121. package/components/Wizard/wizard.css +5 -5
  122. package/components/Wizard/wizard.scss +5 -5
  123. package/components/_index.css +337 -154
  124. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  125. package/docs/components/Accordion/examples/Accordion.md +30 -30
  126. package/docs/components/ActionList/examples/ActionList.md +11 -11
  127. package/docs/components/Alert/examples/Alert.md +54 -54
  128. package/docs/components/Avatar/examples/Avatar.css +6 -0
  129. package/docs/components/Avatar/examples/Avatar.md +414 -40
  130. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  131. package/docs/components/Banner/examples/Banner.md +10 -10
  132. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  133. package/docs/components/Button/examples/Button.md +184 -184
  134. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  135. package/docs/components/Card/examples/Card.md +14 -14
  136. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  137. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  138. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  139. package/docs/components/DataList/examples/DataList.md +34 -34
  140. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  141. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  142. package/docs/components/Drawer/examples/Drawer.md +23 -23
  143. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  144. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  145. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  146. package/docs/components/Form/examples/Form.md +6 -6
  147. package/docs/components/Hint/examples/Hint.md +3 -3
  148. package/docs/components/Icon/examples/Icon.md +9 -9
  149. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  150. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  151. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  152. package/docs/components/Label/examples/Label.md +218 -218
  153. package/docs/components/Login/examples/Login.md +4 -4
  154. package/docs/components/Masthead/examples/masthead.md +1 -1
  155. package/docs/components/Menu/examples/Menu.md +129 -129
  156. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  157. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  158. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  159. package/docs/components/Nav/examples/Navigation.md +66 -66
  160. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  161. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  162. package/docs/components/Page/examples/Page.md +1 -1
  163. package/docs/components/Pagination/examples/Pagination.md +92 -92
  164. package/docs/components/Popover/examples/Popover.md +22 -22
  165. package/docs/components/Progress/examples/Progress.md +7 -7
  166. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  167. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  168. package/docs/components/Slider/examples/Slider.md +4 -4
  169. package/docs/components/Table/examples/Table.css +6 -0
  170. package/docs/components/Table/examples/Table.md +807 -527
  171. package/docs/components/Tabs/examples/Tabs.md +378 -378
  172. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  173. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  174. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  175. package/docs/components/TreeView/examples/TreeView.md +104 -104
  176. package/docs/components/Wizard/examples/Wizard.md +40 -40
  177. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  178. package/docs/demos/Alert/examples/Alert.md +32 -32
  179. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  180. package/docs/demos/Banner/examples/Banner.md +16 -16
  181. package/docs/demos/Button/examples/Button.md +1 -1
  182. package/docs/demos/Card/examples/Card.md +78 -78
  183. package/docs/demos/CardView/examples/CardView.md +38 -38
  184. package/docs/demos/Compass/examples/Compass.md +294 -238
  185. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  186. package/docs/demos/DataList/examples/DataList.md +101 -101
  187. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  188. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  189. package/docs/demos/Form/examples/BasicForms.md +21 -21
  190. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  191. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  192. package/docs/demos/Modal/examples/Modal.md +54 -54
  193. package/docs/demos/Nav/examples/Nav.md +93 -93
  194. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  195. package/docs/demos/Page/examples/Page.md +119 -119
  196. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  197. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  198. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  199. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  200. package/docs/demos/Table/examples/Table.md +630 -630
  201. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  202. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  203. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  204. package/layouts/Gallery/gallery.css +1 -1
  205. package/layouts/Gallery/gallery.scss +1 -1
  206. package/layouts/Grid/grid.css +1 -1
  207. package/layouts/Grid/grid.scss +1 -1
  208. package/layouts/_index.css +2 -2
  209. package/package.json +11 -12
  210. package/patternfly-addons.css +12 -12
  211. package/patternfly-base-no-globals.css +63 -61
  212. package/patternfly-base.css +63 -61
  213. package/patternfly-no-globals.css +402 -217
  214. package/patternfly.css +402 -217
  215. package/patternfly.min.css +1 -1
  216. package/patternfly.min.css.map +1 -1
  217. package/sass-utilities/mixins.scss +2 -2
  218. package/utilities/Accessibility/accessibility.css +12 -12
  219. 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
  }
@@ -5782,9 +5933,9 @@ ul) {
5782
5933
  max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
5783
5934
  margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
5784
5935
  overflow: auto;
5936
+ outline-offset: 2px;
5785
5937
  border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
5786
5938
  border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
5787
- outline-offset: 2px;
5788
5939
  }
5789
5940
 
5790
5941
  .pf-v6-c-dual-list-selector__list {
@@ -5820,25 +5971,25 @@ ul) {
5820
5971
  --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
5821
5972
  }
5822
5973
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
5823
- max-height: 0;
5824
5974
  visibility: hidden;
5975
+ max-height: 0;
5825
5976
  opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
5977
+ translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5826
5978
  transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
5827
5979
  transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
5828
5980
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
5829
5981
  transition-property: opacity, translate, visibility, max-height;
5830
- translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
5831
5982
  }
5832
5983
  .pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
5833
5984
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
5834
5985
  }
5835
5986
  .pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
5836
- max-height: 99999px;
5837
5987
  visibility: revert;
5988
+ max-height: 99999px;
5838
5989
  opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
5990
+ translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5839
5991
  transition-delay: 0s;
5840
5992
  transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
5841
- translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
5842
5993
  }
5843
5994
  .pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
5844
5995
  --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 +6124,10 @@ ul) {
5973
6124
  min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5974
6125
  color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5975
6126
  text-align: center;
6127
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5976
6128
  transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5977
6129
  transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
5978
6130
  transition-property: transform;
5979
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5980
6131
  }
5981
6132
 
5982
6133
  .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
@@ -6761,6 +6912,7 @@ ul) {
6761
6912
  .pf-v6-c-drawer__panel {
6762
6913
  position: relative;
6763
6914
  z-index: var(--pf-v6-c-drawer__panel--ZIndex);
6915
+ visibility: hidden;
6764
6916
  flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
6765
6917
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
6766
6918
  order: 1;
@@ -6768,7 +6920,6 @@ ul) {
6768
6920
  margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
6769
6921
  margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
6770
6922
  overflow: auto;
6771
- visibility: hidden;
6772
6923
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
6773
6924
  border: solid var(--pf-v6-c-drawer__panel--BorderColor);
6774
6925
  border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
@@ -6878,8 +7029,8 @@ ul) {
6878
7029
  margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6879
7030
  margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6880
7031
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6881
- background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6882
7032
  outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
7033
+ background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6883
7034
  }
6884
7035
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6885
7036
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -7669,8 +7820,8 @@ ul) {
7669
7820
  display: inline-block;
7670
7821
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
7671
7822
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
7672
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7673
7823
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
7824
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
7674
7825
  }
7675
7826
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
7676
7827
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
@@ -7685,15 +7836,15 @@ ul) {
7685
7836
  display: revert;
7686
7837
  }
7687
7838
  .pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
7839
+ visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7688
7840
  max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
7689
7841
  overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
7690
- visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
7691
7842
  opacity: var(--pf-v6-c-expandable-section__content--Opacity);
7843
+ translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7692
7844
  transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
7693
7845
  transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
7694
7846
  transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
7695
7847
  transition-property: opacity, translate, visibility, max-height;
7696
- translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
7697
7848
  }
7698
7849
 
7699
7850
  .pf-v6-c-file-upload {
@@ -7864,7 +8015,7 @@ ul) {
7864
8015
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
7865
8016
  display: grid;
7866
8017
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7867
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8018
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7868
8019
  }
7869
8020
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
7870
8021
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7892,7 +8043,7 @@ ul) {
7892
8043
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
7893
8044
  display: grid;
7894
8045
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7895
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8046
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7896
8047
  }
7897
8048
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
7898
8049
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7920,7 +8071,7 @@ ul) {
7920
8071
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
7921
8072
  display: grid;
7922
8073
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7923
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8074
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7924
8075
  }
7925
8076
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
7926
8077
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7948,7 +8099,7 @@ ul) {
7948
8099
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
7949
8100
  display: grid;
7950
8101
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7951
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8102
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7952
8103
  }
7953
8104
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
7954
8105
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -7976,7 +8127,7 @@ ul) {
7976
8127
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
7977
8128
  display: grid;
7978
8129
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
7979
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8130
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
7980
8131
  }
7981
8132
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
7982
8133
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8004,7 +8155,7 @@ ul) {
8004
8155
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
8005
8156
  display: grid;
8006
8157
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
8007
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8158
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8008
8159
  }
8009
8160
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
8010
8161
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8032,7 +8183,7 @@ ul) {
8032
8183
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
8033
8184
  display: grid;
8034
8185
  grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
8035
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8186
+ column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
8036
8187
  }
8037
8188
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
8038
8189
  padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
@@ -8205,14 +8356,14 @@ ul) {
8205
8356
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
8206
8357
  }
8207
8358
  .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
8359
+ visibility: visible;
8208
8360
  max-height: 99999px;
8209
8361
  padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
8210
8362
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8211
- visibility: visible;
8212
8363
  opacity: 1;
8364
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8213
8365
  transition-delay: 0s;
8214
8366
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
8215
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
8216
8367
  }
8217
8368
 
8218
8369
  .pf-v6-c-form__field-group-toggle {
@@ -8234,10 +8385,10 @@ ul) {
8234
8385
  display: inline-block;
8235
8386
  min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
8236
8387
  text-align: center;
8388
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8237
8389
  transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
8238
8390
  transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
8239
8391
  transition-property: transform;
8240
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
8241
8392
  }
8242
8393
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
8243
8394
  scale: -1 1;
@@ -8286,15 +8437,15 @@ ul) {
8286
8437
  padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
8287
8438
  }
8288
8439
  .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
8440
+ visibility: hidden;
8289
8441
  max-height: 0;
8290
8442
  padding-block-start: 0;
8291
8443
  padding-block-end: 0;
8292
- visibility: hidden;
8293
8444
  opacity: 0;
8445
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
8294
8446
  transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
8295
8447
  transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
8296
8448
  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
8449
  }
8299
8450
 
8300
8451
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -8454,10 +8605,10 @@ ul) {
8454
8605
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
8455
8606
  color: var(--pf-v6-c-form-control--Color);
8456
8607
  appearance: none;
8608
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8457
8609
  background-color: transparent;
8458
8610
  border: none;
8459
8611
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8460
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
8461
8612
  }
8462
8613
  .pf-v6-c-form-control > ::placeholder {
8463
8614
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
@@ -8823,8 +8974,8 @@ ul) {
8823
8974
  :where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
8824
8975
  --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
8825
8976
  --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
8977
  box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
8978
+ backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
8828
8979
  }
8829
8980
  :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
8830
8981
  --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
@@ -8860,7 +9011,7 @@ ul) {
8860
9011
  .pf-v6-c-hint {
8861
9012
  display: grid;
8862
9013
  grid-template-columns: 1fr auto;
8863
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
9014
+ row-gap: var(--pf-v6-c-hint--GridRowGap);
8864
9015
  padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
8865
9016
  padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
8866
9017
  padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
@@ -9308,20 +9459,20 @@ ul) {
9308
9459
  transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9309
9460
  }
9310
9461
  .pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
9462
+ visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
9311
9463
  flex-grow: 1;
9312
9464
  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
9465
  opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
9466
+ transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
9467
+ scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
9315
9468
  transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
9316
9469
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
9317
9470
  transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
9318
9471
  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
9472
  }
9322
9473
  .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
9474
  visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
9475
+ max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
9325
9476
  opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
9326
9477
  transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9327
9478
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
@@ -9329,8 +9480,8 @@ ul) {
9329
9480
  transition-property: opacity, visibility, max-width;
9330
9481
  }
9331
9482
  .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
9483
  visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
9484
+ max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
9334
9485
  opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
9335
9486
  transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
9336
9487
  transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
@@ -9657,10 +9808,10 @@ label.pf-v6-c-input-group__text {
9657
9808
  .pf-v6-c-jump-links__toggle-icon {
9658
9809
  display: inline-block;
9659
9810
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
9811
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9660
9812
  transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
9661
9813
  transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
9662
9814
  transition-property: transform;
9663
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
9664
9815
  }
9665
9816
 
9666
9817
  .pf-v6-c-label {
@@ -9873,9 +10024,9 @@ label.pf-v6-c-input-group__text {
9873
10024
  font-size: var(--pf-v6-c-label--FontSize);
9874
10025
  white-space: nowrap;
9875
10026
  background: transparent;
9876
- isolation: isolate;
9877
10027
  border: 0;
9878
10028
  border-radius: var(--pf-v6-c-label--BorderRadius);
10029
+ isolation: isolate;
9879
10030
  }
9880
10031
  .pf-v6-c-label.pf-m-blue {
9881
10032
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
@@ -10533,7 +10684,7 @@ ul.pf-v6-c-list {
10533
10684
  display: grid;
10534
10685
  grid-template-areas: "main header" "main footer" "main .";
10535
10686
  grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
10536
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10687
+ column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
10537
10688
  justify-content: center;
10538
10689
  padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
10539
10690
  padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
@@ -10559,10 +10710,10 @@ ul.pf-v6-c-list {
10559
10710
  align-self: start;
10560
10711
  margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
10561
10712
  background-color: var(--pf-v6-c-login__main--BackgroundColor);
10562
- backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10563
10713
  border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
10564
10714
  border-radius: var(--pf-v6-c-login__main--BorderRadius);
10565
10715
  box-shadow: var(--pf-v6-c-login__main--BoxShadow);
10716
+ backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
10566
10717
  }
10567
10718
  .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
10568
10719
  padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
@@ -10669,7 +10820,7 @@ ul.pf-v6-c-list {
10669
10820
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
10670
10821
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
10671
10822
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
10672
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
10823
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
10673
10824
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
10674
10825
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10675
10826
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -10906,9 +11057,9 @@ ul.pf-v6-c-list {
10906
11057
  }
10907
11058
  :where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
10908
11059
  background-color: var(--pf-t--global--background--color--glass--primary--default);
10909
- backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10910
11060
  border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
10911
11061
  box-shadow: var(--pf-t--global--box-shadow--glass--default);
11062
+ backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
10912
11063
  }
10913
11064
 
10914
11065
  .pf-v6-c-masthead__main {
@@ -11617,8 +11768,8 @@ ul.pf-v6-c-list {
11617
11768
  }
11618
11769
 
11619
11770
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
11620
- overflow: hidden;
11621
11771
  visibility: visible;
11772
+ overflow: hidden;
11622
11773
  transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
11623
11774
  }
11624
11775
  .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
@@ -11644,8 +11795,8 @@ ul.pf-v6-c-list {
11644
11795
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11645
11796
  }
11646
11797
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
11647
- overflow: visible;
11648
11798
  visibility: hidden;
11799
+ overflow: visible;
11649
11800
  }
11650
11801
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
11651
11802
  .pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
@@ -11786,10 +11937,10 @@ ul.pf-v6-c-list {
11786
11937
  color: var(--pf-v6-c-menu__item--Color);
11787
11938
  text-align: start;
11788
11939
  text-decoration-line: none;
11940
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11789
11941
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11790
11942
  border: 0;
11791
11943
  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11792
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11793
11944
  --pf-v6-hidden-visible--visible--Display: flex;
11794
11945
  --pf-v6-hidden-visible--hidden--Display: none;
11795
11946
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -11883,7 +12034,7 @@ ul.pf-v6-c-list {
11883
12034
  .pf-v6-c-menu__item-description {
11884
12035
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11885
12036
  color: var(--pf-v6-c-menu__item-description--Color);
11886
- word-break: break-word;
12037
+ overflow-wrap: break-word;
11887
12038
  }
11888
12039
 
11889
12040
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12300,6 +12451,9 @@ ul.pf-v6-c-list {
12300
12451
  justify-content: flex-start;
12301
12452
  width: 100%;
12302
12453
  }
12454
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
12455
+ min-width: 1lh;
12456
+ }
12303
12457
  @media (min-width: 62rem) {
12304
12458
  .pf-v6-c-menu-toggle.pf-m-docked {
12305
12459
  justify-content: center;
@@ -12466,10 +12620,10 @@ ul.pf-v6-c-list {
12466
12620
 
12467
12621
  .pf-v6-c-menu-toggle__icon {
12468
12622
  flex-shrink: 0;
12623
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12469
12624
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12470
12625
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12471
12626
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
12472
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
12473
12627
  }
12474
12628
  .pf-v6-c-menu-toggle__icon :where(picture, img) {
12475
12629
  vertical-align: middle;
@@ -12677,7 +12831,7 @@ ul.pf-v6-c-list {
12677
12831
  overflow-x: hidden;
12678
12832
  overflow-y: auto;
12679
12833
  overscroll-behavior: contain;
12680
- word-break: break-word;
12834
+ overflow-wrap: break-word;
12681
12835
  -webkit-overflow-scrolling: touch;
12682
12836
  }
12683
12837
  .pf-v6-c-modal-box__body:last-child {
@@ -13126,17 +13280,17 @@ ul.pf-v6-c-list {
13126
13280
 
13127
13281
  .pf-v6-c-nav__subnav {
13128
13282
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
13283
+ visibility: visible;
13129
13284
  max-height: 99999px;
13130
13285
  padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
13131
13286
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
13132
13287
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
13133
13288
  overflow-y: clip;
13134
- visibility: visible;
13289
+ translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13135
13290
  transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
13136
13291
  transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
13137
13292
  transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
13138
13293
  transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
13139
- translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
13140
13294
  }
13141
13295
  .pf-v6-c-nav__subnav[hidden] {
13142
13296
  --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
@@ -13146,8 +13300,8 @@ ul.pf-v6-c-list {
13146
13300
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
13147
13301
  --pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
13148
13302
  display: grid;
13149
- max-height: 0;
13150
13303
  visibility: hidden;
13304
+ max-height: 0;
13151
13305
  opacity: 0;
13152
13306
  }
13153
13307
 
@@ -13165,10 +13319,10 @@ ul.pf-v6-c-list {
13165
13319
  content: var(--pf-v6-c-nav__item--accent--content, "");
13166
13320
  background-color: var(--pf-v6-c-nav__item--accent--color);
13167
13321
  border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
13322
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13168
13323
  transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
13169
13324
  transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
13170
13325
  transition-property: scale;
13171
- scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
13172
13326
  }
13173
13327
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
13174
13328
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
@@ -13256,10 +13410,10 @@ ul.pf-v6-c-list {
13256
13410
 
13257
13411
  .pf-v6-c-nav__toggle-icon {
13258
13412
  display: inline-block;
13413
+ transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13259
13414
  transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
13260
13415
  transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
13261
13416
  transition-property: transform;
13262
- transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
13263
13417
  }
13264
13418
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
13265
13419
  scale: -1 1;
@@ -13492,9 +13646,9 @@ ul.pf-v6-c-list {
13492
13646
  padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
13493
13647
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
13494
13648
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
13649
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13495
13650
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
13496
13651
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
13497
- outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
13498
13652
  }
13499
13653
  .pf-v6-c-notification-drawer__list-item::before {
13500
13654
  position: absolute;
@@ -13551,7 +13705,7 @@ ul.pf-v6-c-list {
13551
13705
 
13552
13706
  .pf-v6-c-notification-drawer__list-item-header-title {
13553
13707
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13554
- word-break: break-word;
13708
+ overflow-wrap: break-word;
13555
13709
  }
13556
13710
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13557
13711
  display: -webkit-box;
@@ -13573,7 +13727,7 @@ ul.pf-v6-c-list {
13573
13727
  grid-row: 2/3;
13574
13728
  grid-column: 1/2;
13575
13729
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13576
- word-break: break-word;
13730
+ overflow-wrap: break-word;
13577
13731
  }
13578
13732
 
13579
13733
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13604,9 +13758,9 @@ ul.pf-v6-c-list {
13604
13758
  padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
13605
13759
  padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
13606
13760
  padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
13761
+ outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13607
13762
  background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
13608
13763
  border: none;
13609
- outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
13610
13764
  }
13611
13765
 
13612
13766
  .pf-v6-c-notification-drawer__group-toggle-title {
@@ -13618,7 +13772,7 @@ ul.pf-v6-c-list {
13618
13772
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13619
13773
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13620
13774
  text-align: start;
13621
- word-break: break-word;
13775
+ overflow-wrap: break-word;
13622
13776
  }
13623
13777
 
13624
13778
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -13695,11 +13849,6 @@ ul.pf-v6-c-list {
13695
13849
  .pf-v6-c-page {
13696
13850
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13697
13851
  --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
13852
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13704
13853
  --pf-v6-c-page__dock--Width: 15.625rem;
13705
13854
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -13718,6 +13867,11 @@ ul.pf-v6-c-list {
13718
13867
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13719
13868
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
13720
13869
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13870
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
13871
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13872
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13873
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13874
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13721
13875
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
13722
13876
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
13723
13877
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -13888,20 +14042,17 @@ ul.pf-v6-c-list {
13888
14042
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
13889
14043
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13890
14044
  --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
14045
  --pf-v6-c-page--BackgroundColor--glass: transparent;
13895
14046
  --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);
14047
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14048
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
14049
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
13899
14050
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13900
14051
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13901
14052
  --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);
14053
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
14054
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
14055
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
13905
14056
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13906
14057
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13907
14058
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -13912,9 +14063,11 @@ ul.pf-v6-c-list {
13912
14063
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13913
14064
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13914
14065
  --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);
14066
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
14067
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14068
+ --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
14069
+ --pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
14070
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
13918
14071
  }
13919
14072
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13920
14073
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -13937,6 +14090,8 @@ ul.pf-v6-c-list {
13937
14090
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13938
14091
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
13939
14092
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
14093
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
14094
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
13940
14095
  }
13941
14096
  @media (min-width: 75rem) {
13942
14097
  .pf-v6-c-page {
@@ -14088,10 +14243,11 @@ ul.pf-v6-c-list {
14088
14243
  inset-inline-start: 0;
14089
14244
  z-index: var(--pf-v6-c-page__dock--ZIndex);
14090
14245
  display: flex;
14246
+ visibility: hidden;
14091
14247
  flex-direction: column;
14092
14248
  grid-area: dock;
14093
14249
  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);
14250
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
14095
14251
  translate: -100% 0;
14096
14252
  }
14097
14253
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -14100,7 +14256,9 @@ ul.pf-v6-c-list {
14100
14256
 
14101
14257
  .pf-v6-c-page__dock.pf-m-expanded {
14102
14258
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14259
+ visibility: visible;
14103
14260
  translate: 0;
14261
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14104
14262
  }
14105
14263
  @media (min-width: 62rem) {
14106
14264
  .pf-v6-c-page__dock {
@@ -14108,6 +14266,7 @@ ul.pf-v6-c-list {
14108
14266
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14109
14267
  position: revert;
14110
14268
  inset: revert;
14269
+ visibility: revert;
14111
14270
  width: auto;
14112
14271
  translate: 0;
14113
14272
  }
@@ -14122,9 +14281,9 @@ ul.pf-v6-c-list {
14122
14281
  .pf-v6-c-page__dock-main {
14123
14282
  flex-grow: 1;
14124
14283
  background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
14125
- backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14126
14284
  border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
14127
14285
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14286
+ backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14128
14287
  }
14129
14288
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14130
14289
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
@@ -14206,10 +14365,10 @@ ul.pf-v6-c-list {
14206
14365
  margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
14207
14366
  margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
14208
14367
  background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
14209
- backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14210
14368
  border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14211
14369
  border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14212
14370
  box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
14371
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14213
14372
  }
14214
14373
 
14215
14374
  .pf-v6-c-page__sidebar-header {
@@ -14575,7 +14734,6 @@ ul.pf-v6-c-list {
14575
14734
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14576
14735
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14577
14736
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
14578
- backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14579
14737
  border: solid var(--pf-v6-c-page__main-container--BorderColor);
14580
14738
  border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
14581
14739
  border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
@@ -14583,6 +14741,7 @@ ul.pf-v6-c-list {
14583
14741
  border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
14584
14742
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
14585
14743
  box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
14744
+ backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
14586
14745
  }
14587
14746
  @media screen and (max-width: calc(48rem - 1px)) {
14588
14747
  .pf-v6-c-page__main-container {
@@ -15607,7 +15766,7 @@ ul.pf-v6-c-list {
15607
15766
  }
15608
15767
 
15609
15768
  .pf-v6-c-popover__body {
15610
- word-wrap: break-word;
15769
+ overflow-wrap: break-word;
15611
15770
  }
15612
15771
 
15613
15772
  .pf-v6-c-popover__footer {
@@ -15652,7 +15811,7 @@ ul.pf-v6-c-list {
15652
15811
  display: grid;
15653
15812
  grid-template-rows: 1fr auto;
15654
15813
  grid-template-columns: auto auto;
15655
- grid-gap: var(--pf-v6-c-progress--GridGap);
15814
+ gap: var(--pf-v6-c-progress--GridGap);
15656
15815
  align-items: end;
15657
15816
  }
15658
15817
  .pf-v6-c-progress.pf-m-sm {
@@ -15746,7 +15905,7 @@ ul.pf-v6-c-list {
15746
15905
 
15747
15906
  .pf-v6-c-progress__description {
15748
15907
  grid-column: 1/2;
15749
- word-break: break-word;
15908
+ overflow-wrap: break-word;
15750
15909
  }
15751
15910
  .pf-v6-c-progress__description.pf-m-truncate {
15752
15911
  overflow: hidden;
@@ -15762,7 +15921,7 @@ ul.pf-v6-c-list {
15762
15921
  align-items: flex-start;
15763
15922
  justify-content: flex-end;
15764
15923
  text-align: end;
15765
- word-break: break-word;
15924
+ overflow-wrap: break-word;
15766
15925
  }
15767
15926
 
15768
15927
  .pf-v6-c-progress__status-icon {
@@ -16025,9 +16184,9 @@ ul.pf-v6-c-list {
16025
16184
  inset-block-start: 0;
16026
16185
  inset-inline-start: 0;
16027
16186
  overflow: hidden;
16028
- clip: rect(0, 0, 0, 0);
16029
16187
  white-space: nowrap;
16030
16188
  border: 0;
16189
+ clip-path: inset(50%);
16031
16190
  }
16032
16191
  .pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
16033
16192
  grid-row: 1/2;
@@ -16449,7 +16608,7 @@ ul.pf-v6-c-list {
16449
16608
  .pf-v6-c-radio {
16450
16609
  display: grid;
16451
16610
  grid-template-columns: auto 1fr;
16452
- grid-gap: var(--pf-v6-c-radio--GridGap);
16611
+ gap: var(--pf-v6-c-radio--GridGap);
16453
16612
  align-items: baseline;
16454
16613
  accent-color: var(--pf-v6-c-radio--AccentColor);
16455
16614
  }
@@ -16680,6 +16839,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16680
16839
  --pf-v6-c-sidebar__panel--Position: static;
16681
16840
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
16682
16841
  }
16842
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
16843
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
16844
+ }
16683
16845
  .pf-v6-c-sidebar__panel.pf-m-secondary {
16684
16846
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
16685
16847
  }
@@ -16699,7 +16861,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16699
16861
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
16700
16862
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
16701
16863
  }
16702
- .pf-v6-c-sidebar__content.pf-m-no-background {
16864
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
16703
16865
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
16704
16866
  }
16705
16867
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16712,12 +16874,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16712
16874
  --pf-v6-c-sidebar__content--Order: -1;
16713
16875
  }
16714
16876
 
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
16877
  .pf-v6-c-sidebar__panel.pf-m-width-default {
16722
16878
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
16723
16879
  }
@@ -17444,10 +17600,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17444
17600
  width: 100%;
17445
17601
  height: 100%;
17446
17602
  stroke: var(--pf-v6-c-spinner--Color);
17603
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17604
+ stroke-linecap: round;
17447
17605
  stroke-dasharray: 283;
17448
17606
  stroke-dashoffset: 280;
17449
- stroke-linecap: round;
17450
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
17451
17607
  transform-origin: 50% 50%;
17452
17608
  animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
17453
17609
  }
@@ -17607,8 +17763,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17607
17763
  background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
17608
17764
  border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
17609
17765
  border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
17610
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
17611
17766
  transform: translateY(-50%);
17767
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
17612
17768
  }
17613
17769
  .pf-v6-c-switch__toggle::after {
17614
17770
  position: absolute;
@@ -19466,6 +19622,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19466
19622
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19467
19623
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19468
19624
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19625
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19626
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19469
19627
  }
19470
19628
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
19471
19629
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -19535,6 +19693,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19535
19693
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
19536
19694
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
19537
19695
  }
19696
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
19697
+ position: sticky;
19698
+ inset-block-end: 0;
19699
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
19700
+ background: var(--pf-v6-c-table--BackgroundColor);
19701
+ }
19702
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
19703
+ position: absolute;
19704
+ inset: 0;
19705
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
19706
+ pointer-events: none;
19707
+ content: "";
19708
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19709
+ }
19710
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19711
+ border-block-end: 0;
19712
+ }
19713
+ .pf-v6-c-table.pf-m-plain {
19714
+ --pf-v6-c-table--BackgroundColor: transparent;
19715
+ }
19538
19716
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
19539
19717
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
19540
19718
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -19605,11 +19783,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19605
19783
  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
19606
19784
  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
19607
19785
  overflow: var(--pf-v6-c-table--cell--Overflow);
19786
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19608
19787
  font-size: var(--pf-v6-c-table--cell--FontSize);
19609
19788
  font-weight: var(--pf-v6-c-table--cell--FontWeight);
19610
19789
  line-height: var(--pf-v6-c-table--cell--LineHeight);
19611
19790
  color: var(--pf-v6-c-table--cell--Color);
19612
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
19613
19791
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19614
19792
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19615
19793
  }
@@ -19715,24 +19893,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19715
19893
  }
19716
19894
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
19717
19895
  cursor: pointer;
19718
- background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19719
19896
  outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
19897
+ background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
19720
19898
  }
19721
19899
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
19722
19900
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
19723
19901
  }
19724
19902
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
19725
19903
  position: relative;
19726
- background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19727
19904
  outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
19905
+ background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
19728
19906
  }
19729
19907
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
19730
19908
  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
19731
19909
  }
19732
19910
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
19733
19911
  cursor: pointer;
19734
- background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19735
19912
  outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
19913
+ background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
19736
19914
  }
19737
19915
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
19738
19916
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
@@ -19741,8 +19919,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19741
19919
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
19742
19920
  }
19743
19921
  .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
19922
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
19923
+ background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
19746
19924
  }
19747
19925
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
19748
19926
  border: none;
@@ -19767,11 +19945,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19767
19945
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
19768
19946
  visibility: hidden;
19769
19947
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
19948
+ translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19770
19949
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
19771
19950
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
19772
19951
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
19773
19952
  transition-property: opacity, translate, visibility, background-color;
19774
- translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
19775
19953
  }
19776
19954
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
19777
19955
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
@@ -19779,9 +19957,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19779
19957
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
19780
19958
  visibility: visible;
19781
19959
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
19960
+ translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19782
19961
  transition-delay: 0s;
19783
19962
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
19784
- translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
19785
19963
  }
19786
19964
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
19787
19965
  max-height: 99999px;
@@ -19847,8 +20025,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19847
20025
  min-width: var(--pf-v6-c-table__text--MinWidth);
19848
20026
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
19849
20027
  overflow: var(--pf-v6-c-table--cell--Overflow);
19850
- line-height: var(--pf-v6-c-table--cell--LineHeight);
19851
20028
  text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
20029
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
19852
20030
  word-break: var(--pf-v6-c-table--cell--WordBreak);
19853
20031
  white-space: var(--pf-v6-c-table--cell--WhiteSpace);
19854
20032
  }
@@ -19877,10 +20055,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19877
20055
  text-align: start;
19878
20056
  white-space: inherit;
19879
20057
  user-select: text;
20058
+ outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19880
20059
  background-color: var(--pf-v6-c-table__button--BackgroundColor);
19881
20060
  border: 0;
19882
20061
  border-radius: var(--pf-v6-c-table__button--BorderRadius);
19883
- outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
19884
20062
  }
19885
20063
  .pf-v6-c-table__button::after {
19886
20064
  position: absolute;
@@ -19974,10 +20152,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19974
20152
  }
19975
20153
 
19976
20154
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
20155
+ transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19977
20156
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
19978
20157
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
19979
20158
  transition-property: transform;
19980
- transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
19981
20159
  }
19982
20160
  .pf-v6-c-table__toggle svg {
19983
20161
  pointer-events: none;
@@ -20269,6 +20447,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20269
20447
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20270
20448
  }
20271
20449
 
20450
+ .pf-v6-c-table__tfoot {
20451
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20452
+ vertical-align: top;
20453
+ }
20454
+
20272
20455
  .pf-v6-c-table__icon-inline {
20273
20456
  display: flex;
20274
20457
  align-items: center;
@@ -20533,8 +20716,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20533
20716
  }
20534
20717
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20535
20718
  position: relative;
20536
- border: none;
20537
20719
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20720
+ border: none;
20538
20721
  }
20539
20722
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20540
20723
  position: absolute;
@@ -20572,7 +20755,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20572
20755
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20573
20756
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20574
20757
  grid-column: 1;
20575
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20758
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20576
20759
  align-items: start;
20577
20760
  }
20578
20761
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20675,8 +20858,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20675
20858
  }
20676
20859
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20677
20860
  position: relative;
20678
- border: none;
20679
20861
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
20862
+ border: none;
20680
20863
  }
20681
20864
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20682
20865
  position: absolute;
@@ -20714,7 +20897,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20714
20897
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20715
20898
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20716
20899
  grid-column: 1;
20717
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20900
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20718
20901
  align-items: start;
20719
20902
  }
20720
20903
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20818,8 +21001,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20818
21001
  }
20819
21002
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20820
21003
  position: relative;
20821
- border: none;
20822
21004
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21005
+ border: none;
20823
21006
  }
20824
21007
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20825
21008
  position: absolute;
@@ -20857,7 +21040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20857
21040
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
20858
21041
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
20859
21042
  grid-column: 1;
20860
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21043
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
20861
21044
  align-items: start;
20862
21045
  }
20863
21046
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -20961,8 +21144,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20961
21144
  }
20962
21145
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
20963
21146
  position: relative;
20964
- border: none;
20965
21147
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21148
+ border: none;
20966
21149
  }
20967
21150
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
20968
21151
  position: absolute;
@@ -21000,7 +21183,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21000
21183
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21001
21184
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21002
21185
  grid-column: 1;
21003
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21186
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21004
21187
  align-items: start;
21005
21188
  }
21006
21189
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21104,8 +21287,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21104
21287
  }
21105
21288
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
21106
21289
  position: relative;
21107
- border: none;
21108
21290
  outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
21291
+ border: none;
21109
21292
  }
21110
21293
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
21111
21294
  position: absolute;
@@ -21143,7 +21326,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21143
21326
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
21144
21327
  grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
21145
21328
  grid-column: 1;
21146
- grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21329
+ column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
21147
21330
  align-items: start;
21148
21331
  }
21149
21332
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
@@ -21696,8 +21879,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21696
21879
 
21697
21880
  .pf-v6-c-tabs__toggle-icon {
21698
21881
  display: inline-block;
21699
- transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21700
21882
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
21883
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
21701
21884
  }
21702
21885
 
21703
21886
  .pf-v6-c-tabs__list::-webkit-scrollbar {
@@ -21861,8 +22044,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21861
22044
  align-self: end;
21862
22045
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
21863
22046
  color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
21864
- transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21865
22047
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
22048
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
21866
22049
  }
21867
22050
 
21868
22051
  .pf-v6-c-tabs__item-action {
@@ -22125,10 +22308,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22125
22308
  border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
22126
22309
  border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
22127
22310
  border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
22311
+ transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22128
22312
  transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
22129
22313
  transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
22130
22314
  transition-property: width, height, translate;
22131
- transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
22132
22315
  translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
22133
22316
  }
22134
22317
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
@@ -22334,9 +22517,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22334
22517
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
22335
22518
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
22336
22519
  color: var(--pf-v6-c-text-input-group__text-input--Color);
22520
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22337
22521
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
22338
22522
  border: 0;
22339
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
22340
22523
  }
22341
22524
  .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
22342
22525
  grid-area: text-input;
@@ -22544,7 +22727,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22544
22727
 
22545
22728
  .pf-v6-c-title {
22546
22729
  font-family: var(--pf-v6-c-title--FontFamily);
22547
- word-break: break-word;
22730
+ overflow-wrap: break-word;
22548
22731
  }
22549
22732
  .pf-v6-c-title.pf-m-4xl {
22550
22733
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -23327,10 +23510,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23327
23510
 
23328
23511
  .pf-v6-c-toolbar__expand-all-icon {
23329
23512
  display: inline-flex;
23513
+ transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23330
23514
  transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
23331
23515
  transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
23332
23516
  transition-property: transform;
23333
- transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
23334
23517
  }
23335
23518
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
23336
23519
  scale: -1 1;
@@ -24966,7 +25149,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24966
25149
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24967
25150
  color: var(--pf-v6-c-tooltip__content--Color);
24968
25151
  text-align: center;
24969
- word-break: break-word;
25152
+ overflow-wrap: break-word;
24970
25153
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24971
25154
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24972
25155
  }
@@ -25348,19 +25531,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25348
25531
  display: inline-block;
25349
25532
  min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
25350
25533
  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
25534
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
25535
+ transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
25353
25536
  }
25354
25537
 
25355
25538
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
25356
- max-height: 0;
25357
25539
  visibility: hidden;
25540
+ max-height: 0;
25358
25541
  opacity: var(--pf-v6-c-tree-view__list--Opacity);
25542
+ translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25359
25543
  transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
25360
25544
  transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
25361
25545
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
25362
25546
  transition-property: opacity, translate, visibility, max-height;
25363
- translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
25364
25547
  }
25365
25548
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
25366
25549
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -25371,12 +25554,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25371
25554
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
25372
25555
  }
25373
25556
  .pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
25374
- max-height: 99999px;
25375
25557
  visibility: revert;
25558
+ max-height: 99999px;
25376
25559
  opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
25560
+ translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25377
25561
  transition-delay: 0s;
25378
25562
  transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
25379
- translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
25380
25563
  }
25381
25564
 
25382
25565
  .pf-v6-c-tree-view__node,
@@ -25815,7 +25998,7 @@ label.pf-v6-c-tree-view__node-text {
25815
25998
 
25816
25999
  .pf-v6-c-wizard__title {
25817
26000
  padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
25818
- word-wrap: break-word;
26001
+ overflow-wrap: break-word;
25819
26002
  }
25820
26003
 
25821
26004
  .pf-v6-c-wizard__title-text {
@@ -25878,7 +26061,7 @@ label.pf-v6-c-tree-view__node-text {
25878
26061
  align-items: baseline;
25879
26062
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25880
26063
  text-align: start;
25881
- word-break: break-word;
26064
+ overflow-wrap: break-word;
25882
26065
  }
25883
26066
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25884
26067
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26014,8 +26197,8 @@ label.pf-v6-c-tree-view__node-text {
26014
26197
  padding-inline: 0;
26015
26198
  color: var(--pf-v6-c-wizard__nav-link--Color);
26016
26199
  text-align: start;
26200
+ overflow-wrap: break-word;
26017
26201
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26018
- word-break: break-word;
26019
26202
  counter-increment: wizard-nav-count;
26020
26203
  background-color: transparent;
26021
26204
  border: none;
@@ -26120,10 +26303,10 @@ label.pf-v6-c-tree-view__node-text {
26120
26303
 
26121
26304
  .pf-v6-c-wizard__nav-link-toggle-icon {
26122
26305
  display: inline-block;
26306
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26123
26307
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
26124
26308
  transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
26125
26309
  transition-property: transform;
26126
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
26127
26310
  }
26128
26311
 
26129
26312
  .pf-v6-c-wizard__main {
@@ -26133,7 +26316,7 @@ label.pf-v6-c-tree-view__node-text {
26133
26316
  flex-direction: column;
26134
26317
  overflow-x: hidden;
26135
26318
  overflow-y: auto;
26136
- word-break: break-word;
26319
+ overflow-wrap: break-word;
26137
26320
  }
26138
26321
 
26139
26322
  .pf-v6-c-wizard__main-body {