@patternfly/react-templates 6.5.1-prerelease.0 → 6.5.1

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 (3) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/umd/assets/{output-B1SohBXC.css → output-CLKvL5r0.css} +1461 -1461
  3. package/package.json +6 -6
package/dist/umd/assets/{output-B1SohBXC.css → output-CLKvL5r0.css} RENAMED
@@ -3,162 +3,6 @@
3
3
  pointer-events: none;
4
4
  }
5
5
 
6
- .pf-v6-c-label-group {
7
- --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8
- --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
9
- --pf-v6-c-label-group--MaxWidth: 100%;
10
- --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
11
- --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
12
- --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
13
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
14
- --pf-v6-c-label-group__main--MaxWidth: 100%;
15
- --pf-v6-c-label-group__main--MinWidth: 0;
16
- --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
17
- --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
18
- --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
19
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
20
- --pf-v6-c-label-group__list--MaxWidth: 100%;
21
- --pf-v6-c-label-group__list--MinWidth: 0;
22
- --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
23
- --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
24
- --pf-v6-c-label-group__list-item--MaxWidth: 100%;
25
- --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
26
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
27
- --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
28
- --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29
- --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
30
- --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
31
- --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
32
- --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
33
- --pf-v6-c-label-group__label--MaxWidth: 18ch;
34
- --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
35
- --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
36
- --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
37
- --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
38
- --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
39
- --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
40
- --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
41
- --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
42
- --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
43
- --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
44
- }
45
-
46
- .pf-v6-c-label-group {
47
- display: inline-flex;
48
- row-gap: var(--pf-v6-c-label-group--RowGap);
49
- column-gap: var(--pf-v6-c-label-group--ColumnGap);
50
- align-items: center;
51
- max-width: var(--pf-v6-c-label-group--MaxWidth);
52
- }
53
-
54
- .pf-v6-c-label-group.pf-m-category {
55
- padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
56
- padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
57
- padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
58
- padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
59
- background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
60
- border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
61
- border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
62
- }
63
-
64
- .pf-v6-c-label-group.pf-m-vertical {
65
- --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
66
- --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
67
- --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
68
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
69
- --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
70
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
71
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
72
- }
73
-
74
- .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
75
- align-items: flex-start;
76
- }
77
-
78
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
79
- flex-direction: column;
80
- align-items: flex-start;
81
- max-width: var(--pf-v6-c-label-group__list--MaxWidth);
82
- }
83
-
84
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
85
- flex-direction: column;
86
- min-width: var(--pf-v6-c-label-group__main--MinWidth);
87
- }
88
-
89
- .pf-v6-c-label-group.pf-m-editable,
90
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
91
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
92
- display: flex;
93
- }
94
-
95
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
96
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
97
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
98
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
99
- flex: 1;
100
- }
101
-
102
- .pf-v6-c-label-group__main {
103
- display: flex;
104
- flex: 1;
105
- flex-wrap: wrap;
106
- row-gap: var(--pf-v6-c-label-group__main--RowGap);
107
- column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
108
- align-items: baseline;
109
- min-width: var(--pf-v6-c-label-group__main--MinWidth);
110
- }
111
-
112
- .pf-v6-c-label-group__list {
113
- display: inline-flex;
114
- flex-wrap: wrap;
115
- row-gap: var(--pf-v6-c-label-group__list--RowGap);
116
- column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
117
- min-width: var(--pf-v6-c-label-group__list--MinWidth);
118
- }
119
-
120
- .pf-v6-c-label-group__list-item {
121
- display: inline-flex;
122
- max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
123
- }
124
-
125
- .pf-v6-c-label-group__label {
126
- overflow: hidden;
127
- text-overflow: ellipsis;
128
- white-space: nowrap;
129
- max-width: var(--pf-v6-c-label-group__label--MaxWidth);
130
- }
131
-
132
- .pf-v6-c-label-group__close {
133
- display: flex;
134
- align-self: flex-start;
135
- }
136
-
137
- .pf-v6-c-label-group__close .pf-v6-c-button {
138
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
139
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
140
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
141
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
142
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
143
- }
144
-
145
- .pf-v6-c-label-group__textarea {
146
- min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
147
- padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
148
- padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
149
- padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
150
- padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
151
- white-space: nowrap;
152
- resize: none;
153
- scrollbar-width: none;
154
- -ms-overflow-style: none;
155
- border: 0;
156
- }
157
-
158
- .pf-v6-c-label-group__textarea::-webkit-scrollbar {
159
- display: none;
160
- }
161
-
162
6
  .pf-v6-c-badge {
163
7
  --pf-v6-c-badge--BorderColor: transparent;
164
8
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -234,1007 +78,1086 @@
234
78
  color: var(--pf-v6-c-badge__toggle-icon--Color);
235
79
  }
236
80
 
237
- .pf-v6-c-menu-toggle {
238
- --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
239
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
240
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
241
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
242
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
243
- --pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
244
- --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
245
- --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
246
- --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
247
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
248
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
249
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
250
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
251
- --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
252
- --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
253
- --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
254
- --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
255
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
256
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
257
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
258
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
259
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
260
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
261
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
262
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
263
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
264
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
265
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
266
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
267
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
268
- --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
269
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
270
- --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
271
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
272
- --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
273
- --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
274
- --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
275
- --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
276
- --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
277
- --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
278
- --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
279
- --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
280
- --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
281
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
282
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
283
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
284
- --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
285
- --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
286
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
287
- --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
288
- --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
289
- --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
290
- --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
291
- --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
292
- --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
293
- --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
294
- --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
295
- --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
296
- --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
297
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
298
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
299
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
300
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
301
- --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
302
- --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
303
- --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
304
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
305
- --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
306
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
307
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
308
- --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
309
- --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
310
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
311
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
312
- --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
313
- --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
314
- --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
315
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
316
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
317
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
318
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
319
- --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
320
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
321
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
322
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
323
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
324
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
325
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
326
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
327
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
328
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
329
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
330
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
331
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
332
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
333
- --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
334
- --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
335
- --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
336
- --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
337
- --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
338
- --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
339
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
340
- --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
341
- --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
342
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
343
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
344
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
345
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
346
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
347
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
348
- --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
349
- --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
350
- --pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
351
- --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
352
- --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
353
- --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
354
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
355
- --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
356
- --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
357
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
358
- --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
359
- --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
360
- --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
361
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
362
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
363
- --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
364
- --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
365
- --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
366
- --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
367
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
368
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
369
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
370
- --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
371
- --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
372
- --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
373
- --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
374
- --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
375
- --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
376
- --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
377
- --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
378
- --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
379
- --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
380
- --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
381
- --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
382
- --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
383
- --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
384
- --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
385
- --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
386
- --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
387
- }
388
-
389
- .pf-v6-c-menu-toggle {
390
- position: relative;
391
- display: inline-flex;
392
- gap: var(--pf-v6-c-menu-toggle--Gap);
393
- align-items: center;
394
- justify-content: center;
395
- min-width: var(--pf-v6-c-menu-toggle--MinWidth, revert);
396
- max-width: 100%;
397
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
398
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
399
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
400
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
401
- font-size: var(--pf-v6-c-menu-toggle--FontSize);
402
- line-height: var(--pf-v6-c-menu-toggle--LineHeight);
403
- color: var(--pf-v6-c-menu-toggle--Color);
404
- cursor: pointer;
405
- background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
406
- border: 0;
407
- transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
408
- transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
409
- transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
410
- }
411
-
412
- .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
413
- border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
414
- }
415
-
416
- .pf-v6-c-menu-toggle::before {
417
- position: absolute;
418
- inset-block-start: 0;
419
- inset-block-end: 0;
420
- inset-inline-start: 0;
421
- inset-inline-end: 0;
422
- z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
423
- pointer-events: none;
424
- content: "";
425
- border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
426
- transition: inherit;
427
- }
428
-
429
- .pf-v6-c-menu-toggle.pf-m-primary {
430
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
431
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
432
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
433
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
434
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
435
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
436
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
437
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
438
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
439
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
440
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
441
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
442
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
443
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
444
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
445
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
446
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
447
- }
448
-
449
- .pf-v6-c-menu-toggle.pf-m-secondary {
450
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
451
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
452
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
453
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
454
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
455
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
456
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
457
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
458
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
459
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
460
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
461
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
462
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
463
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
464
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
465
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
466
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
81
+ .pf-v6-c-check {
82
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
83
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
84
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
85
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
86
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
87
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
88
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
89
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
90
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
91
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
92
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
93
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
94
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
95
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
467
96
  }
468
97
 
469
- .pf-v6-c-menu-toggle.pf-m-full-height {
470
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
471
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
472
- --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
473
- align-items: center;
474
- height: 100%;
98
+ .pf-v6-c-check {
99
+ display: grid;
100
+ grid-template-columns: auto 1fr;
101
+ grid-gap: var(--pf-v6-c-check--GridGap);
102
+ accent-color: var(--pf-v6-c-check--AccentColor);
475
103
  }
476
104
 
477
- .pf-v6-c-menu-toggle.pf-m-full-width {
478
- width: 100%;
105
+ .pf-v6-c-check.pf-m-standalone {
106
+ display: inline-grid;
107
+ grid-template-columns: auto;
108
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
479
109
  }
480
110
 
481
- .pf-v6-c-menu-toggle.pf-m-form {
482
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
111
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
112
+ align-self: center;
113
+ transform: none;
483
114
  }
484
115
 
485
- .pf-v6-c-menu-toggle.pf-m-plain {
486
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
487
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
488
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
489
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
490
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
491
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
492
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
493
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
494
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
495
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
496
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
497
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
498
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
499
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
500
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
501
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
116
+ .pf-v6-c-check__input {
117
+ align-self: start;
118
+ font-size: var(--pf-v6-c-check__label--FontSize);
119
+ line-height: var(--pf-v6-c-check__label--LineHeight);
120
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
502
121
  }
503
122
 
504
- .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
505
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
123
+ .pf-v6-c-check__label {
124
+ font-size: var(--pf-v6-c-check__label--FontSize);
125
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
126
+ line-height: var(--pf-v6-c-check__label--LineHeight);
127
+ color: var(--pf-v6-c-check__label--Color);
506
128
  }
507
129
 
508
- .pf-v6-c-menu-toggle.pf-m-plain::before {
509
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
510
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
130
+ .pf-v6-c-check__description {
131
+ grid-column: 2;
132
+ font-size: var(--pf-v6-c-check__description--FontSize);
133
+ color: var(--pf-v6-c-check__description--Color);
511
134
  }
512
135
 
513
- .pf-v6-c-menu-toggle:is(:hover, :focus) {
514
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
515
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
516
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
517
- --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
518
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
519
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
520
- --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
521
- --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
522
- --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
523
- --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
136
+ .pf-v6-c-check__body {
137
+ grid-column: 2;
524
138
  }
525
139
 
526
- .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
527
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
528
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
529
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
530
- --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
531
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
532
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
140
+ .pf-v6-c-check__label,
141
+ .pf-v6-c-check__input {
142
+ justify-self: start;
533
143
  }
534
144
 
535
- .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
536
- border: 0;
145
+ label.pf-v6-c-check, .pf-v6-c-check__label,
146
+ .pf-v6-c-check__input {
147
+ cursor: pointer;
537
148
  }
538
149
 
539
- .pf-v6-c-menu-toggle.pf-m-small {
540
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
541
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
542
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
543
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
544
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
545
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
546
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
547
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
150
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
151
+ .pf-v6-c-check__input:disabled,
152
+ .pf-v6-c-check__input.pf-m-disabled {
153
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
154
+ cursor: not-allowed;
548
155
  }
549
156
 
550
- .pf-v6-c-menu-toggle.pf-m-success {
551
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
552
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
157
+ .pf-v6-c-check__label-required {
158
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
159
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
160
+ color: var(--pf-v6-c-check__label-required--Color);
553
161
  }
554
162
 
555
- .pf-v6-c-menu-toggle.pf-m-warning {
556
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
557
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
558
- }
559
-
560
- .pf-v6-c-menu-toggle.pf-m-danger {
561
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
562
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
163
+ .pf-v6-c-text-input-group {
164
+ --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
165
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
166
+ --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
167
+ --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
168
+ --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
169
+ --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
170
+ --pf-v6-c-text-input-group__LineHeight: var(--pf-t--global--font--line-height--body);
171
+ --pf-v6-c-text-input-group__FontSize: var(--pf-t--global--font--size--body--default);
172
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
173
+ --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
174
+ --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
175
+ --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
176
+ --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
177
+ --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
178
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
179
+ --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
180
+ --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
181
+ --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
182
+ --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
183
+ --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
184
+ --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
185
+ --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
186
+ --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
187
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
188
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
189
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
190
+ --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
191
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
192
+ --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
193
+ --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
194
+ --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
195
+ --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
196
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
197
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
198
+ --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
199
+ --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
200
+ --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
201
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
202
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
203
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
204
+ --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
205
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
206
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
207
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
208
+ --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
209
+ --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
210
+ --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
211
+ --pf-v6-c-text-input-group__icon--TranslateY: -50%;
212
+ --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
213
+ --pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
214
+ --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
563
215
  }
564
216
 
565
- @media screen and (prefers-reduced-motion: no-preference) {
566
- .pf-v6-c-menu-toggle.pf-m-danger {
567
- transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
568
- animation-name: pf-v6-c-menu-toggle-m-danger-motion;
569
- animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
570
- animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
571
- animation-fill-mode: both;
572
- }
573
- }
574
- .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
575
- animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
576
- animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
577
- animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
217
+ .pf-v6-c-text-input-group {
218
+ position: relative;
219
+ display: flex;
220
+ width: 100%;
221
+ font-size: var(--pf-v6-c-text-input-group__FontSize);
222
+ line-height: var(--pf-v6-c-text-input-group__LineHeight);
223
+ color: var(--pf-v6-c-text-input-group--Color, inherit);
224
+ background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
225
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
226
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
227
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
228
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
578
229
  }
579
230
 
580
- @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
581
- from {
582
- opacity: 0;
583
- }
584
- to {
585
- opacity: 1;
586
- }
587
- }
588
- .pf-v6-c-menu-toggle.pf-m-settings {
589
- --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
590
- --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
591
- --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
592
- --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
593
- --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
594
- --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
595
- --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
231
+ .pf-v6-c-text-input-group::before {
232
+ position: absolute;
233
+ inset: 0;
234
+ pointer-events: none;
235
+ content: "";
236
+ border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
237
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
238
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
239
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
240
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
596
241
  }
597
242
 
598
- .pf-v6-c-menu-toggle.pf-m-placeholder {
599
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
243
+ .pf-v6-c-text-input-group.pf-m-disabled {
244
+ --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
245
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
246
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
247
+ --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
248
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
249
+ --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
250
+ pointer-events: none;
600
251
  }
601
252
 
602
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
603
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
604
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
605
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
606
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
607
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
253
+ .pf-v6-c-text-input-group.pf-m-plain {
254
+ --pf-v6-c-text-input-group--BackgroundColor: transparent;
608
255
  }
609
256
 
610
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
611
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
612
- pointer-events: none;
257
+ .pf-v6-c-text-input-group.pf-m-plain::before {
258
+ border: 0;
613
259
  }
614
260
 
615
- .pf-v6-c-menu-toggle.pf-m-docked {
616
- justify-content: flex-start;
617
- width: 100%;
261
+ .pf-v6-c-text-input-group.pf-m-success {
262
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-success--BorderColor);
263
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-success--BorderColor);
264
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color);
618
265
  }
619
266
 
620
- @media (min-width: 62rem) {
621
- .pf-v6-c-menu-toggle.pf-m-docked {
622
- justify-content: center;
623
- width: auto;
624
- }
625
- .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
626
- .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls {
627
- display: none;
628
- }
629
- }
630
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle.pf-m-text-expanded {
631
- justify-content: flex-start;
632
- width: 100%;
267
+ .pf-v6-c-text-input-group.pf-m-warning {
268
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-warning--BorderColor);
269
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor);
270
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color);
633
271
  }
634
272
 
635
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
636
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
637
- .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
638
- display: revert;
273
+ .pf-v6-c-text-input-group.pf-m-error {
274
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-error--BorderColor);
275
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
276
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
639
277
  }
640
278
 
641
- @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
642
- syntax: "<length>";
643
- inherits: false;
644
- initial-value: 0;
645
- }
646
279
  @media (prefers-reduced-motion: no-preference) {
647
- @keyframes pf-v6-c-menu-toggle-m-danger-motion {
648
- 33% {
649
- --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
650
- }
651
- 66% {
652
- --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
653
- }
280
+ .pf-v6-c-text-input-group.pf-m-error {
281
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
282
+ animation-name: pf-v6-global-danger-jiggle-motion;
283
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
284
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
285
+ animation-fill-mode: both;
654
286
  }
655
287
  }
656
- .pf-v6-c-menu-toggle.pf-m-split-button {
657
- --pf-v6-c-menu-toggle--Gap: 0;
658
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
659
- padding: 0;
288
+ .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
289
+ --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
290
+ --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
291
+ animation-name: pf-v6-global-fade-in;
292
+ animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
293
+ animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
660
294
  }
661
295
 
662
- .pf-v6-c-menu-toggle.pf-m-split-button > * {
663
- position: relative;
664
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
665
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
666
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
667
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
296
+ .pf-v6-c-text-input-group:hover {
297
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
668
298
  }
669
299
 
670
- .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
671
- border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
672
- border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
300
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
301
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
673
302
  }
674
303
 
675
- .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
676
- border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
677
- border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
304
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
305
+ --pf-v6-c-text-input-group__text--Position: relative;
678
306
  }
679
307
 
680
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
681
- --pf-v6-c-check__label--Color: currentcolor;
682
- --pf-v6-c-check__label--disabled--Color: currentcolor;
683
- align-items: center;
684
- align-self: stretch;
308
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
309
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
310
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
685
311
  }
686
312
 
687
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
688
- --pf-v6-c-check__input--TranslateY: 0;
689
- align-self: center;
313
+ .pf-v6-c-text-input-group__main {
314
+ display: flex;
315
+ flex: 1;
316
+ flex-wrap: wrap;
317
+ gap: var(--pf-v6-c-text-input-group__main--RowGap) var(--pf-v6-c-text-input-group__main--ColumnGap);
318
+ min-width: 0;
690
319
  }
691
320
 
692
- .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
693
- border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
321
+ .pf-v6-c-text-input-group__main.pf-m-icon {
322
+ --pf-v6-c-text-input-group__text--Position: relative;
323
+ --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
324
+ display: inline-flex;
325
+ align-items: center;
326
+ justify-content: center;
327
+ min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
694
328
  }
695
329
 
696
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
697
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
330
+ .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
331
+ margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
698
332
  }
699
333
 
700
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
701
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
702
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
334
+ .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
335
+ padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
336
+ padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
337
+ padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
703
338
  }
704
339
 
705
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
706
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
707
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
340
+ .pf-v6-c-text-input-group__text {
341
+ position: var(--pf-v6-c-text-input-group__text--Position, revert);
342
+ display: inline-grid;
343
+ flex: 1;
344
+ grid-template-areas: "text-input";
345
+ grid-template-columns: 1fr;
708
346
  }
709
347
 
710
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
711
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
712
- }
713
-
714
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
715
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
348
+ .pf-v6-c-text-input-group__icon {
349
+ position: absolute;
350
+ inset-block-start: 50%;
351
+ inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
352
+ font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
353
+ color: var(--pf-v6-c-text-input-group__icon--Color);
354
+ transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
716
355
  }
717
356
 
718
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
719
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
720
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
721
- padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
357
+ .pf-v6-c-text-input-group__icon.pf-m-status {
358
+ inset-inline-start: auto;
359
+ inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
360
+ color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
722
361
  }
723
362
 
724
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
725
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
726
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
727
- padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
363
+ .pf-v6-c-text-input-group__text-input {
364
+ overflow: hidden;
365
+ text-overflow: ellipsis;
366
+ white-space: nowrap;
367
+ position: relative;
368
+ width: 100%;
369
+ min-width: var(--pf-v6-c-text-input-group__text-input--MinWidth);
370
+ padding-block-start: var(--pf-v6-c-text-input-group__text-input--PaddingBlockStart);
371
+ padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
372
+ padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
373
+ padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
374
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
375
+ background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
376
+ border: 0;
377
+ outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
728
378
  }
729
379
 
730
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
731
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
380
+ .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
381
+ grid-area: text-input;
732
382
  }
733
383
 
734
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
735
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
736
- color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
737
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
384
+ .pf-v6-c-text-input-group__text-input.pf-m-hint {
385
+ color: var(--pf-v6-c-text-input-group__text-input--m-hint--Color);
738
386
  }
739
387
 
740
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
741
- content: none;
388
+ .pf-v6-c-text-input-group__text-input::placeholder {
389
+ color: var(--pf-v6-c-text-input-group__text-input--placeholder--Color);
742
390
  }
743
391
 
744
- .pf-v6-c-menu-toggle.pf-m-typeahead {
745
- --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
746
- --pf-v6-c-menu-toggle--Gap: 0;
747
- align-items: stretch;
748
- padding: 0;
392
+ .pf-v6-c-text-input-group__utilities {
393
+ display: flex;
394
+ align-items: center;
395
+ margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
396
+ margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
749
397
  }
750
398
 
751
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
752
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
399
+ .pf-v6-c-text-input-group__utilities > * + * {
400
+ margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
753
401
  }
754
402
 
755
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
756
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
403
+ .pf-v6-c-text-input-group__group {
757
404
  display: flex;
758
- align-items: stretch;
759
- }
760
-
761
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
762
- --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
763
- flex: 1;
764
405
  }
765
406
 
766
- .pf-v6-c-menu-toggle__button {
767
- gap: var(--pf-v6-c-menu-toggle__button--Gap);
768
- align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
769
- min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
770
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
771
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
772
- color: inherit;
773
- background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
774
- border: 0;
407
+ .pf-v6-c-label-group {
408
+ --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
409
+ --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
410
+ --pf-v6-c-label-group--MaxWidth: 100%;
411
+ --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
412
+ --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
413
+ --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
414
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
415
+ --pf-v6-c-label-group__main--MaxWidth: 100%;
416
+ --pf-v6-c-label-group__main--MinWidth: 0;
417
+ --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
418
+ --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
419
+ --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
420
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
421
+ --pf-v6-c-label-group__list--MaxWidth: 100%;
422
+ --pf-v6-c-label-group__list--MinWidth: 0;
423
+ --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
424
+ --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
425
+ --pf-v6-c-label-group__list-item--MaxWidth: 100%;
426
+ --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
427
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
428
+ --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
429
+ --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
430
+ --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
431
+ --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
432
+ --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
433
+ --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
434
+ --pf-v6-c-label-group__label--MaxWidth: 18ch;
435
+ --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
436
+ --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
437
+ --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
438
+ --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
439
+ --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
440
+ --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
441
+ --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
442
+ --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
443
+ --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
444
+ --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
775
445
  }
776
446
 
777
- .pf-v6-c-menu-toggle__button.pf-m-text {
447
+ .pf-v6-c-label-group {
778
448
  display: inline-flex;
779
- align-items: baseline;
449
+ row-gap: var(--pf-v6-c-label-group--RowGap);
450
+ column-gap: var(--pf-v6-c-label-group--ColumnGap);
451
+ align-items: center;
452
+ max-width: var(--pf-v6-c-label-group--MaxWidth);
780
453
  }
781
454
 
782
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
783
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
784
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
455
+ .pf-v6-c-label-group.pf-m-category {
456
+ padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
457
+ padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
458
+ padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
459
+ padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
460
+ background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
461
+ border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
462
+ border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
785
463
  }
786
464
 
787
- .pf-v6-c-menu-toggle__text {
788
- overflow: hidden;
789
- text-overflow: ellipsis;
790
- white-space: nowrap;
791
- min-width: 0;
465
+ .pf-v6-c-label-group.pf-m-vertical {
466
+ --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
467
+ --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
468
+ --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
469
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
470
+ --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
471
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
472
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
792
473
  }
793
474
 
794
- .pf-v6-c-menu-toggle__count {
795
- display: flex;
796
- flex-wrap: nowrap;
475
+ .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
476
+ align-items: flex-start;
797
477
  }
798
478
 
799
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
800
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
801
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
802
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
803
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
479
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
480
+ flex-direction: column;
481
+ align-items: flex-start;
482
+ max-width: var(--pf-v6-c-label-group__list--MaxWidth);
804
483
  }
805
484
 
806
- .pf-v6-c-menu-toggle__icon {
807
- flex-shrink: 0;
808
- transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
809
- transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
810
- transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
811
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
485
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
486
+ flex-direction: column;
487
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
812
488
  }
813
489
 
814
- .pf-v6-c-menu-toggle__icon :where(picture, img) {
815
- vertical-align: middle;
490
+ .pf-v6-c-label-group.pf-m-editable,
491
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
492
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
493
+ display: flex;
816
494
  }
817
495
 
818
- .pf-v6-c-menu-toggle__controls {
819
- display: flex;
820
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
821
- align-items: center;
822
- justify-content: center;
823
- margin-inline-start: auto;
496
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
497
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
498
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
499
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
500
+ flex: 1;
824
501
  }
825
502
 
826
- .pf-v6-c-menu-toggle__toggle-icon {
827
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
828
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
503
+ .pf-v6-c-label-group__main {
504
+ display: flex;
505
+ flex: 1;
506
+ flex-wrap: wrap;
507
+ row-gap: var(--pf-v6-c-label-group__main--RowGap);
508
+ column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
509
+ align-items: baseline;
510
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
829
511
  }
830
512
 
831
- .pf-v6-c-menu-toggle__status-icon {
832
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
513
+ .pf-v6-c-label-group__list {
514
+ display: inline-flex;
515
+ flex-wrap: wrap;
516
+ row-gap: var(--pf-v6-c-label-group__list--RowGap);
517
+ column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
518
+ min-width: var(--pf-v6-c-label-group__list--MinWidth);
833
519
  }
834
520
 
835
- .pf-v6-c-check {
836
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
837
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
838
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
839
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
840
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
841
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
842
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
843
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
844
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
845
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
846
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
847
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
848
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
849
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
521
+ .pf-v6-c-label-group__list-item {
522
+ display: inline-flex;
523
+ max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
850
524
  }
851
525
 
852
- .pf-v6-c-check {
853
- display: grid;
854
- grid-template-columns: auto 1fr;
855
- grid-gap: var(--pf-v6-c-check--GridGap);
856
- accent-color: var(--pf-v6-c-check--AccentColor);
526
+ .pf-v6-c-label-group__label {
527
+ overflow: hidden;
528
+ text-overflow: ellipsis;
529
+ white-space: nowrap;
530
+ max-width: var(--pf-v6-c-label-group__label--MaxWidth);
857
531
  }
858
532
 
859
- .pf-v6-c-check.pf-m-standalone {
860
- display: inline-grid;
861
- grid-template-columns: auto;
862
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
533
+ .pf-v6-c-label-group__close {
534
+ display: flex;
535
+ align-self: flex-start;
863
536
  }
864
537
 
865
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
866
- align-self: center;
867
- transform: none;
538
+ .pf-v6-c-label-group__close .pf-v6-c-button {
539
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
540
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
541
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
542
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
543
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
868
544
  }
869
545
 
870
- .pf-v6-c-check__input {
871
- align-self: start;
872
- font-size: var(--pf-v6-c-check__label--FontSize);
873
- line-height: var(--pf-v6-c-check__label--LineHeight);
874
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
546
+ .pf-v6-c-label-group__textarea {
547
+ min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
548
+ padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
549
+ padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
550
+ padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
551
+ padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
552
+ white-space: nowrap;
553
+ resize: none;
554
+ scrollbar-width: none;
555
+ -ms-overflow-style: none;
556
+ border: 0;
557
+ }
558
+
559
+ .pf-v6-c-label-group__textarea::-webkit-scrollbar {
560
+ display: none;
561
+ }
562
+
563
+ .pf-v6-c-menu-toggle {
564
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
565
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
566
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
567
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
568
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
569
+ --pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
570
+ --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
571
+ --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
572
+ --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
573
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
574
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
575
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
576
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
577
+ --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
578
+ --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
579
+ --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
580
+ --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
581
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
582
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
583
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
584
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
585
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
586
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
587
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
588
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
589
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
590
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
591
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
592
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
593
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
594
+ --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
595
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
596
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
597
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
598
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
599
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
600
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: none;
601
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
602
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
603
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
604
+ --pf-v6-c-menu-toggle__icon--Rotate: 0deg;
605
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
606
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
607
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
608
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
609
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
610
+ --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
611
+ --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
612
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
613
+ --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
614
+ --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
615
+ --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
616
+ --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
617
+ --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
618
+ --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
619
+ --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
620
+ --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
621
+ --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
622
+ --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
623
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
624
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
625
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
626
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
627
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
628
+ --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
629
+ --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
630
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
631
+ --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
632
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
633
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
634
+ --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
635
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
636
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
637
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
638
+ --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
639
+ --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
640
+ --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
641
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
642
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
643
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
644
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
645
+ --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
646
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
647
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
648
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
649
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
650
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
651
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
652
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
653
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
654
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
655
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
656
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
657
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
658
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
659
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
660
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
661
+ --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
662
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
663
+ --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
664
+ --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
665
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
666
+ --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
667
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
668
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
669
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
670
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
671
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
672
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
673
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
674
+ --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
675
+ --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
676
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
677
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
678
+ --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
679
+ --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
680
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
681
+ --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
682
+ --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
683
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
684
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
685
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
686
+ --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
687
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
688
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
689
+ --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
690
+ --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
691
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
692
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
693
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
694
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
695
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
696
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
697
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
698
+ --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
699
+ --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
700
+ --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
701
+ --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
702
+ --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
703
+ --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
704
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
705
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
706
+ --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
707
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
708
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
709
+ --pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
710
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
711
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
712
+ --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
713
+ }
714
+
715
+ .pf-v6-c-menu-toggle {
716
+ position: relative;
717
+ display: inline-flex;
718
+ gap: var(--pf-v6-c-menu-toggle--Gap);
719
+ align-items: center;
720
+ justify-content: center;
721
+ min-width: var(--pf-v6-c-menu-toggle--MinWidth, revert);
722
+ max-width: 100%;
723
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
724
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
725
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
726
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
727
+ font-size: var(--pf-v6-c-menu-toggle--FontSize);
728
+ line-height: var(--pf-v6-c-menu-toggle--LineHeight);
729
+ color: var(--pf-v6-c-menu-toggle--Color);
730
+ cursor: pointer;
731
+ background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
732
+ border: 0;
733
+ transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
734
+ transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
735
+ transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
736
+ }
737
+
738
+ .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
739
+ border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
740
+ }
741
+
742
+ .pf-v6-c-menu-toggle::before {
743
+ position: absolute;
744
+ inset-block-start: 0;
745
+ inset-block-end: 0;
746
+ inset-inline-start: 0;
747
+ inset-inline-end: 0;
748
+ z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
749
+ pointer-events: none;
750
+ content: "";
751
+ border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
752
+ transition: inherit;
753
+ }
754
+
755
+ .pf-v6-c-menu-toggle.pf-m-primary {
756
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
757
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
758
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
759
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
760
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
761
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
762
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
763
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
764
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
765
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
766
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
767
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
768
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
769
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
770
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
771
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
772
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
773
+ }
774
+
775
+ .pf-v6-c-menu-toggle.pf-m-secondary {
776
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
777
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
778
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
779
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
780
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
781
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
782
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
783
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
784
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
785
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
786
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
787
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
788
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
789
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
790
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
791
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
792
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
793
+ }
794
+
795
+ .pf-v6-c-menu-toggle.pf-m-full-height {
796
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
797
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
798
+ --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
799
+ align-items: center;
800
+ height: 100%;
801
+ }
802
+
803
+ .pf-v6-c-menu-toggle.pf-m-full-width {
804
+ width: 100%;
805
+ }
806
+
807
+ .pf-v6-c-menu-toggle.pf-m-form {
808
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
809
+ }
810
+
811
+ .pf-v6-c-menu-toggle.pf-m-plain {
812
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
813
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
814
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
815
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
816
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
817
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
818
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
819
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
820
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
821
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
822
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
823
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
824
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
825
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
826
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
827
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
828
+ }
829
+
830
+ .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
831
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
832
+ }
833
+
834
+ .pf-v6-c-menu-toggle.pf-m-plain::before {
835
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
836
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
837
+ }
838
+
839
+ .pf-v6-c-menu-toggle:is(:hover, :focus) {
840
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
841
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
842
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
843
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
844
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
845
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
846
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
847
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
848
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
849
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
850
+ }
851
+
852
+ .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
853
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
854
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
855
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
856
+ --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
857
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
858
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
859
+ }
860
+
861
+ .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
862
+ border: 0;
863
+ }
864
+
865
+ .pf-v6-c-menu-toggle.pf-m-small {
866
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
867
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
868
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
869
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
870
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
871
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
872
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
873
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
874
+ }
875
+
876
+ .pf-v6-c-menu-toggle.pf-m-success {
877
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
878
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
879
+ }
880
+
881
+ .pf-v6-c-menu-toggle.pf-m-warning {
882
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
883
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
884
+ }
885
+
886
+ .pf-v6-c-menu-toggle.pf-m-danger {
887
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
888
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
889
+ }
890
+
891
+ @media screen and (prefers-reduced-motion: no-preference) {
892
+ .pf-v6-c-menu-toggle.pf-m-danger {
893
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
894
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
895
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
896
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
897
+ animation-fill-mode: both;
898
+ }
899
+ }
900
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
901
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
902
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
903
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
875
904
  }
876
905
 
877
- .pf-v6-c-check__label {
878
- font-size: var(--pf-v6-c-check__label--FontSize);
879
- font-weight: var(--pf-v6-c-check__label--FontWeight);
880
- line-height: var(--pf-v6-c-check__label--LineHeight);
881
- color: var(--pf-v6-c-check__label--Color);
906
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
907
+ from {
908
+ opacity: 0;
909
+ }
910
+ to {
911
+ opacity: 1;
912
+ }
913
+ }
914
+ .pf-v6-c-menu-toggle.pf-m-settings {
915
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
916
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
917
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
918
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
919
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
920
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
921
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
882
922
  }
883
923
 
884
- .pf-v6-c-check__description {
885
- grid-column: 2;
886
- font-size: var(--pf-v6-c-check__description--FontSize);
887
- color: var(--pf-v6-c-check__description--Color);
924
+ .pf-v6-c-menu-toggle.pf-m-placeholder {
925
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
888
926
  }
889
927
 
890
- .pf-v6-c-check__body {
891
- grid-column: 2;
928
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
929
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
930
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
931
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
932
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
933
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
892
934
  }
893
935
 
894
- .pf-v6-c-check__label,
895
- .pf-v6-c-check__input {
896
- justify-self: start;
936
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
937
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
938
+ pointer-events: none;
897
939
  }
898
940
 
899
- label.pf-v6-c-check, .pf-v6-c-check__label,
900
- .pf-v6-c-check__input {
901
- cursor: pointer;
941
+ .pf-v6-c-menu-toggle.pf-m-docked {
942
+ justify-content: flex-start;
943
+ width: 100%;
902
944
  }
903
945
 
904
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
905
- .pf-v6-c-check__input:disabled,
906
- .pf-v6-c-check__input.pf-m-disabled {
907
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
908
- cursor: not-allowed;
946
+ @media (min-width: 62rem) {
947
+ .pf-v6-c-menu-toggle.pf-m-docked {
948
+ justify-content: center;
949
+ width: auto;
950
+ }
951
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
952
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls {
953
+ display: none;
954
+ }
955
+ }
956
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle.pf-m-text-expanded {
957
+ justify-content: flex-start;
958
+ width: 100%;
909
959
  }
910
960
 
911
- .pf-v6-c-check__label-required {
912
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
913
- font-size: var(--pf-v6-c-check__label-required--FontSize);
914
- color: var(--pf-v6-c-check__label-required--Color);
961
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
962
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
963
+ .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
964
+ display: revert;
915
965
  }
916
966
 
917
- .pf-v6-c-divider {
918
- --pf-v6-c-divider--Display: flex;
919
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
920
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
921
- --pf-v6-c-divider--before--FlexBasis: 100%;
967
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
968
+ syntax: "<length>";
969
+ inherits: false;
970
+ initial-value: 0;
971
+ }
972
+ @media (prefers-reduced-motion: no-preference) {
973
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
974
+ 33% {
975
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
976
+ }
977
+ 66% {
978
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
979
+ }
980
+ }
981
+ }
982
+ .pf-v6-c-menu-toggle.pf-m-split-button {
983
+ --pf-v6-c-menu-toggle--Gap: 0;
984
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
985
+ padding: 0;
922
986
  }
923
987
 
924
- .pf-v6-c-divider {
925
- flex-direction: row;
926
- width: 100%;
927
- height: var(--pf-v6-c-divider--Size);
928
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
929
- --pf-v6-hidden-visible--hidden--Display: none;
930
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
931
- display: var(--pf-v6-hidden-visible--Display);
988
+ .pf-v6-c-menu-toggle.pf-m-split-button > * {
989
+ position: relative;
990
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
991
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
992
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
993
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
932
994
  }
933
995
 
934
- .pf-v6-c-divider.pf-m-hidden {
935
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
996
+ .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
997
+ border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
998
+ border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
936
999
  }
937
1000
 
938
- @media screen and (min-width: 36rem) {
939
- .pf-v6-c-divider.pf-m-hidden-on-sm {
940
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
941
- }
942
- .pf-v6-c-divider.pf-m-visible-on-sm {
943
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
944
- }
1001
+ .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
1002
+ border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
1003
+ border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
945
1004
  }
946
- @media screen and (min-width: 48rem) {
947
- .pf-v6-c-divider.pf-m-hidden-on-md {
948
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
949
- }
950
- .pf-v6-c-divider.pf-m-visible-on-md {
951
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
952
- }
1005
+
1006
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
1007
+ --pf-v6-c-check__label--Color: currentcolor;
1008
+ --pf-v6-c-check__label--disabled--Color: currentcolor;
1009
+ align-items: center;
1010
+ align-self: stretch;
953
1011
  }
954
- @media screen and (min-width: 62rem) {
955
- .pf-v6-c-divider.pf-m-hidden-on-lg {
956
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
957
- }
958
- .pf-v6-c-divider.pf-m-visible-on-lg {
959
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
960
- }
1012
+
1013
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
1014
+ --pf-v6-c-check__input--TranslateY: 0;
1015
+ align-self: center;
961
1016
  }
962
- @media screen and (min-width: 75rem) {
963
- .pf-v6-c-divider.pf-m-hidden-on-xl {
964
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
965
- }
966
- .pf-v6-c-divider.pf-m-visible-on-xl {
967
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
968
- }
1017
+
1018
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
1019
+ border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
969
1020
  }
970
- @media screen and (min-width: 90.625rem) {
971
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
972
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
973
- }
974
- .pf-v6-c-divider.pf-m-visible-on-2xl {
975
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
976
- }
1021
+
1022
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
1023
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
977
1024
  }
978
- .pf-v6-c-divider {
979
- flex-shrink: 0;
1025
+
1026
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
1027
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
1028
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
1029
+ }
1030
+
1031
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
1032
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
1033
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
1034
+ }
1035
+
1036
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
1037
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
1038
+ }
1039
+
1040
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
1041
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
1042
+ }
1043
+
1044
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
1045
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
1046
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
1047
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
1048
+ }
1049
+
1050
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
1051
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
1052
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
1053
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
1054
+ }
1055
+
1056
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
1057
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
1058
+ }
1059
+
1060
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
1061
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
1062
+ color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
1063
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
1064
+ }
1065
+
1066
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
1067
+ content: none;
1068
+ }
1069
+
1070
+ .pf-v6-c-menu-toggle.pf-m-typeahead {
1071
+ --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
1072
+ --pf-v6-c-menu-toggle--Gap: 0;
980
1073
  align-items: stretch;
981
- align-self: stretch;
982
- justify-content: center;
983
- border: 0;
1074
+ padding: 0;
984
1075
  }
985
1076
 
986
- .pf-v6-c-divider::before {
987
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
988
- content: "";
989
- background-color: var(--pf-v6-c-divider--Color);
990
- border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
991
- border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
1077
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
1078
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
992
1079
  }
993
1080
 
994
- .pf-v6-c-divider.pf-m-horizontal {
995
- flex-direction: row;
996
- width: 100%;
997
- height: var(--pf-v6-c-divider--Size);
1081
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
1082
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
1083
+ display: flex;
1084
+ align-items: stretch;
1085
+ }
1086
+
1087
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
1088
+ --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
1089
+ flex: 1;
1090
+ }
1091
+
1092
+ .pf-v6-c-menu-toggle__button {
1093
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
1094
+ align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
1095
+ min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
1096
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
1097
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
1098
+ color: inherit;
1099
+ background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
1100
+ border: 0;
998
1101
  }
999
1102
 
1000
- .pf-v6-c-divider.pf-m-vertical {
1001
- flex-direction: column;
1002
- width: var(--pf-v6-c-divider--Size);
1003
- height: inherit;
1103
+ .pf-v6-c-menu-toggle__button.pf-m-text {
1104
+ display: inline-flex;
1105
+ align-items: baseline;
1004
1106
  }
1005
1107
 
1006
- .pf-v6-c-divider.pf-m-inset-none {
1007
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
1108
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
1109
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
1110
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
1008
1111
  }
1009
1112
 
1010
- .pf-v6-c-divider.pf-m-inset-xs {
1011
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
1113
+ .pf-v6-c-menu-toggle__text {
1114
+ overflow: hidden;
1115
+ text-overflow: ellipsis;
1116
+ white-space: nowrap;
1117
+ min-width: 0;
1012
1118
  }
1013
1119
 
1014
- .pf-v6-c-divider.pf-m-inset-sm {
1015
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
1120
+ .pf-v6-c-menu-toggle__count {
1121
+ display: flex;
1122
+ flex-wrap: nowrap;
1016
1123
  }
1017
1124
 
1018
- .pf-v6-c-divider.pf-m-inset-md {
1019
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
1125
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
1126
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
1127
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
1128
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
1129
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
1020
1130
  }
1021
1131
 
1022
- .pf-v6-c-divider.pf-m-inset-lg {
1023
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
1132
+ .pf-v6-c-menu-toggle__icon {
1133
+ flex-shrink: 0;
1134
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
1135
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
1136
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
1137
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
1024
1138
  }
1025
1139
 
1026
- .pf-v6-c-divider.pf-m-inset-xl {
1027
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
1140
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
1141
+ vertical-align: middle;
1028
1142
  }
1029
1143
 
1030
- .pf-v6-c-divider.pf-m-inset-2xl {
1031
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
1144
+ .pf-v6-c-menu-toggle__controls {
1145
+ display: flex;
1146
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
1147
+ align-items: center;
1148
+ justify-content: center;
1149
+ margin-inline-start: auto;
1032
1150
  }
1033
1151
 
1034
- .pf-v6-c-divider.pf-m-inset-3xl {
1035
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
1152
+ .pf-v6-c-menu-toggle__toggle-icon {
1153
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
1154
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
1036
1155
  }
1037
1156
 
1038
- @media (min-width: 36rem) {
1039
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
1040
- flex-direction: row;
1041
- width: 100%;
1042
- height: var(--pf-v6-c-divider--Size);
1043
- }
1044
- }
1045
- @media (min-width: 36rem) {
1046
- .pf-v6-c-divider.pf-m-vertical-on-sm {
1047
- flex-direction: column;
1048
- width: var(--pf-v6-c-divider--Size);
1049
- height: inherit;
1050
- }
1051
- }
1052
- @media (min-width: 36rem) {
1053
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
1054
- --pf-v6-c-divider--before--FlexBasis: 100%;
1055
- }
1056
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
1057
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
1058
- }
1059
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
1060
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
1061
- }
1062
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
1063
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
1064
- }
1065
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
1066
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
1067
- }
1068
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
1069
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
1070
- }
1071
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
1072
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
1073
- }
1074
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
1075
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
1076
- }
1077
- }
1078
- @media (min-width: 48rem) {
1079
- .pf-v6-c-divider.pf-m-horizontal-on-md {
1080
- flex-direction: row;
1081
- width: 100%;
1082
- height: var(--pf-v6-c-divider--Size);
1083
- }
1084
- }
1085
- @media (min-width: 48rem) {
1086
- .pf-v6-c-divider.pf-m-vertical-on-md {
1087
- flex-direction: column;
1088
- width: var(--pf-v6-c-divider--Size);
1089
- height: inherit;
1090
- }
1091
- }
1092
- @media (min-width: 48rem) {
1093
- .pf-v6-c-divider.pf-m-inset-none-on-md {
1094
- --pf-v6-c-divider--before--FlexBasis: 100%;
1095
- }
1096
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
1097
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
1098
- }
1099
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
1100
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
1101
- }
1102
- .pf-v6-c-divider.pf-m-inset-md-on-md {
1103
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
1104
- }
1105
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
1106
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
1107
- }
1108
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
1109
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
1110
- }
1111
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
1112
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
1113
- }
1114
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
1115
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
1116
- }
1117
- }
1118
- @media (min-width: 62rem) {
1119
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
1120
- flex-direction: row;
1121
- width: 100%;
1122
- height: var(--pf-v6-c-divider--Size);
1123
- }
1124
- }
1125
- @media (min-width: 62rem) {
1126
- .pf-v6-c-divider.pf-m-vertical-on-lg {
1127
- flex-direction: column;
1128
- width: var(--pf-v6-c-divider--Size);
1129
- height: inherit;
1130
- }
1131
- }
1132
- @media (min-width: 62rem) {
1133
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
1134
- --pf-v6-c-divider--before--FlexBasis: 100%;
1135
- }
1136
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
1137
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
1138
- }
1139
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
1140
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
1141
- }
1142
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
1143
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
1144
- }
1145
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
1146
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
1147
- }
1148
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
1149
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
1150
- }
1151
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
1152
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
1153
- }
1154
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
1155
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
1156
- }
1157
- }
1158
- @media (min-width: 75rem) {
1159
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
1160
- flex-direction: row;
1161
- width: 100%;
1162
- height: var(--pf-v6-c-divider--Size);
1163
- }
1164
- }
1165
- @media (min-width: 75rem) {
1166
- .pf-v6-c-divider.pf-m-vertical-on-xl {
1167
- flex-direction: column;
1168
- width: var(--pf-v6-c-divider--Size);
1169
- height: inherit;
1170
- }
1171
- }
1172
- @media (min-width: 75rem) {
1173
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
1174
- --pf-v6-c-divider--before--FlexBasis: 100%;
1175
- }
1176
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
1177
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
1178
- }
1179
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
1180
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
1181
- }
1182
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
1183
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
1184
- }
1185
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
1186
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
1187
- }
1188
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
1189
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
1190
- }
1191
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
1192
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
1193
- }
1194
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
1195
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
1196
- }
1197
- }
1198
- @media (min-width: 90.625rem) {
1199
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
1200
- flex-direction: row;
1201
- width: 100%;
1202
- height: var(--pf-v6-c-divider--Size);
1203
- }
1204
- }
1205
- @media (min-width: 90.625rem) {
1206
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
1207
- flex-direction: column;
1208
- width: var(--pf-v6-c-divider--Size);
1209
- height: inherit;
1210
- }
1211
- }
1212
- @media (min-width: 90.625rem) {
1213
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
1214
- --pf-v6-c-divider--before--FlexBasis: 100%;
1215
- }
1216
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
1217
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
1218
- }
1219
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
1220
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
1221
- }
1222
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
1223
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
1224
- }
1225
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
1226
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
1227
- }
1228
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
1229
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
1230
- }
1231
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
1232
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
1233
- }
1234
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
1235
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
1236
- }
1157
+ .pf-v6-c-menu-toggle__status-icon {
1158
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
1237
1159
  }
1160
+
1238
1161
  .pf-v6-c-label {
1239
1162
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1240
1163
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -1763,263 +1686,19 @@ input.pf-v6-c-label__content {
1763
1686
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
1764
1687
  }
1765
1688
 
1766
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
1767
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
1768
- }
1769
-
1770
- .pf-v6-c-label__actions .pf-v6-c-button {
1771
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
1772
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
1773
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
1774
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
1775
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
1776
- margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
1777
- margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
1778
- outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
1779
- }
1780
-
1781
- .pf-v6-c-text-input-group {
1782
- --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
1783
- --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
1784
- --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
1785
- --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
1786
- --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
1787
- --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
1788
- --pf-v6-c-text-input-group__LineHeight: var(--pf-t--global--font--line-height--body);
1789
- --pf-v6-c-text-input-group__FontSize: var(--pf-t--global--font--size--body--default);
1790
- --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
1791
- --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
1792
- --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
1793
- --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
1794
- --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
1795
- --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
1796
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
1797
- --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
1798
- --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
1799
- --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
1800
- --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
1801
- --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
1802
- --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
1803
- --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
1804
- --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
1805
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
1806
- --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
1807
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
1808
- --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
1809
- --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1810
- --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
1811
- --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1812
- --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
1813
- --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
1814
- --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
1815
- --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
1816
- --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
1817
- --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
1818
- --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
1819
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1820
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1821
- --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
1822
- --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
1823
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
1824
- --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
1825
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
1826
- --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
1827
- --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
1828
- --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
1829
- --pf-v6-c-text-input-group__icon--TranslateY: -50%;
1830
- --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
1831
- --pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
1832
- --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
1833
- }
1834
-
1835
- .pf-v6-c-text-input-group {
1836
- position: relative;
1837
- display: flex;
1838
- width: 100%;
1839
- font-size: var(--pf-v6-c-text-input-group__FontSize);
1840
- line-height: var(--pf-v6-c-text-input-group__LineHeight);
1841
- color: var(--pf-v6-c-text-input-group--Color, inherit);
1842
- background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
1843
- border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
1844
- border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
1845
- border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
1846
- border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
1847
- }
1848
-
1849
- .pf-v6-c-text-input-group::before {
1850
- position: absolute;
1851
- inset: 0;
1852
- pointer-events: none;
1853
- content: "";
1854
- border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
1855
- border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
1856
- border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
1857
- border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
1858
- border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
1859
- }
1860
-
1861
- .pf-v6-c-text-input-group.pf-m-disabled {
1862
- --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
1863
- --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
1864
- --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
1865
- --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
1866
- --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
1867
- --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
1868
- pointer-events: none;
1869
- }
1870
-
1871
- .pf-v6-c-text-input-group.pf-m-plain {
1872
- --pf-v6-c-text-input-group--BackgroundColor: transparent;
1873
- }
1874
-
1875
- .pf-v6-c-text-input-group.pf-m-plain::before {
1876
- border: 0;
1877
- }
1878
-
1879
- .pf-v6-c-text-input-group.pf-m-success {
1880
- --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-success--BorderColor);
1881
- --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-success--BorderColor);
1882
- --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color);
1883
- }
1884
-
1885
- .pf-v6-c-text-input-group.pf-m-warning {
1886
- --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-warning--BorderColor);
1887
- --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor);
1888
- --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color);
1889
- }
1890
-
1891
- .pf-v6-c-text-input-group.pf-m-error {
1892
- --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-error--BorderColor);
1893
- --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
1894
- --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
1895
- }
1896
-
1897
- @media (prefers-reduced-motion: no-preference) {
1898
- .pf-v6-c-text-input-group.pf-m-error {
1899
- translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
1900
- animation-name: pf-v6-global-danger-jiggle-motion;
1901
- animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
1902
- animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
1903
- animation-fill-mode: both;
1904
- }
1905
- }
1906
- .pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
1907
- --pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
1908
- --pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
1909
- animation-name: pf-v6-global-fade-in;
1910
- animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
1911
- animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
1912
- }
1913
-
1914
- .pf-v6-c-text-input-group:hover {
1915
- --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
1916
- }
1917
-
1918
- .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
1919
- --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
1920
- }
1921
-
1922
- .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
1923
- --pf-v6-c-text-input-group__text--Position: relative;
1924
- }
1925
-
1926
- .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
1927
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
1928
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
1929
- }
1930
-
1931
- .pf-v6-c-text-input-group__main {
1932
- display: flex;
1933
- flex: 1;
1934
- flex-wrap: wrap;
1935
- gap: var(--pf-v6-c-text-input-group__main--RowGap) var(--pf-v6-c-text-input-group__main--ColumnGap);
1936
- min-width: 0;
1937
- }
1938
-
1939
- .pf-v6-c-text-input-group__main.pf-m-icon {
1940
- --pf-v6-c-text-input-group__text--Position: relative;
1941
- --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
1942
- display: inline-flex;
1943
- align-items: center;
1944
- justify-content: center;
1945
- min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
1946
- }
1947
-
1948
- .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
1949
- margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
1950
- }
1951
-
1952
- .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
1953
- padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
1954
- padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
1955
- padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
1956
- }
1957
-
1958
- .pf-v6-c-text-input-group__text {
1959
- position: var(--pf-v6-c-text-input-group__text--Position, revert);
1960
- display: inline-grid;
1961
- flex: 1;
1962
- grid-template-areas: "text-input";
1963
- grid-template-columns: 1fr;
1964
- }
1965
-
1966
- .pf-v6-c-text-input-group__icon {
1967
- position: absolute;
1968
- inset-block-start: 50%;
1969
- inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
1970
- font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
1971
- color: var(--pf-v6-c-text-input-group__icon--Color);
1972
- transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
1973
- }
1974
-
1975
- .pf-v6-c-text-input-group__icon.pf-m-status {
1976
- inset-inline-start: auto;
1977
- inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
1978
- color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
1979
- }
1980
-
1981
- .pf-v6-c-text-input-group__text-input {
1982
- overflow: hidden;
1983
- text-overflow: ellipsis;
1984
- white-space: nowrap;
1985
- position: relative;
1986
- width: 100%;
1987
- min-width: var(--pf-v6-c-text-input-group__text-input--MinWidth);
1988
- padding-block-start: var(--pf-v6-c-text-input-group__text-input--PaddingBlockStart);
1989
- padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
1990
- padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
1991
- padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
1992
- color: var(--pf-v6-c-text-input-group__text-input--Color);
1993
- background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
1994
- border: 0;
1995
- outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
1996
- }
1997
-
1998
- .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
1999
- grid-area: text-input;
2000
- }
2001
-
2002
- .pf-v6-c-text-input-group__text-input.pf-m-hint {
2003
- color: var(--pf-v6-c-text-input-group__text-input--m-hint--Color);
2004
- }
2005
-
2006
- .pf-v6-c-text-input-group__text-input::placeholder {
2007
- color: var(--pf-v6-c-text-input-group__text-input--placeholder--Color);
2008
- }
2009
-
2010
- .pf-v6-c-text-input-group__utilities {
2011
- display: flex;
2012
- align-items: center;
2013
- margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
2014
- margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
2015
- }
2016
-
2017
- .pf-v6-c-text-input-group__utilities > * + * {
2018
- margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
1689
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
1690
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
2019
1691
  }
2020
1692
 
2021
- .pf-v6-c-text-input-group__group {
2022
- display: flex;
1693
+ .pf-v6-c-label__actions .pf-v6-c-button {
1694
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
1695
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
1696
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
1697
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
1698
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
1699
+ margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
1700
+ margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
1701
+ outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
2023
1702
  }
2024
1703
 
2025
1704
  .pf-v6-c-button {
@@ -2892,157 +2571,598 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2892
2571
  color: var(--pf-v6-c-button--disabled__icon--Color);
2893
2572
  }
2894
2573
 
2895
- .pf-v6-c-button.pf-m-aria-disabled {
2896
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
2897
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
2898
- cursor: default;
2574
+ .pf-v6-c-button.pf-m-aria-disabled {
2575
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
2576
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
2577
+ cursor: default;
2578
+ }
2579
+
2580
+ .pf-v6-c-button.pf-m-progress {
2581
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
2582
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
2583
+ }
2584
+
2585
+ .pf-v6-c-button.pf-m-in-progress {
2586
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
2587
+ }
2588
+
2589
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
2590
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
2591
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
2592
+ }
2593
+
2594
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
2595
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
2596
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
2597
+ }
2598
+
2599
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
2600
+ opacity: 0;
2601
+ }
2602
+
2603
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
2604
+ animation-name: pf-v6-c-button-icon-notify;
2605
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
2606
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
2607
+ }
2608
+
2609
+ .pf-v6-c-button.pf-m-docked {
2610
+ justify-content: flex-start;
2611
+ width: 100%;
2612
+ }
2613
+
2614
+ @media (min-width: 62rem) {
2615
+ .pf-v6-c-button.pf-m-docked {
2616
+ justify-content: center;
2617
+ }
2618
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text {
2619
+ display: none;
2620
+ }
2621
+ }
2622
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked, .pf-v6-c-button.pf-m-text-expanded {
2623
+ justify-content: flex-start;
2624
+ width: 100%;
2625
+ }
2626
+
2627
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
2628
+ display: revert;
2629
+ }
2630
+
2631
+ .pf-v6-c-button__icon {
2632
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2633
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2634
+ color: var(--pf-v6-c-button__icon--Color);
2635
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2636
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2637
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2638
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2639
+ rotate: var(--pf-v6-c-button__icon--Rotate);
2640
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
2641
+ }
2642
+
2643
+ .pf-v6-c-button__icon.pf-m-start {
2644
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
2645
+ }
2646
+
2647
+ .pf-v6-c-button__icon.pf-m-end {
2648
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
2649
+ }
2650
+
2651
+ .pf-v6-c-button__icon-favorite,
2652
+ .pf-v6-c-button__icon-favorited {
2653
+ grid-area: 1/1/1/1;
2654
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
2655
+ transition-property: opacity;
2656
+ }
2657
+
2658
+ .pf-v6-c-button__icon-favorite {
2659
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
2660
+ }
2661
+
2662
+ .pf-v6-c-button__icon-favorited {
2663
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
2664
+ }
2665
+
2666
+ .pf-v6-c-button__progress {
2667
+ position: absolute;
2668
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
2669
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
2670
+ line-height: 1;
2671
+ color: var(--pf-v6-c-button__progress--Color);
2672
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
2673
+ }
2674
+
2675
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
2676
+ --pf-v6-c-spinner--Color: currentcolor;
2677
+ }
2678
+
2679
+ .pf-v6-c-button__text {
2680
+ text-decoration: inherit;
2681
+ }
2682
+
2683
+ .pf-v6-c-button__count {
2684
+ display: inline-flex;
2685
+ align-items: center;
2686
+ }
2687
+
2688
+ .pf-v6-c-button--hamburger-icon path {
2689
+ fill: none;
2690
+ stroke: currentcolor;
2691
+ stroke-linecap: round;
2692
+ stroke-linejoin: round;
2693
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
2694
+ }
2695
+
2696
+ .pf-v6-c-button--hamburger-icon--top {
2697
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
2698
+ }
2699
+
2700
+ .pf-v6-c-button--hamburger-icon--middle {
2701
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
2702
+ }
2703
+
2704
+ .pf-v6-c-button--hamburger-icon--arrow {
2705
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
2706
+ }
2707
+
2708
+ .pf-v6-c-button--hamburger-icon--bottom {
2709
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
2710
+ }
2711
+
2712
+ @keyframes pf-v6-c-button-icon-notify {
2713
+ 33% {
2714
+ transform: rotate(30deg);
2715
+ }
2716
+ 66% {
2717
+ transform: rotate(-60deg);
2718
+ }
2719
+ }
2720
+ @keyframes pf-v6-c-button-icon-favorited {
2721
+ 50% {
2722
+ scale: 1.5;
2723
+ }
2724
+ }
2725
+ .pf-v6-c-divider {
2726
+ --pf-v6-c-divider--Display: flex;
2727
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
2728
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
2729
+ --pf-v6-c-divider--before--FlexBasis: 100%;
2730
+ }
2731
+
2732
+ .pf-v6-c-divider {
2733
+ flex-direction: row;
2734
+ width: 100%;
2735
+ height: var(--pf-v6-c-divider--Size);
2736
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
2737
+ --pf-v6-hidden-visible--hidden--Display: none;
2738
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
2739
+ display: var(--pf-v6-hidden-visible--Display);
2740
+ }
2741
+
2742
+ .pf-v6-c-divider.pf-m-hidden {
2743
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
2744
+ }
2745
+
2746
+ @media screen and (min-width: 36rem) {
2747
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
2748
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
2749
+ }
2750
+ .pf-v6-c-divider.pf-m-visible-on-sm {
2751
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
2752
+ }
2753
+ }
2754
+ @media screen and (min-width: 48rem) {
2755
+ .pf-v6-c-divider.pf-m-hidden-on-md {
2756
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
2757
+ }
2758
+ .pf-v6-c-divider.pf-m-visible-on-md {
2759
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
2760
+ }
2761
+ }
2762
+ @media screen and (min-width: 62rem) {
2763
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
2764
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
2765
+ }
2766
+ .pf-v6-c-divider.pf-m-visible-on-lg {
2767
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
2768
+ }
2769
+ }
2770
+ @media screen and (min-width: 75rem) {
2771
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
2772
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
2773
+ }
2774
+ .pf-v6-c-divider.pf-m-visible-on-xl {
2775
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
2776
+ }
2777
+ }
2778
+ @media screen and (min-width: 90.625rem) {
2779
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
2780
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
2781
+ }
2782
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
2783
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
2784
+ }
2785
+ }
2786
+ .pf-v6-c-divider {
2787
+ flex-shrink: 0;
2788
+ align-items: stretch;
2789
+ align-self: stretch;
2790
+ justify-content: center;
2791
+ border: 0;
2792
+ }
2793
+
2794
+ .pf-v6-c-divider::before {
2795
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
2796
+ content: "";
2797
+ background-color: var(--pf-v6-c-divider--Color);
2798
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
2799
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
2800
+ }
2801
+
2802
+ .pf-v6-c-divider.pf-m-horizontal {
2803
+ flex-direction: row;
2804
+ width: 100%;
2805
+ height: var(--pf-v6-c-divider--Size);
2806
+ }
2807
+
2808
+ .pf-v6-c-divider.pf-m-vertical {
2809
+ flex-direction: column;
2810
+ width: var(--pf-v6-c-divider--Size);
2811
+ height: inherit;
2812
+ }
2813
+
2814
+ .pf-v6-c-divider.pf-m-inset-none {
2815
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
2816
+ }
2817
+
2818
+ .pf-v6-c-divider.pf-m-inset-xs {
2819
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
2899
2820
  }
2900
2821
 
2901
- .pf-v6-c-button.pf-m-progress {
2902
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
2903
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
2822
+ .pf-v6-c-divider.pf-m-inset-sm {
2823
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
2904
2824
  }
2905
2825
 
2906
- .pf-v6-c-button.pf-m-in-progress {
2907
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
2826
+ .pf-v6-c-divider.pf-m-inset-md {
2827
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
2908
2828
  }
2909
2829
 
2910
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
2911
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
2912
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
2830
+ .pf-v6-c-divider.pf-m-inset-lg {
2831
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
2913
2832
  }
2914
2833
 
2915
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
2916
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
2917
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
2834
+ .pf-v6-c-divider.pf-m-inset-xl {
2835
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
2918
2836
  }
2919
2837
 
2920
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
2921
- opacity: 0;
2838
+ .pf-v6-c-divider.pf-m-inset-2xl {
2839
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
2922
2840
  }
2923
2841
 
2924
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
2925
- animation-name: pf-v6-c-button-icon-notify;
2926
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
2927
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
2842
+ .pf-v6-c-divider.pf-m-inset-3xl {
2843
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
2928
2844
  }
2929
2845
 
2930
- .pf-v6-c-button.pf-m-docked {
2931
- justify-content: flex-start;
2932
- width: 100%;
2846
+ @media (min-width: 36rem) {
2847
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
2848
+ flex-direction: row;
2849
+ width: 100%;
2850
+ height: var(--pf-v6-c-divider--Size);
2851
+ }
2852
+ }
2853
+ @media (min-width: 36rem) {
2854
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
2855
+ flex-direction: column;
2856
+ width: var(--pf-v6-c-divider--Size);
2857
+ height: inherit;
2858
+ }
2859
+ }
2860
+ @media (min-width: 36rem) {
2861
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
2862
+ --pf-v6-c-divider--before--FlexBasis: 100%;
2863
+ }
2864
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
2865
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
2866
+ }
2867
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
2868
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
2869
+ }
2870
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
2871
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
2872
+ }
2873
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
2874
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
2875
+ }
2876
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
2877
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
2878
+ }
2879
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
2880
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
2881
+ }
2882
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
2883
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
2884
+ }
2885
+ }
2886
+ @media (min-width: 48rem) {
2887
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
2888
+ flex-direction: row;
2889
+ width: 100%;
2890
+ height: var(--pf-v6-c-divider--Size);
2891
+ }
2892
+ }
2893
+ @media (min-width: 48rem) {
2894
+ .pf-v6-c-divider.pf-m-vertical-on-md {
2895
+ flex-direction: column;
2896
+ width: var(--pf-v6-c-divider--Size);
2897
+ height: inherit;
2898
+ }
2899
+ }
2900
+ @media (min-width: 48rem) {
2901
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
2902
+ --pf-v6-c-divider--before--FlexBasis: 100%;
2903
+ }
2904
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
2905
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
2906
+ }
2907
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
2908
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
2909
+ }
2910
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
2911
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
2912
+ }
2913
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
2914
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
2915
+ }
2916
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
2917
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
2918
+ }
2919
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
2920
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
2921
+ }
2922
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
2923
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
2924
+ }
2933
2925
  }
2934
-
2935
2926
  @media (min-width: 62rem) {
2936
- .pf-v6-c-button.pf-m-docked {
2937
- justify-content: center;
2927
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
2928
+ flex-direction: row;
2929
+ width: 100%;
2930
+ height: var(--pf-v6-c-divider--Size);
2938
2931
  }
2939
- .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text {
2940
- display: none;
2932
+ }
2933
+ @media (min-width: 62rem) {
2934
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
2935
+ flex-direction: column;
2936
+ width: var(--pf-v6-c-divider--Size);
2937
+ height: inherit;
2941
2938
  }
2942
2939
  }
2943
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked, .pf-v6-c-button.pf-m-text-expanded {
2944
- justify-content: flex-start;
2945
- width: 100%;
2940
+ @media (min-width: 62rem) {
2941
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
2942
+ --pf-v6-c-divider--before--FlexBasis: 100%;
2943
+ }
2944
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
2945
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
2946
+ }
2947
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
2948
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
2949
+ }
2950
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
2951
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
2952
+ }
2953
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
2954
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
2955
+ }
2956
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
2957
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
2958
+ }
2959
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
2960
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
2961
+ }
2962
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
2963
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
2964
+ }
2946
2965
  }
2947
-
2948
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
2949
- display: revert;
2966
+ @media (min-width: 75rem) {
2967
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
2968
+ flex-direction: row;
2969
+ width: 100%;
2970
+ height: var(--pf-v6-c-divider--Size);
2971
+ }
2972
+ }
2973
+ @media (min-width: 75rem) {
2974
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
2975
+ flex-direction: column;
2976
+ width: var(--pf-v6-c-divider--Size);
2977
+ height: inherit;
2978
+ }
2979
+ }
2980
+ @media (min-width: 75rem) {
2981
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
2982
+ --pf-v6-c-divider--before--FlexBasis: 100%;
2983
+ }
2984
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
2985
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
2986
+ }
2987
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
2988
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
2989
+ }
2990
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
2991
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
2992
+ }
2993
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
2994
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
2995
+ }
2996
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
2997
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
2998
+ }
2999
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
3000
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3001
+ }
3002
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
3003
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3004
+ }
3005
+ }
3006
+ @media (min-width: 90.625rem) {
3007
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
3008
+ flex-direction: row;
3009
+ width: 100%;
3010
+ height: var(--pf-v6-c-divider--Size);
3011
+ }
3012
+ }
3013
+ @media (min-width: 90.625rem) {
3014
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
3015
+ flex-direction: column;
3016
+ width: var(--pf-v6-c-divider--Size);
3017
+ height: inherit;
3018
+ }
3019
+ }
3020
+ @media (min-width: 90.625rem) {
3021
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
3022
+ --pf-v6-c-divider--before--FlexBasis: 100%;
3023
+ }
3024
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
3025
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
3026
+ }
3027
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
3028
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
3029
+ }
3030
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
3031
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
3032
+ }
3033
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
3034
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
3035
+ }
3036
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
3037
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3038
+ }
3039
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
3040
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3041
+ }
3042
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
3043
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3044
+ }
3045
+ }
3046
+ .pf-v6-c-breadcrumb {
3047
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
3048
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
3049
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3050
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
3051
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3052
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
3053
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3054
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3055
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
3056
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
3057
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
3058
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
3059
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
3060
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
3061
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
3062
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
3063
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
3064
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
3065
+ --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
3066
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3067
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
3068
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3069
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
2950
3070
  }
2951
3071
 
2952
- .pf-v6-c-button__icon {
2953
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2954
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2955
- color: var(--pf-v6-c-button__icon--Color);
2956
- transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
2957
- transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
2958
- transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
2959
- transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
2960
- rotate: var(--pf-v6-c-button__icon--Rotate);
2961
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
3072
+ .pf-v6-c-breadcrumb {
3073
+ display: inline-flex;
2962
3074
  }
2963
3075
 
2964
- .pf-v6-c-button__icon.pf-m-start {
2965
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
3076
+ .pf-v6-c-breadcrumb__list {
3077
+ display: flex;
3078
+ flex-wrap: wrap;
3079
+ align-items: center;
2966
3080
  }
2967
3081
 
2968
- .pf-v6-c-button__icon.pf-m-end {
2969
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
3082
+ .pf-v6-c-breadcrumb__item {
3083
+ display: flex;
3084
+ align-items: baseline;
3085
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
3086
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
3087
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
3088
+ white-space: nowrap;
3089
+ list-style: none;
2970
3090
  }
2971
3091
 
2972
- .pf-v6-c-button__icon-favorite,
2973
- .pf-v6-c-button__icon-favorited {
2974
- grid-area: 1/1/1/1;
2975
- transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
2976
- transition-property: opacity;
3092
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
3093
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
2977
3094
  }
2978
3095
 
2979
- .pf-v6-c-button__icon-favorite {
2980
- opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
3096
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
3097
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
2981
3098
  }
2982
3099
 
2983
- .pf-v6-c-button__icon-favorited {
2984
- opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
3100
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
3101
+ scale: -1 1;
2985
3102
  }
2986
3103
 
2987
- .pf-v6-c-button__progress {
2988
- position: absolute;
2989
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
2990
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
3104
+ .pf-v6-c-breadcrumb__item-divider {
3105
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
3106
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
2991
3107
  line-height: 1;
2992
- color: var(--pf-v6-c-button__progress--Color);
2993
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
3108
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
2994
3109
  }
2995
3110
 
2996
- .pf-v6-c-button__progress .pf-v6-c-spinner {
2997
- --pf-v6-c-spinner--Color: currentcolor;
3111
+ .pf-v6-c-breadcrumb__link {
3112
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
3113
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
3114
+ font-size: inherit;
3115
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
3116
+ line-height: inherit;
3117
+ color: var(--pf-v6-c-breadcrumb__link--Color);
3118
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
3119
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
3120
+ text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
3121
+ word-break: break-word;
3122
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
2998
3123
  }
2999
3124
 
3000
- .pf-v6-c-button__text {
3001
- text-decoration: inherit;
3125
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
3126
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
3127
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
3128
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
3129
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
3002
3130
  }
3003
3131
 
3004
- .pf-v6-c-button__count {
3005
- display: inline-flex;
3006
- align-items: center;
3132
+ .pf-v6-c-breadcrumb__link.pf-m-current {
3133
+ cursor: default;
3007
3134
  }
3008
3135
 
3009
- .pf-v6-c-button--hamburger-icon path {
3010
- fill: none;
3011
- stroke: currentcolor;
3012
- stroke-linecap: round;
3013
- stroke-linejoin: round;
3014
- transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
3136
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
3137
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
3138
+ text-decoration-line: none;
3015
3139
  }
3016
3140
 
3017
- .pf-v6-c-button--hamburger-icon--top {
3018
- d: var(--pf-v6-c-button--hamburger-icon--top--path);
3141
+ button.pf-v6-c-breadcrumb__link {
3142
+ border: none;
3019
3143
  }
3020
3144
 
3021
- .pf-v6-c-button--hamburger-icon--middle {
3022
- d: var(--pf-v6-c-button--hamburger-icon--middle--path);
3145
+ .pf-v6-c-breadcrumb__dropdown {
3146
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
3147
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
3148
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
3149
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
3023
3150
  }
3024
3151
 
3025
- .pf-v6-c-button--hamburger-icon--arrow {
3026
- d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
3152
+ .pf-v6-c-breadcrumb__heading {
3153
+ display: inline;
3154
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
3027
3155
  }
3028
3156
 
3029
- .pf-v6-c-button--hamburger-icon--bottom {
3030
- d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
3157
+ .pf-v6-c-breadcrumb__link,
3158
+ .pf-v6-c-breadcrumb__heading {
3159
+ white-space: normal;
3031
3160
  }
3032
3161
 
3033
- @keyframes pf-v6-c-button-icon-notify {
3034
- 33% {
3035
- transform: rotate(30deg);
3036
- }
3037
- 66% {
3038
- transform: rotate(-60deg);
3039
- }
3040
- }
3041
- @keyframes pf-v6-c-button-icon-favorited {
3042
- 50% {
3043
- scale: 1.5;
3044
- }
3162
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
3163
+ display: none;
3045
3164
  }
3165
+
3046
3166
  .pf-v6-c-menu {
3047
3167
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
3048
3168
  --pf-v6-c-menu--Width: auto;
@@ -3746,126 +3866,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3746
3866
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
3747
3867
  }
3748
3868
 
3749
- .pf-v6-c-breadcrumb {
3750
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
3751
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
3752
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3753
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
3754
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3755
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
3756
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3757
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3758
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
3759
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
3760
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
3761
- --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
3762
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
3763
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
3764
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
3765
- --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
3766
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
3767
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
3768
- --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
3769
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3770
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
3771
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3772
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
3773
- }
3774
-
3775
- .pf-v6-c-breadcrumb {
3776
- display: inline-flex;
3777
- }
3778
-
3779
- .pf-v6-c-breadcrumb__list {
3780
- display: flex;
3781
- flex-wrap: wrap;
3782
- align-items: center;
3783
- }
3784
-
3785
- .pf-v6-c-breadcrumb__item {
3786
- display: flex;
3787
- align-items: baseline;
3788
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
3789
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
3790
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
3791
- white-space: nowrap;
3792
- list-style: none;
3793
- }
3794
-
3795
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
3796
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
3797
- }
3798
-
3799
- .pf-v6-c-breadcrumb__item:not(:last-child) {
3800
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
3801
- }
3802
-
3803
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
3804
- scale: -1 1;
3805
- }
3806
-
3807
- .pf-v6-c-breadcrumb__item-divider {
3808
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
3809
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
3810
- line-height: 1;
3811
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
3812
- }
3813
-
3814
- .pf-v6-c-breadcrumb__link {
3815
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
3816
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
3817
- font-size: inherit;
3818
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
3819
- line-height: inherit;
3820
- color: var(--pf-v6-c-breadcrumb__link--Color);
3821
- text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
3822
- text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
3823
- text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
3824
- word-break: break-word;
3825
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
3826
- }
3827
-
3828
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
3829
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
3830
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
3831
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
3832
- --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
3833
- }
3834
-
3835
- .pf-v6-c-breadcrumb__link.pf-m-current {
3836
- cursor: default;
3837
- }
3838
-
3839
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
3840
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
3841
- text-decoration-line: none;
3842
- }
3843
-
3844
- button.pf-v6-c-breadcrumb__link {
3845
- border: none;
3846
- }
3847
-
3848
- .pf-v6-c-breadcrumb__dropdown {
3849
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
3850
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
3851
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
3852
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
3853
- }
3854
-
3855
- .pf-v6-c-breadcrumb__heading {
3856
- display: inline;
3857
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
3858
- }
3859
-
3860
- .pf-v6-c-breadcrumb__link,
3861
- .pf-v6-c-breadcrumb__heading {
3862
- white-space: normal;
3863
- }
3864
-
3865
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
3866
- display: none;
3867
- }
3868
-
3869
3869
  .pf-v6-c-spinner {
3870
3870
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
3871
3871
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);