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

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 +33 -5
  43. package/components/Button/button.scss +39 -7
  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 +412 -141
  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 +424 -151
  156. package/patternfly.css +424 -151
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
package/components/_index.css CHANGED
@@ -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,12 +2102,12 @@ 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%;
1950
2108
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1951
2109
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
2110
+ --pf-v6-c-button__progress--Position: absolute;
1952
2111
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
1953
2112
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
1954
2113
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -1956,6 +2115,8 @@ button.pf-v6-c-breadcrumb__link {
1956
2115
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1957
2116
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
1958
2117
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
2118
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-c-button--TransitionDuration);
2119
+ --pf-v6-c-button--m-progress--TransitionProperty: var(--pf-v6-c-button--TransitionProperty), padding;
1959
2120
  --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1960
2121
  --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1961
2122
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
@@ -2135,9 +2296,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2135
2296
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
2136
2297
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
2137
2298
  --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);
2299
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
2300
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
2301
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
2302
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2139
2303
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
2140
2304
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2305
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
2306
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
2141
2307
  --pf-v6-c-button--BorderWidth: 0;
2142
2308
  --pf-v6-c-button--hover--BorderWidth: 0;
2143
2309
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -2150,6 +2316,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2150
2316
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2151
2317
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
2152
2318
  }
2319
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
2320
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2321
+ }
2153
2322
  .pf-v6-c-button.pf-m-link.pf-m-danger {
2154
2323
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
2155
2324
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -2291,7 +2460,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2291
2460
  }
2292
2461
  .pf-v6-c-button.pf-m-block {
2293
2462
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
2463
+ --pf-v6-c-button__progress--Position: relative;
2464
+ --pf-v6-c-button__progress--InsetBlockStart: 0;
2465
+ --pf-v6-c-button__progress--InsetInlineStart: 0;
2466
+ --pf-v6-c-button__progress--TranslateY: 0;
2294
2467
  width: var(--pf-v6-c-button--m-block--Width);
2468
+ transition-duration: var(--pf-v6-c-button--m-progress--TransitionDuration);
2469
+ transition-property: var(--pf-v6-c-button--m-progress--TransitionProperty);
2470
+ }
2471
+ .pf-v6-c-button.pf-m-block .pf-v6-c-button__progress {
2472
+ align-self: center;
2295
2473
  }
2296
2474
  .pf-v6-c-button.pf-m-small {
2297
2475
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
@@ -2370,7 +2548,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2370
2548
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2371
2549
  --pf-v6-c-button__icon--TransitionDuration: 0s;
2372
2550
  --pf-v6-c-button__icon--TransitionProperty: scale;
2373
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2374
2551
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
2375
2552
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
2376
2553
  }
@@ -2446,7 +2623,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2446
2623
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
2447
2624
  }
2448
2625
  .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;
2626
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
2450
2627
  }
2451
2628
  .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
2629
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -2483,6 +2660,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2483
2660
  justify-content: flex-start;
2484
2661
  width: 100%;
2485
2662
  }
2663
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
2664
+ min-width: 1lh;
2665
+ }
2486
2666
  @media (min-width: 62rem) {
2487
2667
  .pf-v6-c-button.pf-m-docked {
2488
2668
  justify-content: center;
@@ -2533,7 +2713,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2533
2713
  }
2534
2714
 
2535
2715
  .pf-v6-c-button__progress {
2536
- position: absolute;
2716
+ position: var(--pf-v6-c-button__progress--Position);
2537
2717
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
2538
2718
  inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
2539
2719
  line-height: 1;
@@ -2851,13 +3031,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2851
3031
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
2852
3032
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
2853
3033
  --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);
3034
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3035
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2856
3036
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
2857
3037
  --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);
3038
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2859
3039
  --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);
3040
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2861
3041
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2862
3042
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2863
3043
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -3395,7 +3575,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3395
3575
  }
3396
3576
 
3397
3577
  .pf-v6-c-clipboard-copy__text {
3398
- overflow-wrap: break-word;
3578
+ overflow-wrap: anywhere;
3399
3579
  white-space: normal;
3400
3580
  }
3401
3581
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -4824,7 +5004,7 @@ ul) {
4824
5004
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
4825
5005
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4826
5006
  --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));
5007
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
4828
5008
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4829
5009
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
4830
5010
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -4857,8 +5037,8 @@ ul) {
4857
5037
  --pf-v6-c-data-list--cell--WordBreak: normal;
4858
5038
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
4859
5039
  --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);
5040
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5041
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
4862
5042
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
4863
5043
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
4864
5044
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -4889,8 +5069,8 @@ ul) {
4889
5069
  --pf-v6-c-data-list__item-action--Display: flex;
4890
5070
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
4891
5071
  --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);
5072
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
5073
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
4894
5074
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
4895
5075
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
4896
5076
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -5566,6 +5746,7 @@ ul) {
5566
5746
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
5567
5747
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
5568
5748
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
5749
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
5569
5750
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
5570
5751
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
5571
5752
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -5580,6 +5761,7 @@ ul) {
5580
5761
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
5581
5762
  position: relative;
5582
5763
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
5764
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
5583
5765
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
5584
5766
  }
5585
5767
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -5599,6 +5781,7 @@ ul) {
5599
5781
 
5600
5782
  .pf-v6-c-droppable {
5601
5783
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
5784
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
5602
5785
  --pf-v6-c-droppable--before--Opacity: 0;
5603
5786
  --pf-v6-c-droppable--after--BorderWidth: 0;
5604
5787
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -5621,6 +5804,7 @@ ul) {
5621
5804
  }
5622
5805
  .pf-v6-c-droppable::before {
5623
5806
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
5807
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
5624
5808
  opacity: var(--pf-v6-c-droppable--before--Opacity);
5625
5809
  }
5626
5810
  .pf-v6-c-droppable::after {
@@ -5716,7 +5900,7 @@ ul) {
5716
5900
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
5717
5901
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
5718
5902
  --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;
5903
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
5720
5904
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5721
5905
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5722
5906
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -8326,6 +8510,10 @@ ul) {
8326
8510
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
8327
8511
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
8328
8512
  --pf-v6-c-form-control--Width: 100%;
8513
+ --pf-v6-c-form-control--TransitionDelay: 0s;
8514
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8515
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8516
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
8329
8517
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
8330
8518
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
8331
8519
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -8431,12 +8619,17 @@ ul) {
8431
8619
  resize: var(--pf-v6-c-form-control--Resize);
8432
8620
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
8433
8621
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8622
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
8623
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
8624
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
8625
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
8434
8626
  }
8435
8627
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
8436
8628
  position: absolute;
8437
8629
  inset: 0;
8438
8630
  pointer-events: none;
8439
8631
  content: "";
8632
+ transition: inherit;
8440
8633
  }
8441
8634
  .pf-v6-c-form-control::before {
8442
8635
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -8532,10 +8725,11 @@ ul) {
8532
8725
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8533
8726
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8534
8727
  --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
8728
  cursor: not-allowed;
8538
8729
  }
8730
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
8731
+ border-color: transparent;
8732
+ }
8539
8733
  .pf-v6-c-form-control.pf-m-error {
8540
8734
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
8541
8735
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -8856,8 +9050,8 @@ ul) {
8856
9050
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
8857
9051
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
8858
9052
  --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);
9053
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9054
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
8861
9055
  }
8862
9056
 
8863
9057
  .pf-v6-c-hint {
@@ -10142,7 +10336,6 @@ label.pf-v6-c-input-group__text {
10142
10336
  position: absolute;
10143
10337
  inset: 0;
10144
10338
  z-index: -1;
10145
- pointer-events: none;
10146
10339
  content: "";
10147
10340
  background-color: var(--pf-v6-c-label--BackgroundColor);
10148
10341
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -10161,8 +10354,15 @@ input.pf-v6-c-label__content {
10161
10354
  .pf-v6-c-label__actions {
10162
10355
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
10163
10356
  }
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);
10357
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
10358
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
10359
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
10360
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
10361
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
10362
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
10363
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
10364
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
10365
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
10166
10366
  }
10167
10367
 
10168
10368
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -10672,7 +10872,7 @@ ul.pf-v6-c-list {
10672
10872
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
10673
10873
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
10674
10874
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
10675
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
10875
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
10676
10876
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
10677
10877
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10678
10878
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11519,7 +11719,7 @@ ul.pf-v6-c-list {
11519
11719
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11520
11720
  --pf-v6-c-menu__item-external--Color: transparent;
11521
11721
  --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);
11722
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
11523
11723
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
11524
11724
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
11525
11725
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -11886,7 +12086,7 @@ ul.pf-v6-c-list {
11886
12086
  .pf-v6-c-menu__item-description {
11887
12087
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11888
12088
  color: var(--pf-v6-c-menu__item-description--Color);
11889
- overflow-wrap: break-word;
12089
+ overflow-wrap: anywhere;
11890
12090
  }
11891
12091
 
11892
12092
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12303,6 +12503,9 @@ ul.pf-v6-c-list {
12303
12503
  justify-content: flex-start;
12304
12504
  width: 100%;
12305
12505
  }
12506
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
12507
+ min-width: 1lh;
12508
+ }
12306
12509
  @media (min-width: 62rem) {
12307
12510
  .pf-v6-c-menu-toggle.pf-m-docked {
12308
12511
  justify-content: center;
@@ -12531,7 +12734,7 @@ ul.pf-v6-c-list {
12531
12734
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12532
12735
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
12533
12736
  --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);
12737
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
12535
12738
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
12536
12739
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
12537
12740
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -12553,8 +12756,8 @@ ul.pf-v6-c-list {
12553
12756
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12554
12757
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12555
12758
  --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);
12759
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12760
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12558
12761
  }
12559
12762
 
12560
12763
  .pf-v6-c-modal-box {
@@ -12680,7 +12883,7 @@ ul.pf-v6-c-list {
12680
12883
  overflow-x: hidden;
12681
12884
  overflow-y: auto;
12682
12885
  overscroll-behavior: contain;
12683
- overflow-wrap: break-word;
12886
+ overflow-wrap: anywhere;
12684
12887
  -webkit-overflow-scrolling: touch;
12685
12888
  }
12686
12889
  .pf-v6-c-modal-box__body:last-child {
@@ -12916,8 +13119,8 @@ ul.pf-v6-c-list {
12916
13119
  }
12917
13120
 
12918
13121
  .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);
13122
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
13123
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
12921
13124
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
12922
13125
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12923
13126
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -13554,7 +13757,7 @@ ul.pf-v6-c-list {
13554
13757
 
13555
13758
  .pf-v6-c-notification-drawer__list-item-header-title {
13556
13759
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13557
- overflow-wrap: break-word;
13760
+ overflow-wrap: anywhere;
13558
13761
  }
13559
13762
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13560
13763
  display: -webkit-box;
@@ -13576,7 +13779,7 @@ ul.pf-v6-c-list {
13576
13779
  grid-row: 2/3;
13577
13780
  grid-column: 1/2;
13578
13781
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13579
- overflow-wrap: break-word;
13782
+ overflow-wrap: anywhere;
13580
13783
  }
13581
13784
 
13582
13785
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13621,7 +13824,7 @@ ul.pf-v6-c-list {
13621
13824
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13622
13825
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13623
13826
  text-align: start;
13624
- overflow-wrap: break-word;
13827
+ overflow-wrap: anywhere;
13625
13828
  }
13626
13829
 
13627
13830
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -13698,11 +13901,6 @@ ul.pf-v6-c-list {
13698
13901
  .pf-v6-c-page {
13699
13902
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13700
13903
  --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
13904
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13707
13905
  --pf-v6-c-page__dock--Width: 15.625rem;
13708
13906
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -13716,11 +13914,17 @@ ul.pf-v6-c-list {
13716
13914
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
13717
13915
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
13718
13916
  --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);
13917
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
13720
13918
  --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);
13919
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
13920
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13722
13921
  --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));
13922
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
13923
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
13924
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13925
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13926
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13927
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13724
13928
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
13725
13929
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
13726
13930
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -13891,20 +14095,17 @@ ul.pf-v6-c-list {
13891
14095
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
13892
14096
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13893
14097
  --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
14098
  --pf-v6-c-page--BackgroundColor--glass: transparent;
13898
14099
  --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);
14100
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14101
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
14102
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
13902
14103
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13903
14104
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13904
14105
  --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);
14106
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
14107
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
14108
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
13908
14109
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13909
14110
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13910
14111
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -13915,9 +14116,11 @@ ul.pf-v6-c-list {
13915
14116
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13916
14117
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13917
14118
  --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);
14119
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
14120
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14121
+ --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));
14122
+ --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));
14123
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
13921
14124
  }
13922
14125
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13923
14126
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -13940,6 +14143,8 @@ ul.pf-v6-c-list {
13940
14143
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13941
14144
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
13942
14145
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
14146
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
14147
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
13943
14148
  }
13944
14149
  @media (min-width: 75rem) {
13945
14150
  .pf-v6-c-page {
@@ -14110,8 +14315,6 @@ ul.pf-v6-c-list {
14110
14315
  }
14111
14316
  @media (min-width: 62rem) {
14112
14317
  .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
14318
  position: revert;
14116
14319
  inset: revert;
14117
14320
  visibility: revert;
@@ -14139,6 +14342,9 @@ ul.pf-v6-c-list {
14139
14342
  }
14140
14343
  @media (min-width: 62rem) {
14141
14344
  .pf-v6-c-page__dock-main {
14345
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
14346
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14347
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14142
14348
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14143
14349
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14144
14350
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -14872,7 +15078,8 @@ ul.pf-v6-c-list {
14872
15078
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
14873
15079
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
14874
15080
  --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);
15081
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15082
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
14876
15083
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
14877
15084
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
14878
15085
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -14886,6 +15093,8 @@ ul.pf-v6-c-list {
14886
15093
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
14887
15094
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
14888
15095
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15096
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
15097
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
14889
15098
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
14890
15099
  }
14891
15100
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -14893,6 +15102,9 @@ ul.pf-v6-c-list {
14893
15102
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
14894
15103
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
14895
15104
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15105
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
15106
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15107
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
14896
15108
  }
14897
15109
  .pf-v6-c-pagination {
14898
15110
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -14904,6 +15116,7 @@ ul.pf-v6-c-list {
14904
15116
  }
14905
15117
  @media screen and (min-width: 48rem) {
14906
15118
  .pf-v6-c-pagination {
15119
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
14907
15120
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
14908
15121
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
14909
15122
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -14929,9 +15142,6 @@ ul.pf-v6-c-list {
14929
15142
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
14930
15143
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
14931
15144
  }
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
15145
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
14936
15146
  display: var(--pf-v6-c-pagination__page-menu--Display);
14937
15147
  }
@@ -14947,11 +15157,9 @@ ul.pf-v6-c-list {
14947
15157
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
14948
15158
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
14949
15159
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
15160
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
14950
15161
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
14951
15162
  }
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
15163
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
14956
15164
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
14957
15165
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -14970,6 +15178,7 @@ ul.pf-v6-c-list {
14970
15178
  .pf-v6-c-pagination.pf-m-bottom {
14971
15179
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
14972
15180
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
15181
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
14973
15182
  position: relative;
14974
15183
  justify-content: flex-end;
14975
15184
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -14994,12 +15203,14 @@ ul.pf-v6-c-list {
14994
15203
  }
14995
15204
  }
14996
15205
  .pf-v6-c-pagination.pf-m-static {
15206
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
14997
15207
  position: relative;
14998
15208
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
14999
15209
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
15000
15210
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
15001
15211
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
15002
15212
  border: 0;
15213
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15003
15214
  box-shadow: none;
15004
15215
  }
15005
15216
  .pf-v6-c-pagination.pf-m-sticky {
@@ -15272,7 +15483,7 @@ ul.pf-v6-c-list {
15272
15483
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
15273
15484
  --pf-v6-c-panel--BoxShadow: none;
15274
15485
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
15275
- --pf-v6-c-panel--before--BorderWidth: 0;
15486
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15276
15487
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
15277
15488
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15278
15489
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -15452,7 +15663,7 @@ ul.pf-v6-c-list {
15452
15663
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
15453
15664
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
15454
15665
  --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));
15666
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
15456
15667
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
15457
15668
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
15458
15669
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -15753,7 +15964,7 @@ ul.pf-v6-c-list {
15753
15964
 
15754
15965
  .pf-v6-c-progress__description {
15755
15966
  grid-column: 1/2;
15756
- overflow-wrap: break-word;
15967
+ overflow-wrap: anywhere;
15757
15968
  }
15758
15969
  .pf-v6-c-progress__description.pf-m-truncate {
15759
15970
  overflow: hidden;
@@ -15769,7 +15980,7 @@ ul.pf-v6-c-list {
15769
15980
  align-items: flex-start;
15770
15981
  justify-content: flex-end;
15771
15982
  text-align: end;
15772
- overflow-wrap: break-word;
15983
+ overflow-wrap: anywhere;
15773
15984
  }
15774
15985
 
15775
15986
  .pf-v6-c-progress__status-icon {
@@ -16687,6 +16898,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16687
16898
  --pf-v6-c-sidebar__panel--Position: static;
16688
16899
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
16689
16900
  }
16901
+ .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) {
16902
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
16903
+ }
16690
16904
  .pf-v6-c-sidebar__panel.pf-m-secondary {
16691
16905
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
16692
16906
  }
@@ -16706,7 +16920,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16706
16920
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
16707
16921
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
16708
16922
  }
16709
- .pf-v6-c-sidebar__content.pf-m-no-background {
16923
+ .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
16924
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
16711
16925
  }
16712
16926
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16719,12 +16933,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16719
16933
  --pf-v6-c-sidebar__content--Order: -1;
16720
16934
  }
16721
16935
 
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
16936
  .pf-v6-c-sidebar__panel.pf-m-width-default {
16729
16937
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
16730
16938
  }
@@ -17724,22 +17932,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17724
17932
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17725
17933
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
17726
17934
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
17935
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17727
17936
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17728
17937
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17729
17938
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17730
17939
  --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);
17940
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17941
+ --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
17942
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17734
17943
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17735
17944
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17736
17945
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17737
17946
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17738
17947
  --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;
17948
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17740
17949
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
17741
17950
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
17742
17951
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
17952
+ --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
17953
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17744
17954
  --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
17955
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -17821,10 +18031,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17821
18031
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
17822
18032
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
17823
18033
  }
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 {
18034
+ .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
18035
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
17826
18036
  }
17827
18037
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
18038
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
17828
18039
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
17829
18040
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
17830
18041
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -17834,7 +18045,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17834
18045
  }
17835
18046
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
17836
18047
  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);
18048
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
17838
18049
  }
17839
18050
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
17840
18051
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18024,6 +18235,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18024
18235
  }
18025
18236
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
18026
18237
  text-align: end;
18238
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18027
18239
  }
18028
18240
  @media screen and (max-width: 36rem) {
18029
18241
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -18130,10 +18342,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18130
18342
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18131
18343
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18132
18344
  }
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 {
18345
+ .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
18346
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18135
18347
  }
18136
18348
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
18349
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18137
18350
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18138
18351
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18139
18352
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18143,7 +18356,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18143
18356
  }
18144
18357
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18145
18358
  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);
18359
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18147
18360
  }
18148
18361
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18149
18362
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18333,6 +18546,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18333
18546
  }
18334
18547
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
18335
18548
  text-align: end;
18549
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18336
18550
  }
18337
18551
  @media screen and (max-width: 36rem) {
18338
18552
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -18440,10 +18654,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18440
18654
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18441
18655
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18442
18656
  }
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 {
18657
+ .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
18658
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18445
18659
  }
18446
18660
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
18661
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18447
18662
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18448
18663
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18449
18664
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18453,7 +18668,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18453
18668
  }
18454
18669
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18455
18670
  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);
18671
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18457
18672
  }
18458
18673
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18459
18674
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18643,6 +18858,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18643
18858
  }
18644
18859
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
18645
18860
  text-align: end;
18861
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18646
18862
  }
18647
18863
  @media screen and (max-width: 36rem) {
18648
18864
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -18750,10 +18966,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18750
18966
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18751
18967
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18752
18968
  }
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 {
18969
+ .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
18970
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18755
18971
  }
18756
18972
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
18973
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18757
18974
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18758
18975
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18759
18976
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18763,7 +18980,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18763
18980
  }
18764
18981
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18765
18982
  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);
18983
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18767
18984
  }
18768
18985
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18769
18986
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18953,6 +19170,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18953
19170
  }
18954
19171
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
18955
19172
  text-align: end;
19173
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18956
19174
  }
18957
19175
  @media screen and (max-width: 36rem) {
18958
19176
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19060,10 +19278,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19060
19278
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
19061
19279
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
19062
19280
  }
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 {
19281
+ .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
19282
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
19065
19283
  }
19066
19284
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
19285
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
19067
19286
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
19068
19287
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
19069
19288
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -19073,7 +19292,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19073
19292
  }
19074
19293
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
19075
19294
  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);
19295
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
19077
19296
  }
19078
19297
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
19079
19298
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19263,6 +19482,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19263
19482
  }
19264
19483
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
19265
19484
  text-align: end;
19485
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19266
19486
  }
19267
19487
  @media screen and (max-width: 36rem) {
19268
19488
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19352,8 +19572,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19352
19572
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19353
19573
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19354
19574
  --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);
19575
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
19576
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
19357
19577
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
19358
19578
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19359
19579
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -19453,7 +19673,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19453
19673
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19454
19674
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
19455
19675
  --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);
19676
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
19457
19677
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
19458
19678
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19459
19679
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19473,6 +19693,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19473
19693
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19474
19694
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19475
19695
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19696
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19697
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19476
19698
  }
19477
19699
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
19478
19700
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -19494,16 +19716,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19494
19716
  .pf-v6-c-table.pf-m-fixed {
19495
19717
  table-layout: fixed;
19496
19718
  }
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 {
19719
+ .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
19720
  opacity: 0;
19499
19721
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
19500
19722
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
19501
19723
  transition-property: opacity;
19502
19724
  }
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 {
19725
+ .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
19726
  opacity: 1;
19508
19727
  }
19509
19728
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -19514,27 +19733,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19514
19733
  inset-block-start: 0;
19515
19734
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
19516
19735
  }
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 {
19736
+ .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
19737
  position: absolute;
19519
19738
  inset: 0;
19520
19739
  z-index: -1;
19521
19740
  pointer-events: none;
19522
19741
  content: "";
19523
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19524
19742
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19525
19743
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
19526
19744
  }
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 {
19745
+ .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
19746
  position: absolute;
19532
19747
  inset: 0;
19533
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
19748
+ z-index: -1;
19534
19749
  pointer-events: none;
19535
19750
  content: "";
19751
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19536
19752
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
19537
19753
  }
19754
+ .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 {
19755
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19756
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19757
+ }
19758
+ .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 {
19759
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19760
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19761
+ }
19762
+ .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) {
19763
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19764
+ }
19765
+ :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 {
19766
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
19767
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19768
+ }
19538
19769
  .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
19770
  border-block-end: 0;
19540
19771
  }
@@ -19542,6 +19773,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19542
19773
  .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
19774
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
19544
19775
  }
19776
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
19777
+ position: sticky;
19778
+ inset-block-end: 0;
19779
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
19780
+ background: var(--pf-v6-c-table--BackgroundColor);
19781
+ }
19782
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
19783
+ position: absolute;
19784
+ inset: 0;
19785
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
19786
+ pointer-events: none;
19787
+ content: "";
19788
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19789
+ }
19790
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19791
+ border-block-end: 0;
19792
+ }
19793
+ .pf-v6-c-table.pf-m-plain {
19794
+ --pf-v6-c-table--BackgroundColor: transparent;
19795
+ }
19545
19796
  .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
19797
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
19547
19798
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -20225,14 +20476,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20225
20476
  vertical-align: bottom;
20226
20477
  }
20227
20478
  .pf-v6-c-table__thead.pf-m-nested-column-header {
20479
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
20228
20480
  position: relative;
20229
20481
  }
20230
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
20231
- position: absolute;
20232
- inset: 0;
20482
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
20233
20483
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
20234
- pointer-events: none;
20235
- content: "";
20236
20484
  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
20485
  }
20238
20486
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -20273,7 +20521,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20273
20521
  border-block-end: 0;
20274
20522
  }
20275
20523
  .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);
20524
+ height: var(--pf-v6-c-table--border-width--base);
20525
+ background-color: var(--pf-v6-c-table--BorderColor);
20526
+ }
20527
+
20528
+ .pf-v6-c-table__tfoot {
20529
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20530
+ vertical-align: top;
20277
20531
  }
20278
20532
 
20279
20533
  .pf-v6-c-table__icon-inline {
@@ -20422,6 +20676,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20422
20676
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
20423
20677
  }
20424
20678
 
20679
+ .pf-v6-c-table.pf-m-tree-view {
20680
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
20681
+ }
20425
20682
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
20426
20683
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
20427
20684
  }
@@ -21278,10 +21535,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21278
21535
  --pf-v6-c-tabs__link--BorderColor: transparent;
21279
21536
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
21280
21537
  --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);
21538
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21539
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21540
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
21541
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21285
21542
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
21286
21543
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
21287
21544
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -21300,9 +21557,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21300
21557
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
21301
21558
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21302
21559
  --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
21560
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
21305
21561
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
21562
+ --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);
21563
+ --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);
21564
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
21565
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
21566
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21567
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
21568
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21306
21569
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
21307
21570
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
21308
21571
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -21669,9 +21932,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21669
21932
  }
21670
21933
  .pf-v6-c-tabs.pf-m-subtab {
21671
21934
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
21935
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
21936
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
21937
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
21938
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
21672
21939
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
21673
21940
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
21674
21941
  }
21942
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
21943
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
21944
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
21945
+ }
21675
21946
  .pf-v6-c-tabs.pf-m-page-insets {
21676
21947
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
21677
21948
  }
@@ -22551,7 +22822,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22551
22822
 
22552
22823
  .pf-v6-c-title {
22553
22824
  font-family: var(--pf-v6-c-title--FontFamily);
22554
- overflow-wrap: break-word;
22825
+ overflow-wrap: anywhere;
22555
22826
  }
22556
22827
  .pf-v6-c-title.pf-m-4xl {
22557
22828
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -24973,7 +25244,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24973
25244
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24974
25245
  color: var(--pf-v6-c-tooltip__content--Color);
24975
25246
  text-align: center;
24976
- overflow-wrap: break-word;
25247
+ overflow-wrap: anywhere;
24977
25248
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24978
25249
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24979
25250
  }
@@ -25087,12 +25358,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25087
25358
  }
25088
25359
 
25089
25360
  .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));
25361
+ --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
25362
  --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
25363
  --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);
25364
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25365
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
25366
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25096
25367
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
25097
25368
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
25098
25369
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -25136,9 +25407,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25136
25407
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
25137
25408
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
25138
25409
  --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);
25410
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25140
25411
  --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);
25412
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25142
25413
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
25143
25414
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
25144
25415
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -25154,7 +25425,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25154
25425
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
25155
25426
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
25156
25427
  --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;
25428
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
25158
25429
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
25159
25430
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
25160
25431
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -25759,7 +26030,7 @@ label.pf-v6-c-tree-view__node-text {
25759
26030
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
25760
26031
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25761
26032
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
25762
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
26033
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
25763
26034
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25764
26035
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25765
26036
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -25885,7 +26156,7 @@ label.pf-v6-c-tree-view__node-text {
25885
26156
  align-items: baseline;
25886
26157
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25887
26158
  text-align: start;
25888
- overflow-wrap: break-word;
26159
+ overflow-wrap: anywhere;
25889
26160
  }
25890
26161
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25891
26162
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26021,7 +26292,7 @@ label.pf-v6-c-tree-view__node-text {
26021
26292
  padding-inline: 0;
26022
26293
  color: var(--pf-v6-c-wizard__nav-link--Color);
26023
26294
  text-align: start;
26024
- overflow-wrap: break-word;
26295
+ overflow-wrap: anywhere;
26025
26296
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26026
26297
  counter-increment: wizard-nav-count;
26027
26298
  background-color: transparent;
@@ -26140,7 +26411,7 @@ label.pf-v6-c-tree-view__node-text {
26140
26411
  flex-direction: column;
26141
26412
  overflow-x: hidden;
26142
26413
  overflow-y: auto;
26143
- overflow-wrap: break-word;
26414
+ overflow-wrap: anywhere;
26144
26415
  }
26145
26416
 
26146
26417
  .pf-v6-c-wizard__main-body {