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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +20 -4
  43. package/components/Button/button.scss +24 -5
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +399 -140
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +411 -150
  156. package/patternfly.css +411 -150
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
@@ -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,7 +11358,6 @@ 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%;
@@ -11389,9 +11549,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11389
11549
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11390
11550
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11391
11551
  --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);
11552
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11553
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11554
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11555
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11393
11556
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11394
11557
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11558
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11559
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11395
11560
  --pf-v6-c-button--BorderWidth: 0;
11396
11561
  --pf-v6-c-button--hover--BorderWidth: 0;
11397
11562
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11404,6 +11569,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11404
11569
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11405
11570
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11406
11571
  }
11572
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11573
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11574
+ }
11407
11575
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11408
11576
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11409
11577
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11624,7 +11792,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11624
11792
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11625
11793
  --pf-v6-c-button__icon--TransitionDuration: 0s;
11626
11794
  --pf-v6-c-button__icon--TransitionProperty: scale;
11627
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
11628
11795
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
11629
11796
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
11630
11797
  }
@@ -11700,7 +11867,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11700
11867
  background: var(--pf-v6-c-button--disabled--BackgroundColor);
11701
11868
  }
11702
11869
  .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;
11870
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
11704
11871
  }
11705
11872
  .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
11873
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -11737,6 +11904,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11737
11904
  justify-content: flex-start;
11738
11905
  width: 100%;
11739
11906
  }
11907
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
11908
+ min-width: 1lh;
11909
+ }
11740
11910
  @media (min-width: 62rem) {
11741
11911
  .pf-v6-c-button.pf-m-docked {
11742
11912
  justify-content: center;
@@ -12105,13 +12275,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12105
12275
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12106
12276
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12107
12277
  --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);
12278
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12279
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12110
12280
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12111
12281
  --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);
12282
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12113
12283
  --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);
12284
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12115
12285
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12116
12286
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12117
12287
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -12649,7 +12819,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12649
12819
  }
12650
12820
 
12651
12821
  .pf-v6-c-clipboard-copy__text {
12652
- overflow-wrap: break-word;
12822
+ overflow-wrap: anywhere;
12653
12823
  white-space: normal;
12654
12824
  }
12655
12825
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -14078,7 +14248,7 @@ ul) {
14078
14248
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14079
14249
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14080
14250
  --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));
14251
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14082
14252
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14083
14253
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14084
14254
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14111,8 +14281,8 @@ ul) {
14111
14281
  --pf-v6-c-data-list--cell--WordBreak: normal;
14112
14282
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14113
14283
  --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);
14284
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14285
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14116
14286
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14117
14287
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14118
14288
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14143,8 +14313,8 @@ ul) {
14143
14313
  --pf-v6-c-data-list__item-action--Display: flex;
14144
14314
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14145
14315
  --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);
14316
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14317
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14148
14318
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14149
14319
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14150
14320
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -14820,6 +14990,7 @@ ul) {
14820
14990
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14821
14991
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14822
14992
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
14993
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14823
14994
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14824
14995
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14825
14996
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14834,6 +15005,7 @@ ul) {
14834
15005
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14835
15006
  position: relative;
14836
15007
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15008
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14837
15009
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14838
15010
  }
14839
15011
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -14853,6 +15025,7 @@ ul) {
14853
15025
 
14854
15026
  .pf-v6-c-droppable {
14855
15027
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15028
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
14856
15029
  --pf-v6-c-droppable--before--Opacity: 0;
14857
15030
  --pf-v6-c-droppable--after--BorderWidth: 0;
14858
15031
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -14875,6 +15048,7 @@ ul) {
14875
15048
  }
14876
15049
  .pf-v6-c-droppable::before {
14877
15050
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15051
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
14878
15052
  opacity: var(--pf-v6-c-droppable--before--Opacity);
14879
15053
  }
14880
15054
  .pf-v6-c-droppable::after {
@@ -14970,7 +15144,7 @@ ul) {
14970
15144
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
14971
15145
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
14972
15146
  --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;
15147
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
14974
15148
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14975
15149
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14976
15150
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -17580,6 +17754,10 @@ ul) {
17580
17754
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
17581
17755
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
17582
17756
  --pf-v6-c-form-control--Width: 100%;
17757
+ --pf-v6-c-form-control--TransitionDelay: 0s;
17758
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
17759
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
17760
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
17583
17761
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
17584
17762
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
17585
17763
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -17685,12 +17863,17 @@ ul) {
17685
17863
  resize: var(--pf-v6-c-form-control--Resize);
17686
17864
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
17687
17865
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
17866
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
17867
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
17868
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
17869
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
17688
17870
  }
17689
17871
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
17690
17872
  position: absolute;
17691
17873
  inset: 0;
17692
17874
  pointer-events: none;
17693
17875
  content: "";
17876
+ transition: inherit;
17694
17877
  }
17695
17878
  .pf-v6-c-form-control::before {
17696
17879
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -17786,10 +17969,11 @@ ul) {
17786
17969
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17787
17970
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
17788
17971
  --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
17972
  cursor: not-allowed;
17792
17973
  }
17974
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
17975
+ border-color: transparent;
17976
+ }
17793
17977
  .pf-v6-c-form-control.pf-m-error {
17794
17978
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
17795
17979
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -18110,8 +18294,8 @@ ul) {
18110
18294
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18111
18295
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18112
18296
  --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);
18297
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18298
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18115
18299
  }
18116
18300
 
18117
18301
  .pf-v6-c-hint {
@@ -19396,7 +19580,6 @@ label.pf-v6-c-input-group__text {
19396
19580
  position: absolute;
19397
19581
  inset: 0;
19398
19582
  z-index: -1;
19399
- pointer-events: none;
19400
19583
  content: "";
19401
19584
  background-color: var(--pf-v6-c-label--BackgroundColor);
19402
19585
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -19415,8 +19598,15 @@ input.pf-v6-c-label__content {
19415
19598
  .pf-v6-c-label__actions {
19416
19599
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
19417
19600
  }
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);
19601
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
19602
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
19603
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
19604
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
19605
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
19606
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
19607
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
19608
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
19609
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
19420
19610
  }
19421
19611
 
19422
19612
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -19926,7 +20116,7 @@ ul.pf-v6-c-list {
19926
20116
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
19927
20117
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19928
20118
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19929
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20119
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
19930
20120
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19931
20121
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19932
20122
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20773,7 +20963,7 @@ ul.pf-v6-c-list {
20773
20963
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20774
20964
  --pf-v6-c-menu__item-external--Color: transparent;
20775
20965
  --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);
20966
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20777
20967
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20778
20968
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20779
20969
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21140,7 +21330,7 @@ ul.pf-v6-c-list {
21140
21330
  .pf-v6-c-menu__item-description {
21141
21331
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21142
21332
  color: var(--pf-v6-c-menu__item-description--Color);
21143
- overflow-wrap: break-word;
21333
+ overflow-wrap: anywhere;
21144
21334
  }
21145
21335
 
21146
21336
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21557,6 +21747,9 @@ ul.pf-v6-c-list {
21557
21747
  justify-content: flex-start;
21558
21748
  width: 100%;
21559
21749
  }
21750
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21751
+ min-width: 1lh;
21752
+ }
21560
21753
  @media (min-width: 62rem) {
21561
21754
  .pf-v6-c-menu-toggle.pf-m-docked {
21562
21755
  justify-content: center;
@@ -21785,7 +21978,7 @@ ul.pf-v6-c-list {
21785
21978
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21786
21979
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
21787
21980
  --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);
21981
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21789
21982
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
21790
21983
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
21791
21984
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -21807,8 +22000,8 @@ ul.pf-v6-c-list {
21807
22000
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21808
22001
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21809
22002
  --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);
22003
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22004
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21812
22005
  }
21813
22006
 
21814
22007
  .pf-v6-c-modal-box {
@@ -21934,7 +22127,7 @@ ul.pf-v6-c-list {
21934
22127
  overflow-x: hidden;
21935
22128
  overflow-y: auto;
21936
22129
  overscroll-behavior: contain;
21937
- overflow-wrap: break-word;
22130
+ overflow-wrap: anywhere;
21938
22131
  -webkit-overflow-scrolling: touch;
21939
22132
  }
21940
22133
  .pf-v6-c-modal-box__body:last-child {
@@ -22170,8 +22363,8 @@ ul.pf-v6-c-list {
22170
22363
  }
22171
22364
 
22172
22365
  .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);
22366
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22367
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22175
22368
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22176
22369
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22177
22370
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -22808,7 +23001,7 @@ ul.pf-v6-c-list {
22808
23001
 
22809
23002
  .pf-v6-c-notification-drawer__list-item-header-title {
22810
23003
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22811
- overflow-wrap: break-word;
23004
+ overflow-wrap: anywhere;
22812
23005
  }
22813
23006
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22814
23007
  display: -webkit-box;
@@ -22830,7 +23023,7 @@ ul.pf-v6-c-list {
22830
23023
  grid-row: 2/3;
22831
23024
  grid-column: 1/2;
22832
23025
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22833
- overflow-wrap: break-word;
23026
+ overflow-wrap: anywhere;
22834
23027
  }
22835
23028
 
22836
23029
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22875,7 +23068,7 @@ ul.pf-v6-c-list {
22875
23068
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22876
23069
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22877
23070
  text-align: start;
22878
- overflow-wrap: break-word;
23071
+ overflow-wrap: anywhere;
22879
23072
  }
22880
23073
 
22881
23074
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -22952,11 +23145,6 @@ ul.pf-v6-c-list {
22952
23145
  .pf-v6-c-page {
22953
23146
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22954
23147
  --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
23148
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22961
23149
  --pf-v6-c-page__dock--Width: 15.625rem;
22962
23150
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -22970,11 +23158,17 @@ ul.pf-v6-c-list {
22970
23158
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
22971
23159
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
22972
23160
  --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);
23161
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
22974
23162
  --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);
23163
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23164
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
22976
23165
  --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));
23166
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23167
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23168
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23169
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23170
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23171
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22978
23172
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
22979
23173
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
22980
23174
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23145,20 +23339,17 @@ ul.pf-v6-c-list {
23145
23339
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23146
23340
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23147
23341
  --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
23342
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23152
23343
  --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);
23344
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23345
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23346
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23156
23347
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23157
23348
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23158
23349
  --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);
23350
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23351
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23352
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23162
23353
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23163
23354
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23164
23355
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23169,9 +23360,11 @@ ul.pf-v6-c-list {
23169
23360
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23170
23361
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23171
23362
  --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);
23363
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23364
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23365
+ --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));
23366
+ --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));
23367
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23175
23368
  }
23176
23369
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23177
23370
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23194,6 +23387,8 @@ ul.pf-v6-c-list {
23194
23387
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23195
23388
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23196
23389
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23390
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23391
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23197
23392
  }
23198
23393
  @media (min-width: 75rem) {
23199
23394
  .pf-v6-c-page {
@@ -23364,8 +23559,6 @@ ul.pf-v6-c-list {
23364
23559
  }
23365
23560
  @media (min-width: 62rem) {
23366
23561
  .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
23562
  position: revert;
23370
23563
  inset: revert;
23371
23564
  visibility: revert;
@@ -23393,6 +23586,9 @@ ul.pf-v6-c-list {
23393
23586
  }
23394
23587
  @media (min-width: 62rem) {
23395
23588
  .pf-v6-c-page__dock-main {
23589
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23590
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23591
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23396
23592
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23397
23593
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23398
23594
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24126,7 +24322,8 @@ ul.pf-v6-c-list {
24126
24322
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24127
24323
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24128
24324
  --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);
24325
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24326
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24130
24327
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24131
24328
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24132
24329
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24140,6 +24337,8 @@ ul.pf-v6-c-list {
24140
24337
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24141
24338
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24142
24339
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24340
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24341
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24143
24342
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24144
24343
  }
24145
24344
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24147,6 +24346,9 @@ ul.pf-v6-c-list {
24147
24346
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24148
24347
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24149
24348
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24349
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24350
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24351
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24150
24352
  }
24151
24353
  .pf-v6-c-pagination {
24152
24354
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24158,6 +24360,7 @@ ul.pf-v6-c-list {
24158
24360
  }
24159
24361
  @media screen and (min-width: 48rem) {
24160
24362
  .pf-v6-c-pagination {
24363
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24161
24364
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24162
24365
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24163
24366
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24183,9 +24386,6 @@ ul.pf-v6-c-list {
24183
24386
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24184
24387
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24185
24388
  }
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
24389
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24190
24390
  display: var(--pf-v6-c-pagination__page-menu--Display);
24191
24391
  }
@@ -24201,11 +24401,9 @@ ul.pf-v6-c-list {
24201
24401
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24202
24402
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24203
24403
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24404
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24204
24405
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24205
24406
  }
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
24407
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24210
24408
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24211
24409
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24224,6 +24422,7 @@ ul.pf-v6-c-list {
24224
24422
  .pf-v6-c-pagination.pf-m-bottom {
24225
24423
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24226
24424
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24425
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24227
24426
  position: relative;
24228
24427
  justify-content: flex-end;
24229
24428
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24248,12 +24447,14 @@ ul.pf-v6-c-list {
24248
24447
  }
24249
24448
  }
24250
24449
  .pf-v6-c-pagination.pf-m-static {
24450
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24251
24451
  position: relative;
24252
24452
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24253
24453
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24254
24454
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24255
24455
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24256
24456
  border: 0;
24457
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24257
24458
  box-shadow: none;
24258
24459
  }
24259
24460
  .pf-v6-c-pagination.pf-m-sticky {
@@ -24526,7 +24727,7 @@ ul.pf-v6-c-list {
24526
24727
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24527
24728
  --pf-v6-c-panel--BoxShadow: none;
24528
24729
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24529
- --pf-v6-c-panel--before--BorderWidth: 0;
24730
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24530
24731
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24531
24732
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24532
24733
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -24706,7 +24907,7 @@ ul.pf-v6-c-list {
24706
24907
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
24707
24908
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
24708
24909
  --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));
24910
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
24710
24911
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
24711
24912
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
24712
24913
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -25007,7 +25208,7 @@ ul.pf-v6-c-list {
25007
25208
 
25008
25209
  .pf-v6-c-progress__description {
25009
25210
  grid-column: 1/2;
25010
- overflow-wrap: break-word;
25211
+ overflow-wrap: anywhere;
25011
25212
  }
25012
25213
  .pf-v6-c-progress__description.pf-m-truncate {
25013
25214
  overflow: hidden;
@@ -25023,7 +25224,7 @@ ul.pf-v6-c-list {
25023
25224
  align-items: flex-start;
25024
25225
  justify-content: flex-end;
25025
25226
  text-align: end;
25026
- overflow-wrap: break-word;
25227
+ overflow-wrap: anywhere;
25027
25228
  }
25028
25229
 
25029
25230
  .pf-v6-c-progress__status-icon {
@@ -25941,6 +26142,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25941
26142
  --pf-v6-c-sidebar__panel--Position: static;
25942
26143
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25943
26144
  }
26145
+ .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) {
26146
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26147
+ }
25944
26148
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25945
26149
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25946
26150
  }
@@ -25960,7 +26164,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25960
26164
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25961
26165
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25962
26166
  }
25963
- .pf-v6-c-sidebar__content.pf-m-no-background {
26167
+ .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
26168
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25965
26169
  }
25966
26170
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25973,12 +26177,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25973
26177
  --pf-v6-c-sidebar__content--Order: -1;
25974
26178
  }
25975
26179
 
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
26180
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25983
26181
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25984
26182
  }
@@ -26978,22 +27176,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26978
27176
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
26979
27177
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
26980
27178
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
27179
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
26981
27180
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26982
27181
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26983
27182
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
26984
27183
  --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);
27184
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27185
+ --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
27186
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
26988
27187
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
26989
27188
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
26990
27189
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
26991
27190
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26992
27191
  --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;
27192
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
26994
27193
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
26995
27194
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
26996
27195
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27196
+ --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
27197
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
26998
27198
  --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
27199
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -27075,10 +27275,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27075
27275
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27076
27276
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27077
27277
  }
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 {
27278
+ .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
27279
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27080
27280
  }
27081
27281
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
27282
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27082
27283
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27083
27284
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27084
27285
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27088,7 +27289,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27088
27289
  }
27089
27290
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27090
27291
  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);
27292
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27092
27293
  }
27093
27294
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27094
27295
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27278,6 +27479,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27278
27479
  }
27279
27480
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
27280
27481
  text-align: end;
27482
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27281
27483
  }
27282
27484
  @media screen and (max-width: 36rem) {
27283
27485
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -27384,10 +27586,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27384
27586
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27385
27587
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27386
27588
  }
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 {
27589
+ .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
27590
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27389
27591
  }
27390
27592
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
27593
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27391
27594
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27392
27595
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27393
27596
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27397,7 +27600,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27397
27600
  }
27398
27601
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27399
27602
  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);
27603
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27401
27604
  }
27402
27605
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27403
27606
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27587,6 +27790,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27587
27790
  }
27588
27791
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
27589
27792
  text-align: end;
27793
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27590
27794
  }
27591
27795
  @media screen and (max-width: 36rem) {
27592
27796
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -27694,10 +27898,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27694
27898
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27695
27899
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27696
27900
  }
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 {
27901
+ .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
27902
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27699
27903
  }
27700
27904
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
27905
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27701
27906
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27702
27907
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27703
27908
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27707,7 +27912,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27707
27912
  }
27708
27913
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27709
27914
  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);
27915
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27711
27916
  }
27712
27917
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27713
27918
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27897,6 +28102,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27897
28102
  }
27898
28103
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
27899
28104
  text-align: end;
28105
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27900
28106
  }
27901
28107
  @media screen and (max-width: 36rem) {
27902
28108
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -28004,10 +28210,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28004
28210
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28005
28211
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28006
28212
  }
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 {
28213
+ .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
28214
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28009
28215
  }
28010
28216
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
28217
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28011
28218
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28012
28219
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28013
28220
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28017,7 +28224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28017
28224
  }
28018
28225
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28019
28226
  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);
28227
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28021
28228
  }
28022
28229
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28023
28230
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28207,6 +28414,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28207
28414
  }
28208
28415
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
28209
28416
  text-align: end;
28417
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28210
28418
  }
28211
28419
  @media screen and (max-width: 36rem) {
28212
28420
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28314,10 +28522,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28314
28522
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28315
28523
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28316
28524
  }
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 {
28525
+ .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
28526
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28319
28527
  }
28320
28528
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
28529
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28321
28530
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28322
28531
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28323
28532
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28327,7 +28536,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28327
28536
  }
28328
28537
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28329
28538
  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);
28539
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28331
28540
  }
28332
28541
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28333
28542
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28517,6 +28726,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28517
28726
  }
28518
28727
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
28519
28728
  text-align: end;
28729
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28520
28730
  }
28521
28731
  @media screen and (max-width: 36rem) {
28522
28732
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28606,8 +28816,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28606
28816
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28607
28817
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28608
28818
  --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);
28819
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28820
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28611
28821
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28612
28822
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28613
28823
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -28707,7 +28917,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28707
28917
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28708
28918
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28709
28919
  --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);
28920
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28711
28921
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28712
28922
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28713
28923
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28727,6 +28937,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28727
28937
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28728
28938
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28729
28939
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28940
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28941
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28730
28942
  }
28731
28943
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28732
28944
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28748,16 +28960,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28748
28960
  .pf-v6-c-table.pf-m-fixed {
28749
28961
  table-layout: fixed;
28750
28962
  }
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 {
28963
+ .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
28964
  opacity: 0;
28753
28965
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28754
28966
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28755
28967
  transition-property: opacity;
28756
28968
  }
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 {
28969
+ .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
28970
  opacity: 1;
28762
28971
  }
28763
28972
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28768,27 +28977,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28768
28977
  inset-block-start: 0;
28769
28978
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28770
28979
  }
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 {
28980
+ .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
28981
  position: absolute;
28773
28982
  inset: 0;
28774
28983
  z-index: -1;
28775
28984
  pointer-events: none;
28776
28985
  content: "";
28777
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28778
28986
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28779
28987
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28780
28988
  }
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 {
28989
+ .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
28990
  position: absolute;
28786
28991
  inset: 0;
28787
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28992
+ z-index: -1;
28788
28993
  pointer-events: none;
28789
28994
  content: "";
28995
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28790
28996
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28791
28997
  }
28998
+ .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 {
28999
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29000
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29001
+ }
29002
+ .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 {
29003
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29004
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29005
+ }
29006
+ .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) {
29007
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29008
+ }
29009
+ :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 {
29010
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
29011
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29012
+ }
28792
29013
  .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
29014
  border-block-end: 0;
28794
29015
  }
@@ -28796,6 +29017,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28796
29017
  .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
29018
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28798
29019
  }
29020
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29021
+ position: sticky;
29022
+ inset-block-end: 0;
29023
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29024
+ background: var(--pf-v6-c-table--BackgroundColor);
29025
+ }
29026
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29027
+ position: absolute;
29028
+ inset: 0;
29029
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29030
+ pointer-events: none;
29031
+ content: "";
29032
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29033
+ }
29034
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29035
+ border-block-end: 0;
29036
+ }
29037
+ .pf-v6-c-table.pf-m-plain {
29038
+ --pf-v6-c-table--BackgroundColor: transparent;
29039
+ }
28799
29040
  .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
29041
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28801
29042
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29479,14 +29720,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29479
29720
  vertical-align: bottom;
29480
29721
  }
29481
29722
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29723
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29482
29724
  position: relative;
29483
29725
  }
29484
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29485
- position: absolute;
29486
- inset: 0;
29726
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29487
29727
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29488
- pointer-events: none;
29489
- content: "";
29490
29728
  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
29729
  }
29492
29730
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29527,7 +29765,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29527
29765
  border-block-end: 0;
29528
29766
  }
29529
29767
  .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);
29768
+ height: var(--pf-v6-c-table--border-width--base);
29769
+ background-color: var(--pf-v6-c-table--BorderColor);
29770
+ }
29771
+
29772
+ .pf-v6-c-table__tfoot {
29773
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29774
+ vertical-align: top;
29531
29775
  }
29532
29776
 
29533
29777
  .pf-v6-c-table__icon-inline {
@@ -29676,6 +29920,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29676
29920
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
29677
29921
  }
29678
29922
 
29923
+ .pf-v6-c-table.pf-m-tree-view {
29924
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
29925
+ }
29679
29926
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
29680
29927
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
29681
29928
  }
@@ -30532,10 +30779,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30532
30779
  --pf-v6-c-tabs__link--BorderColor: transparent;
30533
30780
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
30534
30781
  --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);
30782
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
30783
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30784
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
30785
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30539
30786
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
30540
30787
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
30541
30788
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -30554,9 +30801,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30554
30801
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
30555
30802
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
30556
30803
  --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
30804
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
30559
30805
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
30806
+ --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);
30807
+ --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);
30808
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
30809
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
30810
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
30811
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
30812
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
30560
30813
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
30561
30814
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
30562
30815
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -30923,9 +31176,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30923
31176
  }
30924
31177
  .pf-v6-c-tabs.pf-m-subtab {
30925
31178
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
31179
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
31180
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
31181
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
31182
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
30926
31183
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
30927
31184
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
30928
31185
  }
31186
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
31187
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
31188
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
31189
+ }
30929
31190
  .pf-v6-c-tabs.pf-m-page-insets {
30930
31191
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
30931
31192
  }
@@ -31805,7 +32066,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31805
32066
 
31806
32067
  .pf-v6-c-title {
31807
32068
  font-family: var(--pf-v6-c-title--FontFamily);
31808
- overflow-wrap: break-word;
32069
+ overflow-wrap: anywhere;
31809
32070
  }
31810
32071
  .pf-v6-c-title.pf-m-4xl {
31811
32072
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34227,7 +34488,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34227
34488
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34228
34489
  color: var(--pf-v6-c-tooltip__content--Color);
34229
34490
  text-align: center;
34230
- overflow-wrap: break-word;
34491
+ overflow-wrap: anywhere;
34231
34492
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34232
34493
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34233
34494
  }
@@ -34341,12 +34602,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34341
34602
  }
34342
34603
 
34343
34604
  .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));
34605
+ --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
34606
  --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
34607
  --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);
34608
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34609
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34610
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34350
34611
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34351
34612
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34352
34613
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34390,9 +34651,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34390
34651
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34391
34652
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34392
34653
  --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);
34654
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34394
34655
  --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);
34656
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34396
34657
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34397
34658
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34398
34659
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -34408,7 +34669,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34408
34669
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34409
34670
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34410
34671
  --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;
34672
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34412
34673
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34413
34674
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34414
34675
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35013,7 +35274,7 @@ label.pf-v6-c-tree-view__node-text {
35013
35274
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
35014
35275
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
35015
35276
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
35016
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
35277
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
35017
35278
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
35018
35279
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
35019
35280
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -35139,7 +35400,7 @@ label.pf-v6-c-tree-view__node-text {
35139
35400
  align-items: baseline;
35140
35401
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35141
35402
  text-align: start;
35142
- overflow-wrap: break-word;
35403
+ overflow-wrap: anywhere;
35143
35404
  }
35144
35405
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35145
35406
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35275,7 +35536,7 @@ label.pf-v6-c-tree-view__node-text {
35275
35536
  padding-inline: 0;
35276
35537
  color: var(--pf-v6-c-wizard__nav-link--Color);
35277
35538
  text-align: start;
35278
- overflow-wrap: break-word;
35539
+ overflow-wrap: anywhere;
35279
35540
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35280
35541
  counter-increment: wizard-nav-count;
35281
35542
  background-color: transparent;
@@ -35394,7 +35655,7 @@ label.pf-v6-c-tree-view__node-text {
35394
35655
  flex-direction: column;
35395
35656
  overflow-x: hidden;
35396
35657
  overflow-y: auto;
35397
- overflow-wrap: break-word;
35658
+ overflow-wrap: anywhere;
35398
35659
  }
35399
35660
 
35400
35661
  .pf-v6-c-wizard__main-body {