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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +33 -5
  43. package/components/Button/button.scss +39 -7
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +412 -141
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +424 -151
  156. package/patternfly.css +424 -151
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -144,28 +144,28 @@
144
144
  @font-face {
145
145
  font-family: "Red Hat Text";
146
146
  font-style: normal;
147
- font-weight: 400 500;
147
+ font-weight: 400 600;
148
148
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
149
149
  font-display: fallback;
150
150
  }
151
151
  @font-face {
152
152
  font-family: "Red Hat Text";
153
153
  font-style: italic;
154
- font-weight: 400 500;
154
+ font-weight: 400 600;
155
155
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
156
156
  font-display: fallback;
157
157
  }
158
158
  @font-face {
159
159
  font-family: "Red Hat Display";
160
160
  font-style: normal;
161
- font-weight: 400 700;
161
+ font-weight: 600 800;
162
162
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
163
163
  font-display: fallback;
164
164
  }
165
165
  @font-face {
166
166
  font-family: "Red Hat Display";
167
167
  font-style: italic;
168
- font-weight: 400 700;
168
+ font-weight: 600 800;
169
169
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
170
170
  font-display: fallback;
171
171
  }
@@ -6489,9 +6489,9 @@
6489
6489
  --pf-t--global--font--size--700: 1.75rem;
6490
6490
  --pf-t--global--font--size--800: 2.25rem;
6491
6491
  --pf-t--global--font--weight--100: 400;
6492
- --pf-t--global--font--weight--200: 500;
6493
- --pf-t--global--font--weight--300: 500;
6494
- --pf-t--global--font--weight--400: 700;
6492
+ --pf-t--global--font--weight--200: 600;
6493
+ --pf-t--global--font--weight--300: 600;
6494
+ --pf-t--global--font--weight--400: 800;
6495
6495
  --pf-t--global--icon--size--100: 0.75rem;
6496
6496
  --pf-t--global--icon--size--200: 0.875rem;
6497
6497
  --pf-t--global--icon--size--250: 1rem;
@@ -7389,9 +7389,9 @@
7389
7389
  --pf-t--global--font--size--700: 1.75rem;
7390
7390
  --pf-t--global--font--size--800: 2.25rem;
7391
7391
  --pf-t--global--font--weight--100: 400;
7392
- --pf-t--global--font--weight--200: 500;
7393
- --pf-t--global--font--weight--300: 500;
7394
- --pf-t--global--font--weight--400: 700;
7392
+ --pf-t--global--font--weight--200: 600;
7393
+ --pf-t--global--font--weight--300: 600;
7394
+ --pf-t--global--font--weight--400: 800;
7395
7395
  --pf-t--global--icon--size--100: 0.75rem;
7396
7396
  --pf-t--global--icon--size--200: 0.875rem;
7397
7397
  --pf-t--global--icon--size--250: 1rem;
@@ -8086,6 +8086,7 @@
8086
8086
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8087
8087
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8088
8088
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8089
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8089
8090
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8090
8091
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8091
8092
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8239,6 +8240,7 @@
8239
8240
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8240
8241
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8241
8242
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8243
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8242
8244
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8243
8245
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8244
8246
  }
@@ -9418,7 +9420,7 @@
9418
9420
  overflow-x: hidden;
9419
9421
  overflow-y: auto;
9420
9422
  overscroll-behavior: contain;
9421
- overflow-wrap: break-word;
9423
+ overflow-wrap: anywhere;
9422
9424
  -webkit-overflow-scrolling: touch;
9423
9425
  }
9424
9426
  @media screen and (min-width: 36rem) {
@@ -9460,10 +9462,10 @@
9460
9462
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
9461
9463
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9462
9464
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
9463
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9465
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
9464
9466
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9465
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9466
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9467
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9468
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9467
9469
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
9468
9470
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9469
9471
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -9775,9 +9777,9 @@
9775
9777
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9776
9778
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
9777
9779
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
9778
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9779
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9780
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
9780
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9781
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9782
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9781
9783
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9782
9784
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
9783
9785
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -9789,8 +9791,8 @@
9789
9791
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
9790
9792
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
9791
9793
  --pf-v6-c-alert__title--max-lines: 1;
9792
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9793
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9794
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9795
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9794
9796
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
9795
9797
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9796
9798
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -9913,6 +9915,7 @@
9913
9915
 
9914
9916
  .pf-v6-c-alert__icon {
9915
9917
  grid-area: icon;
9918
+ align-self: baseline;
9916
9919
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9917
9920
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9918
9921
  color: var(--pf-v6-c-alert__icon--Color);
@@ -9923,7 +9926,7 @@
9923
9926
  grid-area: title;
9924
9927
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9925
9928
  color: var(--pf-v6-c-alert__title--Color);
9926
- overflow-wrap: break-word;
9929
+ overflow-wrap: anywhere;
9927
9930
  }
9928
9931
  .pf-v6-c-alert__title.pf-m-truncate {
9929
9932
  display: -webkit-box;
@@ -9935,7 +9938,7 @@
9935
9938
  .pf-v6-c-alert__description {
9936
9939
  grid-area: description;
9937
9940
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9938
- overflow-wrap: break-word;
9941
+ overflow-wrap: anywhere;
9939
9942
  }
9940
9943
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9941
9944
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10142,24 +10145,87 @@
10142
10145
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10143
10146
  --pf-v6-c-avatar--Width: 2.25rem;
10144
10147
  --pf-v6-c-avatar--Height: 2.25rem;
10148
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10145
10149
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10146
10150
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10151
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10147
10152
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10148
10153
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10154
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10149
10155
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10150
10156
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10157
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10151
10158
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10152
10159
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10160
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10153
10161
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10154
10162
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10163
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10164
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10165
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10166
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10167
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10168
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10169
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10170
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10171
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10172
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10173
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10174
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10175
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10176
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10177
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10178
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10179
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10180
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10181
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10182
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10183
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10184
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10185
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10186
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10187
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10188
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10189
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10190
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10191
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10192
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10193
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10194
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10195
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10196
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10197
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10198
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10199
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10200
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10201
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10202
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10203
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10204
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10205
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10206
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10207
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10208
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10209
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10155
10210
  }
10156
10211
 
10157
10212
  .pf-v6-c-avatar {
10158
10213
  width: var(--pf-v6-c-avatar--Width);
10159
10214
  height: var(--pf-v6-c-avatar--Height);
10215
+ font-size: var(--pf-v6-c-avatar--FontSize);
10216
+ color: var(--pf-v6-c-avatar--Color, inherit);
10217
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10160
10218
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10161
10219
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10162
10220
  }
10221
+ div.pf-v6-c-avatar {
10222
+ display: inline-flex;
10223
+ align-items: center;
10224
+ justify-content: center;
10225
+ overflow: clip;
10226
+ vertical-align: middle;
10227
+ }
10228
+
10163
10229
  .pf-v6-c-avatar.pf-m-bordered {
10164
10230
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10165
10231
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10388,6 +10454,87 @@
10388
10454
  --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))))));
10389
10455
  }
10390
10456
  }
10457
+ .pf-v6-c-avatar.pf-m-sm {
10458
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10459
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10460
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10461
+ }
10462
+ .pf-v6-c-avatar.pf-m-lg {
10463
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10464
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10465
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10466
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10467
+ }
10468
+ .pf-v6-c-avatar.pf-m-xl {
10469
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10470
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10471
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10472
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10473
+ }
10474
+ .pf-v6-c-avatar.pf-m-colorful {
10475
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10476
+ }
10477
+ .pf-v6-c-avatar.pf-m-red {
10478
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10479
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10480
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10481
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10482
+ }
10483
+ .pf-v6-c-avatar.pf-m-orangered {
10484
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10485
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10486
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10487
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10488
+ }
10489
+ .pf-v6-c-avatar.pf-m-orange {
10490
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10491
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10492
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10493
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10494
+ }
10495
+ .pf-v6-c-avatar.pf-m-yellow {
10496
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10497
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10498
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10499
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10500
+ }
10501
+ .pf-v6-c-avatar.pf-m-green {
10502
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10503
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10504
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10505
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10506
+ }
10507
+ .pf-v6-c-avatar.pf-m-teal {
10508
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10509
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10510
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10511
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10512
+ }
10513
+ .pf-v6-c-avatar.pf-m-blue {
10514
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10515
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10516
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10517
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10518
+ }
10519
+ .pf-v6-c-avatar.pf-m-purple {
10520
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10521
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10522
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10523
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10524
+ }
10525
+ .pf-v6-c-avatar.pf-m-gray {
10526
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10527
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10528
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10529
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10530
+ }
10531
+
10532
+ .pf-v6-c-avatar__initials {
10533
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10534
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10535
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10536
+ color: var(--pf-v6-c-avatar__initials--Color);
10537
+ }
10391
10538
 
10392
10539
  .pf-v6-c-backdrop {
10393
10540
  --pf-v6-c-backdrop--Position: fixed;
@@ -10566,7 +10713,9 @@
10566
10713
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10567
10714
  --pf-v6-c-banner--link--TextDecoration: underline;
10568
10715
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10716
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10569
10717
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10718
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10570
10719
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10571
10720
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10572
10721
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10675,6 +10824,7 @@
10675
10824
  .pf-v6-c-banner a {
10676
10825
  color: var(--pf-v6-c-banner--link--Color);
10677
10826
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10827
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10678
10828
  }
10679
10829
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10680
10830
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10686,7 +10836,11 @@
10686
10836
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10687
10837
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10688
10838
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10839
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10689
10840
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10841
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10842
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10843
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10690
10844
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10691
10845
  }
10692
10846
  .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 {
@@ -10781,9 +10935,9 @@
10781
10935
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
10782
10936
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
10783
10937
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
10784
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10938
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10785
10939
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
10786
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10940
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10787
10941
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
10788
10942
  }
10789
10943
 
@@ -10831,7 +10985,7 @@
10831
10985
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10832
10986
  line-height: inherit;
10833
10987
  color: var(--pf-v6-c-breadcrumb__link--Color);
10834
- overflow-wrap: break-word;
10988
+ overflow-wrap: anywhere;
10835
10989
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10836
10990
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10837
10991
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -11003,6 +11157,10 @@ button.pf-v6-c-breadcrumb__link {
11003
11157
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11004
11158
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11005
11159
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11160
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11161
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11162
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11163
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11006
11164
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11007
11165
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11008
11166
  --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);
@@ -11017,6 +11175,8 @@ button.pf-v6-c-breadcrumb__link {
11017
11175
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11018
11176
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11019
11177
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11178
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11179
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11020
11180
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11021
11181
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11022
11182
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11122,6 +11282,7 @@ button.pf-v6-c-breadcrumb__link {
11122
11282
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
11123
11283
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
11124
11284
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
11285
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11125
11286
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
11126
11287
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11127
11288
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -11197,12 +11358,12 @@ button.pf-v6-c-breadcrumb__link {
11197
11358
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
11198
11359
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11199
11360
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
11200
- --pf-v6-c-button__progress--Opacity: 0;
11201
11361
  --pf-v6-c-button__progress--TranslateY: -50%;
11202
11362
  --pf-v6-c-button__progress--TranslateX: 0;
11203
11363
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
11204
11364
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
11205
11365
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
11366
+ --pf-v6-c-button__progress--Position: absolute;
11206
11367
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
11207
11368
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
11208
11369
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -11210,6 +11371,8 @@ button.pf-v6-c-breadcrumb__link {
11210
11371
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
11211
11372
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
11212
11373
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
11374
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-c-button--TransitionDuration);
11375
+ --pf-v6-c-button--m-progress--TransitionProperty: var(--pf-v6-c-button--TransitionProperty), padding;
11213
11376
  --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
11214
11377
  --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
11215
11378
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
@@ -11389,9 +11552,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11389
11552
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11390
11553
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11391
11554
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11392
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11555
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11556
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11557
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11558
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11393
11559
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11394
11560
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11561
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11562
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11395
11563
  --pf-v6-c-button--BorderWidth: 0;
11396
11564
  --pf-v6-c-button--hover--BorderWidth: 0;
11397
11565
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11404,6 +11572,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11404
11572
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11405
11573
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11406
11574
  }
11575
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11576
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11577
+ }
11407
11578
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11408
11579
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11409
11580
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11545,7 +11716,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11545
11716
  }
11546
11717
  .pf-v6-c-button.pf-m-block {
11547
11718
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
11719
+ --pf-v6-c-button__progress--Position: relative;
11720
+ --pf-v6-c-button__progress--InsetBlockStart: 0;
11721
+ --pf-v6-c-button__progress--InsetInlineStart: 0;
11722
+ --pf-v6-c-button__progress--TranslateY: 0;
11548
11723
  width: var(--pf-v6-c-button--m-block--Width);
11724
+ transition-duration: var(--pf-v6-c-button--m-progress--TransitionDuration);
11725
+ transition-property: var(--pf-v6-c-button--m-progress--TransitionProperty);
11726
+ }
11727
+ .pf-v6-c-button.pf-m-block .pf-v6-c-button__progress {
11728
+ align-self: center;
11549
11729
  }
11550
11730
  .pf-v6-c-button.pf-m-small {
11551
11731
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
@@ -11624,7 +11804,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11624
11804
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11625
11805
  --pf-v6-c-button__icon--TransitionDuration: 0s;
11626
11806
  --pf-v6-c-button__icon--TransitionProperty: scale;
11627
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11628
11807
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
11629
11808
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
11630
11809
  }
@@ -11700,7 +11879,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11700
11879
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
11701
11880
  }
11702
11881
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
11703
- border-color: transparent;
11882
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
11704
11883
  }
11705
11884
  .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 {
11706
11885
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -11737,6 +11916,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11737
11916
  justify-content: flex-start;
11738
11917
  width: 100%;
11739
11918
  }
11919
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
11920
+ min-width: 1lh;
11921
+ }
11740
11922
  @media (min-width: 62rem) {
11741
11923
  .pf-v6-c-button.pf-m-docked {
11742
11924
  justify-content: center;
@@ -11787,7 +11969,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11787
11969
  }
11788
11970
 
11789
11971
  .pf-v6-c-button__progress {
11790
- position: absolute;
11972
+ position: var(--pf-v6-c-button__progress--Position);
11791
11973
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
11792
11974
  inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
11793
11975
  line-height: 1;
@@ -12105,13 +12287,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12105
12287
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12106
12288
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12107
12289
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
12108
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12109
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12290
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12291
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12110
12292
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12111
12293
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
12112
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12294
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12113
12295
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
12114
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12296
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12115
12297
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12116
12298
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12117
12299
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -12649,7 +12831,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12649
12831
  }
12650
12832
 
12651
12833
  .pf-v6-c-clipboard-copy__text {
12652
- overflow-wrap: break-word;
12834
+ overflow-wrap: anywhere;
12653
12835
  white-space: normal;
12654
12836
  }
12655
12837
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -14078,7 +14260,7 @@ ul) {
14078
14260
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14079
14261
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14080
14262
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
14081
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14263
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14082
14264
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14083
14265
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14084
14266
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14111,8 +14293,8 @@ ul) {
14111
14293
  --pf-v6-c-data-list--cell--WordBreak: normal;
14112
14294
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14113
14295
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
14114
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14115
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14296
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14297
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14116
14298
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14117
14299
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14118
14300
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14143,8 +14325,8 @@ ul) {
14143
14325
  --pf-v6-c-data-list__item-action--Display: flex;
14144
14326
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14145
14327
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14146
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
14147
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
14328
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14329
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14148
14330
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14149
14331
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14150
14332
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -14820,6 +15002,7 @@ ul) {
14820
15002
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14821
15003
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14822
15004
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
15005
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14823
15006
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14824
15007
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14825
15008
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14834,6 +15017,7 @@ ul) {
14834
15017
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14835
15018
  position: relative;
14836
15019
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15020
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14837
15021
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14838
15022
  }
14839
15023
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -14853,6 +15037,7 @@ ul) {
14853
15037
 
14854
15038
  .pf-v6-c-droppable {
14855
15039
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15040
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
14856
15041
  --pf-v6-c-droppable--before--Opacity: 0;
14857
15042
  --pf-v6-c-droppable--after--BorderWidth: 0;
14858
15043
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -14875,6 +15060,7 @@ ul) {
14875
15060
  }
14876
15061
  .pf-v6-c-droppable::before {
14877
15062
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15063
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
14878
15064
  opacity: var(--pf-v6-c-droppable--before--Opacity);
14879
15065
  }
14880
15066
  .pf-v6-c-droppable::after {
@@ -14970,7 +15156,7 @@ ul) {
14970
15156
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
14971
15157
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
14972
15158
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
14973
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
15159
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
14974
15160
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14975
15161
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14976
15162
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -17580,6 +17766,10 @@ ul) {
17580
17766
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
17581
17767
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
17582
17768
  --pf-v6-c-form-control--Width: 100%;
17769
+ --pf-v6-c-form-control--TransitionDelay: 0s;
17770
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
17771
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17772
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
17583
17773
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
17584
17774
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
17585
17775
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -17685,12 +17875,17 @@ ul) {
17685
17875
  resize: var(--pf-v6-c-form-control--Resize);
17686
17876
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
17687
17877
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17878
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
17879
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
17880
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
17881
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
17688
17882
  }
17689
17883
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
17690
17884
  position: absolute;
17691
17885
  inset: 0;
17692
17886
  pointer-events: none;
17693
17887
  content: "";
17888
+ transition: inherit;
17694
17889
  }
17695
17890
  .pf-v6-c-form-control::before {
17696
17891
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -17786,10 +17981,11 @@ ul) {
17786
17981
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17787
17982
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17788
17983
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
17789
- --pf-v6-c-form-control--before--BorderStyle: none;
17790
- --pf-v6-c-form-control--after--BorderStyle: none;
17791
17984
  cursor: not-allowed;
17792
17985
  }
17986
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
17987
+ border-color: transparent;
17988
+ }
17793
17989
  .pf-v6-c-form-control.pf-m-error {
17794
17990
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
17795
17991
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -18110,8 +18306,8 @@ ul) {
18110
18306
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18111
18307
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18112
18308
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
18113
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18114
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18309
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18310
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18115
18311
  }
18116
18312
 
18117
18313
  .pf-v6-c-hint {
@@ -19396,7 +19592,6 @@ label.pf-v6-c-input-group__text {
19396
19592
  position: absolute;
19397
19593
  inset: 0;
19398
19594
  z-index: -1;
19399
- pointer-events: none;
19400
19595
  content: "";
19401
19596
  background-color: var(--pf-v6-c-label--BackgroundColor);
19402
19597
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -19415,8 +19610,15 @@ input.pf-v6-c-label__content {
19415
19610
  .pf-v6-c-label__actions {
19416
19611
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
19417
19612
  }
19418
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
19419
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
19613
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
19614
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
19615
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
19616
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
19617
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
19618
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
19619
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
19620
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
19621
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
19420
19622
  }
19421
19623
 
19422
19624
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -19926,7 +20128,7 @@ ul.pf-v6-c-list {
19926
20128
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
19927
20129
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19928
20130
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19929
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20131
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
19930
20132
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19931
20133
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19932
20134
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20773,7 +20975,7 @@ ul.pf-v6-c-list {
20773
20975
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20774
20976
  --pf-v6-c-menu__item-external--Color: transparent;
20775
20977
  --pf-v6-c-menu__item-select-icon--Color: transparent;
20776
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20978
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20777
20979
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20778
20980
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20779
20981
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21140,7 +21342,7 @@ ul.pf-v6-c-list {
21140
21342
  .pf-v6-c-menu__item-description {
21141
21343
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21142
21344
  color: var(--pf-v6-c-menu__item-description--Color);
21143
- overflow-wrap: break-word;
21345
+ overflow-wrap: anywhere;
21144
21346
  }
21145
21347
 
21146
21348
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21557,6 +21759,9 @@ ul.pf-v6-c-list {
21557
21759
  justify-content: flex-start;
21558
21760
  width: 100%;
21559
21761
  }
21762
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21763
+ min-width: 1lh;
21764
+ }
21560
21765
  @media (min-width: 62rem) {
21561
21766
  .pf-v6-c-menu-toggle.pf-m-docked {
21562
21767
  justify-content: center;
@@ -21785,7 +21990,7 @@ ul.pf-v6-c-list {
21785
21990
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21786
21991
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
21787
21992
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
21788
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
21993
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21789
21994
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
21790
21995
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
21791
21996
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -21807,8 +22012,8 @@ ul.pf-v6-c-list {
21807
22012
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21808
22013
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21809
22014
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21810
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
21811
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
22015
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22016
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21812
22017
  }
21813
22018
 
21814
22019
  .pf-v6-c-modal-box {
@@ -21934,7 +22139,7 @@ ul.pf-v6-c-list {
21934
22139
  overflow-x: hidden;
21935
22140
  overflow-y: auto;
21936
22141
  overscroll-behavior: contain;
21937
- overflow-wrap: break-word;
22142
+ overflow-wrap: anywhere;
21938
22143
  -webkit-overflow-scrolling: touch;
21939
22144
  }
21940
22145
  .pf-v6-c-modal-box__body:last-child {
@@ -22170,8 +22375,8 @@ ul.pf-v6-c-list {
22170
22375
  }
22171
22376
 
22172
22377
  .pf-v6-c-nav {
22173
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22174
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22378
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22379
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22175
22380
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22176
22381
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22177
22382
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -22808,7 +23013,7 @@ ul.pf-v6-c-list {
22808
23013
 
22809
23014
  .pf-v6-c-notification-drawer__list-item-header-title {
22810
23015
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22811
- overflow-wrap: break-word;
23016
+ overflow-wrap: anywhere;
22812
23017
  }
22813
23018
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22814
23019
  display: -webkit-box;
@@ -22830,7 +23035,7 @@ ul.pf-v6-c-list {
22830
23035
  grid-row: 2/3;
22831
23036
  grid-column: 1/2;
22832
23037
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22833
- overflow-wrap: break-word;
23038
+ overflow-wrap: anywhere;
22834
23039
  }
22835
23040
 
22836
23041
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22875,7 +23080,7 @@ ul.pf-v6-c-list {
22875
23080
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22876
23081
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22877
23082
  text-align: start;
22878
- overflow-wrap: break-word;
23083
+ overflow-wrap: anywhere;
22879
23084
  }
22880
23085
 
22881
23086
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -22952,11 +23157,6 @@ ul.pf-v6-c-list {
22952
23157
  .pf-v6-c-page {
22953
23158
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22954
23159
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
22955
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22956
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
22957
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
22958
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
22959
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22960
23160
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22961
23161
  --pf-v6-c-page__dock--Width: 15.625rem;
22962
23162
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -22970,11 +23170,17 @@ ul.pf-v6-c-list {
22970
23170
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
22971
23171
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
22972
23172
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
22973
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23173
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
22974
23174
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
22975
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23175
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23176
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
22976
23177
  --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));
22977
- --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));
23178
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23179
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23180
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23181
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23182
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23183
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22978
23184
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
22979
23185
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
22980
23186
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23145,20 +23351,17 @@ ul.pf-v6-c-list {
23145
23351
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23146
23352
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23147
23353
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23148
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23149
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23150
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23151
23354
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23152
23355
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23153
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23154
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23155
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23356
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23357
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23358
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23156
23359
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23157
23360
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23158
23361
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23159
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23160
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23161
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23362
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23363
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23364
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23162
23365
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23163
23366
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23164
23367
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23169,9 +23372,11 @@ ul.pf-v6-c-list {
23169
23372
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23170
23373
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23171
23374
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23172
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23173
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23174
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23375
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23376
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23377
+ --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));
23378
+ --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));
23379
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23175
23380
  }
23176
23381
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23177
23382
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23194,6 +23399,8 @@ ul.pf-v6-c-list {
23194
23399
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23195
23400
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23196
23401
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23402
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23403
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23197
23404
  }
23198
23405
  @media (min-width: 75rem) {
23199
23406
  .pf-v6-c-page {
@@ -23364,8 +23571,6 @@ ul.pf-v6-c-list {
23364
23571
  }
23365
23572
  @media (min-width: 62rem) {
23366
23573
  .pf-v6-c-page__dock {
23367
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23368
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23369
23574
  position: revert;
23370
23575
  inset: revert;
23371
23576
  visibility: revert;
@@ -23393,6 +23598,9 @@ ul.pf-v6-c-list {
23393
23598
  }
23394
23599
  @media (min-width: 62rem) {
23395
23600
  .pf-v6-c-page__dock-main {
23601
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23602
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23603
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23396
23604
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23397
23605
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23398
23606
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24126,7 +24334,8 @@ ul.pf-v6-c-list {
24126
24334
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24127
24335
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24128
24336
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24129
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24337
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24338
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24130
24339
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24131
24340
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24132
24341
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24140,6 +24349,8 @@ ul.pf-v6-c-list {
24140
24349
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24141
24350
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24142
24351
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24352
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24353
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24143
24354
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24144
24355
  }
24145
24356
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24147,6 +24358,9 @@ ul.pf-v6-c-list {
24147
24358
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24148
24359
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24149
24360
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24361
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24362
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24363
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24150
24364
  }
24151
24365
  .pf-v6-c-pagination {
24152
24366
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24158,6 +24372,7 @@ ul.pf-v6-c-list {
24158
24372
  }
24159
24373
  @media screen and (min-width: 48rem) {
24160
24374
  .pf-v6-c-pagination {
24375
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24161
24376
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24162
24377
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24163
24378
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24183,9 +24398,6 @@ ul.pf-v6-c-list {
24183
24398
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24184
24399
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24185
24400
  }
24186
- :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) {
24187
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24188
- }
24189
24401
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24190
24402
  display: var(--pf-v6-c-pagination__page-menu--Display);
24191
24403
  }
@@ -24201,11 +24413,9 @@ ul.pf-v6-c-list {
24201
24413
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24202
24414
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24203
24415
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24416
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24204
24417
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24205
24418
  }
24206
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
24207
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24208
- }
24209
24419
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24210
24420
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24211
24421
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24224,6 +24434,7 @@ ul.pf-v6-c-list {
24224
24434
  .pf-v6-c-pagination.pf-m-bottom {
24225
24435
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24226
24436
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24437
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24227
24438
  position: relative;
24228
24439
  justify-content: flex-end;
24229
24440
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24248,12 +24459,14 @@ ul.pf-v6-c-list {
24248
24459
  }
24249
24460
  }
24250
24461
  .pf-v6-c-pagination.pf-m-static {
24462
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24251
24463
  position: relative;
24252
24464
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24253
24465
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24254
24466
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24255
24467
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24256
24468
  border: 0;
24469
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24257
24470
  box-shadow: none;
24258
24471
  }
24259
24472
  .pf-v6-c-pagination.pf-m-sticky {
@@ -24526,7 +24739,7 @@ ul.pf-v6-c-list {
24526
24739
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24527
24740
  --pf-v6-c-panel--BoxShadow: none;
24528
24741
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24529
- --pf-v6-c-panel--before--BorderWidth: 0;
24742
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24530
24743
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24531
24744
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24532
24745
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -24706,7 +24919,7 @@ ul.pf-v6-c-list {
24706
24919
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
24707
24920
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
24708
24921
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
24709
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
24922
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
24710
24923
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
24711
24924
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
24712
24925
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -25007,7 +25220,7 @@ ul.pf-v6-c-list {
25007
25220
 
25008
25221
  .pf-v6-c-progress__description {
25009
25222
  grid-column: 1/2;
25010
- overflow-wrap: break-word;
25223
+ overflow-wrap: anywhere;
25011
25224
  }
25012
25225
  .pf-v6-c-progress__description.pf-m-truncate {
25013
25226
  overflow: hidden;
@@ -25023,7 +25236,7 @@ ul.pf-v6-c-list {
25023
25236
  align-items: flex-start;
25024
25237
  justify-content: flex-end;
25025
25238
  text-align: end;
25026
- overflow-wrap: break-word;
25239
+ overflow-wrap: anywhere;
25027
25240
  }
25028
25241
 
25029
25242
  .pf-v6-c-progress__status-icon {
@@ -25941,6 +26154,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25941
26154
  --pf-v6-c-sidebar__panel--Position: static;
25942
26155
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25943
26156
  }
26157
+ .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) {
26158
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26159
+ }
25944
26160
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25945
26161
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25946
26162
  }
@@ -25960,7 +26176,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25960
26176
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25961
26177
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25962
26178
  }
25963
- .pf-v6-c-sidebar__content.pf-m-no-background {
26179
+ .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) {
25964
26180
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25965
26181
  }
25966
26182
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25973,12 +26189,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25973
26189
  --pf-v6-c-sidebar__content--Order: -1;
25974
26190
  }
25975
26191
 
25976
- .pf-v6-c-sidebar.pf-m-no-background,
25977
- .pf-v6-c-sidebar__panel.pf-m-no-background,
25978
- .pf-v6-c-sidebar__content.pf-m-no-background {
25979
- background-color: transparent;
25980
- }
25981
-
25982
26192
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25983
26193
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25984
26194
  }
@@ -26978,22 +27188,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26978
27188
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
26979
27189
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
26980
27190
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
27191
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
26981
27192
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26982
27193
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26983
27194
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
26984
27195
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
26985
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
26986
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
27196
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27197
+ --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);
26987
27198
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
26988
27199
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
26989
27200
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
26990
27201
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
26991
27202
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26992
27203
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
26993
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
27204
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
26994
27205
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
26995
27206
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
26996
27207
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27208
+ --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);
26997
27209
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
26998
27210
  --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));
26999
27211
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -27075,10 +27287,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27075
27287
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27076
27288
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27077
27289
  }
27078
- .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 {
27290
+ .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) {
27079
27291
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27080
27292
  }
27081
27293
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
27294
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27082
27295
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27083
27296
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27084
27297
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27088,7 +27301,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27088
27301
  }
27089
27302
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27090
27303
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27091
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27304
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27092
27305
  }
27093
27306
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27094
27307
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27278,6 +27491,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27278
27491
  }
27279
27492
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
27280
27493
  text-align: end;
27494
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27281
27495
  }
27282
27496
  @media screen and (max-width: 36rem) {
27283
27497
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -27384,10 +27598,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27384
27598
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27385
27599
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27386
27600
  }
27387
- .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 {
27601
+ .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) {
27388
27602
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27389
27603
  }
27390
27604
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
27605
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27391
27606
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27392
27607
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27393
27608
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27397,7 +27612,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27397
27612
  }
27398
27613
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27399
27614
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27400
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27615
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27401
27616
  }
27402
27617
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27403
27618
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27587,6 +27802,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27587
27802
  }
27588
27803
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
27589
27804
  text-align: end;
27805
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27590
27806
  }
27591
27807
  @media screen and (max-width: 36rem) {
27592
27808
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -27694,10 +27910,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27694
27910
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27695
27911
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27696
27912
  }
27697
- .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 {
27913
+ .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) {
27698
27914
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27699
27915
  }
27700
27916
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
27917
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27701
27918
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27702
27919
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27703
27920
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27707,7 +27924,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27707
27924
  }
27708
27925
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27709
27926
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27710
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27927
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27711
27928
  }
27712
27929
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27713
27930
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27897,6 +28114,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27897
28114
  }
27898
28115
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
27899
28116
  text-align: end;
28117
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27900
28118
  }
27901
28119
  @media screen and (max-width: 36rem) {
27902
28120
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -28004,10 +28222,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28004
28222
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28005
28223
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28006
28224
  }
28007
- .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 {
28225
+ .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) {
28008
28226
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28009
28227
  }
28010
28228
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
28229
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28011
28230
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28012
28231
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28013
28232
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28017,7 +28236,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28017
28236
  }
28018
28237
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28019
28238
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28020
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28239
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28021
28240
  }
28022
28241
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28023
28242
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28207,6 +28426,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28207
28426
  }
28208
28427
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
28209
28428
  text-align: end;
28429
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28210
28430
  }
28211
28431
  @media screen and (max-width: 36rem) {
28212
28432
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28314,10 +28534,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28314
28534
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28315
28535
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28316
28536
  }
28317
- .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 {
28537
+ .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) {
28318
28538
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28319
28539
  }
28320
28540
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
28541
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28321
28542
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28322
28543
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28323
28544
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28327,7 +28548,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28327
28548
  }
28328
28549
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28329
28550
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28330
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28551
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28331
28552
  }
28332
28553
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28333
28554
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28517,6 +28738,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28517
28738
  }
28518
28739
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
28519
28740
  text-align: end;
28741
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28520
28742
  }
28521
28743
  @media screen and (max-width: 36rem) {
28522
28744
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28606,8 +28828,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28606
28828
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28607
28829
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28608
28830
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
28609
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28610
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28831
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28832
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28611
28833
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28612
28834
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28613
28835
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -28707,7 +28929,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28707
28929
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28708
28930
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28709
28931
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28710
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28932
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28711
28933
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28712
28934
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28713
28935
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28727,6 +28949,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28727
28949
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28728
28950
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28729
28951
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28952
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28953
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28730
28954
  }
28731
28955
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28732
28956
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28748,16 +28972,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28748
28972
  .pf-v6-c-table.pf-m-fixed {
28749
28973
  table-layout: fixed;
28750
28974
  }
28751
- .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 {
28975
+ .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 {
28752
28976
  opacity: 0;
28753
28977
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28754
28978
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28755
28979
  transition-property: opacity;
28756
28980
  }
28757
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28758
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28759
- }
28760
- .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 {
28981
+ .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 {
28761
28982
  opacity: 1;
28762
28983
  }
28763
28984
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28768,27 +28989,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28768
28989
  inset-block-start: 0;
28769
28990
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28770
28991
  }
28771
- .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 {
28992
+ .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 {
28772
28993
  position: absolute;
28773
28994
  inset: 0;
28774
28995
  z-index: -1;
28775
28996
  pointer-events: none;
28776
28997
  content: "";
28777
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28778
28998
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28779
28999
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28780
29000
  }
28781
- .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) {
28782
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28783
- }
28784
- .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 {
29001
+ .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 {
28785
29002
  position: absolute;
28786
29003
  inset: 0;
28787
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
29004
+ z-index: -1;
28788
29005
  pointer-events: none;
28789
29006
  content: "";
29007
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28790
29008
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28791
29009
  }
29010
+ .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 {
29011
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29012
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29013
+ }
29014
+ .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 {
29015
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29016
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29017
+ }
29018
+ .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) {
29019
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29020
+ }
29021
+ :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 {
29022
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
29023
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29024
+ }
28792
29025
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28793
29026
  border-block-end: 0;
28794
29027
  }
@@ -28796,6 +29029,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28796
29029
  .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]) {
28797
29030
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28798
29031
  }
29032
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29033
+ position: sticky;
29034
+ inset-block-end: 0;
29035
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29036
+ background: var(--pf-v6-c-table--BackgroundColor);
29037
+ }
29038
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29039
+ position: absolute;
29040
+ inset: 0;
29041
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29042
+ pointer-events: none;
29043
+ content: "";
29044
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29045
+ }
29046
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29047
+ border-block-end: 0;
29048
+ }
29049
+ .pf-v6-c-table.pf-m-plain {
29050
+ --pf-v6-c-table--BackgroundColor: transparent;
29051
+ }
28799
29052
  .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),
28800
29053
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28801
29054
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29479,14 +29732,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29479
29732
  vertical-align: bottom;
29480
29733
  }
29481
29734
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29735
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29482
29736
  position: relative;
29483
29737
  }
29484
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29485
- position: absolute;
29486
- inset: 0;
29738
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29487
29739
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29488
- pointer-events: none;
29489
- content: "";
29490
29740
  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);
29491
29741
  }
29492
29742
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29527,7 +29777,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29527
29777
  border-block-end: 0;
29528
29778
  }
29529
29779
  .pf-v6-c-table__tr.pf-m-border-row {
29530
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29780
+ height: var(--pf-v6-c-table--border-width--base);
29781
+ background-color: var(--pf-v6-c-table--BorderColor);
29782
+ }
29783
+
29784
+ .pf-v6-c-table__tfoot {
29785
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29786
+ vertical-align: top;
29531
29787
  }
29532
29788
 
29533
29789
  .pf-v6-c-table__icon-inline {
@@ -29676,6 +29932,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29676
29932
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
29677
29933
  }
29678
29934
 
29935
+ .pf-v6-c-table.pf-m-tree-view {
29936
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
29937
+ }
29679
29938
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
29680
29939
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
29681
29940
  }
@@ -30532,10 +30791,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30532
30791
  --pf-v6-c-tabs__link--BorderColor: transparent;
30533
30792
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
30534
30793
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
30535
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
30536
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
30537
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
30538
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
30794
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
30795
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30796
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
30797
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30539
30798
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
30540
30799
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
30541
30800
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -30554,9 +30813,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30554
30813
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
30555
30814
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
30556
30815
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30557
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
30558
30816
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
30559
30817
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
30818
+ --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);
30819
+ --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);
30820
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
30821
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
30822
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30823
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
30824
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30560
30825
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
30561
30826
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
30562
30827
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -30923,9 +31188,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30923
31188
  }
30924
31189
  .pf-v6-c-tabs.pf-m-subtab {
30925
31190
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
31191
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
31192
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
31193
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
31194
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
30926
31195
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
30927
31196
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
30928
31197
  }
31198
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
31199
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
31200
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
31201
+ }
30929
31202
  .pf-v6-c-tabs.pf-m-page-insets {
30930
31203
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
30931
31204
  }
@@ -31805,7 +32078,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31805
32078
 
31806
32079
  .pf-v6-c-title {
31807
32080
  font-family: var(--pf-v6-c-title--FontFamily);
31808
- overflow-wrap: break-word;
32081
+ overflow-wrap: anywhere;
31809
32082
  }
31810
32083
  .pf-v6-c-title.pf-m-4xl {
31811
32084
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34227,7 +34500,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34227
34500
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34228
34501
  color: var(--pf-v6-c-tooltip__content--Color);
34229
34502
  text-align: center;
34230
- overflow-wrap: break-word;
34503
+ overflow-wrap: anywhere;
34231
34504
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34232
34505
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34233
34506
  }
@@ -34341,12 +34614,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34341
34614
  }
34342
34615
 
34343
34616
  .pf-v6-c-tree-view {
34344
- --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));
34617
+ --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));
34345
34618
  --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));
34346
34619
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34347
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34348
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34349
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34620
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34621
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34622
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34350
34623
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34351
34624
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34352
34625
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34390,9 +34663,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34390
34663
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34391
34664
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34392
34665
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34393
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34666
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34394
34667
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34395
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34668
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34396
34669
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34397
34670
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34398
34671
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -34408,7 +34681,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34408
34681
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34409
34682
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34410
34683
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
34411
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
34684
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34412
34685
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34413
34686
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34414
34687
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35013,7 +35286,7 @@ label.pf-v6-c-tree-view__node-text {
35013
35286
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
35014
35287
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
35015
35288
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
35016
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
35289
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
35017
35290
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
35018
35291
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
35019
35292
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -35139,7 +35412,7 @@ label.pf-v6-c-tree-view__node-text {
35139
35412
  align-items: baseline;
35140
35413
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35141
35414
  text-align: start;
35142
- overflow-wrap: break-word;
35415
+ overflow-wrap: anywhere;
35143
35416
  }
35144
35417
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35145
35418
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35275,7 +35548,7 @@ label.pf-v6-c-tree-view__node-text {
35275
35548
  padding-inline: 0;
35276
35549
  color: var(--pf-v6-c-wizard__nav-link--Color);
35277
35550
  text-align: start;
35278
- overflow-wrap: break-word;
35551
+ overflow-wrap: anywhere;
35279
35552
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35280
35553
  counter-increment: wizard-nav-count;
35281
35554
  background-color: transparent;
@@ -35394,7 +35667,7 @@ label.pf-v6-c-tree-view__node-text {
35394
35667
  flex-direction: column;
35395
35668
  overflow-x: hidden;
35396
35669
  overflow-y: auto;
35397
- overflow-wrap: break-word;
35670
+ overflow-wrap: anywhere;
35398
35671
  }
35399
35672
 
35400
35673
  .pf-v6-c-wizard__main-body {