@patternfly/react-templates 6.0.0-alpha.26 → 6.0.0-alpha.28

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 (7) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/components/package.json +1 -1
  3. package/dist/dynamic/components/Dropdown/package.json +1 -1
  4. package/dist/dynamic/components/Select/package.json +1 -1
  5. package/dist/umd/assets/{output-Df1Cl2ju.css → output-BhuwSV0N.css} +1295 -2081
  6. package/dist/umd/react-templates.min.js +1 -1
  7. package/package.json +6 -6
package/dist/umd/assets/{output-Df1Cl2ju.css → output-BhuwSV0N.css} RENAMED
@@ -17,22 +17,19 @@
17
17
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
18
18
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
19
19
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
20
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
21
21
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
22
22
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
23
23
  --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
24
24
  --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
25
25
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
26
26
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
27
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
27
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
28
28
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
29
29
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
30
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
31
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
32
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
33
30
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
34
31
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
35
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
32
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
36
33
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
37
34
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
38
35
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -57,9 +54,6 @@
57
54
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
58
55
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
59
56
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
60
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
61
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
62
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
63
57
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
64
58
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
65
59
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -72,13 +66,10 @@
72
66
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
73
67
  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
74
68
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
75
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
69
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
76
70
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
77
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
78
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
79
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
80
71
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
81
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
72
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
82
73
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
83
74
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
84
75
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
@@ -88,13 +79,12 @@
88
79
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
89
80
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
90
81
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
91
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--button--default);
82
+ --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
92
83
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
93
84
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
94
85
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
95
86
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
96
87
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
97
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
98
88
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
99
89
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
100
90
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -107,7 +97,6 @@
107
97
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
108
98
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
109
99
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
110
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
111
100
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
112
101
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
113
102
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -177,9 +166,6 @@
177
166
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
178
167
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
179
168
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
180
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
181
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
182
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
183
169
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
184
170
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
185
171
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -196,9 +182,6 @@
196
182
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
197
183
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
198
184
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
199
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
200
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
201
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
202
185
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
203
186
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
204
187
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -223,7 +206,6 @@
223
206
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
224
207
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
225
208
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
226
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
227
209
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
228
210
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
229
211
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -249,14 +231,6 @@
249
231
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
250
232
  }
251
233
 
252
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
253
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
254
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
255
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
256
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
257
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
258
- }
259
-
260
234
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
261
235
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
262
236
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -362,10 +336,6 @@
362
336
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
363
337
  }
364
338
 
365
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
366
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
367
- }
368
-
369
339
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
370
340
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
371
341
  }
@@ -863,168 +833,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
863
833
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
864
834
  }
865
835
  }
866
- :where(:root, .pf-v6-c-accordion) {
867
- --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
868
- --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
869
- --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
870
- --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
871
- --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
872
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
873
- --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
874
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
875
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
876
- --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
877
- --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
878
- --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
879
- --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
880
- --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--md);
881
- --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
882
- --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body);
883
- --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
884
- --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
885
- --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
886
- --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
887
- --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
888
- --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
889
- --pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
890
- --pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
891
- --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
892
- --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
893
- --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
894
- --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
895
- --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
896
- --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
897
- --pf-v6-c-accordion__expandable-content-body--PaddingInlineStart: var(--pf-t--global--spacer--sm);
898
- --pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart: 0;
899
- --pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
900
- --pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
901
- --pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--md);
902
- --pf-v6-c-accordion--m-display-lg__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
903
- --pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
904
- --pf-v6-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-t--global--font--family--heading);
905
- --pf-v6-c-accordion--m-display-lg__toggle--FontSize: var(--pf-t--global--font--size--heading--sm);
906
- --pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading);
907
- --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--bold);
908
- --pf-v6-c-accordion--m-display-lg__expandable-content--FontSize: var(--pf-t--global--font--size--body--lg);
909
- --pf-v6-c-accordion--m-display-lg__expandable-content--Color: var(--pf-t--global--text--color--regular);
910
- --pf-v6-c-accordion--m-bordered--RowGap: 0;
911
- --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
912
- --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
913
- }
914
-
915
- .pf-v6-c-accordion {
916
- display: flex;
917
- flex-direction: column;
918
- row-gap: var(--pf-v6-c-accordion--RowGap);
919
- background-color: var(--pf-v6-c-accordion--BackgroundColor);
920
- }
921
-
922
- .pf-v6-c-accordion.pf-m-toggle-start {
923
- --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
924
- }
925
-
926
- .pf-v6-c-accordion.pf-m-display-lg {
927
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockStart);
928
- --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineEnd);
929
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockEnd);
930
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded--PaddingBlockEnd);
931
- --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineStart);
932
- --pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
933
- --pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
934
- --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
935
- --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
936
- --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
937
- --pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
938
- }
939
-
940
- .pf-v6-c-accordion.pf-m-bordered {
941
- --pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
942
- --pf-v6-c-accordion__item--BorderRadius: 0;
943
- --pf-v6-c-accordion__toggle--BorderRadius: 0;
944
- }
945
-
946
- .pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
947
- border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
948
- }
949
-
950
- .pf-v6-c-accordion__item {
951
- border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
952
- }
953
-
954
- .pf-v6-c-accordion__item.pf-m-expanded {
955
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
956
- --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
957
- background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
958
- }
959
-
960
- .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
961
- transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
962
- }
963
-
964
- .pf-v6-c-accordion__toggle {
965
- display: flex;
966
- column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
967
- align-items: center;
968
- width: 100%;
969
- padding-block-start: var(--pf-v6-c-accordion__toggle--PaddingBlockStart);
970
- padding-block-end: var(--pf-v6-c-accordion__toggle--PaddingBlockEnd);
971
- padding-inline-start: var(--pf-v6-c-accordion__toggle--PaddingInlineStart);
972
- padding-inline-end: var(--pf-v6-c-accordion__toggle--PaddingInlineEnd);
973
- font-family: var(--pf-v6-c-accordion__toggle--FontFamily, inherit);
974
- font-size: var(--pf-v6-c-accordion__toggle--FontSize, inherit);
975
- text-align: start;
976
- background-color: var(--pf-v6-c-accordion__toggle--BackgroundColor);
977
- border: 0;
978
- border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
979
- }
980
-
981
- .pf-v6-c-accordion__toggle:is(:hover, :focus) {
982
- --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
983
- }
984
-
985
- .pf-v6-c-accordion__toggle-text {
986
- overflow: hidden;
987
- text-overflow: ellipsis;
988
- white-space: nowrap;
989
- flex-grow: 1;
990
- font-weight: var(--pf-v6-c-accordion__toggle-text--FontWeight);
991
- color: var(--pf-v6-c-accordion__toggle-text--Color);
992
- }
993
-
994
- .pf-v6-c-accordion__toggle-icon {
995
- transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
996
- }
997
-
998
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
999
- scale: -1 1;
1000
- }
1001
-
1002
- .pf-v6-c-accordion__expandable-content {
1003
- margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
1004
- margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
1005
- margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
1006
- font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
1007
- color: var(--pf-v6-c-accordion__expandable-content--Color);
1008
- background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
1009
- border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
1010
- }
1011
-
1012
- .pf-v6-c-accordion__expandable-content.pf-m-fixed {
1013
- max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
1014
- overflow-y: auto;
1015
- }
1016
-
1017
- .pf-v6-c-accordion__expandable-content-body {
1018
- padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
1019
- padding-block-end: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd);
1020
- padding-inline-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingInlineStart);
1021
- padding-inline-end: var(--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd);
1022
- }
1023
-
1024
- .pf-v6-c-accordion__expandable-content-body + .pf-v6-c-accordion__expandable-content-body {
1025
- --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
1026
- }
1027
-
1028
836
  :where(:root, .pf-v6-c-action-list) {
1029
837
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
1030
838
  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
@@ -1073,8 +881,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1073
881
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1074
882
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
1075
883
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
1076
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - 0.0625rem);
1077
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
884
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
885
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1078
886
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1079
887
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
1080
888
  --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
@@ -1082,10 +890,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1082
890
  --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
1083
891
  --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1084
892
  --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
1085
- --pf-v6-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
1086
- --pf-v6-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
1087
- --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
1088
- --pf-v6-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
893
+ --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
1089
894
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
1090
895
  --pf-v6-c-alert__title--max-lines: 1;
1091
896
  --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -1093,11 +898,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1093
898
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
1094
899
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
1095
900
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1096
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
901
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
1097
902
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
1098
903
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
1099
904
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
1100
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
905
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
1101
906
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
1102
907
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
1103
908
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -1229,10 +1034,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1229
1034
 
1230
1035
  .pf-v6-c-alert__title {
1231
1036
  grid-area: title;
1232
- font-family: var(--pf-v6-c-alert__title--FontFamily);
1233
- font-size: var(--pf-v6-c-alert__title--FontSize);
1234
1037
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
1235
- line-height: var(--pf-v6-c-alert__title--LineHeight);
1236
1038
  color: var(--pf-v6-c-alert__title--Color);
1237
1039
  word-break: break-word;
1238
1040
  }
@@ -1271,10 +1073,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1271
1073
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
1272
1074
  }
1273
1075
 
1274
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
1275
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
1276
- }
1277
-
1278
1076
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
1279
1077
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
1280
1078
  }
@@ -1529,31 +1327,193 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1529
1327
  --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))))));
1530
1328
  }
1531
1329
  }
1532
- :where(:root, .pf-v6-c-back-to-top) {
1533
- --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
1534
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
1535
- --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
1536
- --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
1537
- --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1538
- --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1539
- --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1540
- --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1541
- --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
1330
+ :where(:root, .pf-v6-c-accordion) {
1331
+ --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1332
+ --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
1333
+ --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
1334
+ --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
1335
+ --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
1336
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1337
+ --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1338
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1339
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1340
+ --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
1341
+ --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1342
+ --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
1343
+ --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
1344
+ --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--md);
1345
+ --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
1346
+ --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body);
1347
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
1348
+ --pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
1349
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
1350
+ --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
1351
+ --pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
1352
+ --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
1353
+ --pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1354
+ --pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
1355
+ --pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
1356
+ --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
1357
+ --pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
1358
+ --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1359
+ --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1360
+ --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1361
+ --pf-v6-c-accordion__expandable-content-body--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1362
+ --pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart: 0;
1363
+ --pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
1364
+ --pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1365
+ --pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1366
+ --pf-v6-c-accordion--m-display-lg__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1367
+ --pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
1368
+ --pf-v6-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-t--global--font--family--heading);
1369
+ --pf-v6-c-accordion--m-display-lg__toggle--FontSize: var(--pf-t--global--font--size--heading--sm);
1370
+ --pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading);
1371
+ --pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--bold);
1372
+ --pf-v6-c-accordion--m-display-lg__expandable-content--FontSize: var(--pf-t--global--font--size--body--lg);
1373
+ --pf-v6-c-accordion--m-display-lg__expandable-content--Color: var(--pf-t--global--text--color--regular);
1374
+ --pf-v6-c-accordion--m-bordered--RowGap: 0;
1375
+ --pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
1376
+ --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
1542
1377
  }
1543
1378
 
1544
- @media (min-width: 768px) {
1545
- :where(:root, .pf-v6-c-back-to-top) {
1546
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
1547
- }
1379
+ .pf-v6-c-accordion {
1380
+ display: flex;
1381
+ flex-direction: column;
1382
+ row-gap: var(--pf-v6-c-accordion--RowGap);
1383
+ background-color: var(--pf-v6-c-accordion--BackgroundColor);
1548
1384
  }
1549
- .pf-v6-c-back-to-top {
1550
- position: absolute;
1551
- inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
1552
- inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
1385
+
1386
+ .pf-v6-c-accordion.pf-m-toggle-start {
1387
+ --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
1553
1388
  }
1554
1389
 
1555
- .pf-v6-c-back-to-top.pf-m-hidden {
1556
- display: none;
1390
+ .pf-v6-c-accordion.pf-m-display-lg {
1391
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockStart);
1392
+ --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineEnd);
1393
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingBlockEnd);
1394
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded--PaddingBlockEnd);
1395
+ --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-v6-c-accordion--m-display-lg__toggle--PaddingInlineStart);
1396
+ --pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
1397
+ --pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
1398
+ --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
1399
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
1400
+ --pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
1401
+ --pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
1402
+ }
1403
+
1404
+ .pf-v6-c-accordion.pf-m-bordered {
1405
+ --pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
1406
+ --pf-v6-c-accordion__item--BorderRadius: 0;
1407
+ --pf-v6-c-accordion__toggle--BorderRadius: 0;
1408
+ }
1409
+
1410
+ .pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
1411
+ border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
1412
+ }
1413
+
1414
+ .pf-v6-c-accordion__item {
1415
+ border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
1416
+ }
1417
+
1418
+ .pf-v6-c-accordion__item.pf-m-expanded {
1419
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
1420
+ --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
1421
+ background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
1422
+ }
1423
+
1424
+ .pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
1425
+ transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
1426
+ }
1427
+
1428
+ .pf-v6-c-accordion__toggle {
1429
+ display: flex;
1430
+ column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
1431
+ align-items: center;
1432
+ width: 100%;
1433
+ padding-block-start: var(--pf-v6-c-accordion__toggle--PaddingBlockStart);
1434
+ padding-block-end: var(--pf-v6-c-accordion__toggle--PaddingBlockEnd);
1435
+ padding-inline-start: var(--pf-v6-c-accordion__toggle--PaddingInlineStart);
1436
+ padding-inline-end: var(--pf-v6-c-accordion__toggle--PaddingInlineEnd);
1437
+ font-family: var(--pf-v6-c-accordion__toggle--FontFamily, inherit);
1438
+ font-size: var(--pf-v6-c-accordion__toggle--FontSize, inherit);
1439
+ text-align: start;
1440
+ background-color: var(--pf-v6-c-accordion__toggle--BackgroundColor);
1441
+ border: 0;
1442
+ border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
1443
+ }
1444
+
1445
+ .pf-v6-c-accordion__toggle:is(:hover, :focus) {
1446
+ --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
1447
+ }
1448
+
1449
+ .pf-v6-c-accordion__toggle-text {
1450
+ overflow: hidden;
1451
+ text-overflow: ellipsis;
1452
+ white-space: nowrap;
1453
+ flex-grow: 1;
1454
+ font-weight: var(--pf-v6-c-accordion__toggle-text--FontWeight);
1455
+ color: var(--pf-v6-c-accordion__toggle-text--Color);
1456
+ }
1457
+
1458
+ .pf-v6-c-accordion__toggle-icon {
1459
+ transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
1460
+ }
1461
+
1462
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
1463
+ scale: -1 1;
1464
+ }
1465
+
1466
+ .pf-v6-c-accordion__expandable-content {
1467
+ margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
1468
+ margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
1469
+ margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
1470
+ font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
1471
+ color: var(--pf-v6-c-accordion__expandable-content--Color);
1472
+ background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
1473
+ border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
1474
+ }
1475
+
1476
+ .pf-v6-c-accordion__expandable-content.pf-m-fixed {
1477
+ max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
1478
+ overflow-y: auto;
1479
+ }
1480
+
1481
+ .pf-v6-c-accordion__expandable-content-body {
1482
+ padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
1483
+ padding-block-end: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd);
1484
+ padding-inline-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingInlineStart);
1485
+ padding-inline-end: var(--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd);
1486
+ }
1487
+
1488
+ .pf-v6-c-accordion__expandable-content-body + .pf-v6-c-accordion__expandable-content-body {
1489
+ --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
1490
+ }
1491
+
1492
+ :where(:root, .pf-v6-c-back-to-top) {
1493
+ --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
1494
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
1495
+ --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
1496
+ --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
1497
+ --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1498
+ --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1499
+ --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1500
+ --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1501
+ --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
1502
+ }
1503
+
1504
+ @media (min-width: 768px) {
1505
+ :where(:root, .pf-v6-c-back-to-top) {
1506
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
1507
+ }
1508
+ }
1509
+ .pf-v6-c-back-to-top {
1510
+ position: absolute;
1511
+ inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
1512
+ inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
1513
+ }
1514
+
1515
+ .pf-v6-c-back-to-top.pf-m-hidden {
1516
+ display: none;
1557
1517
  }
1558
1518
 
1559
1519
  .pf-v6-c-back-to-top .pf-v6-c-button {
@@ -2049,7 +2009,7 @@ button.pf-v6-c-breadcrumb__link {
2049
2009
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
2050
2010
  --pf-v6-c-button--BackgroundColor: transparent;
2051
2011
  --pf-v6-c-button--BorderColor: transparent;
2052
- --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
2012
+ --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
2053
2013
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
2054
2014
  --pf-v6-c-button--TextDecoration: none;
2055
2015
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
@@ -2057,11 +2017,11 @@ button.pf-v6-c-breadcrumb__link {
2057
2017
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
2058
2018
  --pf-v6-c-button--hover--BackgroundColor: transparent;
2059
2019
  --pf-v6-c-button--hover--BorderColor: transparent;
2060
- --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
2020
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
2061
2021
  --pf-v6-c-button--hover--TextDecoration: none;
2062
2022
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
2063
2023
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
2064
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
2024
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
2065
2025
  --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
2066
2026
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
2067
2027
  --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -2120,6 +2080,7 @@ button.pf-v6-c-breadcrumb__link {
2120
2080
  --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
2121
2081
  --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
2122
2082
  --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
2083
+ --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
2123
2084
  --pf-v6-c-button--m-link--m-inline--FontSize: initial;
2124
2085
  --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
2125
2086
  --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -2140,7 +2101,8 @@ button.pf-v6-c-breadcrumb__link {
2140
2101
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2141
2102
  --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2142
2103
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2143
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
2104
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
2105
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
2144
2106
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
2145
2107
  --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
2146
2108
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
@@ -2191,13 +2153,13 @@ button.pf-v6-c-breadcrumb__link {
2191
2153
  --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
2192
2154
  --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
2193
2155
  --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
2194
- --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default--default);
2156
+ --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
2195
2157
  --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
2196
2158
  --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
2197
- --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--default--hover);
2159
+ --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
2198
2160
  --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
2199
2161
  --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
2200
- --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--default--clicked);
2162
+ --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
2201
2163
  --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
2202
2164
  --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
2203
2165
  --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
@@ -2379,6 +2341,7 @@ button.pf-v6-c-breadcrumb__link {
2379
2341
 
2380
2342
  .pf-v6-c-button.pf-m-link.pf-m-inline {
2381
2343
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
2344
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
2382
2345
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
2383
2346
  --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
2384
2347
  --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -2508,6 +2471,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2508
2471
  .pf-v6-c-button.pf-m-plain {
2509
2472
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
2510
2473
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
2474
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
2511
2475
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
2512
2476
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
2513
2477
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
@@ -2887,7 +2851,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2887
2851
  --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2888
2852
  --pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
2889
2853
  --pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
2890
- --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
2854
+ --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2891
2855
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
2892
2856
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
2893
2857
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -2898,10 +2862,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2898
2862
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
2899
2863
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2900
2864
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2901
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
2865
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2902
2866
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2903
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
2904
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
2867
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2868
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
2905
2869
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
2906
2870
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2907
2871
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
@@ -2942,7 +2906,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2942
2906
  --pf-v6-c-card--m-full-height--Height: 100%;
2943
2907
  --pf-v6-c-card--m-plain--BorderColor: transparent;
2944
2908
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
2945
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--button--horizontal--compact) * -1);
2909
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--compact) * -1);
2946
2910
  --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
2947
2911
  }
2948
2912
 
@@ -3204,8 +3168,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3204
3168
  padding-block-end: var(--pf-v6-c-card__title--not--last-child--PaddingBlockEnd);
3205
3169
  }
3206
3170
 
3207
- .pf-v6-c-card__header button.pf-m-inline.pf-m-disabled,
3208
- .pf-v6-c-card__title button.pf-m-inline.pf-m-disabled {
3171
+ .pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled,
3172
+ .pf-v6-c-card__title .pf-v6-c-button.pf-m-inline:disabled {
3209
3173
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-card--c-button--disabled--Color);
3210
3174
  }
3211
3175
 
@@ -3327,8 +3291,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3327
3291
  }
3328
3292
 
3329
3293
  .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
3330
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
3331
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
3294
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
3295
+ --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
3332
3296
  }
3333
3297
 
3334
3298
  :where(:root, .pf-v6-c-code-block) {
@@ -3438,16 +3402,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3438
3402
  --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
3439
3403
  --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3440
3404
  --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
3441
- --pf-v6-c-content--ol--PaddingInlineStart: var(--pf-t--global--spacer--lg);
3442
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-t--global--spacer--lg);
3443
- --pf-v6-c-content--ol--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
3444
- --pf-v6-c-content--ol--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
3445
- --pf-v6-c-content--ul--PaddingInlineStart: var(--pf-t--global--spacer--lg);
3446
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-t--global--spacer--lg);
3447
- --pf-v6-c-content--ul--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
3448
- --pf-v6-c-content--ul--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
3405
+ --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
3406
+ --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
3407
+ --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
3449
3408
  --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
3450
- --pf-v6-c-content--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
3451
3409
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
3452
3410
  --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
3453
3411
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -3521,18 +3479,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3521
3479
  margin-block-end: 0;
3522
3480
  }
3523
3481
 
3524
- :is(.pf-v6-c-content--ol,
3525
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
3526
- margin: 0;
3527
- }
3528
-
3529
- :is(.pf-v6-c-content--ol,
3530
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
3531
- padding-inline-start: 0;
3532
- margin-inline-start: 0;
3533
- list-style: none;
3534
- }
3535
-
3536
3482
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
3537
3483
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
3538
3484
  margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
@@ -3607,41 +3553,32 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3607
3553
  border: none;
3608
3554
  }
3609
3555
 
3610
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) {
3611
- padding-inline-start: var(--pf-v6-c-content--ol--PaddingInlineStart);
3612
- margin-inline-start: var(--pf-v6-c-content--ol--MarginInlineStart);
3556
+ :is(.pf-v6-c-content--ol,
3557
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
3558
+ display: flex;
3559
+ flex-direction: column;
3560
+ gap: var(--pf-v6-c-content--list--Gap);
3561
+ padding-inline-start: var(--pf-v6-c-content--list--PaddingInlineStart);
3613
3562
  }
3614
3563
 
3615
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ul,
3616
- ul) {
3617
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
3618
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
3564
+ :is(.pf-v6-c-content--ol,
3565
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
3566
+ padding-inline-start: 0;
3567
+ list-style: none;
3619
3568
  }
3620
3569
 
3621
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ol,
3622
- ol) {
3623
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
3624
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
3570
+ :is(.pf-v6-c-content--ol,
3571
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
3572
+ .pf-v6-c-content--ul,
3573
+ ol,
3574
+ ul) {
3575
+ margin-block-start: var(--pf-v6-c-content--list--nested--MarginBlockStart);
3625
3576
  }
3626
3577
 
3627
3578
  :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
3628
- padding-inline-start: var(--pf-v6-c-content--ul--PaddingInlineStart);
3629
- margin-inline-start: var(--pf-v6-c-content--ul--MarginInlineStart);
3630
3579
  list-style: var(--pf-v6-c-content--ul--ListStyle);
3631
3580
  }
3632
3581
 
3633
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ul,
3634
- ul) {
3635
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
3636
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
3637
- }
3638
-
3639
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
3640
- ol) {
3641
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
3642
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
3643
- }
3644
-
3645
3582
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
3646
3583
  display: grid;
3647
3584
  grid-template-columns: 1fr;
@@ -4112,8 +4049,8 @@ ol) {
4112
4049
  --pf-v6-c-data-list--cell--WordBreak: normal;
4113
4050
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
4114
4051
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
4115
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
4116
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
4052
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
4053
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
4117
4054
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
4118
4055
  --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
4119
4056
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
@@ -4952,7 +4889,7 @@ ol) {
4952
4889
  --pf-v6-c-drawer__panel--MinWidth: 50%;
4953
4890
  --pf-v6-c-drawer__panel--MaxHeight: auto;
4954
4891
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
4955
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
4892
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4956
4893
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
4957
4894
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
4958
4895
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -5039,7 +4976,7 @@ ol) {
5039
4976
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
5040
4977
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5041
4978
  --pf-v6-c-drawer__panel--BoxShadow: none;
5042
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
4979
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
5043
4980
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5044
4981
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
5045
4982
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -5059,8 +4996,8 @@ ol) {
5059
4996
  }
5060
4997
  }
5061
4998
  .pf-v6-c-drawer {
5062
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
5063
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
4999
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5000
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
5064
5001
  display: flex;
5065
5002
  flex-direction: column;
5066
5003
  height: 100%;
@@ -5068,11 +5005,11 @@ ol) {
5068
5005
  }
5069
5006
 
5070
5007
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
5071
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
5008
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
5072
5009
  }
5073
5010
 
5074
5011
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
5075
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
5012
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5076
5013
  }
5077
5014
 
5078
5015
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
@@ -6192,11 +6129,11 @@ ol) {
6192
6129
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
6193
6130
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
6194
6131
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
6195
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
6132
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
6196
6133
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
6197
6134
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6198
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
6199
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
6135
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6136
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6200
6137
  }
6201
6138
 
6202
6139
  .pf-v6-c-empty-state {
@@ -6303,66 +6240,6 @@ ol) {
6303
6240
  justify-content: center;
6304
6241
  }
6305
6242
 
6306
- :where(:root, .pf-v6-c-file-upload) {
6307
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
6308
- --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6309
- --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6310
- --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6311
- --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6312
- --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6313
- --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6314
- --pf-v6-c-file-upload--BorderColor: transparent;
6315
- --pf-v6-c-file-upload--BorderStyle: solid;
6316
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6317
- --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6318
- --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6319
- --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6320
- }
6321
-
6322
- .pf-v6-c-file-upload {
6323
- position: relative;
6324
- display: flex;
6325
- flex-direction: column;
6326
- row-gap: var(--pf-v6-c-file-upload--RowGap);
6327
- padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6328
- padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6329
- padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6330
- padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6331
- border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6332
- border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6333
- }
6334
-
6335
- .pf-v6-c-file-upload.pf-m-drag-hover {
6336
- --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6337
- --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6338
- }
6339
-
6340
- .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6341
- position: relative;
6342
- }
6343
-
6344
- .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6345
- outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6346
- }
6347
-
6348
- .pf-v6-c-file-upload__file-details {
6349
- position: relative;
6350
- display: flex;
6351
- }
6352
-
6353
- .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6354
- flex: 1 1 auto;
6355
- min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6356
- border-block-start: 0;
6357
- }
6358
-
6359
- .pf-v6-c-file-upload__file-details-spinner {
6360
- position: absolute;
6361
- inset-block-start: 50%;
6362
- inset-inline-start: 50%;
6363
- transform: translate(-50%, -50%);
6364
- }
6365
-
6366
6243
  :where(:root, .pf-v6-c-expandable-section) {
6367
6244
  --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6368
6245
  --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -6511,58 +6388,118 @@ ol) {
6511
6388
  padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
6512
6389
  }
6513
6390
 
6514
- :where(:root, .pf-v6-c-form) {
6515
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
6516
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
6517
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6518
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
6519
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
6520
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
6521
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
6522
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
6523
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6524
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
6525
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
6526
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
6527
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
6528
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
6529
- --pf-v6-c-form__label--hover--Cursor: pointer;
6530
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
6531
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6532
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
6533
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6534
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
6535
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
6536
- --pf-v6-c-form__group-label-info--MarginInlineStart: var(--pf-t--global--spacer--sm);
6537
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
6538
- --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6539
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
6540
- --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
6541
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
6542
- --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
6543
- --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
6544
- --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6545
- --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6546
- --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
6547
- --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
6548
- --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
6549
- --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
6550
- --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
6551
- --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
6552
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
6553
- --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
6554
- --pf-v6-c-form__section--Gap: var(--pf-t--global--spacer--md);
6555
- --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
6556
- --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
6557
- --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
6558
- --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
6559
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
6560
- --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
6561
- --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
6562
- --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
6563
- --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
6564
- --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
6565
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
6391
+ :where(:root, .pf-v6-c-file-upload) {
6392
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
6393
+ --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6394
+ --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6395
+ --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6396
+ --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6397
+ --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6398
+ --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6399
+ --pf-v6-c-file-upload--BorderColor: transparent;
6400
+ --pf-v6-c-file-upload--BorderStyle: solid;
6401
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6402
+ --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6403
+ --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6404
+ --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6405
+ }
6406
+
6407
+ .pf-v6-c-file-upload {
6408
+ position: relative;
6409
+ display: flex;
6410
+ flex-direction: column;
6411
+ row-gap: var(--pf-v6-c-file-upload--RowGap);
6412
+ padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6413
+ padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6414
+ padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6415
+ padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6416
+ border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6417
+ border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6418
+ }
6419
+
6420
+ .pf-v6-c-file-upload.pf-m-drag-hover {
6421
+ --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6422
+ --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6423
+ }
6424
+
6425
+ .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6426
+ position: relative;
6427
+ }
6428
+
6429
+ .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6430
+ outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6431
+ }
6432
+
6433
+ .pf-v6-c-file-upload__file-details {
6434
+ position: relative;
6435
+ display: flex;
6436
+ }
6437
+
6438
+ .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6439
+ flex: 1 1 auto;
6440
+ min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6441
+ border-block-start: 0;
6442
+ }
6443
+
6444
+ .pf-v6-c-file-upload__file-details-spinner {
6445
+ position: absolute;
6446
+ inset-block-start: 50%;
6447
+ inset-inline-start: 50%;
6448
+ transform: translate(-50%, -50%);
6449
+ }
6450
+
6451
+ :where(:root, .pf-v6-c-form) {
6452
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
6453
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
6454
+ --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6455
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
6456
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
6457
+ --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
6458
+ --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
6459
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
6460
+ --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6461
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
6462
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
6463
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
6464
+ --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
6465
+ --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
6466
+ --pf-v6-c-form__label--hover--Cursor: pointer;
6467
+ --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
6468
+ --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6469
+ --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
6470
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6471
+ --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
6472
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
6473
+ --pf-v6-c-form__group-label-info--MarginInlineStart: var(--pf-t--global--spacer--sm);
6474
+ --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
6475
+ --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6476
+ --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
6477
+ --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
6478
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
6479
+ --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
6480
+ --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
6481
+ --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6482
+ --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6483
+ --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
6484
+ --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
6485
+ --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
6486
+ --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
6487
+ --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
6488
+ --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
6489
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
6490
+ --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
6491
+ --pf-v6-c-form__section--Gap: var(--pf-t--global--spacer--md);
6492
+ --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
6493
+ --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading);
6494
+ --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
6495
+ --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
6496
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
6497
+ --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
6498
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
6499
+ --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
6500
+ --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
6501
+ --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
6502
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
6566
6503
  --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
6567
6504
  --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
6568
6505
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
@@ -7299,91 +7236,6 @@ select ~ .pf-v6-c-form-control__utilities {
7299
7236
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7300
7237
  }
7301
7238
 
7302
- :where(:root, .pf-v6-c-hint) {
7303
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7304
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
7305
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7306
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
7307
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7308
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7309
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
7310
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
7311
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
7312
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
7313
- --pf-v6-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
7314
- --pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
7315
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
7316
- --pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
7317
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
7318
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
7319
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
7320
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
7321
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7322
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7323
- }
7324
-
7325
- .pf-v6-c-hint {
7326
- display: grid;
7327
- grid-template-columns: 1fr auto;
7328
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
7329
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
7330
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
7331
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
7332
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
7333
- color: var(--pf-v6-c-hint--Color);
7334
- background-color: var(--pf-v6-c-hint--BackgroundColor);
7335
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
7336
- border-radius: var(--pf-v6-c-hint--BorderRadius);
7337
- }
7338
-
7339
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
7340
- text-align: start;
7341
- white-space: normal;
7342
- }
7343
-
7344
- .pf-v6-c-hint__actions {
7345
- display: inline-grid;
7346
- grid-row: 1;
7347
- grid-column: 2;
7348
- grid-auto-flow: column;
7349
- align-self: start;
7350
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7351
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
7352
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
7353
- text-align: end;
7354
- }
7355
-
7356
- .pf-v6-c-hint__actions.pf-m-no-offset {
7357
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
7358
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
7359
- }
7360
-
7361
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7362
- grid-column: 1;
7363
- }
7364
-
7365
- .pf-v6-c-hint__title {
7366
- align-self: center;
7367
- font-family: var(--pf-v6-c-hint__title--FontFamily);
7368
- font-size: var(--pf-v6-c-hint__title--FontSize);
7369
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
7370
- line-height: var(--pf-v6-c-hint__title--LineHeight);
7371
- }
7372
-
7373
- .pf-v6-c-hint__body {
7374
- grid-column: 1/-1;
7375
- font-size: var(--pf-v6-c-hint__body--FontSize);
7376
- }
7377
-
7378
- .pf-v6-c-hint__footer {
7379
- grid-column: 1/-1;
7380
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
7381
- }
7382
-
7383
- .pf-v6-c-hint__footer > :not(:last-child) {
7384
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7385
- }
7386
-
7387
7239
  :where(:root, .pf-v6-c-helper-text) {
7388
7240
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7389
7241
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -7462,82 +7314,83 @@ select ~ .pf-v6-c-form-control__utilities {
7462
7314
  color: var(--pf-v6-c-helper-text__item-text--Color);
7463
7315
  }
7464
7316
 
7465
- :where(:root, .pf-v6-c-input-group) {
7466
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7467
- --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7468
- --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7469
- --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7470
- --pf-v6-c-input-group__item--BackgroundColor: transparent;
7471
- --pf-v6-c-input-group__item--AlignItems: start;
7472
- --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7473
- --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7474
- --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7475
- --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7476
- --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7477
- --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7478
- --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7479
- --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7480
- --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7481
- --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7482
- --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7483
- --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7484
- --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7485
- --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7317
+ :where(:root, .pf-v6-c-hint) {
7318
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7319
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
7320
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7321
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
7322
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7323
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7324
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
7325
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
7326
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
7327
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
7328
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
7329
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
7330
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
7331
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
7332
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
7333
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7334
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7486
7335
  }
7487
7336
 
7488
- .pf-v6-c-input-group {
7489
- display: flex;
7490
- gap: var(--pf-v6-c-input-group--Gap);
7491
- width: 100%;
7337
+ .pf-v6-c-hint {
7338
+ display: grid;
7339
+ grid-template-columns: 1fr auto;
7340
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
7341
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
7342
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
7343
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
7344
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
7345
+ color: var(--pf-v6-c-hint--Color);
7346
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
7347
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
7348
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
7492
7349
  }
7493
7350
 
7494
- .pf-v6-c-input-group__item {
7495
- position: relative;
7496
- display: flex;
7497
- align-items: var(--pf-v6-c-input-group__item--AlignItems);
7498
- min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7499
- max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7500
- background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7501
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7502
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7503
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7504
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7505
- }
7506
-
7507
- .pf-v6-c-input-group__item.pf-m-box {
7508
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7509
- padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7510
- padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7511
- border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7512
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7513
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7514
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7515
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7516
- border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7351
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
7352
+ text-align: start;
7353
+ white-space: normal;
7517
7354
  }
7518
7355
 
7519
- .pf-v6-c-input-group__item.pf-m-plain {
7520
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7521
- border: none;
7356
+ .pf-v6-c-hint__actions {
7357
+ display: inline-grid;
7358
+ grid-row: 1;
7359
+ grid-column: 2;
7360
+ grid-auto-flow: column;
7361
+ align-self: start;
7362
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7363
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
7364
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
7365
+ text-align: end;
7522
7366
  }
7523
7367
 
7524
- .pf-v6-c-input-group__item.pf-m-disabled {
7525
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7526
- --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7368
+ .pf-v6-c-hint__actions.pf-m-no-offset {
7369
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
7370
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
7527
7371
  }
7528
7372
 
7529
- .pf-v6-c-input-group__item.pf-m-fill {
7530
- flex-grow: 1;
7373
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7374
+ grid-column: 1;
7531
7375
  }
7532
7376
 
7533
- .pf-v6-c-input-group__text {
7377
+ .pf-v6-c-hint__title {
7534
7378
  align-self: center;
7535
- font-size: var(--pf-v6-c-input-group__text--FontSize);
7536
- color: var(--pf-v6-c-input-group__text--Color);
7379
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
7537
7380
  }
7538
7381
 
7539
- label.pf-v6-c-input-group__text {
7540
- cursor: pointer;
7382
+ .pf-v6-c-hint__body {
7383
+ grid-column: 1/-1;
7384
+ font-size: var(--pf-v6-c-hint__body--FontSize);
7385
+ }
7386
+
7387
+ .pf-v6-c-hint__footer {
7388
+ grid-column: 1/-1;
7389
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
7390
+ }
7391
+
7392
+ .pf-v6-c-hint__footer > :not(:last-child) {
7393
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7541
7394
  }
7542
7395
 
7543
7396
  :where(:root, .pf-v6-c-icon) {
@@ -7835,6 +7688,84 @@ label.pf-v6-c-input-group__text {
7835
7688
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7836
7689
  }
7837
7690
 
7691
+ :where(:root, .pf-v6-c-input-group) {
7692
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7693
+ --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7694
+ --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7695
+ --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7696
+ --pf-v6-c-input-group__item--BackgroundColor: transparent;
7697
+ --pf-v6-c-input-group__item--AlignItems: start;
7698
+ --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7699
+ --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7700
+ --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7701
+ --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7702
+ --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7703
+ --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7704
+ --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7705
+ --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7706
+ --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7707
+ --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7708
+ --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7709
+ --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7710
+ --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7711
+ --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7712
+ }
7713
+
7714
+ .pf-v6-c-input-group {
7715
+ display: flex;
7716
+ gap: var(--pf-v6-c-input-group--Gap);
7717
+ width: 100%;
7718
+ }
7719
+
7720
+ .pf-v6-c-input-group__item {
7721
+ position: relative;
7722
+ display: flex;
7723
+ align-items: var(--pf-v6-c-input-group__item--AlignItems);
7724
+ min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7725
+ max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7726
+ background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7727
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7728
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7729
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7730
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7731
+ }
7732
+
7733
+ .pf-v6-c-input-group__item.pf-m-box {
7734
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7735
+ padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7736
+ padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7737
+ border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7738
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7739
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7740
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7741
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7742
+ border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7743
+ }
7744
+
7745
+ .pf-v6-c-input-group__item.pf-m-plain {
7746
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7747
+ border: none;
7748
+ }
7749
+
7750
+ .pf-v6-c-input-group__item.pf-m-disabled {
7751
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7752
+ --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7753
+ }
7754
+
7755
+ .pf-v6-c-input-group__item.pf-m-fill {
7756
+ flex-grow: 1;
7757
+ }
7758
+
7759
+ .pf-v6-c-input-group__text {
7760
+ align-self: center;
7761
+ font-size: var(--pf-v6-c-input-group__text--FontSize);
7762
+ color: var(--pf-v6-c-input-group__text--Color);
7763
+ }
7764
+
7765
+ label.pf-v6-c-input-group__text {
7766
+ cursor: pointer;
7767
+ }
7768
+
7838
7769
  :where(:root, .pf-v6-c-sidebar) {
7839
7770
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
7840
7771
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -8243,8 +8174,6 @@ label.pf-v6-c-input-group__text {
8243
8174
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
8244
8175
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
8245
8176
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
8246
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
8247
- --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
8248
8177
  }
8249
8178
 
8250
8179
  .pf-v6-c-jump-links {
@@ -8452,11 +8381,6 @@ label.pf-v6-c-input-group__text {
8452
8381
  scale: -1 1;
8453
8382
  }
8454
8383
 
8455
- .pf-v6-c-jump-links__toggle-text {
8456
- margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
8457
- color: var(--pf-v6-c-jump-links__toggle-text--Color);
8458
- }
8459
-
8460
8384
  :where(:root, .pf-v6-c-label) {
8461
8385
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8462
8386
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8593,12 +8517,12 @@ label.pf-v6-c-input-group__text {
8593
8517
  --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
8594
8518
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
8595
8519
  --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
8596
- --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
8520
+ --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
8597
8521
  --pf-v6-c-label--m-outline--BackgroundColor: transparent;
8598
8522
  --pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
8599
8523
  --pf-v6-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
8600
8524
  --pf-v6-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
8601
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
8525
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8602
8526
  --pf-v6-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
8603
8527
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8604
8528
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
@@ -8608,11 +8532,11 @@ label.pf-v6-c-input-group__text {
8608
8532
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
8609
8533
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
8610
8534
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
8611
- --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
8535
+ --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--action--default);
8612
8536
  --pf-v6-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
8613
8537
  --pf-v6-c-label--m-add--hover--BackgroundColor: transparent;
8614
8538
  --pf-v6-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
8615
- --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
8539
+ --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8616
8540
  --pf-v6-c-label--m-compact--PaddingBlockStart: 0;
8617
8541
  --pf-v6-c-label--m-compact--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8618
8542
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
@@ -8647,7 +8571,7 @@ label.pf-v6-c-input-group__text {
8647
8571
  --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8648
8572
  --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8649
8573
  --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
8650
- --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
8574
+ --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
8651
8575
  }
8652
8576
 
8653
8577
  .pf-v6-c-label {
@@ -8919,7 +8843,7 @@ label.pf-v6-c-input-group__text {
8919
8843
  }
8920
8844
 
8921
8845
  .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
8922
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
8846
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
8923
8847
  }
8924
8848
 
8925
8849
  .pf-v6-c-label,
@@ -9128,14 +9052,16 @@ input.pf-v6-c-label__content {
9128
9052
 
9129
9053
  :where(:root, .pf-v6-c-list) {
9130
9054
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9131
- --pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
9132
- --pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
9133
9055
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
9134
- --pf-v6-c-list--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
9135
- --pf-v6-c-list--m-inline--li--MarginInlineEnd: var(--pf-t--global--spacer--lg);
9136
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9137
- --pf-v6-c-list--m-bordered--li--BorderBlockEndColor: var(--pf-t--global--border--color--default);
9138
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
9056
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
9057
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
9058
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
9059
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
9060
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
9061
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
9062
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
9063
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
9064
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
9139
9065
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
9140
9066
  --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
9141
9067
  --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -9147,37 +9073,20 @@ input.pf-v6-c-label__content {
9147
9073
  }
9148
9074
 
9149
9075
  .pf-v6-c-list {
9076
+ display: flex;
9077
+ flex-direction: column;
9078
+ gap: var(--pf-v6-c-list--Gap);
9150
9079
  padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
9151
9080
  }
9152
9081
 
9153
- .pf-v6-c-list ol,
9154
- .pf-v6-c-list ul {
9155
- margin-block-start: var(--pf-v6-c-list--nested--MarginBlockStart);
9156
- margin-inline-start: var(--pf-v6-c-list--nested--MarginInlineStart);
9157
- }
9158
-
9159
- .pf-v6-c-list li + li {
9160
- margin-block-start: var(--pf-v6-c-list--li--MarginBlockStart);
9082
+ .pf-v6-c-list .pf-v6-c-list {
9083
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
9161
9084
  }
9162
9085
 
9163
9086
  ul.pf-v6-c-list {
9164
9087
  list-style: var(--pf-v6-c-list--ul--ListStyle);
9165
9088
  }
9166
9089
 
9167
- .pf-v6-c-list .pf-v6-c-list__item {
9168
- display: flex;
9169
- }
9170
-
9171
- .pf-v6-c-list .pf-v6-c-list__item-icon {
9172
- flex-shrink: 0;
9173
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
9174
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
9175
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
9176
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
9177
- line-height: 1;
9178
- color: var(--pf-v6-c-list__item-icon--Color);
9179
- }
9180
-
9181
9090
  .pf-v6-c-list.pf-m-icon-lg {
9182
9091
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
9183
9092
  --pf-v6-c-list__item-icon--MarginBlockStart: 0;
@@ -9186,33 +9095,35 @@ ul.pf-v6-c-list {
9186
9095
  }
9187
9096
 
9188
9097
  .pf-v6-c-list.pf-m-plain {
9189
- --pf-v6-c-list--PaddingInlineStart: 0;
9098
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
9190
9099
  list-style: none;
9191
9100
  }
9192
9101
 
9193
9102
  .pf-v6-c-list.pf-m-inline {
9194
- --pf-v6-c-list--PaddingInlineStart: 0;
9195
- display: flex;
9103
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
9104
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
9105
+ flex-direction: row;
9196
9106
  flex-wrap: wrap;
9197
9107
  list-style: none;
9198
9108
  }
9199
9109
 
9200
- .pf-v6-c-list.pf-m-inline li {
9201
- --pf-v6-c-list--li--MarginBlockStart: 0;
9202
- }
9203
-
9204
- .pf-v6-c-list.pf-m-inline li:not(:last-child) {
9205
- margin-inline-end: var(--pf-v6-c-list--m-inline--li--MarginInlineEnd);
9110
+ .pf-v6-c-list.pf-m-bordered > * + * {
9111
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
9112
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
9206
9113
  }
9207
9114
 
9208
- .pf-v6-c-list.pf-m-bordered > * {
9209
- padding-block-end: var(--pf-v6-c-list--m-bordered--li--PaddingBlockEnd);
9210
- border-block-end: var(--pf-v6-c-list--m-bordered--li--BorderBlockEndWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockEndColor);
9115
+ .pf-v6-c-list__item {
9116
+ display: flex;
9211
9117
  }
9212
9118
 
9213
- .pf-v6-c-list.pf-m-bordered > :last-child {
9214
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: 0;
9215
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: 0;
9119
+ .pf-v6-c-list__item-icon {
9120
+ flex-shrink: 0;
9121
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
9122
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
9123
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
9124
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
9125
+ line-height: 1;
9126
+ color: var(--pf-v6-c-list__item-icon--Color);
9216
9127
  }
9217
9128
 
9218
9129
  :where(:root, .pf-v6-c-login) {
@@ -10620,6 +10531,7 @@ ul.pf-v6-c-list {
10620
10531
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
10621
10532
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
10622
10533
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
10534
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
10623
10535
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
10624
10536
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10625
10537
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -10749,6 +10661,7 @@ ul.pf-v6-c-list {
10749
10661
  flex: 0 0 auto;
10750
10662
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
10751
10663
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
10664
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
10752
10665
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
10753
10666
  }
10754
10667
 
@@ -11380,10 +11293,7 @@ ul.pf-v6-c-list {
11380
11293
  --pf-v6-c-notification-drawer__list-item-header--MarginBlockEnd: var(--pf-t--global--spacer--xs);
11381
11294
  --pf-v6-c-notification-drawer__list-item-header-icon--Color: inherit;
11382
11295
  --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
11383
- --pf-v6-c-notification-drawer__list-item-header-title--FontFamily: var(--pf-t--global--font--family--heading);
11384
- --pf-v6-c-notification-drawer__list-item-header-title--FontSize: var(--pf-t--global--font--size--heading--xs);
11385
- --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
11386
- --pf-v6-c-notification-drawer__list-item-header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11296
+ --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
11387
11297
  --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
11388
11298
  --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11389
11299
  --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
@@ -11530,10 +11440,7 @@ ul.pf-v6-c-list {
11530
11440
  }
11531
11441
 
11532
11442
  .pf-v6-c-notification-drawer__list-item-header-title {
11533
- font-family: var(--pf-v6-c-notification-drawer__list-item-header-title--FontFamily);
11534
- font-size: var(--pf-v6-c-notification-drawer__list-item-header-title--FontSize);
11535
11443
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
11536
- line-height: var(--pf-v6-c-notification-drawer__list-item-header-title--LineHeight);
11537
11444
  word-break: break-word;
11538
11445
  }
11539
11446
 
@@ -11690,6 +11597,8 @@ ul.pf-v6-c-list {
11690
11597
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
11691
11598
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11692
11599
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
11600
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11601
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
11693
11602
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
11694
11603
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
11695
11604
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -11741,7 +11650,7 @@ ul.pf-v6-c-list {
11741
11650
  --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11742
11651
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11743
11652
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
11744
- --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--button--default);
11653
+ --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11745
11654
  }
11746
11655
 
11747
11656
  @media (min-width: 1200px) {
@@ -11843,6 +11752,11 @@ ul.pf-v6-c-list {
11843
11752
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
11844
11753
  }
11845
11754
 
11755
+ .pf-v6-c-page__sidebar-body.pf-m-context-selector {
11756
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
11757
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
11758
+ }
11759
+
11846
11760
  .pf-v6-c-page__sidebar-body.pf-m-inset-none {
11847
11761
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
11848
11762
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
@@ -12778,72 +12692,250 @@ ul.pf-v6-c-list {
12778
12692
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12779
12693
  }
12780
12694
  }
12781
- :where(:root, .pf-v6-c-popover) {
12782
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12783
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
12784
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
12785
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
12786
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
12787
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12788
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12789
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12790
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
12791
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
12792
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12793
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
12794
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12795
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12796
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
12797
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
12798
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
12799
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
12800
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
12801
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12802
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
12803
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
12804
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
12805
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
12806
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
12807
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
12808
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
12809
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
12810
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
12811
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
12812
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
12813
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
12814
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
12815
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
12816
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
12817
- --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
12818
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - (var(--pf-t--global--spacer--control--vertical--compact) * 1.5));
12819
- --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
12820
- --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
12821
- --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
12822
- --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
12823
- --pf-v6-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
12824
- --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
12825
- --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
12826
- --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
12827
- --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
12828
- --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
12829
- --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12695
+ :where(:root, .pf-v6-c-progress) {
12696
+ --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12697
+ --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12698
+ --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12699
+ --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12700
+ --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12701
+ --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
12702
+ --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
12703
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
12704
+ --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
12705
+ --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
12706
+ --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
12707
+ --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
12708
+ --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12709
+ --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12710
+ --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12711
+ --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
12712
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
12713
+ --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
12714
+ --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
12715
+ --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
12716
+ --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
12717
+ --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
12718
+ --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
12719
+ --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
12720
+ --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
12830
12721
  }
12831
12722
 
12832
- .pf-v6-c-popover {
12833
- position: relative;
12834
- min-width: var(--pf-v6-c-popover--MinWidth);
12835
- max-width: var(--pf-v6-c-popover--MaxWidth);
12836
- font-size: var(--pf-v6-c-popover--FontSize);
12837
- border-radius: var(--pf-v6-c-popover--BorderRadius);
12838
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
12723
+ .pf-v6-c-progress {
12724
+ display: grid;
12725
+ grid-template-rows: 1fr auto;
12726
+ grid-template-columns: auto auto;
12727
+ grid-gap: var(--pf-v6-c-progress--GridGap);
12728
+ align-items: end;
12839
12729
  }
12840
12730
 
12841
- .pf-v6-c-popover.pf-m-no-padding {
12842
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
12843
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
12844
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
12845
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
12846
- }
12731
+ .pf-v6-c-progress.pf-m-sm {
12732
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
12733
+ }
12734
+
12735
+ .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
12736
+ font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
12737
+ }
12738
+
12739
+ .pf-v6-c-progress.pf-m-lg {
12740
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
12741
+ }
12742
+
12743
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
12744
+ display: flex;
12745
+ align-items: center;
12746
+ justify-content: center;
12747
+ min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
12748
+ }
12749
+
12750
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
12751
+ font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
12752
+ color: var(--pf-v6-c-progress--m-inside__measure--Color);
12753
+ text-align: center;
12754
+ }
12755
+
12756
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
12757
+ grid-column: 1/3;
12758
+ }
12759
+
12760
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
12761
+ grid-row: 2/3;
12762
+ grid-column: 2/3;
12763
+ align-self: center;
12764
+ }
12765
+
12766
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
12767
+ display: inline-block;
12768
+ font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
12769
+ }
12770
+
12771
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
12772
+ min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
12773
+ text-align: start;
12774
+ }
12775
+
12776
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
12777
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
12778
+ grid-column: 1/2;
12779
+ }
12780
+
12781
+ .pf-v6-c-progress.pf-m-singleline {
12782
+ grid-template-rows: 1fr;
12783
+ }
12784
+
12785
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
12786
+ display: none;
12787
+ }
12788
+
12789
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
12790
+ grid-row: 1/2;
12791
+ grid-column: 1/2;
12792
+ }
12793
+
12794
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
12795
+ grid-row: 1/2;
12796
+ grid-column: 2/3;
12797
+ }
12798
+
12799
+ .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
12800
+ grid-template-columns: 1fr fit-content(50%);
12801
+ }
12802
+
12803
+ .pf-v6-c-progress.pf-m-success {
12804
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
12805
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
12806
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
12807
+ }
12808
+
12809
+ .pf-v6-c-progress.pf-m-warning {
12810
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
12811
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
12812
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
12813
+ }
12814
+
12815
+ .pf-v6-c-progress.pf-m-danger {
12816
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
12817
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
12818
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
12819
+ }
12820
+
12821
+ .pf-v6-c-progress__description {
12822
+ grid-column: 1/2;
12823
+ word-break: break-word;
12824
+ }
12825
+
12826
+ .pf-v6-c-progress__description.pf-m-truncate {
12827
+ overflow: hidden;
12828
+ text-overflow: ellipsis;
12829
+ white-space: nowrap;
12830
+ }
12831
+
12832
+ .pf-v6-c-progress__status {
12833
+ display: flex;
12834
+ grid-row: 1/2;
12835
+ grid-column: 2/3;
12836
+ gap: var(--pf-v6-c-progress__status--Gap);
12837
+ align-items: flex-start;
12838
+ justify-content: flex-end;
12839
+ text-align: end;
12840
+ word-break: break-word;
12841
+ }
12842
+
12843
+ .pf-v6-c-progress__status-icon {
12844
+ color: var(--pf-v6-c-progress__status-icon--Color);
12845
+ }
12846
+
12847
+ .pf-v6-c-progress__bar::before,
12848
+ .pf-v6-c-progress__indicator {
12849
+ inset-block-start: 0;
12850
+ inset-inline-start: 0;
12851
+ }
12852
+
12853
+ .pf-v6-c-progress__bar {
12854
+ position: relative;
12855
+ grid-row: 2/3;
12856
+ grid-column: 1/3;
12857
+ align-self: center;
12858
+ height: var(--pf-v6-c-progress__bar--Height);
12859
+ background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
12860
+ }
12861
+
12862
+ .pf-v6-c-progress__indicator {
12863
+ position: absolute;
12864
+ height: var(--pf-v6-c-progress__indicator--Height);
12865
+ background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
12866
+ }
12867
+
12868
+ .pf-v6-c-progress__helper-text {
12869
+ grid-row: 3/4;
12870
+ grid-column: 1/3;
12871
+ margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
12872
+ }
12873
+
12874
+ :where(:root, .pf-v6-c-popover) {
12875
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12876
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
12877
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
12878
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
12879
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
12880
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12881
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12882
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12883
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
12884
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
12885
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12886
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
12887
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12888
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12889
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
12890
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
12891
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
12892
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
12893
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
12894
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12895
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
12896
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
12897
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
12898
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
12899
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
12900
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
12901
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
12902
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
12903
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
12904
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
12905
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
12906
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
12907
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
12908
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
12909
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
12910
+ --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
12911
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
12912
+ --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
12913
+ --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
12914
+ --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
12915
+ --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
12916
+ --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
12917
+ --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
12918
+ --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
12919
+ --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
12920
+ --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
12921
+ --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12922
+ }
12923
+
12924
+ .pf-v6-c-popover {
12925
+ position: relative;
12926
+ min-width: var(--pf-v6-c-popover--MinWidth);
12927
+ max-width: var(--pf-v6-c-popover--MaxWidth);
12928
+ font-size: var(--pf-v6-c-popover--FontSize);
12929
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
12930
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
12931
+ }
12932
+
12933
+ .pf-v6-c-popover.pf-m-no-padding {
12934
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
12935
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
12936
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
12937
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
12938
+ }
12847
12939
 
12848
12940
  .pf-v6-c-popover.pf-m-width-auto {
12849
12941
  --pf-v6-c-popover--MinWidth: auto;
@@ -12929,252 +13021,72 @@ ul.pf-v6-c-list {
12929
13021
  .pf-v6-c-popover.pf-m-custom {
12930
13022
  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
12931
13023
  }
12932
-
12933
- .pf-v6-c-popover.pf-m-info {
12934
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
12935
- }
12936
-
12937
- .pf-v6-c-popover__content {
12938
- position: relative;
12939
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
12940
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
12941
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
12942
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
12943
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
12944
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
12945
- }
12946
-
12947
- .pf-v6-c-popover__close {
12948
- position: absolute;
12949
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
12950
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
12951
- }
12952
-
12953
- .pf-v6-c-popover__close + * {
12954
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
12955
- }
12956
-
12957
- .pf-v6-c-popover__arrow {
12958
- position: absolute;
12959
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
12960
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
12961
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
12962
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
12963
- width: var(--pf-v6-c-popover__arrow--Width);
12964
- height: var(--pf-v6-c-popover__arrow--Height);
12965
- pointer-events: none;
12966
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
12967
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
12968
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
12969
- }
12970
-
12971
- .pf-v6-c-popover__header {
12972
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
12973
- }
12974
-
12975
- .pf-v6-c-popover__title {
12976
- display: flex;
12977
- flex: 0 0 auto;
12978
- }
12979
-
12980
- .pf-v6-c-popover__title-icon {
12981
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
12982
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
12983
- color: var(--pf-v6-c-popover__title-icon--Color);
12984
- }
12985
-
12986
- .pf-v6-c-popover__title-text {
12987
- font-family: var(--pf-v6-c-popover__title-text--FontFamily);
12988
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
12989
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
12990
- color: var(--pf-v6-c-popover__title-text--Color);
12991
- }
12992
-
12993
- .pf-v6-c-popover__body {
12994
- word-wrap: break-word;
12995
- }
12996
-
12997
- .pf-v6-c-popover__footer {
12998
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12999
- }
13000
-
13001
- :where(:root, .pf-v6-c-progress) {
13002
- --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
13003
- --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13004
- --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13005
- --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13006
- --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13007
- --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13008
- --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13009
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13010
- --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13011
- --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13012
- --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
13013
- --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
13014
- --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
13015
- --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
13016
- --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13017
- --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
13018
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
13019
- --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
13020
- --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
13021
- --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
13022
- --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
13023
- --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
13024
- --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
13025
- --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
13026
- --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
13027
- }
13028
-
13029
- .pf-v6-c-progress {
13030
- display: grid;
13031
- grid-template-rows: 1fr auto;
13032
- grid-template-columns: auto auto;
13033
- grid-gap: var(--pf-v6-c-progress--GridGap);
13034
- align-items: end;
13035
- }
13036
-
13037
- .pf-v6-c-progress.pf-m-sm {
13038
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
13039
- }
13040
-
13041
- .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
13042
- font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
13043
- }
13044
-
13045
- .pf-v6-c-progress.pf-m-lg {
13046
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
13047
- }
13048
-
13049
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
13050
- display: flex;
13051
- align-items: center;
13052
- justify-content: center;
13053
- min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
13054
- }
13055
-
13056
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
13057
- font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
13058
- color: var(--pf-v6-c-progress--m-inside__measure--Color);
13059
- text-align: center;
13060
- }
13061
-
13062
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
13063
- grid-column: 1/3;
13064
- }
13065
-
13066
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
13067
- grid-row: 2/3;
13068
- grid-column: 2/3;
13069
- align-self: center;
13070
- }
13071
-
13072
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
13073
- display: inline-block;
13074
- font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
13075
- }
13076
-
13077
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
13078
- min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
13079
- text-align: start;
13080
- }
13081
-
13082
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
13083
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
13084
- grid-column: 1/2;
13085
- }
13086
-
13087
- .pf-v6-c-progress.pf-m-singleline {
13088
- grid-template-rows: 1fr;
13089
- }
13090
-
13091
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
13092
- display: none;
13093
- }
13094
-
13095
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
13096
- grid-row: 1/2;
13097
- grid-column: 1/2;
13098
- }
13099
-
13100
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
13101
- grid-row: 1/2;
13102
- grid-column: 2/3;
13103
- }
13104
-
13105
- .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13106
- grid-template-columns: 1fr fit-content(50%);
13107
- }
13108
-
13109
- .pf-v6-c-progress.pf-m-success {
13110
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13111
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13112
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13024
+
13025
+ .pf-v6-c-popover.pf-m-info {
13026
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
13113
13027
  }
13114
13028
 
13115
- .pf-v6-c-progress.pf-m-warning {
13116
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13117
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13118
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13029
+ .pf-v6-c-popover__content {
13030
+ position: relative;
13031
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
13032
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
13033
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
13034
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
13035
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
13036
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
13119
13037
  }
13120
13038
 
13121
- .pf-v6-c-progress.pf-m-danger {
13122
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13123
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13124
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13039
+ .pf-v6-c-popover__close {
13040
+ position: absolute;
13041
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
13042
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
13125
13043
  }
13126
13044
 
13127
- .pf-v6-c-progress__description {
13128
- grid-column: 1/2;
13129
- word-break: break-word;
13045
+ .pf-v6-c-popover__close + * {
13046
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
13130
13047
  }
13131
13048
 
13132
- .pf-v6-c-progress__description.pf-m-truncate {
13133
- overflow: hidden;
13134
- text-overflow: ellipsis;
13135
- white-space: nowrap;
13049
+ .pf-v6-c-popover__arrow {
13050
+ position: absolute;
13051
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
13052
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
13053
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
13054
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
13055
+ width: var(--pf-v6-c-popover__arrow--Width);
13056
+ height: var(--pf-v6-c-popover__arrow--Height);
13057
+ pointer-events: none;
13058
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13059
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13060
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
13136
13061
  }
13137
13062
 
13138
- .pf-v6-c-progress__status {
13139
- display: flex;
13140
- grid-row: 1/2;
13141
- grid-column: 2/3;
13142
- gap: var(--pf-v6-c-progress__status--Gap);
13143
- align-items: flex-start;
13144
- justify-content: flex-end;
13145
- text-align: end;
13146
- word-break: break-word;
13063
+ .pf-v6-c-popover__header {
13064
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
13147
13065
  }
13148
13066
 
13149
- .pf-v6-c-progress__status-icon {
13150
- color: var(--pf-v6-c-progress__status-icon--Color);
13067
+ .pf-v6-c-popover__title {
13068
+ display: flex;
13069
+ flex: 0 0 auto;
13151
13070
  }
13152
13071
 
13153
- .pf-v6-c-progress__bar::before,
13154
- .pf-v6-c-progress__indicator {
13155
- inset-block-start: 0;
13156
- inset-inline-start: 0;
13072
+ .pf-v6-c-popover__title-icon {
13073
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
13074
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
13075
+ color: var(--pf-v6-c-popover__title-icon--Color);
13157
13076
  }
13158
13077
 
13159
- .pf-v6-c-progress__bar {
13160
- position: relative;
13161
- grid-row: 2/3;
13162
- grid-column: 1/3;
13163
- align-self: center;
13164
- height: var(--pf-v6-c-progress__bar--Height);
13165
- background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13078
+ .pf-v6-c-popover__title-text {
13079
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
13080
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
13081
+ color: var(--pf-v6-c-popover__title-text--Color);
13166
13082
  }
13167
13083
 
13168
- .pf-v6-c-progress__indicator {
13169
- position: absolute;
13170
- height: var(--pf-v6-c-progress__indicator--Height);
13171
- background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13084
+ .pf-v6-c-popover__body {
13085
+ word-wrap: break-word;
13172
13086
  }
13173
13087
 
13174
- .pf-v6-c-progress__helper-text {
13175
- grid-row: 3/4;
13176
- grid-column: 1/3;
13177
- margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13088
+ .pf-v6-c-popover__footer {
13089
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
13178
13090
  }
13179
13091
 
13180
13092
  :where(:root, .pf-v6-c-progress-stepper) {
@@ -14743,10 +14655,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14743
14655
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
14744
14656
  }
14745
14657
 
14746
- .pf-v6-c-switch__input:checked ~ .pf-m-off {
14747
- display: none;
14748
- }
14749
-
14750
14658
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
14751
14659
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
14752
14660
  }
@@ -14755,10 +14663,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14755
14663
  display: none;
14756
14664
  }
14757
14665
 
14758
- .pf-v6-c-switch__input:not(:checked) ~ .pf-m-on {
14759
- display: none;
14760
- }
14761
-
14762
14666
  .pf-v6-c-switch__input:disabled {
14763
14667
  cursor: not-allowed;
14764
14668
  }
@@ -14930,13 +14834,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14930
14834
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
14931
14835
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
14932
14836
  --pf-v6-c-tabs__toggle--Display: flex;
14933
- --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
14934
14837
  --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
14935
14838
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
14936
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
14937
- --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
14938
- --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
14939
- --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
14940
14839
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
14941
14840
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
14942
14841
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15203,7 +15102,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15203
15102
 
15204
15103
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
15205
15104
  --pf-v6-c-tabs__list--Display: flex;
15206
- --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
15207
15105
  --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
15208
15106
  }
15209
15107
 
@@ -15268,20 +15166,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15268
15166
  align-items: center;
15269
15167
  }
15270
15168
 
15271
- .pf-v6-c-tabs__toggle-button {
15272
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
15273
- --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
15274
- }
15275
-
15276
15169
  .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
15277
- display: flex;
15278
- text-align: start;
15170
+ justify-content: start;
15279
15171
  white-space: normal;
15280
15172
  }
15281
15173
 
15282
15174
  .pf-v6-c-tabs__toggle-icon {
15283
15175
  display: inline-block;
15284
- color: var(--pf-v6-c-tabs__toggle-icon--Color);
15285
15176
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
15286
15177
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
15287
15178
  }
@@ -15290,11 +15181,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15290
15181
  scale: -1 1;
15291
15182
  }
15292
15183
 
15293
- .pf-v6-c-tabs__toggle-text {
15294
- margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
15295
- color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
15296
- }
15297
-
15298
15184
  .pf-v6-c-tabs__list {
15299
15185
  scrollbar-width: none;
15300
15186
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -15693,195 +15579,78 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15693
15579
  --pf-v6-c-tabs--inset: 0;
15694
15580
  --pf-v6-c-tabs--m-vertical--inset: 0;
15695
15581
  --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
15696
- }
15697
- .pf-v6-c-tabs.pf-m-inset-sm-on-2xl {
15698
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
15699
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
15700
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
15701
- }
15702
- .pf-v6-c-tabs.pf-m-inset-md-on-2xl {
15703
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
15704
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
15705
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
15706
- }
15707
- .pf-v6-c-tabs.pf-m-inset-lg-on-2xl {
15708
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
15709
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
15710
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
15711
- }
15712
- .pf-v6-c-tabs.pf-m-inset-xl-on-2xl {
15713
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
15714
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
15715
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
15716
- }
15717
- .pf-v6-c-tabs.pf-m-inset-2xl-on-2xl {
15718
- --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
15719
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
15720
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
15721
- }
15722
- }
15723
- :where(:root, .pf-v6-c-tab-content) {
15724
- --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
15725
- --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
15726
- --pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
15727
- --pf-v6-c-tab-content__body--PaddingInlineStart: 0;
15728
- --pf-v6-c-tab-content--BackgroundColor: transparent;
15729
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
15730
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15731
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15732
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
15733
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
15734
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
15735
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
15736
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15737
- --pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15738
- }
15739
-
15740
- .pf-v6-c-tab-content {
15741
- background-color: var(--pf-v6-c-tab-content--BackgroundColor);
15742
- }
15743
-
15744
- @media screen and (min-width: 1200px) {
15745
- .pf-v6-c-tab-content {
15746
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
15747
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
15748
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
15749
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
15750
- }
15751
- }
15752
- .pf-v6-c-tab-content.pf-m-secondary {
15753
- --pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
15754
- }
15755
-
15756
- .pf-v6-c-tab-content__body {
15757
- padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
15758
- padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
15759
- padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
15760
- padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
15761
- }
15762
-
15763
- .pf-v6-c-tab-content__body.pf-m-padding {
15764
- --pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
15765
- --pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
15766
- --pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
15767
- --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
15768
- }
15769
-
15770
- :where(:root, .pf-v6-c-title) {
15771
- --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15772
- --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15773
- --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
15774
- --pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading);
15775
- --pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15776
- --pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
15777
- --pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading);
15778
- --pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15779
- --pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
15780
- --pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading);
15781
- --pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15782
- --pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
15783
- --pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading);
15784
- --pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
15785
- --pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
15786
- --pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading);
15787
- --pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
15788
- --pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
15789
- --pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
15790
- --pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
15791
- --pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
15792
- --pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
15793
- --pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
15794
- --pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
15795
- --pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
15796
- --pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
15797
- --pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
15798
- --pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
15799
- --pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
15800
- --pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
15801
- --pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
15802
- --pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
15803
- --pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
15804
- --pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
15805
- --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
15806
- --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
15807
- --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
15808
- }
15809
-
15810
- .pf-v6-c-title {
15811
- font-family: var(--pf-v6-c-title--FontFamily);
15812
- word-break: break-word;
15813
- }
15814
-
15815
- .pf-v6-c-title.pf-m-4xl {
15816
- font-size: var(--pf-v6-c-title--m-4xl--FontSize);
15817
- font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
15818
- line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
15819
- }
15820
-
15821
- .pf-v6-c-title.pf-m-3xl {
15822
- font-size: var(--pf-v6-c-title--m-3xl--FontSize);
15823
- font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
15824
- line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
15825
- }
15826
-
15827
- .pf-v6-c-title.pf-m-2xl {
15828
- font-size: var(--pf-v6-c-title--m-2xl--FontSize);
15829
- font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
15830
- line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
15831
- }
15832
-
15833
- .pf-v6-c-title.pf-m-xl {
15834
- font-size: var(--pf-v6-c-title--m-xl--FontSize);
15835
- font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
15836
- line-height: var(--pf-v6-c-title--m-xl--LineHeight);
15837
- }
15838
-
15839
- .pf-v6-c-title.pf-m-lg {
15840
- font-size: var(--pf-v6-c-title--m-lg--FontSize);
15841
- font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
15842
- line-height: var(--pf-v6-c-title--m-lg--LineHeight);
15843
- }
15844
-
15845
- .pf-v6-c-title.pf-m-md {
15846
- font-size: var(--pf-v6-c-title--m-md--FontSize);
15847
- font-weight: var(--pf-v6-c-title--m-md--FontWeight);
15848
- line-height: var(--pf-v6-c-title--m-md--LineHeight);
15582
+ }
15583
+ .pf-v6-c-tabs.pf-m-inset-sm-on-2xl {
15584
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
15585
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
15586
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
15587
+ }
15588
+ .pf-v6-c-tabs.pf-m-inset-md-on-2xl {
15589
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
15590
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
15591
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
15592
+ }
15593
+ .pf-v6-c-tabs.pf-m-inset-lg-on-2xl {
15594
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
15595
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
15596
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
15597
+ }
15598
+ .pf-v6-c-tabs.pf-m-inset-xl-on-2xl {
15599
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
15600
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
15601
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
15602
+ }
15603
+ .pf-v6-c-tabs.pf-m-inset-2xl-on-2xl {
15604
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
15605
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
15606
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
15607
+ }
15849
15608
  }
15850
-
15851
- .pf-v6-c-title.pf-m-h1 {
15852
- font-size: var(--pf-v6-c-title--m-h1--FontSize);
15853
- font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
15854
- line-height: var(--pf-v6-c-title--m-h1--LineHeight);
15609
+ :where(:root, .pf-v6-c-tab-content) {
15610
+ --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
15611
+ --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
15612
+ --pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
15613
+ --pf-v6-c-tab-content__body--PaddingInlineStart: 0;
15614
+ --pf-v6-c-tab-content--BackgroundColor: transparent;
15615
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
15616
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15617
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15618
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
15619
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
15620
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
15621
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
15622
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15623
+ --pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15855
15624
  }
15856
15625
 
15857
- .pf-v6-c-title.pf-m-h2 {
15858
- font-size: var(--pf-v6-c-title--m-h2--FontSize);
15859
- font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
15860
- line-height: var(--pf-v6-c-title--m-h2--LineHeight);
15626
+ .pf-v6-c-tab-content {
15627
+ background-color: var(--pf-v6-c-tab-content--BackgroundColor);
15861
15628
  }
15862
15629
 
15863
- .pf-v6-c-title.pf-m-h3 {
15864
- font-size: var(--pf-v6-c-title--m-h3--FontSize);
15865
- font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
15866
- line-height: var(--pf-v6-c-title--m-h3--LineHeight);
15630
+ @media screen and (min-width: 1200px) {
15631
+ .pf-v6-c-tab-content {
15632
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
15633
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
15634
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
15635
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
15636
+ }
15867
15637
  }
15868
-
15869
- .pf-v6-c-title.pf-m-h4 {
15870
- font-size: var(--pf-v6-c-title--m-h4--FontSize);
15871
- font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
15872
- line-height: var(--pf-v6-c-title--m-h4--LineHeight);
15638
+ .pf-v6-c-tab-content.pf-m-secondary {
15639
+ --pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
15873
15640
  }
15874
15641
 
15875
- .pf-v6-c-title.pf-m-h5 {
15876
- font-size: var(--pf-v6-c-title--m-h5--FontSize);
15877
- font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
15878
- line-height: var(--pf-v6-c-title--m-h5--LineHeight);
15642
+ .pf-v6-c-tab-content__body {
15643
+ padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
15644
+ padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
15645
+ padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
15646
+ padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
15879
15647
  }
15880
15648
 
15881
- .pf-v6-c-title.pf-m-h6 {
15882
- font-size: var(--pf-v6-c-title--m-h6--FontSize);
15883
- font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
15884
- line-height: var(--pf-v6-c-title--m-h6--LineHeight);
15649
+ .pf-v6-c-tab-content__body.pf-m-padding {
15650
+ --pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
15651
+ --pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
15652
+ --pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
15653
+ --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
15885
15654
  }
15886
15655
 
15887
15656
  :where(:root, .pf-v6-c-tile) {
@@ -16036,6 +15805,123 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16036
15805
  --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
16037
15806
  }
16038
15807
 
15808
+ :where(:root, .pf-v6-c-title) {
15809
+ --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15810
+ --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15811
+ --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
15812
+ --pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading);
15813
+ --pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15814
+ --pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
15815
+ --pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading);
15816
+ --pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15817
+ --pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
15818
+ --pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading);
15819
+ --pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15820
+ --pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
15821
+ --pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading);
15822
+ --pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
15823
+ --pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
15824
+ --pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading);
15825
+ --pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
15826
+ --pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
15827
+ --pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
15828
+ --pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
15829
+ --pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
15830
+ --pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
15831
+ --pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
15832
+ --pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
15833
+ --pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
15834
+ --pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
15835
+ --pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
15836
+ --pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
15837
+ --pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
15838
+ --pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
15839
+ --pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
15840
+ --pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
15841
+ --pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
15842
+ --pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
15843
+ --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
15844
+ --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
15845
+ --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
15846
+ }
15847
+
15848
+ .pf-v6-c-title {
15849
+ font-family: var(--pf-v6-c-title--FontFamily);
15850
+ word-break: break-word;
15851
+ }
15852
+
15853
+ .pf-v6-c-title.pf-m-4xl {
15854
+ font-size: var(--pf-v6-c-title--m-4xl--FontSize);
15855
+ font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
15856
+ line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
15857
+ }
15858
+
15859
+ .pf-v6-c-title.pf-m-3xl {
15860
+ font-size: var(--pf-v6-c-title--m-3xl--FontSize);
15861
+ font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
15862
+ line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
15863
+ }
15864
+
15865
+ .pf-v6-c-title.pf-m-2xl {
15866
+ font-size: var(--pf-v6-c-title--m-2xl--FontSize);
15867
+ font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
15868
+ line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
15869
+ }
15870
+
15871
+ .pf-v6-c-title.pf-m-xl {
15872
+ font-size: var(--pf-v6-c-title--m-xl--FontSize);
15873
+ font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
15874
+ line-height: var(--pf-v6-c-title--m-xl--LineHeight);
15875
+ }
15876
+
15877
+ .pf-v6-c-title.pf-m-lg {
15878
+ font-size: var(--pf-v6-c-title--m-lg--FontSize);
15879
+ font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
15880
+ line-height: var(--pf-v6-c-title--m-lg--LineHeight);
15881
+ }
15882
+
15883
+ .pf-v6-c-title.pf-m-md {
15884
+ font-size: var(--pf-v6-c-title--m-md--FontSize);
15885
+ font-weight: var(--pf-v6-c-title--m-md--FontWeight);
15886
+ line-height: var(--pf-v6-c-title--m-md--LineHeight);
15887
+ }
15888
+
15889
+ .pf-v6-c-title.pf-m-h1 {
15890
+ font-size: var(--pf-v6-c-title--m-h1--FontSize);
15891
+ font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
15892
+ line-height: var(--pf-v6-c-title--m-h1--LineHeight);
15893
+ }
15894
+
15895
+ .pf-v6-c-title.pf-m-h2 {
15896
+ font-size: var(--pf-v6-c-title--m-h2--FontSize);
15897
+ font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
15898
+ line-height: var(--pf-v6-c-title--m-h2--LineHeight);
15899
+ }
15900
+
15901
+ .pf-v6-c-title.pf-m-h3 {
15902
+ font-size: var(--pf-v6-c-title--m-h3--FontSize);
15903
+ font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
15904
+ line-height: var(--pf-v6-c-title--m-h3--LineHeight);
15905
+ }
15906
+
15907
+ .pf-v6-c-title.pf-m-h4 {
15908
+ font-size: var(--pf-v6-c-title--m-h4--FontSize);
15909
+ font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
15910
+ line-height: var(--pf-v6-c-title--m-h4--LineHeight);
15911
+ }
15912
+
15913
+ .pf-v6-c-title.pf-m-h5 {
15914
+ font-size: var(--pf-v6-c-title--m-h5--FontSize);
15915
+ font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
15916
+ line-height: var(--pf-v6-c-title--m-h5--LineHeight);
15917
+ }
15918
+
15919
+ .pf-v6-c-title.pf-m-h6 {
15920
+ font-size: var(--pf-v6-c-title--m-h6--FontSize);
15921
+ font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
15922
+ line-height: var(--pf-v6-c-title--m-h6--LineHeight);
15923
+ }
15924
+
16039
15925
  :where(:root, .pf-v6-c-toggle-group) {
16040
15926
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16041
15927
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -16202,9 +16088,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16202
16088
 
16203
16089
  .pf-v6-c-toolbar__content-section,
16204
16090
  .pf-v6-c-toolbar__group,
16205
- .pf-v6-c-toolbar__item,
16206
- .pf-v6-c-toolbar__group.pf-m-label-group-container,
16207
- .pf-v6-c-toolbar__group.pf-m-label-group {
16091
+ .pf-v6-c-toolbar__item {
16208
16092
  --pf-v6-hidden-visible--visible--Display: flex;
16209
16093
  --pf-v6-hidden-visible--hidden--Display: none;
16210
16094
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
@@ -16214,89 +16098,67 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16214
16098
 
16215
16099
  .pf-v6-c-toolbar__content-section.pf-m-hidden,
16216
16100
  .pf-v6-c-toolbar__group.pf-m-hidden,
16217
- .pf-v6-c-toolbar__item.pf-m-hidden,
16218
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden,
16219
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden {
16101
+ .pf-v6-c-toolbar__item.pf-m-hidden {
16220
16102
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16221
16103
  }
16222
16104
 
16223
16105
  @media screen and (min-width: 576px) {
16224
16106
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
16225
16107
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
16226
- .pf-v6-c-toolbar__item.pf-m-hidden-on-sm,
16227
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-sm,
16228
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-sm {
16108
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
16229
16109
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16230
16110
  }
16231
16111
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm,
16232
16112
  .pf-v6-c-toolbar__group.pf-m-visible-on-sm,
16233
- .pf-v6-c-toolbar__item.pf-m-visible-on-sm,
16234
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-sm,
16235
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-sm {
16113
+ .pf-v6-c-toolbar__item.pf-m-visible-on-sm {
16236
16114
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16237
16115
  }
16238
16116
  }
16239
16117
  @media screen and (min-width: 768px) {
16240
16118
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
16241
16119
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
16242
- .pf-v6-c-toolbar__item.pf-m-hidden-on-md,
16243
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-md,
16244
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-md {
16120
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
16245
16121
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16246
16122
  }
16247
16123
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-md,
16248
16124
  .pf-v6-c-toolbar__group.pf-m-visible-on-md,
16249
- .pf-v6-c-toolbar__item.pf-m-visible-on-md,
16250
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-md,
16251
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-md {
16125
+ .pf-v6-c-toolbar__item.pf-m-visible-on-md {
16252
16126
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16253
16127
  }
16254
16128
  }
16255
16129
  @media screen and (min-width: 992px) {
16256
16130
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
16257
16131
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
16258
- .pf-v6-c-toolbar__item.pf-m-hidden-on-lg,
16259
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-lg,
16260
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-lg {
16132
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
16261
16133
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16262
16134
  }
16263
16135
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg,
16264
16136
  .pf-v6-c-toolbar__group.pf-m-visible-on-lg,
16265
- .pf-v6-c-toolbar__item.pf-m-visible-on-lg,
16266
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-lg,
16267
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-lg {
16137
+ .pf-v6-c-toolbar__item.pf-m-visible-on-lg {
16268
16138
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16269
16139
  }
16270
16140
  }
16271
16141
  @media screen and (min-width: 1200px) {
16272
16142
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
16273
16143
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
16274
- .pf-v6-c-toolbar__item.pf-m-hidden-on-xl,
16275
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-xl,
16276
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-xl {
16144
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
16277
16145
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16278
16146
  }
16279
16147
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl,
16280
16148
  .pf-v6-c-toolbar__group.pf-m-visible-on-xl,
16281
- .pf-v6-c-toolbar__item.pf-m-visible-on-xl,
16282
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-xl,
16283
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-xl {
16149
+ .pf-v6-c-toolbar__item.pf-m-visible-on-xl {
16284
16150
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16285
16151
  }
16286
16152
  }
16287
16153
  @media screen and (min-width: 1450px) {
16288
16154
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
16289
16155
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
16290
- .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl,
16291
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-2xl,
16292
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-2xl {
16156
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
16293
16157
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
16294
16158
  }
16295
16159
  .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl,
16296
16160
  .pf-v6-c-toolbar__group.pf-m-visible-on-2xl,
16297
- .pf-v6-c-toolbar__item.pf-m-visible-on-2xl,
16298
- .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-2xl,
16299
- .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-2xl {
16161
+ .pf-v6-c-toolbar__item.pf-m-visible-on-2xl {
16300
16162
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16301
16163
  }
16302
16164
  }
@@ -16741,72 +16603,63 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16741
16603
  .pf-v6-c-toolbar__item.pf-m-gap-none,
16742
16604
  .pf-v6-c-toolbar__content.pf-m-gap-none,
16743
16605
  .pf-v6-c-toolbar__content-section.pf-m-gap-none {
16744
- row-gap: 0;
16745
- column-gap: 0;
16606
+ gap: 0;
16746
16607
  }
16747
16608
 
16748
16609
  .pf-v6-c-toolbar__group.pf-m-gap-xs,
16749
16610
  .pf-v6-c-toolbar__item.pf-m-gap-xs,
16750
16611
  .pf-v6-c-toolbar__content.pf-m-gap-xs,
16751
16612
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs {
16752
- row-gap: var(--pf-t--global--spacer--xs);
16753
- column-gap: var(--pf-t--global--spacer--xs);
16613
+ gap: var(--pf-t--global--spacer--xs);
16754
16614
  }
16755
16615
 
16756
16616
  .pf-v6-c-toolbar__group.pf-m-gap-sm,
16757
16617
  .pf-v6-c-toolbar__item.pf-m-gap-sm,
16758
16618
  .pf-v6-c-toolbar__content.pf-m-gap-sm,
16759
16619
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm {
16760
- row-gap: var(--pf-t--global--spacer--sm);
16761
- column-gap: var(--pf-t--global--spacer--sm);
16620
+ gap: var(--pf-t--global--spacer--sm);
16762
16621
  }
16763
16622
 
16764
16623
  .pf-v6-c-toolbar__group.pf-m-gap-md,
16765
16624
  .pf-v6-c-toolbar__item.pf-m-gap-md,
16766
16625
  .pf-v6-c-toolbar__content.pf-m-gap-md,
16767
16626
  .pf-v6-c-toolbar__content-section.pf-m-gap-md {
16768
- row-gap: var(--pf-t--global--spacer--md);
16769
- column-gap: var(--pf-t--global--spacer--md);
16627
+ gap: var(--pf-t--global--spacer--md);
16770
16628
  }
16771
16629
 
16772
16630
  .pf-v6-c-toolbar__group.pf-m-gap-lg,
16773
16631
  .pf-v6-c-toolbar__item.pf-m-gap-lg,
16774
16632
  .pf-v6-c-toolbar__content.pf-m-gap-lg,
16775
16633
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg {
16776
- row-gap: var(--pf-t--global--spacer--lg);
16777
- column-gap: var(--pf-t--global--spacer--lg);
16634
+ gap: var(--pf-t--global--spacer--lg);
16778
16635
  }
16779
16636
 
16780
16637
  .pf-v6-c-toolbar__group.pf-m-gap-xl,
16781
16638
  .pf-v6-c-toolbar__item.pf-m-gap-xl,
16782
16639
  .pf-v6-c-toolbar__content.pf-m-gap-xl,
16783
16640
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl {
16784
- row-gap: var(--pf-t--global--spacer--xl);
16785
- column-gap: var(--pf-t--global--spacer--xl);
16641
+ gap: var(--pf-t--global--spacer--xl);
16786
16642
  }
16787
16643
 
16788
16644
  .pf-v6-c-toolbar__group.pf-m-gap-2xl,
16789
16645
  .pf-v6-c-toolbar__item.pf-m-gap-2xl,
16790
16646
  .pf-v6-c-toolbar__content.pf-m-gap-2xl,
16791
16647
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
16792
- row-gap: var(--pf-t--global--spacer--2xl);
16793
- column-gap: var(--pf-t--global--spacer--2xl);
16648
+ gap: var(--pf-t--global--spacer--2xl);
16794
16649
  }
16795
16650
 
16796
16651
  .pf-v6-c-toolbar__group.pf-m-gap-3xl,
16797
16652
  .pf-v6-c-toolbar__item.pf-m-gap-3xl,
16798
16653
  .pf-v6-c-toolbar__content.pf-m-gap-3xl,
16799
16654
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
16800
- row-gap: var(--pf-t--global--spacer--3xl);
16801
- column-gap: var(--pf-t--global--spacer--3xl);
16655
+ gap: var(--pf-t--global--spacer--3xl);
16802
16656
  }
16803
16657
 
16804
16658
  .pf-v6-c-toolbar__group.pf-m-gap-4xl,
16805
16659
  .pf-v6-c-toolbar__item.pf-m-gap-4xl,
16806
16660
  .pf-v6-c-toolbar__content.pf-m-gap-4xl,
16807
16661
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
16808
- row-gap: var(--pf-t--global--spacer--4xl);
16809
- column-gap: var(--pf-t--global--spacer--4xl);
16662
+ gap: var(--pf-t--global--spacer--4xl);
16810
16663
  }
16811
16664
 
16812
16665
  .pf-v6-c-toolbar__group.pf-m-column-gap-none,
@@ -16823,20 +16676,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16823
16676
  row-gap: 0;
16824
16677
  }
16825
16678
 
16826
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone,
16827
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone,
16828
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone,
16829
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone {
16830
- margin-inline-start: 0;
16831
- }
16832
-
16833
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone,
16834
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone,
16835
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone,
16836
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone {
16837
- margin-inline-end: 0;
16838
- }
16839
-
16840
16679
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs,
16841
16680
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs,
16842
16681
  .pf-v6-c-toolbar__content.pf-m-column-gap-xs,
@@ -16851,20 +16690,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16851
16690
  row-gap: var(--pf-t--global--spacer--xs);
16852
16691
  }
16853
16692
 
16854
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs,
16855
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs,
16856
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs,
16857
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs {
16858
- margin-inline-start: var(--pf-t--global--spacer--xs);
16859
- }
16860
-
16861
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs,
16862
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs,
16863
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs,
16864
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs {
16865
- margin-inline-end: var(--pf-t--global--spacer--xs);
16866
- }
16867
-
16868
16693
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm,
16869
16694
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm,
16870
16695
  .pf-v6-c-toolbar__content.pf-m-column-gap-sm,
@@ -16879,20 +16704,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16879
16704
  row-gap: var(--pf-t--global--spacer--sm);
16880
16705
  }
16881
16706
 
16882
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm,
16883
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm,
16884
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm,
16885
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm {
16886
- margin-inline-start: var(--pf-t--global--spacer--sm);
16887
- }
16888
-
16889
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm,
16890
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm,
16891
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm,
16892
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm {
16893
- margin-inline-end: var(--pf-t--global--spacer--sm);
16894
- }
16895
-
16896
16707
  .pf-v6-c-toolbar__group.pf-m-column-gap-md,
16897
16708
  .pf-v6-c-toolbar__item.pf-m-column-gap-md,
16898
16709
  .pf-v6-c-toolbar__content.pf-m-column-gap-md,
@@ -16907,20 +16718,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16907
16718
  row-gap: var(--pf-t--global--spacer--md);
16908
16719
  }
16909
16720
 
16910
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd,
16911
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd,
16912
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd,
16913
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd {
16914
- margin-inline-start: var(--pf-t--global--spacer--md);
16915
- }
16916
-
16917
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd,
16918
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd,
16919
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd,
16920
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd {
16921
- margin-inline-end: var(--pf-t--global--spacer--md);
16922
- }
16923
-
16924
16721
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg,
16925
16722
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg,
16926
16723
  .pf-v6-c-toolbar__content.pf-m-column-gap-lg,
@@ -16935,20 +16732,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16935
16732
  row-gap: var(--pf-t--global--spacer--lg);
16936
16733
  }
16937
16734
 
16938
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg,
16939
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg,
16940
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg,
16941
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg {
16942
- margin-inline-start: var(--pf-t--global--spacer--lg);
16943
- }
16944
-
16945
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg,
16946
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg,
16947
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg,
16948
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg {
16949
- margin-inline-end: var(--pf-t--global--spacer--lg);
16950
- }
16951
-
16952
16735
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl,
16953
16736
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl,
16954
16737
  .pf-v6-c-toolbar__content.pf-m-column-gap-xl,
@@ -16963,20 +16746,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16963
16746
  row-gap: var(--pf-t--global--spacer--xl);
16964
16747
  }
16965
16748
 
16966
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl,
16967
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl,
16968
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl,
16969
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl {
16970
- margin-inline-start: var(--pf-t--global--spacer--xl);
16971
- }
16972
-
16973
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl,
16974
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl,
16975
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl,
16976
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl {
16977
- margin-inline-end: var(--pf-t--global--spacer--xl);
16978
- }
16979
-
16980
16749
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl,
16981
16750
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl,
16982
16751
  .pf-v6-c-toolbar__content.pf-m-column-gap-2xl,
@@ -16991,20 +16760,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16991
16760
  row-gap: var(--pf-t--global--spacer--2xl);
16992
16761
  }
16993
16762
 
16994
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl,
16995
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl,
16996
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl,
16997
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl {
16998
- margin-inline-start: var(--pf-t--global--spacer--2xl);
16999
- }
17000
-
17001
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl,
17002
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl,
17003
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl,
17004
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl {
17005
- margin-inline-end: var(--pf-t--global--spacer--2xl);
17006
- }
17007
-
17008
16763
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl,
17009
16764
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl,
17010
16765
  .pf-v6-c-toolbar__content.pf-m-column-gap-3xl,
@@ -17019,20 +16774,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17019
16774
  row-gap: var(--pf-t--global--spacer--3xl);
17020
16775
  }
17021
16776
 
17022
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl,
17023
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl,
17024
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl,
17025
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl {
17026
- margin-inline-start: var(--pf-t--global--spacer--3xl);
17027
- }
17028
-
17029
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl,
17030
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl,
17031
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl,
17032
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl {
17033
- margin-inline-end: var(--pf-t--global--spacer--3xl);
17034
- }
17035
-
17036
16777
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl,
17037
16778
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl,
17038
16779
  .pf-v6-c-toolbar__content.pf-m-column-gap-4xl,
@@ -17047,20 +16788,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17047
16788
  row-gap: var(--pf-t--global--spacer--4xl);
17048
16789
  }
17049
16790
 
17050
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl,
17051
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl,
17052
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl,
17053
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl {
17054
- margin-inline-start: var(--pf-t--global--spacer--4xl);
17055
- }
17056
-
17057
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl,
17058
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl,
17059
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl,
17060
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl {
17061
- margin-inline-end: var(--pf-t--global--spacer--4xl);
17062
- }
17063
-
17064
16791
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__group,
17065
16792
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__item {
17066
16793
  display: flex;
@@ -17210,64 +16937,55 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17210
16937
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
17211
16938
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-sm,
17212
16939
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
17213
- row-gap: 0;
17214
- column-gap: 0;
16940
+ gap: 0;
17215
16941
  }
17216
16942
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
17217
16943
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
17218
16944
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-sm,
17219
16945
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
17220
- row-gap: var(--pf-t--global--spacer--xs);
17221
- column-gap: var(--pf-t--global--spacer--xs);
16946
+ gap: var(--pf-t--global--spacer--xs);
17222
16947
  }
17223
16948
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
17224
16949
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
17225
16950
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-sm,
17226
16951
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
17227
- row-gap: var(--pf-t--global--spacer--sm);
17228
- column-gap: var(--pf-t--global--spacer--sm);
16952
+ gap: var(--pf-t--global--spacer--sm);
17229
16953
  }
17230
16954
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
17231
16955
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
17232
16956
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-sm,
17233
16957
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
17234
- row-gap: var(--pf-t--global--spacer--md);
17235
- column-gap: var(--pf-t--global--spacer--md);
16958
+ gap: var(--pf-t--global--spacer--md);
17236
16959
  }
17237
16960
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
17238
16961
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
17239
16962
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-sm,
17240
16963
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
17241
- row-gap: var(--pf-t--global--spacer--lg);
17242
- column-gap: var(--pf-t--global--spacer--lg);
16964
+ gap: var(--pf-t--global--spacer--lg);
17243
16965
  }
17244
16966
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
17245
16967
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
17246
16968
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-sm,
17247
16969
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
17248
- row-gap: var(--pf-t--global--spacer--xl);
17249
- column-gap: var(--pf-t--global--spacer--xl);
16970
+ gap: var(--pf-t--global--spacer--xl);
17250
16971
  }
17251
16972
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
17252
16973
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
17253
16974
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-sm,
17254
16975
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
17255
- row-gap: var(--pf-t--global--spacer--2xl);
17256
- column-gap: var(--pf-t--global--spacer--2xl);
16976
+ gap: var(--pf-t--global--spacer--2xl);
17257
16977
  }
17258
16978
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
17259
16979
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
17260
16980
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-sm,
17261
16981
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
17262
- row-gap: var(--pf-t--global--spacer--3xl);
17263
- column-gap: var(--pf-t--global--spacer--3xl);
16982
+ gap: var(--pf-t--global--spacer--3xl);
17264
16983
  }
17265
16984
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
17266
16985
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
17267
16986
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-sm,
17268
16987
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
17269
- row-gap: var(--pf-t--global--spacer--4xl);
17270
- column-gap: var(--pf-t--global--spacer--4xl);
16988
+ gap: var(--pf-t--global--spacer--4xl);
17271
16989
  }
17272
16990
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
17273
16991
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-sm,
@@ -17281,18 +16999,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17281
16999
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
17282
17000
  row-gap: 0;
17283
17001
  }
17284
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-sm,
17285
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-sm,
17286
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-sm,
17287
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-sm {
17288
- margin-inline-start: 0;
17289
- }
17290
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-sm,
17291
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-sm,
17292
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-sm,
17293
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-sm {
17294
- margin-inline-end: 0;
17295
- }
17296
17002
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-sm,
17297
17003
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-sm,
17298
17004
  .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-sm,
@@ -17305,18 +17011,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17305
17011
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
17306
17012
  row-gap: var(--pf-t--global--spacer--xs);
17307
17013
  }
17308
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-sm,
17309
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-sm,
17310
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-sm,
17311
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-sm {
17312
- margin-inline-start: var(--pf-t--global--spacer--xs);
17313
- }
17314
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-sm,
17315
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-sm,
17316
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-sm,
17317
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-sm {
17318
- margin-inline-end: var(--pf-t--global--spacer--xs);
17319
- }
17320
17014
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-sm,
17321
17015
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-sm,
17322
17016
  .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-sm,
@@ -17329,18 +17023,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17329
17023
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
17330
17024
  row-gap: var(--pf-t--global--spacer--sm);
17331
17025
  }
17332
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-sm,
17333
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-sm,
17334
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-sm,
17335
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-sm {
17336
- margin-inline-start: var(--pf-t--global--spacer--sm);
17337
- }
17338
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-sm,
17339
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-sm,
17340
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-sm,
17341
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-sm {
17342
- margin-inline-end: var(--pf-t--global--spacer--sm);
17343
- }
17344
17026
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-sm,
17345
17027
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-sm,
17346
17028
  .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-sm,
@@ -17353,18 +17035,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17353
17035
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
17354
17036
  row-gap: var(--pf-t--global--spacer--md);
17355
17037
  }
17356
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-sm,
17357
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-sm,
17358
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-sm,
17359
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-sm {
17360
- margin-inline-start: var(--pf-t--global--spacer--md);
17361
- }
17362
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-sm,
17363
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-sm,
17364
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-sm,
17365
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-sm {
17366
- margin-inline-end: var(--pf-t--global--spacer--md);
17367
- }
17368
17038
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-sm,
17369
17039
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-sm,
17370
17040
  .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-sm,
@@ -17377,18 +17047,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17377
17047
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
17378
17048
  row-gap: var(--pf-t--global--spacer--lg);
17379
17049
  }
17380
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-sm,
17381
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-sm,
17382
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-sm,
17383
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-sm {
17384
- margin-inline-start: var(--pf-t--global--spacer--lg);
17385
- }
17386
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-sm,
17387
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-sm,
17388
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-sm,
17389
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-sm {
17390
- margin-inline-end: var(--pf-t--global--spacer--lg);
17391
- }
17392
17050
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-sm,
17393
17051
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-sm,
17394
17052
  .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-sm,
@@ -17401,18 +17059,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17401
17059
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
17402
17060
  row-gap: var(--pf-t--global--spacer--xl);
17403
17061
  }
17404
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-sm,
17405
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-sm,
17406
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-sm,
17407
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-sm {
17408
- margin-inline-start: var(--pf-t--global--spacer--xl);
17409
- }
17410
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-sm,
17411
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-sm,
17412
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-sm,
17413
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-sm {
17414
- margin-inline-end: var(--pf-t--global--spacer--xl);
17415
- }
17416
17062
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
17417
17063
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
17418
17064
  .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-sm,
@@ -17425,18 +17071,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17425
17071
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
17426
17072
  row-gap: var(--pf-t--global--spacer--2xl);
17427
17073
  }
17428
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-sm,
17429
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-sm,
17430
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-sm,
17431
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-sm {
17432
- margin-inline-start: var(--pf-t--global--spacer--2xl);
17433
- }
17434
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-sm,
17435
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-sm,
17436
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-sm,
17437
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-sm {
17438
- margin-inline-end: var(--pf-t--global--spacer--2xl);
17439
- }
17440
17074
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
17441
17075
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
17442
17076
  .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-sm,
@@ -17449,18 +17083,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17449
17083
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
17450
17084
  row-gap: var(--pf-t--global--spacer--3xl);
17451
17085
  }
17452
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-sm,
17453
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-sm,
17454
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-sm,
17455
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-sm {
17456
- margin-inline-start: var(--pf-t--global--spacer--3xl);
17457
- }
17458
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-sm,
17459
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-sm,
17460
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-sm,
17461
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-sm {
17462
- margin-inline-end: var(--pf-t--global--spacer--3xl);
17463
- }
17464
17086
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
17465
17087
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
17466
17088
  .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-sm,
@@ -17473,18 +17095,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17473
17095
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
17474
17096
  row-gap: var(--pf-t--global--spacer--4xl);
17475
17097
  }
17476
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-sm,
17477
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-sm,
17478
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-sm,
17479
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-sm {
17480
- margin-inline-start: var(--pf-t--global--spacer--4xl);
17481
- }
17482
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-sm,
17483
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-sm,
17484
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-sm,
17485
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-sm {
17486
- margin-inline-end: var(--pf-t--global--spacer--4xl);
17487
- }
17488
17098
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__group,
17489
17099
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__item {
17490
17100
  display: flex;
@@ -17631,64 +17241,55 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17631
17241
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
17632
17242
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-md,
17633
17243
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
17634
- row-gap: 0;
17635
- column-gap: 0;
17244
+ gap: 0;
17636
17245
  }
17637
17246
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
17638
17247
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
17639
17248
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-md,
17640
17249
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
17641
- row-gap: var(--pf-t--global--spacer--xs);
17642
- column-gap: var(--pf-t--global--spacer--xs);
17250
+ gap: var(--pf-t--global--spacer--xs);
17643
17251
  }
17644
17252
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
17645
17253
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
17646
17254
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-md,
17647
17255
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
17648
- row-gap: var(--pf-t--global--spacer--sm);
17649
- column-gap: var(--pf-t--global--spacer--sm);
17256
+ gap: var(--pf-t--global--spacer--sm);
17650
17257
  }
17651
17258
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
17652
17259
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
17653
17260
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-md,
17654
17261
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
17655
- row-gap: var(--pf-t--global--spacer--md);
17656
- column-gap: var(--pf-t--global--spacer--md);
17262
+ gap: var(--pf-t--global--spacer--md);
17657
17263
  }
17658
17264
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
17659
17265
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
17660
17266
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-md,
17661
17267
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
17662
- row-gap: var(--pf-t--global--spacer--lg);
17663
- column-gap: var(--pf-t--global--spacer--lg);
17268
+ gap: var(--pf-t--global--spacer--lg);
17664
17269
  }
17665
17270
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
17666
17271
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
17667
17272
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-md,
17668
17273
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
17669
- row-gap: var(--pf-t--global--spacer--xl);
17670
- column-gap: var(--pf-t--global--spacer--xl);
17274
+ gap: var(--pf-t--global--spacer--xl);
17671
17275
  }
17672
17276
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
17673
17277
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
17674
17278
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-md,
17675
17279
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
17676
- row-gap: var(--pf-t--global--spacer--2xl);
17677
- column-gap: var(--pf-t--global--spacer--2xl);
17280
+ gap: var(--pf-t--global--spacer--2xl);
17678
17281
  }
17679
17282
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
17680
17283
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
17681
17284
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-md,
17682
17285
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
17683
- row-gap: var(--pf-t--global--spacer--3xl);
17684
- column-gap: var(--pf-t--global--spacer--3xl);
17286
+ gap: var(--pf-t--global--spacer--3xl);
17685
17287
  }
17686
17288
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
17687
17289
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
17688
17290
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-md,
17689
17291
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
17690
- row-gap: var(--pf-t--global--spacer--4xl);
17691
- column-gap: var(--pf-t--global--spacer--4xl);
17292
+ gap: var(--pf-t--global--spacer--4xl);
17692
17293
  }
17693
17294
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
17694
17295
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-md,
@@ -17702,18 +17303,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17702
17303
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
17703
17304
  row-gap: 0;
17704
17305
  }
17705
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-md,
17706
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-md,
17707
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-md,
17708
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-md {
17709
- margin-inline-start: 0;
17710
- }
17711
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-md,
17712
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-md,
17713
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-md,
17714
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-md {
17715
- margin-inline-end: 0;
17716
- }
17717
17306
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-md,
17718
17307
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-md,
17719
17308
  .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-md,
@@ -17726,18 +17315,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17726
17315
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
17727
17316
  row-gap: var(--pf-t--global--spacer--xs);
17728
17317
  }
17729
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-md,
17730
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-md,
17731
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-md,
17732
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-md {
17733
- margin-inline-start: var(--pf-t--global--spacer--xs);
17734
- }
17735
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-md,
17736
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-md,
17737
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-md,
17738
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-md {
17739
- margin-inline-end: var(--pf-t--global--spacer--xs);
17740
- }
17741
17318
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-md,
17742
17319
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-md,
17743
17320
  .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-md,
@@ -17750,18 +17327,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17750
17327
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
17751
17328
  row-gap: var(--pf-t--global--spacer--sm);
17752
17329
  }
17753
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-md,
17754
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-md,
17755
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-md,
17756
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-md {
17757
- margin-inline-start: var(--pf-t--global--spacer--sm);
17758
- }
17759
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-md,
17760
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-md,
17761
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-md,
17762
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-md {
17763
- margin-inline-end: var(--pf-t--global--spacer--sm);
17764
- }
17765
17330
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-md,
17766
17331
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-md,
17767
17332
  .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-md,
@@ -17774,18 +17339,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17774
17339
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
17775
17340
  row-gap: var(--pf-t--global--spacer--md);
17776
17341
  }
17777
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-md,
17778
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-md,
17779
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-md,
17780
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-md {
17781
- margin-inline-start: var(--pf-t--global--spacer--md);
17782
- }
17783
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-md,
17784
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-md,
17785
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-md,
17786
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-md {
17787
- margin-inline-end: var(--pf-t--global--spacer--md);
17788
- }
17789
17342
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-md,
17790
17343
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-md,
17791
17344
  .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-md,
@@ -17798,18 +17351,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17798
17351
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
17799
17352
  row-gap: var(--pf-t--global--spacer--lg);
17800
17353
  }
17801
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-md,
17802
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-md,
17803
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-md,
17804
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-md {
17805
- margin-inline-start: var(--pf-t--global--spacer--lg);
17806
- }
17807
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-md,
17808
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-md,
17809
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-md,
17810
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-md {
17811
- margin-inline-end: var(--pf-t--global--spacer--lg);
17812
- }
17813
17354
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-md,
17814
17355
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-md,
17815
17356
  .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-md,
@@ -17822,18 +17363,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17822
17363
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
17823
17364
  row-gap: var(--pf-t--global--spacer--xl);
17824
17365
  }
17825
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-md,
17826
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-md,
17827
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-md,
17828
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-md {
17829
- margin-inline-start: var(--pf-t--global--spacer--xl);
17830
- }
17831
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-md,
17832
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-md,
17833
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-md,
17834
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-md {
17835
- margin-inline-end: var(--pf-t--global--spacer--xl);
17836
- }
17837
17366
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-md,
17838
17367
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-md,
17839
17368
  .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-md,
@@ -17846,18 +17375,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17846
17375
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
17847
17376
  row-gap: var(--pf-t--global--spacer--2xl);
17848
17377
  }
17849
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-md,
17850
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-md,
17851
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-md,
17852
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-md {
17853
- margin-inline-start: var(--pf-t--global--spacer--2xl);
17854
- }
17855
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-md,
17856
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-md,
17857
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-md,
17858
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-md {
17859
- margin-inline-end: var(--pf-t--global--spacer--2xl);
17860
- }
17861
17378
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-md,
17862
17379
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-md,
17863
17380
  .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-md,
@@ -17870,18 +17387,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17870
17387
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
17871
17388
  row-gap: var(--pf-t--global--spacer--3xl);
17872
17389
  }
17873
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-md,
17874
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-md,
17875
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-md,
17876
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-md {
17877
- margin-inline-start: var(--pf-t--global--spacer--3xl);
17878
- }
17879
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-md,
17880
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-md,
17881
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-md,
17882
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-md {
17883
- margin-inline-end: var(--pf-t--global--spacer--3xl);
17884
- }
17885
17390
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-md,
17886
17391
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-md,
17887
17392
  .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-md,
@@ -17894,18 +17399,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17894
17399
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
17895
17400
  row-gap: var(--pf-t--global--spacer--4xl);
17896
17401
  }
17897
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-md,
17898
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-md,
17899
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-md,
17900
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-md {
17901
- margin-inline-start: var(--pf-t--global--spacer--4xl);
17902
- }
17903
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-md,
17904
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-md,
17905
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-md,
17906
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-md {
17907
- margin-inline-end: var(--pf-t--global--spacer--4xl);
17908
- }
17909
17402
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__group,
17910
17403
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__item {
17911
17404
  display: flex;
@@ -18052,64 +17545,55 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18052
17545
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
18053
17546
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-lg,
18054
17547
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
18055
- row-gap: 0;
18056
- column-gap: 0;
17548
+ gap: 0;
18057
17549
  }
18058
17550
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
18059
17551
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
18060
17552
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-lg,
18061
17553
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
18062
- row-gap: var(--pf-t--global--spacer--xs);
18063
- column-gap: var(--pf-t--global--spacer--xs);
17554
+ gap: var(--pf-t--global--spacer--xs);
18064
17555
  }
18065
17556
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
18066
17557
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
18067
17558
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-lg,
18068
17559
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
18069
- row-gap: var(--pf-t--global--spacer--sm);
18070
- column-gap: var(--pf-t--global--spacer--sm);
17560
+ gap: var(--pf-t--global--spacer--sm);
18071
17561
  }
18072
17562
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
18073
17563
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
18074
17564
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-lg,
18075
17565
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
18076
- row-gap: var(--pf-t--global--spacer--md);
18077
- column-gap: var(--pf-t--global--spacer--md);
17566
+ gap: var(--pf-t--global--spacer--md);
18078
17567
  }
18079
17568
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
18080
17569
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
18081
17570
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-lg,
18082
17571
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
18083
- row-gap: var(--pf-t--global--spacer--lg);
18084
- column-gap: var(--pf-t--global--spacer--lg);
17572
+ gap: var(--pf-t--global--spacer--lg);
18085
17573
  }
18086
17574
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
18087
17575
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
18088
17576
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-lg,
18089
17577
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
18090
- row-gap: var(--pf-t--global--spacer--xl);
18091
- column-gap: var(--pf-t--global--spacer--xl);
17578
+ gap: var(--pf-t--global--spacer--xl);
18092
17579
  }
18093
17580
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
18094
17581
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
18095
17582
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-lg,
18096
17583
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
18097
- row-gap: var(--pf-t--global--spacer--2xl);
18098
- column-gap: var(--pf-t--global--spacer--2xl);
17584
+ gap: var(--pf-t--global--spacer--2xl);
18099
17585
  }
18100
17586
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
18101
17587
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
18102
17588
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-lg,
18103
17589
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
18104
- row-gap: var(--pf-t--global--spacer--3xl);
18105
- column-gap: var(--pf-t--global--spacer--3xl);
17590
+ gap: var(--pf-t--global--spacer--3xl);
18106
17591
  }
18107
17592
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
18108
17593
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
18109
17594
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-lg,
18110
17595
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
18111
- row-gap: var(--pf-t--global--spacer--4xl);
18112
- column-gap: var(--pf-t--global--spacer--4xl);
17596
+ gap: var(--pf-t--global--spacer--4xl);
18113
17597
  }
18114
17598
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
18115
17599
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-lg,
@@ -18123,18 +17607,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18123
17607
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
18124
17608
  row-gap: 0;
18125
17609
  }
18126
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-lg,
18127
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-lg,
18128
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-lg,
18129
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-lg {
18130
- margin-inline-start: 0;
18131
- }
18132
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-lg,
18133
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-lg,
18134
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-lg,
18135
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-lg {
18136
- margin-inline-end: 0;
18137
- }
18138
17610
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-lg,
18139
17611
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-lg,
18140
17612
  .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-lg,
@@ -18147,18 +17619,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18147
17619
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
18148
17620
  row-gap: var(--pf-t--global--spacer--xs);
18149
17621
  }
18150
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-lg,
18151
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-lg,
18152
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-lg,
18153
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-lg {
18154
- margin-inline-start: var(--pf-t--global--spacer--xs);
18155
- }
18156
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-lg,
18157
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-lg,
18158
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-lg,
18159
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-lg {
18160
- margin-inline-end: var(--pf-t--global--spacer--xs);
18161
- }
18162
17622
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-lg,
18163
17623
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-lg,
18164
17624
  .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-lg,
@@ -18171,18 +17631,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18171
17631
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
18172
17632
  row-gap: var(--pf-t--global--spacer--sm);
18173
17633
  }
18174
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-lg,
18175
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-lg,
18176
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-lg,
18177
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-lg {
18178
- margin-inline-start: var(--pf-t--global--spacer--sm);
18179
- }
18180
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-lg,
18181
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-lg,
18182
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-lg,
18183
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-lg {
18184
- margin-inline-end: var(--pf-t--global--spacer--sm);
18185
- }
18186
17634
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-lg,
18187
17635
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-lg,
18188
17636
  .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-lg,
@@ -18195,18 +17643,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18195
17643
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
18196
17644
  row-gap: var(--pf-t--global--spacer--md);
18197
17645
  }
18198
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-lg,
18199
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-lg,
18200
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-lg,
18201
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-lg {
18202
- margin-inline-start: var(--pf-t--global--spacer--md);
18203
- }
18204
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-lg,
18205
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-lg,
18206
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-lg,
18207
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-lg {
18208
- margin-inline-end: var(--pf-t--global--spacer--md);
18209
- }
18210
17646
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-lg,
18211
17647
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-lg,
18212
17648
  .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-lg,
@@ -18219,18 +17655,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18219
17655
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
18220
17656
  row-gap: var(--pf-t--global--spacer--lg);
18221
17657
  }
18222
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-lg,
18223
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-lg,
18224
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-lg,
18225
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-lg {
18226
- margin-inline-start: var(--pf-t--global--spacer--lg);
18227
- }
18228
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-lg,
18229
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-lg,
18230
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-lg,
18231
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-lg {
18232
- margin-inline-end: var(--pf-t--global--spacer--lg);
18233
- }
18234
17658
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-lg,
18235
17659
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-lg,
18236
17660
  .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-lg,
@@ -18243,18 +17667,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18243
17667
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
18244
17668
  row-gap: var(--pf-t--global--spacer--xl);
18245
17669
  }
18246
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-lg,
18247
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-lg,
18248
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-lg,
18249
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-lg {
18250
- margin-inline-start: var(--pf-t--global--spacer--xl);
18251
- }
18252
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-lg,
18253
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-lg,
18254
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-lg,
18255
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-lg {
18256
- margin-inline-end: var(--pf-t--global--spacer--xl);
18257
- }
18258
17670
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
18259
17671
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
18260
17672
  .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-lg,
@@ -18267,18 +17679,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18267
17679
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
18268
17680
  row-gap: var(--pf-t--global--spacer--2xl);
18269
17681
  }
18270
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-lg,
18271
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-lg,
18272
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-lg,
18273
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-lg {
18274
- margin-inline-start: var(--pf-t--global--spacer--2xl);
18275
- }
18276
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-lg,
18277
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-lg,
18278
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-lg,
18279
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-lg {
18280
- margin-inline-end: var(--pf-t--global--spacer--2xl);
18281
- }
18282
17682
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
18283
17683
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
18284
17684
  .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-lg,
@@ -18291,18 +17691,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18291
17691
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
18292
17692
  row-gap: var(--pf-t--global--spacer--3xl);
18293
17693
  }
18294
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-lg,
18295
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-lg,
18296
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-lg,
18297
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-lg {
18298
- margin-inline-start: var(--pf-t--global--spacer--3xl);
18299
- }
18300
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-lg,
18301
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-lg,
18302
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-lg,
18303
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-lg {
18304
- margin-inline-end: var(--pf-t--global--spacer--3xl);
18305
- }
18306
17694
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
18307
17695
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
18308
17696
  .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-lg,
@@ -18315,18 +17703,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18315
17703
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
18316
17704
  row-gap: var(--pf-t--global--spacer--4xl);
18317
17705
  }
18318
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-lg,
18319
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-lg,
18320
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-lg,
18321
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-lg {
18322
- margin-inline-start: var(--pf-t--global--spacer--4xl);
18323
- }
18324
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-lg,
18325
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-lg,
18326
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-lg,
18327
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-lg {
18328
- margin-inline-end: var(--pf-t--global--spacer--4xl);
18329
- }
18330
17706
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__group,
18331
17707
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__item {
18332
17708
  display: flex;
@@ -18473,64 +17849,55 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18473
17849
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
18474
17850
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-xl,
18475
17851
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
18476
- row-gap: 0;
18477
- column-gap: 0;
17852
+ gap: 0;
18478
17853
  }
18479
17854
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
18480
17855
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
18481
17856
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-xl,
18482
17857
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
18483
- row-gap: var(--pf-t--global--spacer--xs);
18484
- column-gap: var(--pf-t--global--spacer--xs);
17858
+ gap: var(--pf-t--global--spacer--xs);
18485
17859
  }
18486
17860
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
18487
17861
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
18488
17862
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-xl,
18489
17863
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
18490
- row-gap: var(--pf-t--global--spacer--sm);
18491
- column-gap: var(--pf-t--global--spacer--sm);
17864
+ gap: var(--pf-t--global--spacer--sm);
18492
17865
  }
18493
17866
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
18494
17867
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
18495
17868
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-xl,
18496
17869
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
18497
- row-gap: var(--pf-t--global--spacer--md);
18498
- column-gap: var(--pf-t--global--spacer--md);
17870
+ gap: var(--pf-t--global--spacer--md);
18499
17871
  }
18500
17872
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
18501
17873
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
18502
17874
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-xl,
18503
17875
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
18504
- row-gap: var(--pf-t--global--spacer--lg);
18505
- column-gap: var(--pf-t--global--spacer--lg);
17876
+ gap: var(--pf-t--global--spacer--lg);
18506
17877
  }
18507
17878
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
18508
17879
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
18509
17880
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-xl,
18510
17881
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
18511
- row-gap: var(--pf-t--global--spacer--xl);
18512
- column-gap: var(--pf-t--global--spacer--xl);
17882
+ gap: var(--pf-t--global--spacer--xl);
18513
17883
  }
18514
17884
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
18515
17885
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
18516
17886
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-xl,
18517
17887
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
18518
- row-gap: var(--pf-t--global--spacer--2xl);
18519
- column-gap: var(--pf-t--global--spacer--2xl);
17888
+ gap: var(--pf-t--global--spacer--2xl);
18520
17889
  }
18521
17890
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
18522
17891
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
18523
17892
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-xl,
18524
17893
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
18525
- row-gap: var(--pf-t--global--spacer--3xl);
18526
- column-gap: var(--pf-t--global--spacer--3xl);
17894
+ gap: var(--pf-t--global--spacer--3xl);
18527
17895
  }
18528
17896
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
18529
17897
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
18530
17898
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-xl,
18531
17899
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
18532
- row-gap: var(--pf-t--global--spacer--4xl);
18533
- column-gap: var(--pf-t--global--spacer--4xl);
17900
+ gap: var(--pf-t--global--spacer--4xl);
18534
17901
  }
18535
17902
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
18536
17903
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-xl,
@@ -18544,18 +17911,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18544
17911
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
18545
17912
  row-gap: 0;
18546
17913
  }
18547
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-xl,
18548
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-xl,
18549
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-xl,
18550
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-xl {
18551
- margin-inline-start: 0;
18552
- }
18553
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-xl,
18554
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-xl,
18555
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-xl,
18556
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-xl {
18557
- margin-inline-end: 0;
18558
- }
18559
17914
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-xl,
18560
17915
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-xl,
18561
17916
  .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-xl,
@@ -18568,18 +17923,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18568
17923
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
18569
17924
  row-gap: var(--pf-t--global--spacer--xs);
18570
17925
  }
18571
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-xl,
18572
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-xl,
18573
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-xl,
18574
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-xl {
18575
- margin-inline-start: var(--pf-t--global--spacer--xs);
18576
- }
18577
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-xl,
18578
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-xl,
18579
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-xl,
18580
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-xl {
18581
- margin-inline-end: var(--pf-t--global--spacer--xs);
18582
- }
18583
17926
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-xl,
18584
17927
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-xl,
18585
17928
  .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-xl,
@@ -18592,18 +17935,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18592
17935
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
18593
17936
  row-gap: var(--pf-t--global--spacer--sm);
18594
17937
  }
18595
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-xl,
18596
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-xl,
18597
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-xl,
18598
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-xl {
18599
- margin-inline-start: var(--pf-t--global--spacer--sm);
18600
- }
18601
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-xl,
18602
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-xl,
18603
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-xl,
18604
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-xl {
18605
- margin-inline-end: var(--pf-t--global--spacer--sm);
18606
- }
18607
17938
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-xl,
18608
17939
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-xl,
18609
17940
  .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-xl,
@@ -18616,18 +17947,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18616
17947
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
18617
17948
  row-gap: var(--pf-t--global--spacer--md);
18618
17949
  }
18619
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-xl,
18620
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-xl,
18621
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-xl,
18622
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-xl {
18623
- margin-inline-start: var(--pf-t--global--spacer--md);
18624
- }
18625
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-xl,
18626
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-xl,
18627
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-xl,
18628
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-xl {
18629
- margin-inline-end: var(--pf-t--global--spacer--md);
18630
- }
18631
17950
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-xl,
18632
17951
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-xl,
18633
17952
  .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-xl,
@@ -18640,18 +17959,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18640
17959
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
18641
17960
  row-gap: var(--pf-t--global--spacer--lg);
18642
17961
  }
18643
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-xl,
18644
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-xl,
18645
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-xl,
18646
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-xl {
18647
- margin-inline-start: var(--pf-t--global--spacer--lg);
18648
- }
18649
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-xl,
18650
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-xl,
18651
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-xl,
18652
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-xl {
18653
- margin-inline-end: var(--pf-t--global--spacer--lg);
18654
- }
18655
17962
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-xl,
18656
17963
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-xl,
18657
17964
  .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-xl,
@@ -18664,18 +17971,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18664
17971
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
18665
17972
  row-gap: var(--pf-t--global--spacer--xl);
18666
17973
  }
18667
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-xl,
18668
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-xl,
18669
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-xl,
18670
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-xl {
18671
- margin-inline-start: var(--pf-t--global--spacer--xl);
18672
- }
18673
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-xl,
18674
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-xl,
18675
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-xl,
18676
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-xl {
18677
- margin-inline-end: var(--pf-t--global--spacer--xl);
18678
- }
18679
17974
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
18680
17975
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
18681
17976
  .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-xl,
@@ -18688,18 +17983,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18688
17983
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
18689
17984
  row-gap: var(--pf-t--global--spacer--2xl);
18690
17985
  }
18691
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-xl,
18692
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-xl,
18693
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-xl,
18694
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-xl {
18695
- margin-inline-start: var(--pf-t--global--spacer--2xl);
18696
- }
18697
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-xl,
18698
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-xl,
18699
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-xl,
18700
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-xl {
18701
- margin-inline-end: var(--pf-t--global--spacer--2xl);
18702
- }
18703
17986
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
18704
17987
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
18705
17988
  .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-xl,
@@ -18712,18 +17995,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18712
17995
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
18713
17996
  row-gap: var(--pf-t--global--spacer--3xl);
18714
17997
  }
18715
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-xl,
18716
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-xl,
18717
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-xl,
18718
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-xl {
18719
- margin-inline-start: var(--pf-t--global--spacer--3xl);
18720
- }
18721
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-xl,
18722
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-xl,
18723
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-xl,
18724
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-xl {
18725
- margin-inline-end: var(--pf-t--global--spacer--3xl);
18726
- }
18727
17998
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
18728
17999
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
18729
18000
  .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-xl,
@@ -18736,18 +18007,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18736
18007
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
18737
18008
  row-gap: var(--pf-t--global--spacer--4xl);
18738
18009
  }
18739
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-xl,
18740
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-xl,
18741
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-xl,
18742
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-xl {
18743
- margin-inline-start: var(--pf-t--global--spacer--4xl);
18744
- }
18745
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-xl,
18746
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-xl,
18747
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-xl,
18748
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-xl {
18749
- margin-inline-end: var(--pf-t--global--spacer--4xl);
18750
- }
18751
18010
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__group,
18752
18011
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__item {
18753
18012
  display: flex;
@@ -18894,64 +18153,55 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18894
18153
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
18895
18154
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-2xl,
18896
18155
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
18897
- row-gap: 0;
18898
- column-gap: 0;
18156
+ gap: 0;
18899
18157
  }
18900
18158
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
18901
18159
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
18902
18160
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-2xl,
18903
18161
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
18904
- row-gap: var(--pf-t--global--spacer--xs);
18905
- column-gap: var(--pf-t--global--spacer--xs);
18162
+ gap: var(--pf-t--global--spacer--xs);
18906
18163
  }
18907
18164
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
18908
18165
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
18909
18166
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-2xl,
18910
18167
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
18911
- row-gap: var(--pf-t--global--spacer--sm);
18912
- column-gap: var(--pf-t--global--spacer--sm);
18168
+ gap: var(--pf-t--global--spacer--sm);
18913
18169
  }
18914
18170
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
18915
18171
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
18916
18172
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-2xl,
18917
18173
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
18918
- row-gap: var(--pf-t--global--spacer--md);
18919
- column-gap: var(--pf-t--global--spacer--md);
18174
+ gap: var(--pf-t--global--spacer--md);
18920
18175
  }
18921
18176
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
18922
18177
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
18923
18178
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-2xl,
18924
18179
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
18925
- row-gap: var(--pf-t--global--spacer--lg);
18926
- column-gap: var(--pf-t--global--spacer--lg);
18180
+ gap: var(--pf-t--global--spacer--lg);
18927
18181
  }
18928
18182
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
18929
18183
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
18930
18184
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-2xl,
18931
18185
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
18932
- row-gap: var(--pf-t--global--spacer--xl);
18933
- column-gap: var(--pf-t--global--spacer--xl);
18186
+ gap: var(--pf-t--global--spacer--xl);
18934
18187
  }
18935
18188
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
18936
18189
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
18937
18190
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-2xl,
18938
18191
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
18939
- row-gap: var(--pf-t--global--spacer--2xl);
18940
- column-gap: var(--pf-t--global--spacer--2xl);
18192
+ gap: var(--pf-t--global--spacer--2xl);
18941
18193
  }
18942
18194
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
18943
18195
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
18944
18196
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-2xl,
18945
18197
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
18946
- row-gap: var(--pf-t--global--spacer--3xl);
18947
- column-gap: var(--pf-t--global--spacer--3xl);
18198
+ gap: var(--pf-t--global--spacer--3xl);
18948
18199
  }
18949
18200
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
18950
18201
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
18951
18202
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-2xl,
18952
18203
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
18953
- row-gap: var(--pf-t--global--spacer--4xl);
18954
- column-gap: var(--pf-t--global--spacer--4xl);
18204
+ gap: var(--pf-t--global--spacer--4xl);
18955
18205
  }
18956
18206
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
18957
18207
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
@@ -18965,18 +18215,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18965
18215
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
18966
18216
  row-gap: 0;
18967
18217
  }
18968
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-2xl,
18969
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-2xl,
18970
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-2xl,
18971
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-2xl {
18972
- margin-inline-start: 0;
18973
- }
18974
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-2xl,
18975
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-2xl,
18976
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-2xl,
18977
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-2xl {
18978
- margin-inline-end: 0;
18979
- }
18980
18218
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
18981
18219
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
18982
18220
  .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-2xl,
@@ -18989,18 +18227,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18989
18227
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
18990
18228
  row-gap: var(--pf-t--global--spacer--xs);
18991
18229
  }
18992
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-2xl,
18993
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-2xl,
18994
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-2xl,
18995
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-2xl {
18996
- margin-inline-start: var(--pf-t--global--spacer--xs);
18997
- }
18998
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-2xl,
18999
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-2xl,
19000
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-2xl,
19001
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-2xl {
19002
- margin-inline-end: var(--pf-t--global--spacer--xs);
19003
- }
19004
18230
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
19005
18231
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
19006
18232
  .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-2xl,
@@ -19013,18 +18239,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19013
18239
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
19014
18240
  row-gap: var(--pf-t--global--spacer--sm);
19015
18241
  }
19016
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-2xl,
19017
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-2xl,
19018
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-2xl,
19019
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-2xl {
19020
- margin-inline-start: var(--pf-t--global--spacer--sm);
19021
- }
19022
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-2xl,
19023
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-2xl,
19024
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-2xl,
19025
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-2xl {
19026
- margin-inline-end: var(--pf-t--global--spacer--sm);
19027
- }
19028
18242
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
19029
18243
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
19030
18244
  .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-2xl,
@@ -19037,18 +18251,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19037
18251
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
19038
18252
  row-gap: var(--pf-t--global--spacer--md);
19039
18253
  }
19040
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-2xl,
19041
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-2xl,
19042
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-2xl,
19043
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-2xl {
19044
- margin-inline-start: var(--pf-t--global--spacer--md);
19045
- }
19046
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-2xl,
19047
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-2xl,
19048
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-2xl,
19049
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-2xl {
19050
- margin-inline-end: var(--pf-t--global--spacer--md);
19051
- }
19052
18254
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
19053
18255
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
19054
18256
  .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-2xl,
@@ -19061,18 +18263,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19061
18263
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
19062
18264
  row-gap: var(--pf-t--global--spacer--lg);
19063
18265
  }
19064
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-2xl,
19065
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-2xl,
19066
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-2xl,
19067
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-2xl {
19068
- margin-inline-start: var(--pf-t--global--spacer--lg);
19069
- }
19070
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-2xl,
19071
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-2xl,
19072
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-2xl,
19073
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-2xl {
19074
- margin-inline-end: var(--pf-t--global--spacer--lg);
19075
- }
19076
18266
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
19077
18267
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
19078
18268
  .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-2xl,
@@ -19085,18 +18275,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19085
18275
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
19086
18276
  row-gap: var(--pf-t--global--spacer--xl);
19087
18277
  }
19088
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-2xl,
19089
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-2xl,
19090
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-2xl,
19091
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-2xl {
19092
- margin-inline-start: var(--pf-t--global--spacer--xl);
19093
- }
19094
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-2xl,
19095
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-2xl,
19096
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-2xl,
19097
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-2xl {
19098
- margin-inline-end: var(--pf-t--global--spacer--xl);
19099
- }
19100
18278
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
19101
18279
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
19102
18280
  .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-2xl,
@@ -19109,18 +18287,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19109
18287
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
19110
18288
  row-gap: var(--pf-t--global--spacer--2xl);
19111
18289
  }
19112
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-2xl,
19113
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-2xl,
19114
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-2xl,
19115
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-2xl {
19116
- margin-inline-start: var(--pf-t--global--spacer--2xl);
19117
- }
19118
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-2xl,
19119
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-2xl,
19120
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-2xl,
19121
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-2xl {
19122
- margin-inline-end: var(--pf-t--global--spacer--2xl);
19123
- }
19124
18290
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
19125
18291
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
19126
18292
  .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-2xl,
@@ -19133,18 +18299,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19133
18299
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
19134
18300
  row-gap: var(--pf-t--global--spacer--3xl);
19135
18301
  }
19136
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-2xl,
19137
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-2xl,
19138
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-2xl,
19139
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-2xl {
19140
- margin-inline-start: var(--pf-t--global--spacer--3xl);
19141
- }
19142
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-2xl,
19143
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-2xl,
19144
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-2xl,
19145
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-2xl {
19146
- margin-inline-end: var(--pf-t--global--spacer--3xl);
19147
- }
19148
18302
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
19149
18303
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
19150
18304
  .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-2xl,
@@ -19157,18 +18311,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19157
18311
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
19158
18312
  row-gap: var(--pf-t--global--spacer--4xl);
19159
18313
  }
19160
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-2xl,
19161
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-2xl,
19162
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-2xl,
19163
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-2xl {
19164
- margin-inline-start: var(--pf-t--global--spacer--4xl);
19165
- }
19166
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-2xl,
19167
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-2xl,
19168
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-2xl,
19169
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-2xl {
19170
- margin-inline-end: var(--pf-t--global--spacer--4xl);
19171
- }
19172
18314
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__group,
19173
18315
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__item {
19174
18316
  display: flex;
@@ -19356,7 +18498,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19356
18498
  }
19357
18499
 
19358
18500
  .pf-v6-c-number-input__icon {
19359
- display: flex;
19360
18501
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
19361
18502
  }
19362
18503
 
@@ -19863,6 +19004,8 @@ label.pf-v6-c-tree-view__node-text {
19863
19004
  --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19864
19005
  --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19865
19006
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19007
+ --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
19008
+ --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
19866
19009
  --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
19867
19010
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
19868
19011
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -19908,6 +19051,7 @@ label.pf-v6-c-tree-view__node-text {
19908
19051
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
19909
19052
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
19910
19053
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
19054
+ --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
19911
19055
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
19912
19056
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
19913
19057
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -19916,7 +19060,7 @@ label.pf-v6-c-tree-view__node-text {
19916
19060
  --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19917
19061
  --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19918
19062
  --pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19919
- --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
19063
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
19920
19064
  --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
19921
19065
  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
19922
19066
  --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -19924,7 +19068,8 @@ label.pf-v6-c-tree-view__node-text {
19924
19068
  --pf-v6-c-wizard__toggle-list-item--Gap: var(--pf-t--global--spacer--sm);
19925
19069
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
19926
19070
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
19927
- --pf-v6-c-wizard__toggle--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
19071
+ --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
19072
+ --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
19928
19073
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
19929
19074
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
19930
19075
  --pf-v6-c-wizard__toggle-list--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -19937,7 +19082,7 @@ label.pf-v6-c-tree-view__node-text {
19937
19082
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
19938
19083
  --pf-v6-c-wizard__nav--Width: 100%;
19939
19084
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
19940
- --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
19085
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
19941
19086
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
19942
19087
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
19943
19088
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20004,6 +19149,7 @@ label.pf-v6-c-tree-view__node-text {
20004
19149
  padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
20005
19150
  padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
20006
19151
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
19152
+ border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
20007
19153
  }
20008
19154
 
20009
19155
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
@@ -20090,8 +19236,11 @@ label.pf-v6-c-tree-view__node-text {
20090
19236
  }
20091
19237
 
20092
19238
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
20093
- --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
20094
- --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
19239
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
19240
+ }
19241
+
19242
+ .pf-v6-c-wizard__toggle-list-item.pf-m-success {
19243
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
20095
19244
  }
20096
19245
 
20097
19246
  .pf-v6-c-wizard__toggle-num {
@@ -20259,12 +19408,16 @@ label.pf-v6-c-tree-view__node-text {
20259
19408
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
20260
19409
  }
20261
19410
 
20262
- .pf-v6-c-wizard__nav-link.pf-m-danger {
20263
- --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
19411
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
19412
+ display: none;
20264
19413
  }
20265
19414
 
20266
- .pf-v6-c-wizard__nav-link.pf-m-danger::before {
20267
- display: none;
19415
+ .pf-v6-c-wizard__nav-link.pf-m-success {
19416
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
19417
+ }
19418
+
19419
+ .pf-v6-c-wizard__nav-link.pf-m-danger {
19420
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
20268
19421
  }
20269
19422
 
20270
19423
  .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
@@ -20324,7 +19477,9 @@ label.pf-v6-c-tree-view__node-text {
20324
19477
 
20325
19478
  .pf-v6-c-wizard__main {
20326
19479
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
20327
- flex: 1 1 auto;
19480
+ display: flex;
19481
+ flex-direction: column;
19482
+ flex-grow: 1;
20328
19483
  overflow-x: hidden;
20329
19484
  overflow-y: auto;
20330
19485
  word-break: break-word;
@@ -20341,6 +19496,10 @@ label.pf-v6-c-tree-view__node-text {
20341
19496
  padding: 0;
20342
19497
  }
20343
19498
 
19499
+ .pf-v6-c-wizard__main-body:last-child {
19500
+ flex-grow: 1;
19501
+ }
19502
+
20344
19503
  .pf-v6-c-wizard__footer {
20345
19504
  position: relative;
20346
19505
  z-index: var(--pf-v6-c-wizard__footer--ZIndex);
@@ -20353,7 +19512,7 @@ label.pf-v6-c-tree-view__node-text {
20353
19512
  }
20354
19513
 
20355
19514
  :where(:root, .pf-v6-c-alert-group) {
20356
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
19515
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
20357
19516
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
20358
19517
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
20359
19518
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -20389,36 +19548,139 @@ label.pf-v6-c-tree-view__node-text {
20389
19548
  max-width: var(--pf-v6-c-alert-group--m-toast--MaxWidth);
20390
19549
  }
20391
19550
 
20392
- .pf-v6-c-alert-group__overflow-button {
20393
- position: relative;
20394
- width: 100%;
20395
- padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
20396
- padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
20397
- padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
20398
- padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
20399
- color: var(--pf-v6-c-alert-group__overflow-button--Color);
20400
- background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
20401
- border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
20402
- border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
20403
- box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
19551
+ .pf-v6-c-alert-group__overflow-button {
19552
+ position: relative;
19553
+ width: 100%;
19554
+ padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
19555
+ padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
19556
+ padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
19557
+ padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
19558
+ color: var(--pf-v6-c-alert-group__overflow-button--Color);
19559
+ background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
19560
+ border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
19561
+ border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
19562
+ box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
19563
+ }
19564
+
19565
+ .pf-v6-c-alert-group__item {
19566
+ display: grid;
19567
+ grid-template-rows: 1fr;
19568
+ opacity: 1;
19569
+ transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
19570
+ transform: translateX(0) translateY(0);
19571
+ }
19572
+
19573
+ @media screen and (prefers-reduced-motion: no-preference) {
19574
+ .pf-v6-c-alert-group__item {
19575
+ transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), transform var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), grid-template-rows var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s, margin-block var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
19576
+ }
19577
+ .pf-v6-c-alert-group__item .pf-v6-c-alert {
19578
+ transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
19579
+ }
19580
+ }
19581
+ .pf-v6-c-alert-group__item.pf-m-offstage-top {
19582
+ grid-template-rows: 0fr;
19583
+ margin-block: 0;
19584
+ overflow: hidden;
19585
+ opacity: 0;
19586
+ transform: translateY(-100%);
19587
+ }
19588
+
19589
+ .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
19590
+ min-height: 0;
19591
+ padding-block-start: 0;
19592
+ padding-block-end: 0;
19593
+ border-width: 0;
19594
+ }
19595
+
19596
+ .pf-v6-c-alert-group__item.pf-m-offstage-right {
19597
+ grid-template-rows: 0fr;
19598
+ margin-block: 0;
19599
+ overflow: hidden;
19600
+ opacity: 0;
19601
+ transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
19602
+ transform: translateX(100%);
19603
+ }
19604
+
19605
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
19606
+ min-height: 0;
19607
+ padding-block-start: 0;
19608
+ padding-block-end: 0;
19609
+ border-width: 0;
19610
+ }
19611
+
19612
+ @media screen and (prefers-reduced-motion: no-preference) {
19613
+ .pf-v6-c-alert-group__item.pf-m-offstage-right {
19614
+ transition: transform var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, opacity var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, margin-block var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short), grid-template-rows var(--pf-t--global--motion--duration--slide-in--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
19615
+ }
19616
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
19617
+ transition: all var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
19618
+ }
20404
19619
  }
20405
-
20406
- .pf-v6-c-alert-group__overflow-button:hover {
19620
+ .pf-v6-c-alert-group__item:hover {
20407
19621
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
20408
19622
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
20409
19623
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
20410
19624
  }
20411
19625
 
20412
- .pf-v6-c-alert-group__overflow-button:focus {
19626
+ .pf-v6-c-alert-group__item:focus {
20413
19627
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
20414
19628
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
20415
19629
  }
20416
19630
 
20417
- .pf-v6-c-alert-group__overflow-button:active {
19631
+ .pf-v6-c-alert-group__item:active {
20418
19632
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
20419
19633
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
20420
19634
  }
20421
19635
 
19636
+ :where(:root, .pf-v6-c-truncate) {
19637
+ --pf-v6-c-truncate--MinWidth: 6ch;
19638
+ --pf-v6-c-truncate__start--MinWidth: 6ch;
19639
+ }
19640
+
19641
+ .pf-v6-c-truncate {
19642
+ display: inline-grid;
19643
+ grid-auto-flow: column;
19644
+ align-items: baseline;
19645
+ min-width: var(--pf-v6-c-truncate--MinWidth);
19646
+ }
19647
+
19648
+ .pf-v6-c-truncate__start,
19649
+ .pf-v6-c-truncate__end {
19650
+ overflow: hidden;
19651
+ text-overflow: ellipsis;
19652
+ white-space: pre;
19653
+ }
19654
+
19655
+ .pf-v6-c-truncate__start {
19656
+ min-width: var(--pf-v6-c-truncate__start--MinWidth);
19657
+ }
19658
+
19659
+ .pf-v6-c-truncate__end {
19660
+ direction: rtl;
19661
+ }
19662
+
19663
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19664
+ direction: ltr;
19665
+ }
19666
+
19667
+ .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19668
+ overflow: visible;
19669
+ direction: ltr;
19670
+ }
19671
+
19672
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19673
+ direction: rtl;
19674
+ }
19675
+
19676
+ @supports (-webkit-hyphens: none) {
19677
+ .pf-v6-c-truncate__end {
19678
+ direction: ltr;
19679
+ }
19680
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19681
+ direction: rtl;
19682
+ }
19683
+ }
20422
19684
  :where(:root, .pf-v6-c-panel) {
20423
19685
  --pf-v6-c-panel--Width: auto;
20424
19686
  --pf-v6-c-panel--MinWidth: auto;
@@ -20521,54 +19783,6 @@ label.pf-v6-c-tree-view__node-text {
20521
19783
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
20522
19784
  }
20523
19785
 
20524
- :where(:root, .pf-v6-c-truncate) {
20525
- --pf-v6-c-truncate--MinWidth: 6ch;
20526
- --pf-v6-c-truncate__start--MinWidth: 6ch;
20527
- }
20528
-
20529
- .pf-v6-c-truncate {
20530
- display: inline-grid;
20531
- grid-auto-flow: column;
20532
- align-items: baseline;
20533
- min-width: var(--pf-v6-c-truncate--MinWidth);
20534
- }
20535
-
20536
- .pf-v6-c-truncate__start,
20537
- .pf-v6-c-truncate__end {
20538
- overflow: hidden;
20539
- text-overflow: ellipsis;
20540
- white-space: nowrap;
20541
- }
20542
-
20543
- .pf-v6-c-truncate__start {
20544
- min-width: var(--pf-v6-c-truncate__start--MinWidth);
20545
- }
20546
-
20547
- .pf-v6-c-truncate__end {
20548
- direction: rtl;
20549
- }
20550
-
20551
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
20552
- direction: ltr;
20553
- }
20554
-
20555
- .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
20556
- overflow: visible;
20557
- direction: ltr;
20558
- }
20559
-
20560
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
20561
- direction: rtl;
20562
- }
20563
-
20564
- @supports (-webkit-hyphens: none) {
20565
- .pf-v6-c-truncate__end {
20566
- direction: ltr;
20567
- }
20568
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
20569
- direction: rtl;
20570
- }
20571
- }
20572
19786
  :where(:root, .pf-v6-l-bullseye) {
20573
19787
  --pf-v6-l-bullseye--Padding: 0;
20574
19788
  }
@@ -23078,6 +22292,78 @@ label.pf-v6-c-tree-view__node-text {
23078
22292
  --pf-v6-l-flex--spacer--column: 0;
23079
22293
  }
23080
22294
  }
22295
+ :where(:root, .pf-v6-l-gallery) {
22296
+ --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
22297
+ --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
22298
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22299
+ --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
22300
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22301
+ --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
22302
+ --pf-v6-l-gallery--GridTemplateRows: auto;
22303
+ }
22304
+
22305
+ .pf-v6-l-gallery {
22306
+ display: grid;
22307
+ grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
22308
+ grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
22309
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22310
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22311
+ }
22312
+
22313
+ .pf-v6-l-gallery.pf-m-gutter {
22314
+ grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
22315
+ }
22316
+
22317
+ @media (min-width: 576px) {
22318
+ .pf-v6-l-gallery {
22319
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
22320
+ }
22321
+ }
22322
+ @media (min-width: 768px) {
22323
+ .pf-v6-l-gallery {
22324
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
22325
+ }
22326
+ }
22327
+ @media (min-width: 992px) {
22328
+ .pf-v6-l-gallery {
22329
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
22330
+ }
22331
+ }
22332
+ @media (min-width: 1200px) {
22333
+ .pf-v6-l-gallery {
22334
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
22335
+ }
22336
+ }
22337
+ @media (min-width: 1450px) {
22338
+ .pf-v6-l-gallery {
22339
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
22340
+ }
22341
+ }
22342
+ @media (min-width: 576px) {
22343
+ .pf-v6-l-gallery {
22344
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
22345
+ }
22346
+ }
22347
+ @media (min-width: 768px) {
22348
+ .pf-v6-l-gallery {
22349
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
22350
+ }
22351
+ }
22352
+ @media (min-width: 992px) {
22353
+ .pf-v6-l-gallery {
22354
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
22355
+ }
22356
+ }
22357
+ @media (min-width: 1200px) {
22358
+ .pf-v6-l-gallery {
22359
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
22360
+ }
22361
+ }
22362
+ @media (min-width: 1450px) {
22363
+ .pf-v6-l-gallery {
22364
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22365
+ }
22366
+ }
23081
22367
  :where(:root, .pf-v6-l-grid) {
23082
22368
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
23083
22369
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -24065,78 +23351,6 @@ label.pf-v6-c-tree-view__node-text {
24065
23351
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
24066
23352
  }
24067
23353
 
24068
- :where(:root, .pf-v6-l-gallery) {
24069
- --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
24070
- --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
24071
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
24072
- --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
24073
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
24074
- --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
24075
- --pf-v6-l-gallery--GridTemplateRows: auto;
24076
- }
24077
-
24078
- .pf-v6-l-gallery {
24079
- display: grid;
24080
- grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
24081
- grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
24082
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
24083
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
24084
- }
24085
-
24086
- .pf-v6-l-gallery.pf-m-gutter {
24087
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
24088
- }
24089
-
24090
- @media (min-width: 576px) {
24091
- .pf-v6-l-gallery {
24092
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
24093
- }
24094
- }
24095
- @media (min-width: 768px) {
24096
- .pf-v6-l-gallery {
24097
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
24098
- }
24099
- }
24100
- @media (min-width: 992px) {
24101
- .pf-v6-l-gallery {
24102
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
24103
- }
24104
- }
24105
- @media (min-width: 1200px) {
24106
- .pf-v6-l-gallery {
24107
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
24108
- }
24109
- }
24110
- @media (min-width: 1450px) {
24111
- .pf-v6-l-gallery {
24112
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
24113
- }
24114
- }
24115
- @media (min-width: 576px) {
24116
- .pf-v6-l-gallery {
24117
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
24118
- }
24119
- }
24120
- @media (min-width: 768px) {
24121
- .pf-v6-l-gallery {
24122
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
24123
- }
24124
- }
24125
- @media (min-width: 992px) {
24126
- .pf-v6-l-gallery {
24127
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
24128
- }
24129
- }
24130
- @media (min-width: 1200px) {
24131
- .pf-v6-l-gallery {
24132
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
24133
- }
24134
- }
24135
- @media (min-width: 1450px) {
24136
- .pf-v6-l-gallery {
24137
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
24138
- }
24139
- }
24140
23354
  :where(:root, .pf-v6-l-level) {
24141
23355
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
24142
23356
  }