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

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 (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +20 -4
  43. package/components/Button/button.scss +24 -5
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +399 -140
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +411 -150
  156. package/patternfly.css +411 -150
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
@@ -164,7 +164,7 @@
164
164
  overflow-x: hidden;
165
165
  overflow-y: auto;
166
166
  overscroll-behavior: contain;
167
- overflow-wrap: break-word;
167
+ overflow-wrap: anywhere;
168
168
  -webkit-overflow-scrolling: touch;
169
169
  }
170
170
  @media screen and (min-width: 36rem) {
@@ -206,10 +206,10 @@
206
206
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
207
207
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
208
208
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
209
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
209
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
210
210
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
211
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
212
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
211
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
212
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
213
213
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
214
214
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
215
215
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -521,9 +521,9 @@
521
521
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
522
522
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
523
523
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
524
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
525
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
526
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
524
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
525
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
526
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
527
527
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
528
528
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
529
529
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -535,8 +535,8 @@
535
535
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
536
536
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
537
537
  --pf-v6-c-alert__title--max-lines: 1;
538
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
539
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
538
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
539
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
540
540
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
541
541
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
542
542
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -659,6 +659,7 @@
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
- overflow-wrap: break-word;
673
+ overflow-wrap: anywhere;
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
- overflow-wrap: break-word;
685
+ overflow-wrap: anywhere;
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);
@@ -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;
@@ -1312,7 +1457,9 @@
1312
1457
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1313
1458
  --pf-v6-c-banner--link--TextDecoration: underline;
1314
1459
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
1460
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
1315
1461
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
1462
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
1316
1463
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
1317
1464
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
1318
1465
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -1421,6 +1568,7 @@
1421
1568
  .pf-v6-c-banner a {
1422
1569
  color: var(--pf-v6-c-banner--link--Color);
1423
1570
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1571
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
1424
1572
  }
1425
1573
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
1426
1574
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -1432,7 +1580,11 @@
1432
1580
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
1433
1581
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
1434
1582
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
1583
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
1435
1584
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
1585
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1586
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1587
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1436
1588
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1437
1589
  }
1438
1590
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -1527,9 +1679,9 @@
1527
1679
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1528
1680
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1529
1681
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
1530
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1682
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1531
1683
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1532
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1684
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1533
1685
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
1534
1686
  }
1535
1687
 
@@ -1577,7 +1729,7 @@
1577
1729
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1578
1730
  line-height: inherit;
1579
1731
  color: var(--pf-v6-c-breadcrumb__link--Color);
1580
- overflow-wrap: break-word;
1732
+ overflow-wrap: anywhere;
1581
1733
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1582
1734
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1583
1735
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -1749,6 +1901,10 @@ button.pf-v6-c-breadcrumb__link {
1749
1901
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1750
1902
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1751
1903
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
1904
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
1905
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1906
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1907
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
1752
1908
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
1753
1909
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
1754
1910
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -1763,6 +1919,8 @@ button.pf-v6-c-breadcrumb__link {
1763
1919
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
1764
1920
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
1765
1921
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
1922
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
1923
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
1766
1924
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
1767
1925
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
1768
1926
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -1868,6 +2026,7 @@ button.pf-v6-c-breadcrumb__link {
1868
2026
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
1869
2027
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
1870
2028
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
2029
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
1871
2030
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
1872
2031
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
1873
2032
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -1943,7 +2102,6 @@ button.pf-v6-c-breadcrumb__link {
1943
2102
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
1944
2103
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1945
2104
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
1946
- --pf-v6-c-button__progress--Opacity: 0;
1947
2105
  --pf-v6-c-button__progress--TranslateY: -50%;
1948
2106
  --pf-v6-c-button__progress--TranslateX: 0;
1949
2107
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
@@ -2135,9 +2293,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2135
2293
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
2136
2294
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
2137
2295
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
2138
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2296
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
2297
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
2298
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
2299
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2139
2300
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
2140
2301
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2302
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
2303
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
2141
2304
  --pf-v6-c-button--BorderWidth: 0;
2142
2305
  --pf-v6-c-button--hover--BorderWidth: 0;
2143
2306
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -2150,6 +2313,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2150
2313
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2151
2314
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
2152
2315
  }
2316
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
2317
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2318
+ }
2153
2319
  .pf-v6-c-button.pf-m-link.pf-m-danger {
2154
2320
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
2155
2321
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -2370,7 +2536,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2370
2536
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2371
2537
  --pf-v6-c-button__icon--TransitionDuration: 0s;
2372
2538
  --pf-v6-c-button__icon--TransitionProperty: scale;
2373
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2374
2539
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
2375
2540
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
2376
2541
  }
@@ -2446,7 +2611,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2446
2611
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
2447
2612
  }
2448
2613
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
2449
- border-color: transparent;
2614
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
2450
2615
  }
2451
2616
  .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
2452
2617
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -2483,6 +2648,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2483
2648
  justify-content: flex-start;
2484
2649
  width: 100%;
2485
2650
  }
2651
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
2652
+ min-width: 1lh;
2653
+ }
2486
2654
  @media (min-width: 62rem) {
2487
2655
  .pf-v6-c-button.pf-m-docked {
2488
2656
  justify-content: center;
@@ -2851,13 +3019,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2851
3019
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
2852
3020
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
2853
3021
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
2854
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2855
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3022
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3023
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2856
3024
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
2857
3025
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
2858
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3026
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2859
3027
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
2860
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3028
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2861
3029
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2862
3030
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2863
3031
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -3395,7 +3563,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3395
3563
  }
3396
3564
 
3397
3565
  .pf-v6-c-clipboard-copy__text {
3398
- overflow-wrap: break-word;
3566
+ overflow-wrap: anywhere;
3399
3567
  white-space: normal;
3400
3568
  }
3401
3569
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -4824,7 +4992,7 @@ ul) {
4824
4992
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
4825
4993
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4826
4994
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
4827
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4995
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
4828
4996
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4829
4997
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
4830
4998
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -4857,8 +5025,8 @@ ul) {
4857
5025
  --pf-v6-c-data-list--cell--WordBreak: normal;
4858
5026
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
4859
5027
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
4860
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
4861
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
5028
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5029
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4862
5030
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
4863
5031
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
4864
5032
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -4889,8 +5057,8 @@ ul) {
4889
5057
  --pf-v6-c-data-list__item-action--Display: flex;
4890
5058
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
4891
5059
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
4892
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
4893
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
5060
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
5061
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
4894
5062
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
4895
5063
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
4896
5064
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -5566,6 +5734,7 @@ ul) {
5566
5734
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
5567
5735
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
5568
5736
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
5737
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
5569
5738
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
5570
5739
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
5571
5740
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -5580,6 +5749,7 @@ ul) {
5580
5749
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
5581
5750
  position: relative;
5582
5751
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
5752
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
5583
5753
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
5584
5754
  }
5585
5755
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -5599,6 +5769,7 @@ ul) {
5599
5769
 
5600
5770
  .pf-v6-c-droppable {
5601
5771
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
5772
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
5602
5773
  --pf-v6-c-droppable--before--Opacity: 0;
5603
5774
  --pf-v6-c-droppable--after--BorderWidth: 0;
5604
5775
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -5621,6 +5792,7 @@ ul) {
5621
5792
  }
5622
5793
  .pf-v6-c-droppable::before {
5623
5794
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
5795
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
5624
5796
  opacity: var(--pf-v6-c-droppable--before--Opacity);
5625
5797
  }
5626
5798
  .pf-v6-c-droppable::after {
@@ -5716,7 +5888,7 @@ ul) {
5716
5888
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
5717
5889
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
5718
5890
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
5719
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
5891
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
5720
5892
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5721
5893
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5722
5894
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -8326,6 +8498,10 @@ ul) {
8326
8498
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
8327
8499
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
8328
8500
  --pf-v6-c-form-control--Width: 100%;
8501
+ --pf-v6-c-form-control--TransitionDelay: 0s;
8502
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8503
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8504
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
8329
8505
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
8330
8506
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
8331
8507
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -8431,12 +8607,17 @@ ul) {
8431
8607
  resize: var(--pf-v6-c-form-control--Resize);
8432
8608
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
8433
8609
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8610
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
8611
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
8612
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
8613
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
8434
8614
  }
8435
8615
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
8436
8616
  position: absolute;
8437
8617
  inset: 0;
8438
8618
  pointer-events: none;
8439
8619
  content: "";
8620
+ transition: inherit;
8440
8621
  }
8441
8622
  .pf-v6-c-form-control::before {
8442
8623
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -8532,10 +8713,11 @@ ul) {
8532
8713
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8533
8714
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8534
8715
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
8535
- --pf-v6-c-form-control--before--BorderStyle: none;
8536
- --pf-v6-c-form-control--after--BorderStyle: none;
8537
8716
  cursor: not-allowed;
8538
8717
  }
8718
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
8719
+ border-color: transparent;
8720
+ }
8539
8721
  .pf-v6-c-form-control.pf-m-error {
8540
8722
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
8541
8723
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -8856,8 +9038,8 @@ ul) {
8856
9038
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
8857
9039
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
8858
9040
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
8859
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8860
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9041
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9042
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
8861
9043
  }
8862
9044
 
8863
9045
  .pf-v6-c-hint {
@@ -10142,7 +10324,6 @@ label.pf-v6-c-input-group__text {
10142
10324
  position: absolute;
10143
10325
  inset: 0;
10144
10326
  z-index: -1;
10145
- pointer-events: none;
10146
10327
  content: "";
10147
10328
  background-color: var(--pf-v6-c-label--BackgroundColor);
10148
10329
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -10161,8 +10342,15 @@ input.pf-v6-c-label__content {
10161
10342
  .pf-v6-c-label__actions {
10162
10343
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
10163
10344
  }
10164
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
10165
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
10345
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
10346
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
10347
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
10348
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
10349
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
10350
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
10351
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
10352
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
10353
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
10166
10354
  }
10167
10355
 
10168
10356
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -10672,7 +10860,7 @@ ul.pf-v6-c-list {
10672
10860
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
10673
10861
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
10674
10862
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
10675
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
10863
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
10676
10864
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
10677
10865
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10678
10866
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11519,7 +11707,7 @@ ul.pf-v6-c-list {
11519
11707
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11520
11708
  --pf-v6-c-menu__item-external--Color: transparent;
11521
11709
  --pf-v6-c-menu__item-select-icon--Color: transparent;
11522
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11710
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
11523
11711
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
11524
11712
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
11525
11713
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -11886,7 +12074,7 @@ ul.pf-v6-c-list {
11886
12074
  .pf-v6-c-menu__item-description {
11887
12075
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11888
12076
  color: var(--pf-v6-c-menu__item-description--Color);
11889
- overflow-wrap: break-word;
12077
+ overflow-wrap: anywhere;
11890
12078
  }
11891
12079
 
11892
12080
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12303,6 +12491,9 @@ ul.pf-v6-c-list {
12303
12491
  justify-content: flex-start;
12304
12492
  width: 100%;
12305
12493
  }
12494
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
12495
+ min-width: 1lh;
12496
+ }
12306
12497
  @media (min-width: 62rem) {
12307
12498
  .pf-v6-c-menu-toggle.pf-m-docked {
12308
12499
  justify-content: center;
@@ -12531,7 +12722,7 @@ ul.pf-v6-c-list {
12531
12722
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12532
12723
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
12533
12724
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
12534
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
12725
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
12535
12726
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
12536
12727
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
12537
12728
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -12553,8 +12744,8 @@ ul.pf-v6-c-list {
12553
12744
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12554
12745
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12555
12746
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12556
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
12557
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
12747
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12748
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12558
12749
  }
12559
12750
 
12560
12751
  .pf-v6-c-modal-box {
@@ -12680,7 +12871,7 @@ ul.pf-v6-c-list {
12680
12871
  overflow-x: hidden;
12681
12872
  overflow-y: auto;
12682
12873
  overscroll-behavior: contain;
12683
- overflow-wrap: break-word;
12874
+ overflow-wrap: anywhere;
12684
12875
  -webkit-overflow-scrolling: touch;
12685
12876
  }
12686
12877
  .pf-v6-c-modal-box__body:last-child {
@@ -12916,8 +13107,8 @@ ul.pf-v6-c-list {
12916
13107
  }
12917
13108
 
12918
13109
  .pf-v6-c-nav {
12919
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12920
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13110
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
13111
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
12921
13112
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
12922
13113
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12923
13114
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -13554,7 +13745,7 @@ ul.pf-v6-c-list {
13554
13745
 
13555
13746
  .pf-v6-c-notification-drawer__list-item-header-title {
13556
13747
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13557
- overflow-wrap: break-word;
13748
+ overflow-wrap: anywhere;
13558
13749
  }
13559
13750
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13560
13751
  display: -webkit-box;
@@ -13576,7 +13767,7 @@ ul.pf-v6-c-list {
13576
13767
  grid-row: 2/3;
13577
13768
  grid-column: 1/2;
13578
13769
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13579
- overflow-wrap: break-word;
13770
+ overflow-wrap: anywhere;
13580
13771
  }
13581
13772
 
13582
13773
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13621,7 +13812,7 @@ ul.pf-v6-c-list {
13621
13812
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13622
13813
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13623
13814
  text-align: start;
13624
- overflow-wrap: break-word;
13815
+ overflow-wrap: anywhere;
13625
13816
  }
13626
13817
 
13627
13818
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -13698,11 +13889,6 @@ ul.pf-v6-c-list {
13698
13889
  .pf-v6-c-page {
13699
13890
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13700
13891
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
13701
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13702
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
13703
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
13704
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13705
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13706
13892
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13707
13893
  --pf-v6-c-page__dock--Width: 15.625rem;
13708
13894
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -13716,11 +13902,17 @@ ul.pf-v6-c-list {
13716
13902
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
13717
13903
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
13718
13904
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
13719
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
13905
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
13720
13906
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
13721
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13907
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
13908
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13722
13909
  --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));
13723
- --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));
13910
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
13911
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
13912
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13913
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13914
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13915
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13724
13916
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
13725
13917
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
13726
13918
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -13891,20 +14083,17 @@ ul.pf-v6-c-list {
13891
14083
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
13892
14084
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13893
14085
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
13894
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13895
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13896
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13897
14086
  --pf-v6-c-page--BackgroundColor--glass: transparent;
13898
14087
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13899
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13900
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
13901
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
14088
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14089
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
14090
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
13902
14091
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13903
14092
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13904
14093
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13905
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
13906
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
13907
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
14094
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
14095
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
14096
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
13908
14097
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13909
14098
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13910
14099
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -13915,9 +14104,11 @@ ul.pf-v6-c-list {
13915
14104
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13916
14105
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13917
14106
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13918
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13919
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13920
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
14107
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
14108
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14109
+ --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));
14110
+ --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));
14111
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
13921
14112
  }
13922
14113
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13923
14114
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -13940,6 +14131,8 @@ ul.pf-v6-c-list {
13940
14131
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13941
14132
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
13942
14133
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
14134
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
14135
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
13943
14136
  }
13944
14137
  @media (min-width: 75rem) {
13945
14138
  .pf-v6-c-page {
@@ -14110,8 +14303,6 @@ ul.pf-v6-c-list {
14110
14303
  }
14111
14304
  @media (min-width: 62rem) {
14112
14305
  .pf-v6-c-page__dock {
14113
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14114
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14115
14306
  position: revert;
14116
14307
  inset: revert;
14117
14308
  visibility: revert;
@@ -14139,6 +14330,9 @@ ul.pf-v6-c-list {
14139
14330
  }
14140
14331
  @media (min-width: 62rem) {
14141
14332
  .pf-v6-c-page__dock-main {
14333
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
14334
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14335
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14142
14336
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14143
14337
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14144
14338
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -14872,7 +15066,8 @@ ul.pf-v6-c-list {
14872
15066
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
14873
15067
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
14874
15068
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
14875
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
15069
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15070
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
14876
15071
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
14877
15072
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
14878
15073
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -14886,6 +15081,8 @@ ul.pf-v6-c-list {
14886
15081
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
14887
15082
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
14888
15083
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15084
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
15085
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
14889
15086
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
14890
15087
  }
14891
15088
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -14893,6 +15090,9 @@ ul.pf-v6-c-list {
14893
15090
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
14894
15091
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
14895
15092
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15093
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
15094
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15095
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
14896
15096
  }
14897
15097
  .pf-v6-c-pagination {
14898
15098
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -14904,6 +15104,7 @@ ul.pf-v6-c-list {
14904
15104
  }
14905
15105
  @media screen and (min-width: 48rem) {
14906
15106
  .pf-v6-c-pagination {
15107
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
14907
15108
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
14908
15109
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
14909
15110
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -14929,9 +15130,6 @@ ul.pf-v6-c-list {
14929
15130
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
14930
15131
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
14931
15132
  }
14932
- :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
14933
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
14934
- }
14935
15133
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
14936
15134
  display: var(--pf-v6-c-pagination__page-menu--Display);
14937
15135
  }
@@ -14947,11 +15145,9 @@ ul.pf-v6-c-list {
14947
15145
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
14948
15146
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
14949
15147
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
15148
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
14950
15149
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
14951
15150
  }
14952
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
14953
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
14954
- }
14955
15151
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
14956
15152
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
14957
15153
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -14970,6 +15166,7 @@ ul.pf-v6-c-list {
14970
15166
  .pf-v6-c-pagination.pf-m-bottom {
14971
15167
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
14972
15168
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
15169
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
14973
15170
  position: relative;
14974
15171
  justify-content: flex-end;
14975
15172
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -14994,12 +15191,14 @@ ul.pf-v6-c-list {
14994
15191
  }
14995
15192
  }
14996
15193
  .pf-v6-c-pagination.pf-m-static {
15194
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
14997
15195
  position: relative;
14998
15196
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
14999
15197
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
15000
15198
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
15001
15199
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
15002
15200
  border: 0;
15201
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15003
15202
  box-shadow: none;
15004
15203
  }
15005
15204
  .pf-v6-c-pagination.pf-m-sticky {
@@ -15272,7 +15471,7 @@ ul.pf-v6-c-list {
15272
15471
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
15273
15472
  --pf-v6-c-panel--BoxShadow: none;
15274
15473
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
15275
- --pf-v6-c-panel--before--BorderWidth: 0;
15474
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15276
15475
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
15277
15476
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15278
15477
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -15452,7 +15651,7 @@ ul.pf-v6-c-list {
15452
15651
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
15453
15652
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
15454
15653
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
15455
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
15654
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
15456
15655
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
15457
15656
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
15458
15657
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -15753,7 +15952,7 @@ ul.pf-v6-c-list {
15753
15952
 
15754
15953
  .pf-v6-c-progress__description {
15755
15954
  grid-column: 1/2;
15756
- overflow-wrap: break-word;
15955
+ overflow-wrap: anywhere;
15757
15956
  }
15758
15957
  .pf-v6-c-progress__description.pf-m-truncate {
15759
15958
  overflow: hidden;
@@ -15769,7 +15968,7 @@ ul.pf-v6-c-list {
15769
15968
  align-items: flex-start;
15770
15969
  justify-content: flex-end;
15771
15970
  text-align: end;
15772
- overflow-wrap: break-word;
15971
+ overflow-wrap: anywhere;
15773
15972
  }
15774
15973
 
15775
15974
  .pf-v6-c-progress__status-icon {
@@ -16687,6 +16886,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16687
16886
  --pf-v6-c-sidebar__panel--Position: static;
16688
16887
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
16689
16888
  }
16889
+ .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) {
16890
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
16891
+ }
16690
16892
  .pf-v6-c-sidebar__panel.pf-m-secondary {
16691
16893
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
16692
16894
  }
@@ -16706,7 +16908,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16706
16908
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
16707
16909
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
16708
16910
  }
16709
- .pf-v6-c-sidebar__content.pf-m-no-background {
16911
+ .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) {
16710
16912
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
16711
16913
  }
16712
16914
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16719,12 +16921,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16719
16921
  --pf-v6-c-sidebar__content--Order: -1;
16720
16922
  }
16721
16923
 
16722
- .pf-v6-c-sidebar.pf-m-no-background,
16723
- .pf-v6-c-sidebar__panel.pf-m-no-background,
16724
- .pf-v6-c-sidebar__content.pf-m-no-background {
16725
- background-color: transparent;
16726
- }
16727
-
16728
16924
  .pf-v6-c-sidebar__panel.pf-m-width-default {
16729
16925
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
16730
16926
  }
@@ -17724,22 +17920,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17724
17920
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17725
17921
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
17726
17922
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
17923
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17727
17924
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17728
17925
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17729
17926
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17730
17927
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17731
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
17732
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
17928
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17929
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
17733
17930
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17734
17931
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17735
17932
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17736
17933
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17737
17934
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17738
17935
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
17739
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
17936
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17740
17937
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
17741
17938
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
17742
17939
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
17940
+ --pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
17743
17941
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17744
17942
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
17745
17943
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -17821,10 +18019,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17821
18019
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
17822
18020
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
17823
18021
  }
17824
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18022
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
17825
18023
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
17826
18024
  }
17827
18025
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
18026
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
17828
18027
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
17829
18028
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
17830
18029
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -17834,7 +18033,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17834
18033
  }
17835
18034
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
17836
18035
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
17837
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18036
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
17838
18037
  }
17839
18038
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
17840
18039
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18024,6 +18223,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18024
18223
  }
18025
18224
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
18026
18225
  text-align: end;
18226
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18027
18227
  }
18028
18228
  @media screen and (max-width: 36rem) {
18029
18229
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -18130,10 +18330,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18130
18330
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18131
18331
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18132
18332
  }
18133
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18333
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
18134
18334
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18135
18335
  }
18136
18336
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
18337
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18137
18338
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18138
18339
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18139
18340
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18143,7 +18344,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18143
18344
  }
18144
18345
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18145
18346
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18146
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18347
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18147
18348
  }
18148
18349
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18149
18350
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18333,6 +18534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18333
18534
  }
18334
18535
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
18335
18536
  text-align: end;
18537
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18336
18538
  }
18337
18539
  @media screen and (max-width: 36rem) {
18338
18540
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -18440,10 +18642,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18440
18642
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18441
18643
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18442
18644
  }
18443
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18645
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
18444
18646
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18445
18647
  }
18446
18648
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
18649
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18447
18650
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18448
18651
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18449
18652
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18453,7 +18656,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18453
18656
  }
18454
18657
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18455
18658
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18456
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18659
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18457
18660
  }
18458
18661
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18459
18662
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18643,6 +18846,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18643
18846
  }
18644
18847
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
18645
18848
  text-align: end;
18849
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18646
18850
  }
18647
18851
  @media screen and (max-width: 36rem) {
18648
18852
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -18750,10 +18954,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18750
18954
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18751
18955
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18752
18956
  }
18753
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18957
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
18754
18958
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18755
18959
  }
18756
18960
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
18961
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18757
18962
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18758
18963
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18759
18964
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18763,7 +18968,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18763
18968
  }
18764
18969
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18765
18970
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18766
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18971
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18767
18972
  }
18768
18973
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18769
18974
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18953,6 +19158,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18953
19158
  }
18954
19159
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
18955
19160
  text-align: end;
19161
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18956
19162
  }
18957
19163
  @media screen and (max-width: 36rem) {
18958
19164
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19060,10 +19266,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19060
19266
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
19061
19267
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
19062
19268
  }
19063
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
19269
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
19064
19270
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
19065
19271
  }
19066
19272
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
19273
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
19067
19274
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
19068
19275
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
19069
19276
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -19073,7 +19280,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19073
19280
  }
19074
19281
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
19075
19282
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19076
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19283
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
19077
19284
  }
19078
19285
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
19079
19286
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19263,6 +19470,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19263
19470
  }
19264
19471
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
19265
19472
  text-align: end;
19473
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19266
19474
  }
19267
19475
  @media screen and (max-width: 36rem) {
19268
19476
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19352,8 +19560,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19352
19560
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19353
19561
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19354
19562
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
19355
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19356
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19563
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
19564
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
19357
19565
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
19358
19566
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19359
19567
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -19453,7 +19661,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19453
19661
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19454
19662
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
19455
19663
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
19456
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19664
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
19457
19665
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
19458
19666
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19459
19667
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19473,6 +19681,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19473
19681
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19474
19682
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19475
19683
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19684
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19685
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19476
19686
  }
19477
19687
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
19478
19688
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -19494,16 +19704,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19494
19704
  .pf-v6-c-table.pf-m-fixed {
19495
19705
  table-layout: fixed;
19496
19706
  }
19497
- .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19707
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
19498
19708
  opacity: 0;
19499
19709
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
19500
19710
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
19501
19711
  transition-property: opacity;
19502
19712
  }
19503
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
19504
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19505
- }
19506
- .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
19713
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
19507
19714
  opacity: 1;
19508
19715
  }
19509
19716
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -19514,27 +19721,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19514
19721
  inset-block-start: 0;
19515
19722
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
19516
19723
  }
19517
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
19724
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19518
19725
  position: absolute;
19519
19726
  inset: 0;
19520
19727
  z-index: -1;
19521
19728
  pointer-events: none;
19522
19729
  content: "";
19523
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19524
19730
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19525
19731
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
19526
19732
  }
19527
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
19528
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19529
- }
19530
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19733
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
19531
19734
  position: absolute;
19532
19735
  inset: 0;
19533
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
19736
+ z-index: -1;
19534
19737
  pointer-events: none;
19535
19738
  content: "";
19739
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19536
19740
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
19537
19741
  }
19742
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
19743
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19744
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19745
+ }
19746
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
19747
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19748
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19749
+ }
19750
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
19751
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19752
+ }
19753
+ :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
19754
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
19755
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19756
+ }
19538
19757
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
19539
19758
  border-block-end: 0;
19540
19759
  }
@@ -19542,6 +19761,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19542
19761
  .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]) {
19543
19762
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
19544
19763
  }
19764
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
19765
+ position: sticky;
19766
+ inset-block-end: 0;
19767
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
19768
+ background: var(--pf-v6-c-table--BackgroundColor);
19769
+ }
19770
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
19771
+ position: absolute;
19772
+ inset: 0;
19773
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
19774
+ pointer-events: none;
19775
+ content: "";
19776
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19777
+ }
19778
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19779
+ border-block-end: 0;
19780
+ }
19781
+ .pf-v6-c-table.pf-m-plain {
19782
+ --pf-v6-c-table--BackgroundColor: transparent;
19783
+ }
19545
19784
  .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),
19546
19785
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
19547
19786
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -20225,14 +20464,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20225
20464
  vertical-align: bottom;
20226
20465
  }
20227
20466
  .pf-v6-c-table__thead.pf-m-nested-column-header {
20467
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
20228
20468
  position: relative;
20229
20469
  }
20230
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
20231
- position: absolute;
20232
- inset: 0;
20470
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
20233
20471
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
20234
- pointer-events: none;
20235
- content: "";
20236
20472
  border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
20237
20473
  }
20238
20474
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -20273,7 +20509,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20273
20509
  border-block-end: 0;
20274
20510
  }
20275
20511
  .pf-v6-c-table__tr.pf-m-border-row {
20276
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20512
+ height: var(--pf-v6-c-table--border-width--base);
20513
+ background-color: var(--pf-v6-c-table--BorderColor);
20514
+ }
20515
+
20516
+ .pf-v6-c-table__tfoot {
20517
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20518
+ vertical-align: top;
20277
20519
  }
20278
20520
 
20279
20521
  .pf-v6-c-table__icon-inline {
@@ -20422,6 +20664,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20422
20664
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
20423
20665
  }
20424
20666
 
20667
+ .pf-v6-c-table.pf-m-tree-view {
20668
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
20669
+ }
20425
20670
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
20426
20671
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
20427
20672
  }
@@ -21278,10 +21523,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21278
21523
  --pf-v6-c-tabs__link--BorderColor: transparent;
21279
21524
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
21280
21525
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
21281
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21282
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21283
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21284
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21526
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21527
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21528
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
21529
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21285
21530
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
21286
21531
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
21287
21532
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -21300,9 +21545,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21300
21545
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
21301
21546
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21302
21547
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21303
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
21304
21548
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
21305
21549
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
21550
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
21551
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
21552
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
21553
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
21554
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21555
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
21556
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21306
21557
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
21307
21558
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
21308
21559
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -21669,9 +21920,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21669
21920
  }
21670
21921
  .pf-v6-c-tabs.pf-m-subtab {
21671
21922
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
21923
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
21924
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
21925
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
21926
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
21672
21927
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
21673
21928
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
21674
21929
  }
21930
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
21931
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
21932
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
21933
+ }
21675
21934
  .pf-v6-c-tabs.pf-m-page-insets {
21676
21935
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
21677
21936
  }
@@ -22551,7 +22810,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22551
22810
 
22552
22811
  .pf-v6-c-title {
22553
22812
  font-family: var(--pf-v6-c-title--FontFamily);
22554
- overflow-wrap: break-word;
22813
+ overflow-wrap: anywhere;
22555
22814
  }
22556
22815
  .pf-v6-c-title.pf-m-4xl {
22557
22816
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -24973,7 +25232,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24973
25232
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24974
25233
  color: var(--pf-v6-c-tooltip__content--Color);
24975
25234
  text-align: center;
24976
- overflow-wrap: break-word;
25235
+ overflow-wrap: anywhere;
24977
25236
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24978
25237
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24979
25238
  }
@@ -25087,12 +25346,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25087
25346
  }
25088
25347
 
25089
25348
  .pf-v6-c-tree-view {
25090
- --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
25349
+ --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
25091
25350
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
25092
25351
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
25093
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25094
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25095
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25352
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25353
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
25354
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25096
25355
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
25097
25356
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
25098
25357
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -25136,9 +25395,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25136
25395
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
25137
25396
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
25138
25397
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
25139
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25398
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25140
25399
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25141
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25400
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25142
25401
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
25143
25402
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
25144
25403
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -25154,7 +25413,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25154
25413
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
25155
25414
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
25156
25415
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
25157
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
25416
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
25158
25417
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
25159
25418
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
25160
25419
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -25759,7 +26018,7 @@ label.pf-v6-c-tree-view__node-text {
25759
26018
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
25760
26019
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25761
26020
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
25762
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
26021
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
25763
26022
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25764
26023
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25765
26024
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -25885,7 +26144,7 @@ label.pf-v6-c-tree-view__node-text {
25885
26144
  align-items: baseline;
25886
26145
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25887
26146
  text-align: start;
25888
- overflow-wrap: break-word;
26147
+ overflow-wrap: anywhere;
25889
26148
  }
25890
26149
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25891
26150
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26021,7 +26280,7 @@ label.pf-v6-c-tree-view__node-text {
26021
26280
  padding-inline: 0;
26022
26281
  color: var(--pf-v6-c-wizard__nav-link--Color);
26023
26282
  text-align: start;
26024
- overflow-wrap: break-word;
26283
+ overflow-wrap: anywhere;
26025
26284
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26026
26285
  counter-increment: wizard-nav-count;
26027
26286
  background-color: transparent;
@@ -26140,7 +26399,7 @@ label.pf-v6-c-tree-view__node-text {
26140
26399
  flex-direction: column;
26141
26400
  overflow-x: hidden;
26142
26401
  overflow-y: auto;
26143
- overflow-wrap: break-word;
26402
+ overflow-wrap: anywhere;
26144
26403
  }
26145
26404
 
26146
26405
  .pf-v6-c-wizard__main-body {