@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/patternfly.css CHANGED
@@ -299,28 +299,28 @@ button) {
299
299
  @font-face {
300
300
  font-family: "Red Hat Text";
301
301
  font-style: normal;
302
- font-weight: 400 500;
302
+ font-weight: 400 600;
303
303
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
304
304
  font-display: fallback;
305
305
  }
306
306
  @font-face {
307
307
  font-family: "Red Hat Text";
308
308
  font-style: italic;
309
- font-weight: 400 500;
309
+ font-weight: 400 600;
310
310
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
311
311
  font-display: fallback;
312
312
  }
313
313
  @font-face {
314
314
  font-family: "Red Hat Display";
315
315
  font-style: normal;
316
- font-weight: 400 700;
316
+ font-weight: 600 800;
317
317
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
318
318
  font-display: fallback;
319
319
  }
320
320
  @font-face {
321
321
  font-family: "Red Hat Display";
322
322
  font-style: italic;
323
- font-weight: 400 700;
323
+ font-weight: 600 800;
324
324
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
325
325
  font-display: fallback;
326
326
  }
@@ -6644,9 +6644,9 @@ button) {
6644
6644
  --pf-t--global--font--size--700: 1.75rem;
6645
6645
  --pf-t--global--font--size--800: 2.25rem;
6646
6646
  --pf-t--global--font--weight--100: 400;
6647
- --pf-t--global--font--weight--200: 500;
6648
- --pf-t--global--font--weight--300: 500;
6649
- --pf-t--global--font--weight--400: 700;
6647
+ --pf-t--global--font--weight--200: 600;
6648
+ --pf-t--global--font--weight--300: 600;
6649
+ --pf-t--global--font--weight--400: 800;
6650
6650
  --pf-t--global--icon--size--100: 0.75rem;
6651
6651
  --pf-t--global--icon--size--200: 0.875rem;
6652
6652
  --pf-t--global--icon--size--250: 1rem;
@@ -7544,9 +7544,9 @@ button) {
7544
7544
  --pf-t--global--font--size--700: 1.75rem;
7545
7545
  --pf-t--global--font--size--800: 2.25rem;
7546
7546
  --pf-t--global--font--weight--100: 400;
7547
- --pf-t--global--font--weight--200: 500;
7548
- --pf-t--global--font--weight--300: 500;
7549
- --pf-t--global--font--weight--400: 700;
7547
+ --pf-t--global--font--weight--200: 600;
7548
+ --pf-t--global--font--weight--300: 600;
7549
+ --pf-t--global--font--weight--400: 800;
7550
7550
  --pf-t--global--icon--size--100: 0.75rem;
7551
7551
  --pf-t--global--icon--size--200: 0.875rem;
7552
7552
  --pf-t--global--icon--size--250: 1rem;
@@ -8241,6 +8241,7 @@ button) {
8241
8241
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8242
8242
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8243
8243
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8244
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8244
8245
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8245
8246
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8246
8247
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8394,6 +8395,7 @@ button) {
8394
8395
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8395
8396
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8396
8397
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8398
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8397
8399
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8398
8400
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8399
8401
  }
@@ -9573,7 +9575,7 @@ button) {
9573
9575
  overflow-x: hidden;
9574
9576
  overflow-y: auto;
9575
9577
  overscroll-behavior: contain;
9576
- overflow-wrap: break-word;
9578
+ overflow-wrap: anywhere;
9577
9579
  -webkit-overflow-scrolling: touch;
9578
9580
  }
9579
9581
  @media screen and (min-width: 36rem) {
@@ -9615,10 +9617,10 @@ button) {
9615
9617
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
9616
9618
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9617
9619
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
9618
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9620
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
9619
9621
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9620
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9621
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9622
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9623
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9622
9624
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
9623
9625
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9624
9626
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -9930,9 +9932,9 @@ button) {
9930
9932
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9931
9933
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
9932
9934
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
9933
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9934
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9935
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
9935
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9936
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9937
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9936
9938
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9937
9939
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
9938
9940
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -9944,8 +9946,8 @@ button) {
9944
9946
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
9945
9947
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
9946
9948
  --pf-v6-c-alert__title--max-lines: 1;
9947
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9948
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9949
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9950
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9949
9951
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
9950
9952
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9951
9953
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -10068,6 +10070,7 @@ button) {
10068
10070
 
10069
10071
  .pf-v6-c-alert__icon {
10070
10072
  grid-area: icon;
10073
+ align-self: baseline;
10071
10074
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
10072
10075
  font-size: var(--pf-v6-c-alert__icon--FontSize);
10073
10076
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10078,7 +10081,7 @@ button) {
10078
10081
  grid-area: title;
10079
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10080
10083
  color: var(--pf-v6-c-alert__title--Color);
10081
- overflow-wrap: break-word;
10084
+ overflow-wrap: anywhere;
10082
10085
  }
10083
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10084
10087
  display: -webkit-box;
@@ -10090,7 +10093,7 @@ button) {
10090
10093
  .pf-v6-c-alert__description {
10091
10094
  grid-area: description;
10092
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10093
- overflow-wrap: break-word;
10096
+ overflow-wrap: anywhere;
10094
10097
  }
10095
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10096
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10297,24 +10300,87 @@ button) {
10297
10300
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10298
10301
  --pf-v6-c-avatar--Width: 2.25rem;
10299
10302
  --pf-v6-c-avatar--Height: 2.25rem;
10303
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10300
10304
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10301
10305
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10306
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10302
10307
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10303
10308
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10309
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10304
10310
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10305
10311
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10312
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10306
10313
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10307
10314
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10315
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10308
10316
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10309
10317
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10318
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10319
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10320
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10321
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10322
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10323
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10324
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10325
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10326
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10327
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10328
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10329
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10330
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10331
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10332
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10333
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10334
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10335
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10336
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10337
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10338
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10339
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10340
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10341
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10342
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10343
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10344
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10345
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10346
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10347
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10348
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10349
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10350
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10351
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10352
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10353
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10354
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10355
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10356
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10357
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10358
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10359
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10360
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10361
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10362
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10363
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10364
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10310
10365
  }
10311
10366
 
10312
10367
  .pf-v6-c-avatar {
10313
10368
  width: var(--pf-v6-c-avatar--Width);
10314
10369
  height: var(--pf-v6-c-avatar--Height);
10370
+ font-size: var(--pf-v6-c-avatar--FontSize);
10371
+ color: var(--pf-v6-c-avatar--Color, inherit);
10372
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10315
10373
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10316
10374
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10317
10375
  }
10376
+ div.pf-v6-c-avatar {
10377
+ display: inline-flex;
10378
+ align-items: center;
10379
+ justify-content: center;
10380
+ overflow: clip;
10381
+ vertical-align: middle;
10382
+ }
10383
+
10318
10384
  .pf-v6-c-avatar.pf-m-bordered {
10319
10385
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10320
10386
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10543,6 +10609,87 @@ button) {
10543
10609
  --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))))));
10544
10610
  }
10545
10611
  }
10612
+ .pf-v6-c-avatar.pf-m-sm {
10613
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10614
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10615
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10616
+ }
10617
+ .pf-v6-c-avatar.pf-m-lg {
10618
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10619
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10620
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10621
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10622
+ }
10623
+ .pf-v6-c-avatar.pf-m-xl {
10624
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10625
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10626
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10627
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10628
+ }
10629
+ .pf-v6-c-avatar.pf-m-colorful {
10630
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10631
+ }
10632
+ .pf-v6-c-avatar.pf-m-red {
10633
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10634
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10635
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10636
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10637
+ }
10638
+ .pf-v6-c-avatar.pf-m-orangered {
10639
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10640
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10641
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10642
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10643
+ }
10644
+ .pf-v6-c-avatar.pf-m-orange {
10645
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10646
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10647
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10648
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10649
+ }
10650
+ .pf-v6-c-avatar.pf-m-yellow {
10651
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10652
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10653
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10654
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10655
+ }
10656
+ .pf-v6-c-avatar.pf-m-green {
10657
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10658
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10659
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10660
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10661
+ }
10662
+ .pf-v6-c-avatar.pf-m-teal {
10663
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10664
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10665
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10666
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10667
+ }
10668
+ .pf-v6-c-avatar.pf-m-blue {
10669
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10670
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10671
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10672
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10673
+ }
10674
+ .pf-v6-c-avatar.pf-m-purple {
10675
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10676
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10677
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10678
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10679
+ }
10680
+ .pf-v6-c-avatar.pf-m-gray {
10681
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10682
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10683
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10684
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10685
+ }
10686
+
10687
+ .pf-v6-c-avatar__initials {
10688
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10689
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10690
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10691
+ color: var(--pf-v6-c-avatar__initials--Color);
10692
+ }
10546
10693
 
10547
10694
  .pf-v6-c-backdrop {
10548
10695
  --pf-v6-c-backdrop--Position: fixed;
@@ -10721,7 +10868,9 @@ button) {
10721
10868
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10722
10869
  --pf-v6-c-banner--link--TextDecoration: underline;
10723
10870
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10871
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10724
10872
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10873
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10725
10874
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10726
10875
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10727
10876
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10830,6 +10979,7 @@ button) {
10830
10979
  .pf-v6-c-banner a {
10831
10980
  color: var(--pf-v6-c-banner--link--Color);
10832
10981
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10982
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10833
10983
  }
10834
10984
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10835
10985
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10841,7 +10991,11 @@ button) {
10841
10991
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10842
10992
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10843
10993
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10994
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10844
10995
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10996
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10997
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10998
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10845
10999
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10846
11000
  }
10847
11001
  .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 {
@@ -10936,9 +11090,9 @@ button) {
10936
11090
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
10937
11091
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
10938
11092
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
10939
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11093
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10940
11094
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
10941
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11095
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10942
11096
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
10943
11097
  }
10944
11098
 
@@ -10986,7 +11140,7 @@ button) {
10986
11140
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10987
11141
  line-height: inherit;
10988
11142
  color: var(--pf-v6-c-breadcrumb__link--Color);
10989
- overflow-wrap: break-word;
11143
+ overflow-wrap: anywhere;
10990
11144
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10991
11145
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10992
11146
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -11158,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
11158
11312
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11159
11313
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11160
11314
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11315
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11316
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11317
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11318
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11161
11319
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11162
11320
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11163
11321
  --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);
@@ -11172,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
11172
11330
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11173
11331
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11174
11332
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11333
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11334
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11175
11335
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11176
11336
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11177
11337
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11277,6 +11437,7 @@ button.pf-v6-c-breadcrumb__link {
11277
11437
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
11278
11438
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
11279
11439
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
11440
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11280
11441
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
11281
11442
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11282
11443
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -11352,12 +11513,12 @@ button.pf-v6-c-breadcrumb__link {
11352
11513
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
11353
11514
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11354
11515
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
11355
- --pf-v6-c-button__progress--Opacity: 0;
11356
11516
  --pf-v6-c-button__progress--TranslateY: -50%;
11357
11517
  --pf-v6-c-button__progress--TranslateX: 0;
11358
11518
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
11359
11519
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
11360
11520
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
11521
+ --pf-v6-c-button__progress--Position: absolute;
11361
11522
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
11362
11523
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
11363
11524
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -11365,6 +11526,8 @@ button.pf-v6-c-breadcrumb__link {
11365
11526
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
11366
11527
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
11367
11528
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
11529
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-c-button--TransitionDuration);
11530
+ --pf-v6-c-button--m-progress--TransitionProperty: var(--pf-v6-c-button--TransitionProperty), padding;
11368
11531
  --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
11369
11532
  --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
11370
11533
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
@@ -11544,9 +11707,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11544
11707
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11545
11708
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11546
11709
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11547
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11710
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11711
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11712
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11713
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11548
11714
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11549
11715
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11716
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11717
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11550
11718
  --pf-v6-c-button--BorderWidth: 0;
11551
11719
  --pf-v6-c-button--hover--BorderWidth: 0;
11552
11720
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11559,6 +11727,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11559
11727
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11560
11728
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11561
11729
  }
11730
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11731
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11732
+ }
11562
11733
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11563
11734
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11564
11735
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11700,7 +11871,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11700
11871
  }
11701
11872
  .pf-v6-c-button.pf-m-block {
11702
11873
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
11874
+ --pf-v6-c-button__progress--Position: relative;
11875
+ --pf-v6-c-button__progress--InsetBlockStart: 0;
11876
+ --pf-v6-c-button__progress--InsetInlineStart: 0;
11877
+ --pf-v6-c-button__progress--TranslateY: 0;
11703
11878
  width: var(--pf-v6-c-button--m-block--Width);
11879
+ transition-duration: var(--pf-v6-c-button--m-progress--TransitionDuration);
11880
+ transition-property: var(--pf-v6-c-button--m-progress--TransitionProperty);
11881
+ }
11882
+ .pf-v6-c-button.pf-m-block .pf-v6-c-button__progress {
11883
+ align-self: center;
11704
11884
  }
11705
11885
  .pf-v6-c-button.pf-m-small {
11706
11886
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
@@ -11779,7 +11959,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11779
11959
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11780
11960
  --pf-v6-c-button__icon--TransitionDuration: 0s;
11781
11961
  --pf-v6-c-button__icon--TransitionProperty: scale;
11782
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11783
11962
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
11784
11963
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
11785
11964
  }
@@ -11855,7 +12034,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11855
12034
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
11856
12035
  }
11857
12036
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
11858
- border-color: transparent;
12037
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
11859
12038
  }
11860
12039
  .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 {
11861
12040
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -11892,6 +12071,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11892
12071
  justify-content: flex-start;
11893
12072
  width: 100%;
11894
12073
  }
12074
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
12075
+ min-width: 1lh;
12076
+ }
11895
12077
  @media (min-width: 62rem) {
11896
12078
  .pf-v6-c-button.pf-m-docked {
11897
12079
  justify-content: center;
@@ -11942,7 +12124,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11942
12124
  }
11943
12125
 
11944
12126
  .pf-v6-c-button__progress {
11945
- position: absolute;
12127
+ position: var(--pf-v6-c-button__progress--Position);
11946
12128
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
11947
12129
  inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
11948
12130
  line-height: 1;
@@ -12260,13 +12442,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12260
12442
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12261
12443
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12262
12444
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
12263
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12264
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12445
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12446
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12265
12447
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12266
12448
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
12267
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12449
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12268
12450
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
12269
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12451
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12270
12452
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12271
12453
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12272
12454
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -12804,7 +12986,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12804
12986
  }
12805
12987
 
12806
12988
  .pf-v6-c-clipboard-copy__text {
12807
- overflow-wrap: break-word;
12989
+ overflow-wrap: anywhere;
12808
12990
  white-space: normal;
12809
12991
  }
12810
12992
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -14233,7 +14415,7 @@ ul) {
14233
14415
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14234
14416
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14235
14417
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
14236
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14418
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14237
14419
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14238
14420
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14239
14421
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14266,8 +14448,8 @@ ul) {
14266
14448
  --pf-v6-c-data-list--cell--WordBreak: normal;
14267
14449
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14268
14450
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
14269
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14270
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14451
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14452
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14271
14453
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14272
14454
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14273
14455
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14298,8 +14480,8 @@ ul) {
14298
14480
  --pf-v6-c-data-list__item-action--Display: flex;
14299
14481
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14300
14482
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14301
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
14302
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
14483
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14484
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14303
14485
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14304
14486
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14305
14487
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -14975,6 +15157,7 @@ ul) {
14975
15157
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14976
15158
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14977
15159
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
15160
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14978
15161
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14979
15162
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14980
15163
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14989,6 +15172,7 @@ ul) {
14989
15172
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14990
15173
  position: relative;
14991
15174
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15175
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14992
15176
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14993
15177
  }
14994
15178
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -15008,6 +15192,7 @@ ul) {
15008
15192
 
15009
15193
  .pf-v6-c-droppable {
15010
15194
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15195
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15011
15196
  --pf-v6-c-droppable--before--Opacity: 0;
15012
15197
  --pf-v6-c-droppable--after--BorderWidth: 0;
15013
15198
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15030,6 +15215,7 @@ ul) {
15030
15215
  }
15031
15216
  .pf-v6-c-droppable::before {
15032
15217
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15218
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15033
15219
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15034
15220
  }
15035
15221
  .pf-v6-c-droppable::after {
@@ -15125,7 +15311,7 @@ ul) {
15125
15311
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
15126
15312
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15127
15313
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
15128
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
15314
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
15129
15315
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15130
15316
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15131
15317
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -17735,6 +17921,10 @@ ul) {
17735
17921
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
17736
17922
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
17737
17923
  --pf-v6-c-form-control--Width: 100%;
17924
+ --pf-v6-c-form-control--TransitionDelay: 0s;
17925
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
17926
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17927
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
17738
17928
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
17739
17929
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
17740
17930
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -17840,12 +18030,17 @@ ul) {
17840
18030
  resize: var(--pf-v6-c-form-control--Resize);
17841
18031
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
17842
18032
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
18033
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
18034
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
18035
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
18036
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
17843
18037
  }
17844
18038
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
17845
18039
  position: absolute;
17846
18040
  inset: 0;
17847
18041
  pointer-events: none;
17848
18042
  content: "";
18043
+ transition: inherit;
17849
18044
  }
17850
18045
  .pf-v6-c-form-control::before {
17851
18046
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -17941,10 +18136,11 @@ ul) {
17941
18136
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17942
18137
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17943
18138
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
17944
- --pf-v6-c-form-control--before--BorderStyle: none;
17945
- --pf-v6-c-form-control--after--BorderStyle: none;
17946
18139
  cursor: not-allowed;
17947
18140
  }
18141
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
18142
+ border-color: transparent;
18143
+ }
17948
18144
  .pf-v6-c-form-control.pf-m-error {
17949
18145
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
17950
18146
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -18265,8 +18461,8 @@ ul) {
18265
18461
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18266
18462
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18267
18463
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
18268
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18269
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18464
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18465
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18270
18466
  }
18271
18467
 
18272
18468
  .pf-v6-c-hint {
@@ -19551,7 +19747,6 @@ label.pf-v6-c-input-group__text {
19551
19747
  position: absolute;
19552
19748
  inset: 0;
19553
19749
  z-index: -1;
19554
- pointer-events: none;
19555
19750
  content: "";
19556
19751
  background-color: var(--pf-v6-c-label--BackgroundColor);
19557
19752
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -19570,8 +19765,15 @@ input.pf-v6-c-label__content {
19570
19765
  .pf-v6-c-label__actions {
19571
19766
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
19572
19767
  }
19573
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
19574
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
19768
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
19769
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
19770
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
19771
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
19772
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
19773
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
19774
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
19775
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
19776
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
19575
19777
  }
19576
19778
 
19577
19779
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -20081,7 +20283,7 @@ ul.pf-v6-c-list {
20081
20283
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
20082
20284
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
20083
20285
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
20084
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20286
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
20085
20287
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
20086
20288
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20087
20289
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20928,7 +21130,7 @@ ul.pf-v6-c-list {
20928
21130
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20929
21131
  --pf-v6-c-menu__item-external--Color: transparent;
20930
21132
  --pf-v6-c-menu__item-select-icon--Color: transparent;
20931
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21133
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20932
21134
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20933
21135
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20934
21136
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21295,7 +21497,7 @@ ul.pf-v6-c-list {
21295
21497
  .pf-v6-c-menu__item-description {
21296
21498
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21297
21499
  color: var(--pf-v6-c-menu__item-description--Color);
21298
- overflow-wrap: break-word;
21500
+ overflow-wrap: anywhere;
21299
21501
  }
21300
21502
 
21301
21503
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21712,6 +21914,9 @@ ul.pf-v6-c-list {
21712
21914
  justify-content: flex-start;
21713
21915
  width: 100%;
21714
21916
  }
21917
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21918
+ min-width: 1lh;
21919
+ }
21715
21920
  @media (min-width: 62rem) {
21716
21921
  .pf-v6-c-menu-toggle.pf-m-docked {
21717
21922
  justify-content: center;
@@ -21940,7 +22145,7 @@ ul.pf-v6-c-list {
21940
22145
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21941
22146
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
21942
22147
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
21943
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
22148
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21944
22149
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
21945
22150
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
21946
22151
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -21962,8 +22167,8 @@ ul.pf-v6-c-list {
21962
22167
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21963
22168
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21964
22169
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21965
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
21966
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
22170
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22171
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21967
22172
  }
21968
22173
 
21969
22174
  .pf-v6-c-modal-box {
@@ -22089,7 +22294,7 @@ ul.pf-v6-c-list {
22089
22294
  overflow-x: hidden;
22090
22295
  overflow-y: auto;
22091
22296
  overscroll-behavior: contain;
22092
- overflow-wrap: break-word;
22297
+ overflow-wrap: anywhere;
22093
22298
  -webkit-overflow-scrolling: touch;
22094
22299
  }
22095
22300
  .pf-v6-c-modal-box__body:last-child {
@@ -22325,8 +22530,8 @@ ul.pf-v6-c-list {
22325
22530
  }
22326
22531
 
22327
22532
  .pf-v6-c-nav {
22328
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22329
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22533
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22534
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22330
22535
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22331
22536
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22332
22537
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -22963,7 +23168,7 @@ ul.pf-v6-c-list {
22963
23168
 
22964
23169
  .pf-v6-c-notification-drawer__list-item-header-title {
22965
23170
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22966
- overflow-wrap: break-word;
23171
+ overflow-wrap: anywhere;
22967
23172
  }
22968
23173
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22969
23174
  display: -webkit-box;
@@ -22985,7 +23190,7 @@ ul.pf-v6-c-list {
22985
23190
  grid-row: 2/3;
22986
23191
  grid-column: 1/2;
22987
23192
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22988
- overflow-wrap: break-word;
23193
+ overflow-wrap: anywhere;
22989
23194
  }
22990
23195
 
22991
23196
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23030,7 +23235,7 @@ ul.pf-v6-c-list {
23030
23235
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23031
23236
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23032
23237
  text-align: start;
23033
- overflow-wrap: break-word;
23238
+ overflow-wrap: anywhere;
23034
23239
  }
23035
23240
 
23036
23241
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23107,11 +23312,6 @@ ul.pf-v6-c-list {
23107
23312
  .pf-v6-c-page {
23108
23313
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23109
23314
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
23110
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23111
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
23112
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
23113
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23114
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23115
23315
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
23116
23316
  --pf-v6-c-page__dock--Width: 15.625rem;
23117
23317
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -23125,11 +23325,17 @@ ul.pf-v6-c-list {
23125
23325
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
23126
23326
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
23127
23327
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
23128
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23328
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
23129
23329
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
23130
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23330
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23331
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23131
23332
  --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));
23132
- --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));
23333
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23334
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23335
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23336
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23337
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23338
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23133
23339
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
23134
23340
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
23135
23341
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23300,20 +23506,17 @@ ul.pf-v6-c-list {
23300
23506
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23301
23507
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23302
23508
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23303
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23304
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23305
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23306
23509
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23307
23510
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23308
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23309
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23310
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23511
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23512
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23513
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23311
23514
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23312
23515
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23313
23516
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23314
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23315
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23316
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23517
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23518
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23519
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23317
23520
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23318
23521
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23319
23522
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23324,9 +23527,11 @@ ul.pf-v6-c-list {
23324
23527
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23325
23528
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23326
23529
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23327
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23328
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23329
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23530
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23531
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23532
+ --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));
23533
+ --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));
23534
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23330
23535
  }
23331
23536
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23332
23537
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23349,6 +23554,8 @@ ul.pf-v6-c-list {
23349
23554
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23350
23555
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23351
23556
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23557
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23558
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23352
23559
  }
23353
23560
  @media (min-width: 75rem) {
23354
23561
  .pf-v6-c-page {
@@ -23519,8 +23726,6 @@ ul.pf-v6-c-list {
23519
23726
  }
23520
23727
  @media (min-width: 62rem) {
23521
23728
  .pf-v6-c-page__dock {
23522
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23523
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23524
23729
  position: revert;
23525
23730
  inset: revert;
23526
23731
  visibility: revert;
@@ -23548,6 +23753,9 @@ ul.pf-v6-c-list {
23548
23753
  }
23549
23754
  @media (min-width: 62rem) {
23550
23755
  .pf-v6-c-page__dock-main {
23756
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23757
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23758
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23551
23759
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23552
23760
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23553
23761
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24281,7 +24489,8 @@ ul.pf-v6-c-list {
24281
24489
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24282
24490
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24283
24491
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24284
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24492
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24493
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24285
24494
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24286
24495
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24287
24496
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24295,6 +24504,8 @@ ul.pf-v6-c-list {
24295
24504
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24296
24505
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24297
24506
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24507
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24508
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24298
24509
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24299
24510
  }
24300
24511
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24302,6 +24513,9 @@ ul.pf-v6-c-list {
24302
24513
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24303
24514
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24304
24515
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24516
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24517
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24518
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24305
24519
  }
24306
24520
  .pf-v6-c-pagination {
24307
24521
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24313,6 +24527,7 @@ ul.pf-v6-c-list {
24313
24527
  }
24314
24528
  @media screen and (min-width: 48rem) {
24315
24529
  .pf-v6-c-pagination {
24530
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24316
24531
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24317
24532
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24318
24533
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24338,9 +24553,6 @@ ul.pf-v6-c-list {
24338
24553
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24339
24554
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24340
24555
  }
24341
- :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) {
24342
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24343
- }
24344
24556
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24345
24557
  display: var(--pf-v6-c-pagination__page-menu--Display);
24346
24558
  }
@@ -24356,11 +24568,9 @@ ul.pf-v6-c-list {
24356
24568
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24357
24569
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24358
24570
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24571
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24359
24572
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24360
24573
  }
24361
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
24362
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24363
- }
24364
24574
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24365
24575
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24366
24576
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24379,6 +24589,7 @@ ul.pf-v6-c-list {
24379
24589
  .pf-v6-c-pagination.pf-m-bottom {
24380
24590
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24381
24591
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24592
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24382
24593
  position: relative;
24383
24594
  justify-content: flex-end;
24384
24595
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24403,12 +24614,14 @@ ul.pf-v6-c-list {
24403
24614
  }
24404
24615
  }
24405
24616
  .pf-v6-c-pagination.pf-m-static {
24617
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24406
24618
  position: relative;
24407
24619
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24408
24620
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24409
24621
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24410
24622
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24411
24623
  border: 0;
24624
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24412
24625
  box-shadow: none;
24413
24626
  }
24414
24627
  .pf-v6-c-pagination.pf-m-sticky {
@@ -24681,7 +24894,7 @@ ul.pf-v6-c-list {
24681
24894
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24682
24895
  --pf-v6-c-panel--BoxShadow: none;
24683
24896
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24684
- --pf-v6-c-panel--before--BorderWidth: 0;
24897
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24685
24898
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24686
24899
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24687
24900
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -24861,7 +25074,7 @@ ul.pf-v6-c-list {
24861
25074
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
24862
25075
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
24863
25076
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
24864
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
25077
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
24865
25078
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
24866
25079
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
24867
25080
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -25162,7 +25375,7 @@ ul.pf-v6-c-list {
25162
25375
 
25163
25376
  .pf-v6-c-progress__description {
25164
25377
  grid-column: 1/2;
25165
- overflow-wrap: break-word;
25378
+ overflow-wrap: anywhere;
25166
25379
  }
25167
25380
  .pf-v6-c-progress__description.pf-m-truncate {
25168
25381
  overflow: hidden;
@@ -25178,7 +25391,7 @@ ul.pf-v6-c-list {
25178
25391
  align-items: flex-start;
25179
25392
  justify-content: flex-end;
25180
25393
  text-align: end;
25181
- overflow-wrap: break-word;
25394
+ overflow-wrap: anywhere;
25182
25395
  }
25183
25396
 
25184
25397
  .pf-v6-c-progress__status-icon {
@@ -26096,6 +26309,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26096
26309
  --pf-v6-c-sidebar__panel--Position: static;
26097
26310
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26098
26311
  }
26312
+ .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) {
26313
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26314
+ }
26099
26315
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26100
26316
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26101
26317
  }
@@ -26115,7 +26331,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26115
26331
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26116
26332
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26117
26333
  }
26118
- .pf-v6-c-sidebar__content.pf-m-no-background {
26334
+ .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) {
26119
26335
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26120
26336
  }
26121
26337
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26128,12 +26344,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26128
26344
  --pf-v6-c-sidebar__content--Order: -1;
26129
26345
  }
26130
26346
 
26131
- .pf-v6-c-sidebar.pf-m-no-background,
26132
- .pf-v6-c-sidebar__panel.pf-m-no-background,
26133
- .pf-v6-c-sidebar__content.pf-m-no-background {
26134
- background-color: transparent;
26135
- }
26136
-
26137
26347
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26138
26348
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26139
26349
  }
@@ -27133,22 +27343,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27133
27343
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
27134
27344
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
27135
27345
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
27346
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27136
27347
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
27137
27348
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27138
27349
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27139
27350
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
27140
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
27141
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
27351
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27352
+ --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);
27142
27353
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27143
27354
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27144
27355
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
27145
27356
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
27146
27357
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27147
27358
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
27148
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
27359
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27149
27360
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
27150
27361
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
27151
27362
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27363
+ --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);
27152
27364
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
27153
27365
  --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));
27154
27366
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -27230,10 +27442,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27230
27442
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27231
27443
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27232
27444
  }
27233
- .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 {
27445
+ .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) {
27234
27446
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27235
27447
  }
27236
27448
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
27449
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27237
27450
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27238
27451
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27239
27452
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27243,7 +27456,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27243
27456
  }
27244
27457
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27245
27458
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27246
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27459
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27247
27460
  }
27248
27461
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27249
27462
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27433,6 +27646,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27433
27646
  }
27434
27647
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
27435
27648
  text-align: end;
27649
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27436
27650
  }
27437
27651
  @media screen and (max-width: 36rem) {
27438
27652
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -27539,10 +27753,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27539
27753
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27540
27754
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27541
27755
  }
27542
- .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 {
27756
+ .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) {
27543
27757
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27544
27758
  }
27545
27759
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
27760
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27546
27761
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27547
27762
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27548
27763
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27552,7 +27767,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27552
27767
  }
27553
27768
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27554
27769
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27555
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27770
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27556
27771
  }
27557
27772
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27558
27773
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27742,6 +27957,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27742
27957
  }
27743
27958
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
27744
27959
  text-align: end;
27960
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27745
27961
  }
27746
27962
  @media screen and (max-width: 36rem) {
27747
27963
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -27849,10 +28065,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27849
28065
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27850
28066
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27851
28067
  }
27852
- .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 {
28068
+ .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) {
27853
28069
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27854
28070
  }
27855
28071
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
28072
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27856
28073
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27857
28074
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27858
28075
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27862,7 +28079,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27862
28079
  }
27863
28080
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27864
28081
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27865
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28082
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27866
28083
  }
27867
28084
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27868
28085
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28052,6 +28269,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28052
28269
  }
28053
28270
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
28054
28271
  text-align: end;
28272
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28055
28273
  }
28056
28274
  @media screen and (max-width: 36rem) {
28057
28275
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -28159,10 +28377,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28159
28377
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28160
28378
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28161
28379
  }
28162
- .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 {
28380
+ .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) {
28163
28381
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28164
28382
  }
28165
28383
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
28384
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28166
28385
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28167
28386
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28168
28387
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28172,7 +28391,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28172
28391
  }
28173
28392
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28174
28393
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28175
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28394
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28176
28395
  }
28177
28396
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28178
28397
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28362,6 +28581,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28362
28581
  }
28363
28582
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
28364
28583
  text-align: end;
28584
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28365
28585
  }
28366
28586
  @media screen and (max-width: 36rem) {
28367
28587
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28469,10 +28689,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28469
28689
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28470
28690
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28471
28691
  }
28472
- .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 {
28692
+ .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) {
28473
28693
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28474
28694
  }
28475
28695
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
28696
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28476
28697
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28477
28698
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28478
28699
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28482,7 +28703,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28482
28703
  }
28483
28704
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28484
28705
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28485
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28706
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28486
28707
  }
28487
28708
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28488
28709
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28672,6 +28893,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28672
28893
  }
28673
28894
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
28674
28895
  text-align: end;
28896
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28675
28897
  }
28676
28898
  @media screen and (max-width: 36rem) {
28677
28899
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28761,8 +28983,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28761
28983
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28762
28984
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28763
28985
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
28764
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28765
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28986
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28987
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28766
28988
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28767
28989
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28768
28990
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -28862,7 +29084,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28862
29084
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28863
29085
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28864
29086
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28865
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
29087
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28866
29088
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28867
29089
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28868
29090
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28882,6 +29104,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28882
29104
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28883
29105
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28884
29106
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
29107
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
29108
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28885
29109
  }
28886
29110
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28887
29111
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28903,16 +29127,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28903
29127
  .pf-v6-c-table.pf-m-fixed {
28904
29128
  table-layout: fixed;
28905
29129
  }
28906
- .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 {
29130
+ .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 {
28907
29131
  opacity: 0;
28908
29132
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28909
29133
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28910
29134
  transition-property: opacity;
28911
29135
  }
28912
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28913
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28914
- }
28915
- .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 {
29136
+ .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 {
28916
29137
  opacity: 1;
28917
29138
  }
28918
29139
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28923,27 +29144,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28923
29144
  inset-block-start: 0;
28924
29145
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28925
29146
  }
28926
- .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 {
29147
+ .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 {
28927
29148
  position: absolute;
28928
29149
  inset: 0;
28929
29150
  z-index: -1;
28930
29151
  pointer-events: none;
28931
29152
  content: "";
28932
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28933
29153
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28934
29154
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28935
29155
  }
28936
- .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) {
28937
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28938
- }
28939
- .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 {
29156
+ .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 {
28940
29157
  position: absolute;
28941
29158
  inset: 0;
28942
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
29159
+ z-index: -1;
28943
29160
  pointer-events: none;
28944
29161
  content: "";
29162
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28945
29163
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28946
29164
  }
29165
+ .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 {
29166
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29167
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29168
+ }
29169
+ .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 {
29170
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29171
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29172
+ }
29173
+ .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) {
29174
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29175
+ }
29176
+ :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 {
29177
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
29178
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29179
+ }
28947
29180
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28948
29181
  border-block-end: 0;
28949
29182
  }
@@ -28951,6 +29184,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28951
29184
  .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]) {
28952
29185
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28953
29186
  }
29187
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29188
+ position: sticky;
29189
+ inset-block-end: 0;
29190
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29191
+ background: var(--pf-v6-c-table--BackgroundColor);
29192
+ }
29193
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29194
+ position: absolute;
29195
+ inset: 0;
29196
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29197
+ pointer-events: none;
29198
+ content: "";
29199
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29200
+ }
29201
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29202
+ border-block-end: 0;
29203
+ }
29204
+ .pf-v6-c-table.pf-m-plain {
29205
+ --pf-v6-c-table--BackgroundColor: transparent;
29206
+ }
28954
29207
  .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),
28955
29208
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28956
29209
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29634,14 +29887,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29634
29887
  vertical-align: bottom;
29635
29888
  }
29636
29889
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29890
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29637
29891
  position: relative;
29638
29892
  }
29639
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29640
- position: absolute;
29641
- inset: 0;
29893
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29642
29894
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29643
- pointer-events: none;
29644
- content: "";
29645
29895
  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);
29646
29896
  }
29647
29897
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29682,7 +29932,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29682
29932
  border-block-end: 0;
29683
29933
  }
29684
29934
  .pf-v6-c-table__tr.pf-m-border-row {
29685
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29935
+ height: var(--pf-v6-c-table--border-width--base);
29936
+ background-color: var(--pf-v6-c-table--BorderColor);
29937
+ }
29938
+
29939
+ .pf-v6-c-table__tfoot {
29940
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29941
+ vertical-align: top;
29686
29942
  }
29687
29943
 
29688
29944
  .pf-v6-c-table__icon-inline {
@@ -29831,6 +30087,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29831
30087
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
29832
30088
  }
29833
30089
 
30090
+ .pf-v6-c-table.pf-m-tree-view {
30091
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
30092
+ }
29834
30093
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
29835
30094
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
29836
30095
  }
@@ -30687,10 +30946,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30687
30946
  --pf-v6-c-tabs__link--BorderColor: transparent;
30688
30947
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
30689
30948
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
30690
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
30691
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
30692
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
30693
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
30949
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
30950
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30951
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
30952
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30694
30953
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
30695
30954
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
30696
30955
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -30709,9 +30968,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30709
30968
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
30710
30969
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
30711
30970
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30712
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
30713
30971
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
30714
30972
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
30973
+ --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);
30974
+ --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);
30975
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
30976
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
30977
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30978
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
30979
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30715
30980
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
30716
30981
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
30717
30982
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -31078,9 +31343,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31078
31343
  }
31079
31344
  .pf-v6-c-tabs.pf-m-subtab {
31080
31345
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
31346
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
31347
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
31348
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
31349
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
31081
31350
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
31082
31351
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
31083
31352
  }
31353
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
31354
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
31355
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
31356
+ }
31084
31357
  .pf-v6-c-tabs.pf-m-page-insets {
31085
31358
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
31086
31359
  }
@@ -31960,7 +32233,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31960
32233
 
31961
32234
  .pf-v6-c-title {
31962
32235
  font-family: var(--pf-v6-c-title--FontFamily);
31963
- overflow-wrap: break-word;
32236
+ overflow-wrap: anywhere;
31964
32237
  }
31965
32238
  .pf-v6-c-title.pf-m-4xl {
31966
32239
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34382,7 +34655,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34382
34655
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34383
34656
  color: var(--pf-v6-c-tooltip__content--Color);
34384
34657
  text-align: center;
34385
- overflow-wrap: break-word;
34658
+ overflow-wrap: anywhere;
34386
34659
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34387
34660
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34388
34661
  }
@@ -34496,12 +34769,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34496
34769
  }
34497
34770
 
34498
34771
  .pf-v6-c-tree-view {
34499
- --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));
34772
+ --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));
34500
34773
  --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));
34501
34774
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34502
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34503
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34504
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34775
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34776
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34777
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34505
34778
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34506
34779
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34507
34780
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34545,9 +34818,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34545
34818
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34546
34819
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34547
34820
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34548
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34821
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34549
34822
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34550
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34823
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34551
34824
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34552
34825
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34553
34826
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -34563,7 +34836,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34563
34836
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34564
34837
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34565
34838
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
34566
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
34839
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34567
34840
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34568
34841
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34569
34842
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35168,7 +35441,7 @@ label.pf-v6-c-tree-view__node-text {
35168
35441
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
35169
35442
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
35170
35443
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
35171
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
35444
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
35172
35445
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
35173
35446
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
35174
35447
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -35294,7 +35567,7 @@ label.pf-v6-c-tree-view__node-text {
35294
35567
  align-items: baseline;
35295
35568
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35296
35569
  text-align: start;
35297
- overflow-wrap: break-word;
35570
+ overflow-wrap: anywhere;
35298
35571
  }
35299
35572
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35300
35573
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35430,7 +35703,7 @@ label.pf-v6-c-tree-view__node-text {
35430
35703
  padding-inline: 0;
35431
35704
  color: var(--pf-v6-c-wizard__nav-link--Color);
35432
35705
  text-align: start;
35433
- overflow-wrap: break-word;
35706
+ overflow-wrap: anywhere;
35434
35707
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35435
35708
  counter-increment: wizard-nav-count;
35436
35709
  background-color: transparent;
@@ -35549,7 +35822,7 @@ label.pf-v6-c-tree-view__node-text {
35549
35822
  flex-direction: column;
35550
35823
  overflow-x: hidden;
35551
35824
  overflow-y: auto;
35552
- overflow-wrap: break-word;
35825
+ overflow-wrap: anywhere;
35553
35826
  }
35554
35827
 
35555
35828
  .pf-v6-c-wizard__main-body {