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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +20 -4
  43. package/components/Button/button.scss +24 -5
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +399 -140
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +411 -150
  156. package/patternfly.css +411 -150
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
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,7 +11513,6 @@ 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%;
@@ -11544,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11544
11704
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11545
11705
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11546
11706
  --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);
11707
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11708
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11709
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11710
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11548
11711
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11549
11712
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11713
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11714
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11550
11715
  --pf-v6-c-button--BorderWidth: 0;
11551
11716
  --pf-v6-c-button--hover--BorderWidth: 0;
11552
11717
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11559,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11559
11724
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11560
11725
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11561
11726
  }
11727
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11728
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11729
+ }
11562
11730
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11563
11731
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11564
11732
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11779,7 +11947,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11779
11947
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11780
11948
  --pf-v6-c-button__icon--TransitionDuration: 0s;
11781
11949
  --pf-v6-c-button__icon--TransitionProperty: scale;
11782
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11783
11950
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
11784
11951
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
11785
11952
  }
@@ -11855,7 +12022,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11855
12022
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
11856
12023
  }
11857
12024
  .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;
12025
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
11859
12026
  }
11860
12027
  .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
12028
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -11892,6 +12059,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11892
12059
  justify-content: flex-start;
11893
12060
  width: 100%;
11894
12061
  }
12062
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
12063
+ min-width: 1lh;
12064
+ }
11895
12065
  @media (min-width: 62rem) {
11896
12066
  .pf-v6-c-button.pf-m-docked {
11897
12067
  justify-content: center;
@@ -12260,13 +12430,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12260
12430
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12261
12431
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12262
12432
  --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);
12433
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12434
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12265
12435
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12266
12436
  --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);
12437
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12268
12438
  --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);
12439
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12270
12440
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12271
12441
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12272
12442
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -12804,7 +12974,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12804
12974
  }
12805
12975
 
12806
12976
  .pf-v6-c-clipboard-copy__text {
12807
- overflow-wrap: break-word;
12977
+ overflow-wrap: anywhere;
12808
12978
  white-space: normal;
12809
12979
  }
12810
12980
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -14233,7 +14403,7 @@ ul) {
14233
14403
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14234
14404
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14235
14405
  --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));
14406
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14237
14407
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14238
14408
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14239
14409
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14266,8 +14436,8 @@ ul) {
14266
14436
  --pf-v6-c-data-list--cell--WordBreak: normal;
14267
14437
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14268
14438
  --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);
14439
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14440
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14271
14441
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14272
14442
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14273
14443
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14298,8 +14468,8 @@ ul) {
14298
14468
  --pf-v6-c-data-list__item-action--Display: flex;
14299
14469
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14300
14470
  --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);
14471
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14472
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14303
14473
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14304
14474
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14305
14475
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -14975,6 +15145,7 @@ ul) {
14975
15145
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14976
15146
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14977
15147
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
15148
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14978
15149
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14979
15150
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14980
15151
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14989,6 +15160,7 @@ ul) {
14989
15160
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14990
15161
  position: relative;
14991
15162
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15163
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14992
15164
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14993
15165
  }
14994
15166
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -15008,6 +15180,7 @@ ul) {
15008
15180
 
15009
15181
  .pf-v6-c-droppable {
15010
15182
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15183
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15011
15184
  --pf-v6-c-droppable--before--Opacity: 0;
15012
15185
  --pf-v6-c-droppable--after--BorderWidth: 0;
15013
15186
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15030,6 +15203,7 @@ ul) {
15030
15203
  }
15031
15204
  .pf-v6-c-droppable::before {
15032
15205
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15206
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15033
15207
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15034
15208
  }
15035
15209
  .pf-v6-c-droppable::after {
@@ -15125,7 +15299,7 @@ ul) {
15125
15299
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
15126
15300
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15127
15301
  --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;
15302
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
15129
15303
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15130
15304
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15131
15305
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -17735,6 +17909,10 @@ ul) {
17735
17909
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
17736
17910
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
17737
17911
  --pf-v6-c-form-control--Width: 100%;
17912
+ --pf-v6-c-form-control--TransitionDelay: 0s;
17913
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
17914
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17915
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
17738
17916
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
17739
17917
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
17740
17918
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -17840,12 +18018,17 @@ ul) {
17840
18018
  resize: var(--pf-v6-c-form-control--Resize);
17841
18019
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
17842
18020
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
18021
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
18022
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
18023
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
18024
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
17843
18025
  }
17844
18026
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
17845
18027
  position: absolute;
17846
18028
  inset: 0;
17847
18029
  pointer-events: none;
17848
18030
  content: "";
18031
+ transition: inherit;
17849
18032
  }
17850
18033
  .pf-v6-c-form-control::before {
17851
18034
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -17941,10 +18124,11 @@ ul) {
17941
18124
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17942
18125
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17943
18126
  --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
18127
  cursor: not-allowed;
17947
18128
  }
18129
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
18130
+ border-color: transparent;
18131
+ }
17948
18132
  .pf-v6-c-form-control.pf-m-error {
17949
18133
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
17950
18134
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -18265,8 +18449,8 @@ ul) {
18265
18449
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18266
18450
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18267
18451
  --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);
18452
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18453
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18270
18454
  }
18271
18455
 
18272
18456
  .pf-v6-c-hint {
@@ -19551,7 +19735,6 @@ label.pf-v6-c-input-group__text {
19551
19735
  position: absolute;
19552
19736
  inset: 0;
19553
19737
  z-index: -1;
19554
- pointer-events: none;
19555
19738
  content: "";
19556
19739
  background-color: var(--pf-v6-c-label--BackgroundColor);
19557
19740
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -19570,8 +19753,15 @@ input.pf-v6-c-label__content {
19570
19753
  .pf-v6-c-label__actions {
19571
19754
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
19572
19755
  }
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);
19756
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
19757
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
19758
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
19759
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
19760
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
19761
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
19762
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
19763
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
19764
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
19575
19765
  }
19576
19766
 
19577
19767
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -20081,7 +20271,7 @@ ul.pf-v6-c-list {
20081
20271
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
20082
20272
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
20083
20273
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
20084
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20274
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
20085
20275
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
20086
20276
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20087
20277
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20928,7 +21118,7 @@ ul.pf-v6-c-list {
20928
21118
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20929
21119
  --pf-v6-c-menu__item-external--Color: transparent;
20930
21120
  --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);
21121
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20932
21122
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20933
21123
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20934
21124
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21295,7 +21485,7 @@ ul.pf-v6-c-list {
21295
21485
  .pf-v6-c-menu__item-description {
21296
21486
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21297
21487
  color: var(--pf-v6-c-menu__item-description--Color);
21298
- overflow-wrap: break-word;
21488
+ overflow-wrap: anywhere;
21299
21489
  }
21300
21490
 
21301
21491
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21712,6 +21902,9 @@ ul.pf-v6-c-list {
21712
21902
  justify-content: flex-start;
21713
21903
  width: 100%;
21714
21904
  }
21905
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21906
+ min-width: 1lh;
21907
+ }
21715
21908
  @media (min-width: 62rem) {
21716
21909
  .pf-v6-c-menu-toggle.pf-m-docked {
21717
21910
  justify-content: center;
@@ -21940,7 +22133,7 @@ ul.pf-v6-c-list {
21940
22133
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21941
22134
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
21942
22135
  --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);
22136
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21944
22137
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
21945
22138
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
21946
22139
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -21962,8 +22155,8 @@ ul.pf-v6-c-list {
21962
22155
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21963
22156
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21964
22157
  --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);
22158
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22159
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21967
22160
  }
21968
22161
 
21969
22162
  .pf-v6-c-modal-box {
@@ -22089,7 +22282,7 @@ ul.pf-v6-c-list {
22089
22282
  overflow-x: hidden;
22090
22283
  overflow-y: auto;
22091
22284
  overscroll-behavior: contain;
22092
- overflow-wrap: break-word;
22285
+ overflow-wrap: anywhere;
22093
22286
  -webkit-overflow-scrolling: touch;
22094
22287
  }
22095
22288
  .pf-v6-c-modal-box__body:last-child {
@@ -22325,8 +22518,8 @@ ul.pf-v6-c-list {
22325
22518
  }
22326
22519
 
22327
22520
  .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);
22521
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22522
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22330
22523
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22331
22524
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22332
22525
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -22963,7 +23156,7 @@ ul.pf-v6-c-list {
22963
23156
 
22964
23157
  .pf-v6-c-notification-drawer__list-item-header-title {
22965
23158
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22966
- overflow-wrap: break-word;
23159
+ overflow-wrap: anywhere;
22967
23160
  }
22968
23161
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22969
23162
  display: -webkit-box;
@@ -22985,7 +23178,7 @@ ul.pf-v6-c-list {
22985
23178
  grid-row: 2/3;
22986
23179
  grid-column: 1/2;
22987
23180
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22988
- overflow-wrap: break-word;
23181
+ overflow-wrap: anywhere;
22989
23182
  }
22990
23183
 
22991
23184
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23030,7 +23223,7 @@ ul.pf-v6-c-list {
23030
23223
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23031
23224
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23032
23225
  text-align: start;
23033
- overflow-wrap: break-word;
23226
+ overflow-wrap: anywhere;
23034
23227
  }
23035
23228
 
23036
23229
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23107,11 +23300,6 @@ ul.pf-v6-c-list {
23107
23300
  .pf-v6-c-page {
23108
23301
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23109
23302
  --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
23303
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
23116
23304
  --pf-v6-c-page__dock--Width: 15.625rem;
23117
23305
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -23125,11 +23313,17 @@ ul.pf-v6-c-list {
23125
23313
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
23126
23314
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
23127
23315
  --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);
23316
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
23129
23317
  --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);
23318
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23319
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23131
23320
  --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));
23321
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23322
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23323
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23324
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23325
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23326
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23133
23327
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
23134
23328
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
23135
23329
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23300,20 +23494,17 @@ ul.pf-v6-c-list {
23300
23494
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23301
23495
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23302
23496
  --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
23497
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23307
23498
  --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);
23499
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23500
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23501
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23311
23502
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23312
23503
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23313
23504
  --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);
23505
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23506
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23507
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23317
23508
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23318
23509
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23319
23510
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23324,9 +23515,11 @@ ul.pf-v6-c-list {
23324
23515
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23325
23516
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23326
23517
  --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);
23518
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23519
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23520
+ --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));
23521
+ --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));
23522
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23330
23523
  }
23331
23524
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23332
23525
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23349,6 +23542,8 @@ ul.pf-v6-c-list {
23349
23542
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23350
23543
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23351
23544
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23545
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23546
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23352
23547
  }
23353
23548
  @media (min-width: 75rem) {
23354
23549
  .pf-v6-c-page {
@@ -23519,8 +23714,6 @@ ul.pf-v6-c-list {
23519
23714
  }
23520
23715
  @media (min-width: 62rem) {
23521
23716
  .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
23717
  position: revert;
23525
23718
  inset: revert;
23526
23719
  visibility: revert;
@@ -23548,6 +23741,9 @@ ul.pf-v6-c-list {
23548
23741
  }
23549
23742
  @media (min-width: 62rem) {
23550
23743
  .pf-v6-c-page__dock-main {
23744
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23745
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23746
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23551
23747
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23552
23748
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23553
23749
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24281,7 +24477,8 @@ ul.pf-v6-c-list {
24281
24477
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24282
24478
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24283
24479
  --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);
24480
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24481
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24285
24482
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24286
24483
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24287
24484
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24295,6 +24492,8 @@ ul.pf-v6-c-list {
24295
24492
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24296
24493
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24297
24494
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24495
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24496
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24298
24497
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24299
24498
  }
24300
24499
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24302,6 +24501,9 @@ ul.pf-v6-c-list {
24302
24501
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24303
24502
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24304
24503
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24504
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24505
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24506
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24305
24507
  }
24306
24508
  .pf-v6-c-pagination {
24307
24509
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24313,6 +24515,7 @@ ul.pf-v6-c-list {
24313
24515
  }
24314
24516
  @media screen and (min-width: 48rem) {
24315
24517
  .pf-v6-c-pagination {
24518
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24316
24519
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24317
24520
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24318
24521
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24338,9 +24541,6 @@ ul.pf-v6-c-list {
24338
24541
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24339
24542
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24340
24543
  }
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
24544
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24345
24545
  display: var(--pf-v6-c-pagination__page-menu--Display);
24346
24546
  }
@@ -24356,11 +24556,9 @@ ul.pf-v6-c-list {
24356
24556
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24357
24557
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24358
24558
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24559
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24359
24560
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24360
24561
  }
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
24562
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24365
24563
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24366
24564
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24379,6 +24577,7 @@ ul.pf-v6-c-list {
24379
24577
  .pf-v6-c-pagination.pf-m-bottom {
24380
24578
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24381
24579
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24580
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24382
24581
  position: relative;
24383
24582
  justify-content: flex-end;
24384
24583
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24403,12 +24602,14 @@ ul.pf-v6-c-list {
24403
24602
  }
24404
24603
  }
24405
24604
  .pf-v6-c-pagination.pf-m-static {
24605
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24406
24606
  position: relative;
24407
24607
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24408
24608
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24409
24609
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24410
24610
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24411
24611
  border: 0;
24612
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24412
24613
  box-shadow: none;
24413
24614
  }
24414
24615
  .pf-v6-c-pagination.pf-m-sticky {
@@ -24681,7 +24882,7 @@ ul.pf-v6-c-list {
24681
24882
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24682
24883
  --pf-v6-c-panel--BoxShadow: none;
24683
24884
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24684
- --pf-v6-c-panel--before--BorderWidth: 0;
24885
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24685
24886
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24686
24887
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24687
24888
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -24861,7 +25062,7 @@ ul.pf-v6-c-list {
24861
25062
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
24862
25063
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
24863
25064
  --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));
25065
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
24865
25066
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
24866
25067
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
24867
25068
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -25162,7 +25363,7 @@ ul.pf-v6-c-list {
25162
25363
 
25163
25364
  .pf-v6-c-progress__description {
25164
25365
  grid-column: 1/2;
25165
- overflow-wrap: break-word;
25366
+ overflow-wrap: anywhere;
25166
25367
  }
25167
25368
  .pf-v6-c-progress__description.pf-m-truncate {
25168
25369
  overflow: hidden;
@@ -25178,7 +25379,7 @@ ul.pf-v6-c-list {
25178
25379
  align-items: flex-start;
25179
25380
  justify-content: flex-end;
25180
25381
  text-align: end;
25181
- overflow-wrap: break-word;
25382
+ overflow-wrap: anywhere;
25182
25383
  }
25183
25384
 
25184
25385
  .pf-v6-c-progress__status-icon {
@@ -26096,6 +26297,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26096
26297
  --pf-v6-c-sidebar__panel--Position: static;
26097
26298
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26098
26299
  }
26300
+ .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) {
26301
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26302
+ }
26099
26303
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26100
26304
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26101
26305
  }
@@ -26115,7 +26319,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26115
26319
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26116
26320
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26117
26321
  }
26118
- .pf-v6-c-sidebar__content.pf-m-no-background {
26322
+ .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
26323
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26120
26324
  }
26121
26325
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26128,12 +26332,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26128
26332
  --pf-v6-c-sidebar__content--Order: -1;
26129
26333
  }
26130
26334
 
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
26335
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26138
26336
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26139
26337
  }
@@ -27133,22 +27331,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27133
27331
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
27134
27332
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
27135
27333
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
27334
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27136
27335
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
27137
27336
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27138
27337
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27139
27338
  --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);
27339
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27340
+ --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
27341
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27143
27342
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27144
27343
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
27145
27344
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
27146
27345
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27147
27346
  --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;
27347
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27149
27348
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
27150
27349
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
27151
27350
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27351
+ --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
27352
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
27153
27353
  --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
27354
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -27230,10 +27430,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27230
27430
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27231
27431
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27232
27432
  }
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 {
27433
+ .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
27434
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27235
27435
  }
27236
27436
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
27437
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27237
27438
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27238
27439
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27239
27440
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27243,7 +27444,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27243
27444
  }
27244
27445
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27245
27446
  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);
27447
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27247
27448
  }
27248
27449
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27249
27450
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27433,6 +27634,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27433
27634
  }
27434
27635
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
27435
27636
  text-align: end;
27637
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27436
27638
  }
27437
27639
  @media screen and (max-width: 36rem) {
27438
27640
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -27539,10 +27741,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27539
27741
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27540
27742
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27541
27743
  }
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 {
27744
+ .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
27745
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27544
27746
  }
27545
27747
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
27748
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27546
27749
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27547
27750
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27548
27751
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27552,7 +27755,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27552
27755
  }
27553
27756
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27554
27757
  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);
27758
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27556
27759
  }
27557
27760
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27558
27761
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27742,6 +27945,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27742
27945
  }
27743
27946
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
27744
27947
  text-align: end;
27948
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27745
27949
  }
27746
27950
  @media screen and (max-width: 36rem) {
27747
27951
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -27849,10 +28053,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27849
28053
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27850
28054
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27851
28055
  }
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 {
28056
+ .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
28057
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27854
28058
  }
27855
28059
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
28060
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27856
28061
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27857
28062
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27858
28063
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27862,7 +28067,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27862
28067
  }
27863
28068
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27864
28069
  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);
28070
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27866
28071
  }
27867
28072
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27868
28073
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28052,6 +28257,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28052
28257
  }
28053
28258
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
28054
28259
  text-align: end;
28260
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28055
28261
  }
28056
28262
  @media screen and (max-width: 36rem) {
28057
28263
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -28159,10 +28365,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28159
28365
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28160
28366
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28161
28367
  }
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 {
28368
+ .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
28369
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28164
28370
  }
28165
28371
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
28372
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28166
28373
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28167
28374
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28168
28375
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28172,7 +28379,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28172
28379
  }
28173
28380
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28174
28381
  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);
28382
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28176
28383
  }
28177
28384
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28178
28385
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28362,6 +28569,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28362
28569
  }
28363
28570
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
28364
28571
  text-align: end;
28572
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28365
28573
  }
28366
28574
  @media screen and (max-width: 36rem) {
28367
28575
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28469,10 +28677,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28469
28677
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28470
28678
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28471
28679
  }
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 {
28680
+ .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
28681
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28474
28682
  }
28475
28683
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
28684
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28476
28685
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28477
28686
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28478
28687
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28482,7 +28691,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28482
28691
  }
28483
28692
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28484
28693
  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);
28694
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28486
28695
  }
28487
28696
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28488
28697
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28672,6 +28881,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28672
28881
  }
28673
28882
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
28674
28883
  text-align: end;
28884
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28675
28885
  }
28676
28886
  @media screen and (max-width: 36rem) {
28677
28887
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28761,8 +28971,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28761
28971
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28762
28972
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28763
28973
  --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);
28974
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28975
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28766
28976
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28767
28977
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28768
28978
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -28862,7 +29072,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28862
29072
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28863
29073
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28864
29074
  --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);
29075
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28866
29076
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28867
29077
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28868
29078
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28882,6 +29092,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28882
29092
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28883
29093
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28884
29094
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
29095
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
29096
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28885
29097
  }
28886
29098
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28887
29099
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28903,16 +29115,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28903
29115
  .pf-v6-c-table.pf-m-fixed {
28904
29116
  table-layout: fixed;
28905
29117
  }
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 {
29118
+ .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
29119
  opacity: 0;
28908
29120
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28909
29121
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28910
29122
  transition-property: opacity;
28911
29123
  }
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 {
29124
+ .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
29125
  opacity: 1;
28917
29126
  }
28918
29127
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28923,27 +29132,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28923
29132
  inset-block-start: 0;
28924
29133
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28925
29134
  }
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 {
29135
+ .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
29136
  position: absolute;
28928
29137
  inset: 0;
28929
29138
  z-index: -1;
28930
29139
  pointer-events: none;
28931
29140
  content: "";
28932
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28933
29141
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28934
29142
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28935
29143
  }
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 {
29144
+ .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
29145
  position: absolute;
28941
29146
  inset: 0;
28942
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
29147
+ z-index: -1;
28943
29148
  pointer-events: none;
28944
29149
  content: "";
29150
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28945
29151
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28946
29152
  }
29153
+ .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 {
29154
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29155
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29156
+ }
29157
+ .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 {
29158
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29159
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29160
+ }
29161
+ .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) {
29162
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29163
+ }
29164
+ :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 {
29165
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
29166
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29167
+ }
28947
29168
  .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
29169
  border-block-end: 0;
28949
29170
  }
@@ -28951,6 +29172,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28951
29172
  .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
29173
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28953
29174
  }
29175
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29176
+ position: sticky;
29177
+ inset-block-end: 0;
29178
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29179
+ background: var(--pf-v6-c-table--BackgroundColor);
29180
+ }
29181
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29182
+ position: absolute;
29183
+ inset: 0;
29184
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29185
+ pointer-events: none;
29186
+ content: "";
29187
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29188
+ }
29189
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29190
+ border-block-end: 0;
29191
+ }
29192
+ .pf-v6-c-table.pf-m-plain {
29193
+ --pf-v6-c-table--BackgroundColor: transparent;
29194
+ }
28954
29195
  .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
29196
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28956
29197
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29634,14 +29875,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29634
29875
  vertical-align: bottom;
29635
29876
  }
29636
29877
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29878
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29637
29879
  position: relative;
29638
29880
  }
29639
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29640
- position: absolute;
29641
- inset: 0;
29881
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29642
29882
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29643
- pointer-events: none;
29644
- content: "";
29645
29883
  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
29884
  }
29647
29885
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29682,7 +29920,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29682
29920
  border-block-end: 0;
29683
29921
  }
29684
29922
  .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);
29923
+ height: var(--pf-v6-c-table--border-width--base);
29924
+ background-color: var(--pf-v6-c-table--BorderColor);
29925
+ }
29926
+
29927
+ .pf-v6-c-table__tfoot {
29928
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29929
+ vertical-align: top;
29686
29930
  }
29687
29931
 
29688
29932
  .pf-v6-c-table__icon-inline {
@@ -29831,6 +30075,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29831
30075
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
29832
30076
  }
29833
30077
 
30078
+ .pf-v6-c-table.pf-m-tree-view {
30079
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
30080
+ }
29834
30081
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
29835
30082
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
29836
30083
  }
@@ -30687,10 +30934,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30687
30934
  --pf-v6-c-tabs__link--BorderColor: transparent;
30688
30935
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
30689
30936
  --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);
30937
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
30938
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30939
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
30940
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30694
30941
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
30695
30942
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
30696
30943
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -30709,9 +30956,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30709
30956
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
30710
30957
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
30711
30958
  --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
30959
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
30714
30960
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
30961
+ --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);
30962
+ --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);
30963
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
30964
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
30965
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30966
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
30967
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30715
30968
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
30716
30969
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
30717
30970
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -31078,9 +31331,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31078
31331
  }
31079
31332
  .pf-v6-c-tabs.pf-m-subtab {
31080
31333
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
31334
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
31335
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
31336
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
31337
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
31081
31338
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
31082
31339
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
31083
31340
  }
31341
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
31342
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
31343
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
31344
+ }
31084
31345
  .pf-v6-c-tabs.pf-m-page-insets {
31085
31346
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
31086
31347
  }
@@ -31960,7 +32221,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31960
32221
 
31961
32222
  .pf-v6-c-title {
31962
32223
  font-family: var(--pf-v6-c-title--FontFamily);
31963
- overflow-wrap: break-word;
32224
+ overflow-wrap: anywhere;
31964
32225
  }
31965
32226
  .pf-v6-c-title.pf-m-4xl {
31966
32227
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34382,7 +34643,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34382
34643
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34383
34644
  color: var(--pf-v6-c-tooltip__content--Color);
34384
34645
  text-align: center;
34385
- overflow-wrap: break-word;
34646
+ overflow-wrap: anywhere;
34386
34647
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34387
34648
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34388
34649
  }
@@ -34496,12 +34757,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34496
34757
  }
34497
34758
 
34498
34759
  .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));
34760
+ --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
34761
  --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
34762
  --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);
34763
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34764
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34765
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34505
34766
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34506
34767
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34507
34768
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34545,9 +34806,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34545
34806
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34546
34807
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34547
34808
  --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);
34809
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34549
34810
  --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);
34811
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34551
34812
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34552
34813
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34553
34814
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -34563,7 +34824,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34563
34824
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34564
34825
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34565
34826
  --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;
34827
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34567
34828
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34568
34829
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34569
34830
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35168,7 +35429,7 @@ label.pf-v6-c-tree-view__node-text {
35168
35429
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
35169
35430
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
35170
35431
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
35171
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
35432
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
35172
35433
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
35173
35434
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
35174
35435
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -35294,7 +35555,7 @@ label.pf-v6-c-tree-view__node-text {
35294
35555
  align-items: baseline;
35295
35556
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35296
35557
  text-align: start;
35297
- overflow-wrap: break-word;
35558
+ overflow-wrap: anywhere;
35298
35559
  }
35299
35560
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35300
35561
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35430,7 +35691,7 @@ label.pf-v6-c-tree-view__node-text {
35430
35691
  padding-inline: 0;
35431
35692
  color: var(--pf-v6-c-wizard__nav-link--Color);
35432
35693
  text-align: start;
35433
- overflow-wrap: break-word;
35694
+ overflow-wrap: anywhere;
35434
35695
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35435
35696
  counter-increment: wizard-nav-count;
35436
35697
  background-color: transparent;
@@ -35549,7 +35810,7 @@ label.pf-v6-c-tree-view__node-text {
35549
35810
  flex-direction: column;
35550
35811
  overflow-x: hidden;
35551
35812
  overflow-y: auto;
35552
- overflow-wrap: break-word;
35813
+ overflow-wrap: anywhere;
35553
35814
  }
35554
35815
 
35555
35816
  .pf-v6-c-wizard__main-body {