@patternfly/react-styles 6.0.0-alpha.28 → 6.0.0-alpha.29

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Form/form.css +58 -1
  3. package/css/components/Form/form.d.ts +1 -1
  4. package/css/components/Form/form.js +1 -1
  5. package/css/components/Form/form.mjs +1 -1
  6. package/css/components/Icon/icon.css +4 -4
  7. package/css/components/NotificationDrawer/notification-drawer.css +5 -0
  8. package/css/components/NotificationDrawer/notification-drawer.d.ts +1 -0
  9. package/css/components/NotificationDrawer/notification-drawer.js +1 -0
  10. package/css/components/NotificationDrawer/notification-drawer.mjs +1 -0
  11. package/css/components/Table/table-grid.css +5 -0
  12. package/css/components/Table/table-tree-view.css +20 -0
  13. package/css/components/Table/table-tree-view.d.ts +1 -0
  14. package/css/components/Table/table-tree-view.js +1 -0
  15. package/css/components/Table/table-tree-view.mjs +1 -0
  16. package/css/components/TextInputGroup/text-input-group.css +67 -15
  17. package/css/components/TextInputGroup/text-input-group.d.ts +4 -0
  18. package/css/components/TextInputGroup/text-input-group.js +4 -0
  19. package/css/components/TextInputGroup/text-input-group.mjs +4 -0
  20. package/css/components/Toolbar/toolbar.css +232 -531
  21. package/css/components/Toolbar/toolbar.d.ts +4 -4
  22. package/css/components/Toolbar/toolbar.js +4 -4
  23. package/css/components/Toolbar/toolbar.mjs +4 -4
  24. package/css/components/_index.css +383 -543
  25. package/css/components/_index.d.ts +3 -2
  26. package/css/components/_index.js +3 -2
  27. package/css/components/_index.mjs +3 -2
  28. package/css/docs/components/Toolbar/examples/Toolbar.css +10 -4
  29. package/css/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  30. package/package.json +3 -3
@@ -1,8 +1,9 @@
1
1
  :where(:root, .pf-v6-c-toolbar) {
2
- --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
3
- --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
4
- --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
5
- --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
2
+ --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
3
+ --pf-v6-c-toolbar--PaddingBlockStart: 0;
4
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
5
+ --pf-v6-c-toolbar--PaddingInlineStart: 0;
6
+ --pf-v6-c-toolbar--PaddingInlineEnd: 0;
6
7
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
7
8
  --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
8
9
  --pf-v6-c-toolbar--BackgroundColor: transparent;
@@ -11,25 +12,39 @@
11
12
  --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
12
13
  --pf-v6-c-toolbar__item--Width: auto;
13
14
  --pf-v6-c-toolbar__item--MinWidth: auto;
14
- --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
15
+ --pf-v6-c-toolbar__item--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
16
+ --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
15
17
  --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
18
+ --pf-v6-c-toolbar__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
19
+ --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
16
20
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
17
- --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
18
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
19
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
20
- --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
21
+ --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
22
+ --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
23
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
24
+ --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
25
+ --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
21
26
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
27
+ --pf-v6-c-toolbar__expandable-content--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
28
+ --pf-v6-c-toolbar__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
29
+ --pf-v6-c-toolbar__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
30
+ --pf-v6-c-toolbar__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
31
+ --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22
32
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
23
33
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
24
34
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
35
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
36
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
25
37
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
26
38
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27
- --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
28
39
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29
40
  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
30
41
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
31
- --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
42
+ --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
32
43
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
44
+ --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
45
+ --pf-v6-c-toolbar__group--m-action-group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
46
+ --pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
47
+ --pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
33
48
  }
34
49
 
35
50
  .pf-v6-c-toolbar__content-section,
@@ -39,7 +54,6 @@
39
54
  --pf-v6-hidden-visible--hidden--Display: none;
40
55
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
41
56
  display: var(--pf-v6-hidden-visible--Display);
42
- flex-wrap: wrap;
43
57
  }
44
58
  .pf-v6-c-toolbar__content-section.pf-m-hidden,
45
59
  .pf-v6-c-toolbar__group.pf-m-hidden,
@@ -107,11 +121,19 @@
107
121
  }
108
122
  }
109
123
 
124
+ .pf-v6-c-toolbar,
125
+ .pf-v6-c-toolbar__content {
126
+ position: relative;
127
+ }
128
+
110
129
  .pf-v6-c-toolbar__content {
111
130
  --pf-v6-hidden-visible--visible--Display: grid;
112
131
  --pf-v6-hidden-visible--hidden--Display: none;
113
132
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
114
133
  display: var(--pf-v6-hidden-visible--Display);
134
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
135
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
136
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
115
137
  }
116
138
  .pf-v6-c-toolbar__content.pf-m-hidden {
117
139
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -157,14 +179,21 @@
157
179
  }
158
180
  }
159
181
 
160
- .pf-v6-c-toolbar,
161
- .pf-v6-c-toolbar__content {
162
- position: relative;
182
+ .pf-v6-c-toolbar__content-section {
183
+ flex-wrap: wrap;
184
+ row-gap: var(--pf-v6-c-toolbar__content-section--RowGap);
185
+ column-gap: var(--pf-v6-c-toolbar__content-section--ColumnGap);
186
+ align-items: start;
163
187
  }
164
188
 
165
189
  .pf-v6-c-toolbar {
166
190
  display: grid;
191
+ row-gap: var(--pf-v6-c-toolbar--RowGap);
167
192
  width: var(--pf-v6-c-toolbar--Width, auto);
193
+ padding-block-start: var(--pf-v6-c-toolbar--PaddingBlockStart);
194
+ padding-block-end: var(--pf-v6-c-toolbar--PaddingBlockEnd);
195
+ padding-inline-start: var(--pf-v6-c-toolbar--PaddingInlineStart);
196
+ padding-inline-end: var(--pf-v6-c-toolbar--PaddingInlineEnd);
168
197
  font-size: var(--pf-v6-c-toolbar--FontSize);
169
198
  line-height: var(--pf-v6-c-toolbar--LineHeight);
170
199
  background-color: var(--pf-v6-c-toolbar--BackgroundColor);
@@ -174,6 +203,8 @@
174
203
  position: sticky;
175
204
  inset-block-start: 0;
176
205
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
206
+ padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
207
+ padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
177
208
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
178
209
  }
179
210
  .pf-v6-c-toolbar.pf-m-static .pf-v6-c-toolbar__content {
@@ -191,10 +222,6 @@
191
222
  align-items: stretch;
192
223
  align-self: stretch;
193
224
  }
194
- .pf-v6-c-toolbar.pf-m-page-insets {
195
- --pf-v6-c-toolbar--PaddingInlineStart: var(--pf-v6-c-toolbar--m-page-insets--inset);
196
- --pf-v6-c-toolbar--PaddingInlineEnd: var(--pf-v6-c-toolbar--m-page-insets--inset);
197
- }
198
225
  .pf-v6-c-toolbar.pf-m-primary {
199
226
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
200
227
  }
@@ -205,36 +232,10 @@
205
232
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
206
233
  }
207
234
 
208
- .pf-v6-c-toolbar__content,
209
- .pf-v6-c-toolbar__content-section,
210
- .pf-v6-c-toolbar__expandable-content {
211
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
212
- column-gap: var(--pf-v6-c-toolbar--ColumnGap);
213
- }
214
-
215
- .pf-v6-c-toolbar__content,
216
- .pf-v6-c-toolbar__expandable-content {
217
- padding-block-start: var(--pf-v6-c-toolbar__content--PaddingBlockStart, var(--pf-v6-c-toolbar__content--PaddingBlock));
218
- padding-block-end: var(--pf-v6-c-toolbar__content--PaddingBlockEnd, var(--pf-v6-c-toolbar__content--PaddingBlock));
219
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart, var(--pf-v6-c-toolbar__content--PaddingInline));
220
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd, var(--pf-v6-c-toolbar__content--PaddingInline));
221
- }
222
-
223
- .pf-v6-c-toolbar__content-section {
224
- align-items: start;
225
- }
226
- .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) .pf-v6-c-toolbar__item.pf-m-pagination {
227
- margin-inline-start: revert;
228
- }
229
- .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v6-c-toolbar__group:nth-last-child(2),
230
- .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v6-c-toolbar__item:nth-last-child(2) {
231
- flex: 1;
232
- }
233
-
234
235
  .pf-v6-c-toolbar__item {
235
236
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
236
237
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
237
- row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
238
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
238
239
  column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
239
240
  width: var(--pf-v6-c-toolbar__item--Width--base);
240
241
  min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
@@ -306,21 +307,24 @@
306
307
  }
307
308
 
308
309
  .pf-v6-c-toolbar__group {
309
- row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
310
- column-gap: var(--pf-v6-c-toolbar__group--ColumnGap, var(--pf-v6-c-toolbar--ColumnGap));
311
- align-items: baseline;
312
- }
313
- .pf-v6-c-toolbar__group.pf-m-icon-button-group {
314
- column-gap: var(--pf-v6-c-toolbar__group--m-icon-button-group--ColumnGap, 0);
310
+ row-gap: var(--pf-v6-c-toolbar__group--RowGap);
311
+ column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
315
312
  }
316
313
  .pf-v6-c-toolbar__group.pf-m-filter-group {
317
314
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
318
315
  }
319
- .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-label-group-container {
320
- flex-wrap: nowrap;
321
- }
322
316
  .pf-v6-c-toolbar__group.pf-m-label-group {
323
317
  flex: 1;
318
+ column-gap: var(--pf-v6-c-toolbar__group--m-label-group--ColumnGap);
319
+ }
320
+ .pf-v6-c-toolbar__group.pf-m-action-group {
321
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
322
+ }
323
+ .pf-v6-c-toolbar__group.pf-m-action-group-plain {
324
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
325
+ }
326
+ .pf-v6-c-toolbar__group.pf-m-action-group-inline {
327
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
324
328
  }
325
329
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
326
330
  min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
@@ -331,7 +335,12 @@
331
335
  inset-block-start: 100%;
332
336
  z-index: var(--pf-v6-c-toolbar__expandable-content--ZIndex);
333
337
  display: none;
338
+ row-gap: var(--pf-v6-c-toolbar__expandable-content--RowGap);
334
339
  width: 100%;
340
+ padding-block-start: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockStart);
341
+ padding-block-end: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockEnd);
342
+ padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
343
+ padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
335
344
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
336
345
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
337
346
  }
@@ -349,9 +358,13 @@
349
358
  .pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__item > * {
350
359
  flex-basis: 100%;
351
360
  }
361
+ .pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__group.pf-m-action-group-inline {
362
+ display: flex;
363
+ justify-content: center;
364
+ }
352
365
 
353
366
  .pf-v6-c-toolbar__expand-all-icon {
354
- display: inline-block;
367
+ display: inline-flex;
355
368
  transition: var(--pf-v6-c-toolbar__expand-all-icon--Transition);
356
369
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
357
370
  }
@@ -361,7 +374,7 @@
361
374
 
362
375
  .pf-v6-c-toolbar__group,
363
376
  .pf-v6-c-toolbar__item {
364
- align-self: baseline;
377
+ align-items: baseline;
365
378
  }
366
379
  .pf-v6-c-toolbar__group.pf-m-overflow-container,
367
380
  .pf-v6-c-toolbar__item.pf-m-overflow-container {
@@ -407,253 +420,201 @@
407
420
  align-self: end;
408
421
  }
409
422
 
410
- .pf-v6-c-toolbar.pf-m-inset-none,
411
- .pf-v6-c-toolbar__content.pf-m-inset-none,
412
- .pf-v6-c-toolbar__content-section.pf-m-inset-none {
413
- --pf-v6-c-toolbar__content--PaddingInline: 0;
414
- }
415
- .pf-v6-c-toolbar.pf-m-inset-xs,
416
- .pf-v6-c-toolbar__content.pf-m-inset-xs,
417
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs {
418
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
419
- }
420
- .pf-v6-c-toolbar.pf-m-inset-sm,
421
- .pf-v6-c-toolbar__content.pf-m-inset-sm,
422
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm {
423
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
424
- }
425
- .pf-v6-c-toolbar.pf-m-inset-md,
426
- .pf-v6-c-toolbar__content.pf-m-inset-md,
427
- .pf-v6-c-toolbar__content-section.pf-m-inset-md {
428
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
429
- }
430
- .pf-v6-c-toolbar.pf-m-inset-lg,
431
- .pf-v6-c-toolbar__content.pf-m-inset-lg,
432
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg {
433
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
434
- }
435
- .pf-v6-c-toolbar.pf-m-inset-xl,
436
- .pf-v6-c-toolbar__content.pf-m-inset-xl,
437
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl {
438
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
439
- }
440
- .pf-v6-c-toolbar.pf-m-inset-2xl,
441
- .pf-v6-c-toolbar__content.pf-m-inset-2xl,
442
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl {
443
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
444
- }
445
- .pf-v6-c-toolbar.pf-m-inset-3xl,
446
- .pf-v6-c-toolbar__content.pf-m-inset-3xl,
447
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl {
448
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
449
- }
450
- .pf-v6-c-toolbar.pf-m-inset-4xl,
451
- .pf-v6-c-toolbar__content.pf-m-inset-4xl,
452
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl {
453
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
423
+ .pf-v6-c-toolbar.pf-m-inset-none {
424
+ padding-inline: 0;
425
+ }
426
+ .pf-v6-c-toolbar.pf-m-inset-xs {
427
+ padding-inline: var(--pf-t--global--spacer--xs);
428
+ }
429
+ .pf-v6-c-toolbar.pf-m-inset-sm {
430
+ padding-inline: var(--pf-t--global--spacer--sm);
431
+ }
432
+ .pf-v6-c-toolbar.pf-m-inset-md {
433
+ padding-inline: var(--pf-t--global--spacer--md);
434
+ }
435
+ .pf-v6-c-toolbar.pf-m-inset-lg {
436
+ padding-inline: var(--pf-t--global--spacer--lg);
437
+ }
438
+ .pf-v6-c-toolbar.pf-m-inset-xl {
439
+ padding-inline: var(--pf-t--global--spacer--xl);
440
+ }
441
+ .pf-v6-c-toolbar.pf-m-inset-2xl {
442
+ padding-inline: var(--pf-t--global--spacer--2xl);
443
+ }
444
+ .pf-v6-c-toolbar.pf-m-inset-3xl {
445
+ padding-inline: var(--pf-t--global--spacer--3xl);
446
+ }
447
+ .pf-v6-c-toolbar.pf-m-inset-4xl {
448
+ padding-inline: var(--pf-t--global--spacer--4xl);
454
449
  }
455
450
 
456
451
  .pf-v6-c-toolbar__group.pf-m-wrap,
457
452
  .pf-v6-c-toolbar__item.pf-m-wrap,
458
- .pf-v6-c-toolbar__content.pf-m-wrap,
459
453
  .pf-v6-c-toolbar__content-section.pf-m-wrap {
460
454
  flex-wrap: wrap;
461
455
  }
462
456
  .pf-v6-c-toolbar__group.pf-m-nowrap,
463
457
  .pf-v6-c-toolbar__item.pf-m-nowrap,
464
- .pf-v6-c-toolbar__content.pf-m-nowrap,
465
458
  .pf-v6-c-toolbar__content-section.pf-m-nowrap {
466
459
  flex-wrap: nowrap;
467
460
  }
468
461
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch,
469
462
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch,
470
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch,
471
463
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch {
472
464
  align-items: stretch;
473
465
  }
474
466
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline,
475
467
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline,
476
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline,
477
468
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline {
478
469
  align-items: baseline;
479
470
  }
480
471
  .pf-v6-c-toolbar__group.pf-m-align-items-start,
481
472
  .pf-v6-c-toolbar__item.pf-m-align-items-start,
482
- .pf-v6-c-toolbar__content.pf-m-align-items-start,
483
473
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start {
484
474
  align-items: start;
485
475
  }
486
476
  .pf-v6-c-toolbar__group.pf-m-align-items-center,
487
477
  .pf-v6-c-toolbar__item.pf-m-align-items-center,
488
- .pf-v6-c-toolbar__content.pf-m-align-items-center,
489
478
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center {
490
479
  align-items: center;
491
480
  }
492
481
  .pf-v6-c-toolbar__group.pf-m-align-items-end,
493
482
  .pf-v6-c-toolbar__item.pf-m-align-items-end,
494
- .pf-v6-c-toolbar__content.pf-m-align-items-end,
495
483
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end {
496
484
  align-items: end;
497
485
  }
498
486
  .pf-v6-c-toolbar__group.pf-m-gap-none,
499
487
  .pf-v6-c-toolbar__item.pf-m-gap-none,
500
- .pf-v6-c-toolbar__content.pf-m-gap-none,
501
488
  .pf-v6-c-toolbar__content-section.pf-m-gap-none {
502
489
  gap: 0;
503
490
  }
504
491
  .pf-v6-c-toolbar__group.pf-m-gap-xs,
505
492
  .pf-v6-c-toolbar__item.pf-m-gap-xs,
506
- .pf-v6-c-toolbar__content.pf-m-gap-xs,
507
493
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs {
508
494
  gap: var(--pf-t--global--spacer--xs);
509
495
  }
510
496
  .pf-v6-c-toolbar__group.pf-m-gap-sm,
511
497
  .pf-v6-c-toolbar__item.pf-m-gap-sm,
512
- .pf-v6-c-toolbar__content.pf-m-gap-sm,
513
498
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm {
514
499
  gap: var(--pf-t--global--spacer--sm);
515
500
  }
516
501
  .pf-v6-c-toolbar__group.pf-m-gap-md,
517
502
  .pf-v6-c-toolbar__item.pf-m-gap-md,
518
- .pf-v6-c-toolbar__content.pf-m-gap-md,
519
503
  .pf-v6-c-toolbar__content-section.pf-m-gap-md {
520
504
  gap: var(--pf-t--global--spacer--md);
521
505
  }
522
506
  .pf-v6-c-toolbar__group.pf-m-gap-lg,
523
507
  .pf-v6-c-toolbar__item.pf-m-gap-lg,
524
- .pf-v6-c-toolbar__content.pf-m-gap-lg,
525
508
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg {
526
509
  gap: var(--pf-t--global--spacer--lg);
527
510
  }
528
511
  .pf-v6-c-toolbar__group.pf-m-gap-xl,
529
512
  .pf-v6-c-toolbar__item.pf-m-gap-xl,
530
- .pf-v6-c-toolbar__content.pf-m-gap-xl,
531
513
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl {
532
514
  gap: var(--pf-t--global--spacer--xl);
533
515
  }
534
516
  .pf-v6-c-toolbar__group.pf-m-gap-2xl,
535
517
  .pf-v6-c-toolbar__item.pf-m-gap-2xl,
536
- .pf-v6-c-toolbar__content.pf-m-gap-2xl,
537
518
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
538
519
  gap: var(--pf-t--global--spacer--2xl);
539
520
  }
540
521
  .pf-v6-c-toolbar__group.pf-m-gap-3xl,
541
522
  .pf-v6-c-toolbar__item.pf-m-gap-3xl,
542
- .pf-v6-c-toolbar__content.pf-m-gap-3xl,
543
523
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
544
524
  gap: var(--pf-t--global--spacer--3xl);
545
525
  }
546
526
  .pf-v6-c-toolbar__group.pf-m-gap-4xl,
547
527
  .pf-v6-c-toolbar__item.pf-m-gap-4xl,
548
- .pf-v6-c-toolbar__content.pf-m-gap-4xl,
549
528
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
550
529
  gap: var(--pf-t--global--spacer--4xl);
551
530
  }
552
531
  .pf-v6-c-toolbar__group.pf-m-column-gap-none,
553
532
  .pf-v6-c-toolbar__item.pf-m-column-gap-none,
554
- .pf-v6-c-toolbar__content.pf-m-column-gap-none,
555
533
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none {
556
534
  column-gap: 0;
557
535
  }
558
536
  .pf-v6-c-toolbar__group.pf-m-row-gap-none,
559
537
  .pf-v6-c-toolbar__item.pf-m-row-gap-none,
560
- .pf-v6-c-toolbar__content.pf-m-row-gap-none,
561
538
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none {
562
539
  row-gap: 0;
563
540
  }
564
541
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs,
565
542
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs,
566
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs,
567
543
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs {
568
544
  column-gap: var(--pf-t--global--spacer--xs);
569
545
  }
570
546
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs,
571
547
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs,
572
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs,
573
548
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs {
574
549
  row-gap: var(--pf-t--global--spacer--xs);
575
550
  }
576
551
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm,
577
552
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm,
578
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm,
579
553
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm {
580
554
  column-gap: var(--pf-t--global--spacer--sm);
581
555
  }
582
556
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm,
583
557
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm,
584
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm,
585
558
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm {
586
559
  row-gap: var(--pf-t--global--spacer--sm);
587
560
  }
588
561
  .pf-v6-c-toolbar__group.pf-m-column-gap-md,
589
562
  .pf-v6-c-toolbar__item.pf-m-column-gap-md,
590
- .pf-v6-c-toolbar__content.pf-m-column-gap-md,
591
563
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md {
592
564
  column-gap: var(--pf-t--global--spacer--md);
593
565
  }
594
566
  .pf-v6-c-toolbar__group.pf-m-row-gap-md,
595
567
  .pf-v6-c-toolbar__item.pf-m-row-gap-md,
596
- .pf-v6-c-toolbar__content.pf-m-row-gap-md,
597
568
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md {
598
569
  row-gap: var(--pf-t--global--spacer--md);
599
570
  }
600
571
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg,
601
572
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg,
602
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg,
603
573
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg {
604
574
  column-gap: var(--pf-t--global--spacer--lg);
605
575
  }
606
576
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg,
607
577
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg,
608
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg,
609
578
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg {
610
579
  row-gap: var(--pf-t--global--spacer--lg);
611
580
  }
612
581
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl,
613
582
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl,
614
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl,
615
583
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl {
616
584
  column-gap: var(--pf-t--global--spacer--xl);
617
585
  }
618
586
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl,
619
587
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl,
620
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl,
621
588
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl {
622
589
  row-gap: var(--pf-t--global--spacer--xl);
623
590
  }
624
591
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl,
625
592
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl,
626
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl,
627
593
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl {
628
594
  column-gap: var(--pf-t--global--spacer--2xl);
629
595
  }
630
596
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl,
631
597
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl,
632
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl,
633
598
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl {
634
599
  row-gap: var(--pf-t--global--spacer--2xl);
635
600
  }
636
601
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl,
637
602
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl,
638
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl,
639
603
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl {
640
604
  column-gap: var(--pf-t--global--spacer--3xl);
641
605
  }
642
606
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl,
643
607
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl,
644
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl,
645
608
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl {
646
609
  row-gap: var(--pf-t--global--spacer--3xl);
647
610
  }
648
611
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl,
649
612
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl,
650
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl,
651
613
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl {
652
614
  column-gap: var(--pf-t--global--spacer--4xl);
653
615
  }
654
616
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl,
655
617
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl,
656
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl,
657
618
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl {
658
619
  row-gap: var(--pf-t--global--spacer--4xl);
659
620
  }
@@ -672,7 +633,7 @@
672
633
  display: none;
673
634
  }
674
635
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__toggle {
675
- display: inline-block;
636
+ display: inline-flex;
676
637
  }
677
638
 
678
639
  @media (min-width: 576px) {
@@ -713,252 +674,200 @@
713
674
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
714
675
  align-self: end;
715
676
  }
716
- .pf-v6-c-toolbar.pf-m-inset-none-on-sm,
717
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-sm,
718
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-sm {
719
- --pf-v6-c-toolbar__content--PaddingInline: 0;
720
- }
721
- .pf-v6-c-toolbar.pf-m-inset-xs-on-sm,
722
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-sm,
723
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-sm {
724
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
725
- }
726
- .pf-v6-c-toolbar.pf-m-inset-sm-on-sm,
727
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-sm,
728
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-sm {
729
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
730
- }
731
- .pf-v6-c-toolbar.pf-m-inset-md-on-sm,
732
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-sm,
733
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-sm {
734
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
735
- }
736
- .pf-v6-c-toolbar.pf-m-inset-lg-on-sm,
737
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-sm,
738
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-sm {
739
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
740
- }
741
- .pf-v6-c-toolbar.pf-m-inset-xl-on-sm,
742
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-sm,
743
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-sm {
744
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
745
- }
746
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm,
747
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-sm,
748
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-sm {
749
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
750
- }
751
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm,
752
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-sm,
753
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-sm {
754
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
755
- }
756
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm,
757
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-sm,
758
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-sm {
759
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
677
+ .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
678
+ padding-inline: 0;
679
+ }
680
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
681
+ padding-inline: var(--pf-t--global--spacer--xs);
682
+ }
683
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
684
+ padding-inline: var(--pf-t--global--spacer--sm);
685
+ }
686
+ .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
687
+ padding-inline: var(--pf-t--global--spacer--md);
688
+ }
689
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
690
+ padding-inline: var(--pf-t--global--spacer--lg);
691
+ }
692
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
693
+ padding-inline: var(--pf-t--global--spacer--xl);
694
+ }
695
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
696
+ padding-inline: var(--pf-t--global--spacer--2xl);
697
+ }
698
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
699
+ padding-inline: var(--pf-t--global--spacer--3xl);
700
+ }
701
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
702
+ padding-inline: var(--pf-t--global--spacer--4xl);
760
703
  }
761
704
  .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
762
705
  .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
763
- .pf-v6-c-toolbar__content.pf-m-wrap-on-sm,
764
706
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
765
707
  flex-wrap: wrap;
766
708
  }
767
709
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-sm,
768
710
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-sm,
769
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-sm,
770
711
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-sm {
771
712
  flex-wrap: nowrap;
772
713
  }
773
714
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-sm,
774
715
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-sm,
775
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-sm,
776
716
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-sm {
777
717
  align-items: stretch;
778
718
  }
779
719
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-sm,
780
720
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-sm,
781
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-sm,
782
721
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-sm {
783
722
  align-items: baseline;
784
723
  }
785
724
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-sm,
786
725
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-sm,
787
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-sm,
788
726
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-sm {
789
727
  align-items: start;
790
728
  }
791
729
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-sm,
792
730
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-sm,
793
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-sm,
794
731
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-sm {
795
732
  align-items: center;
796
733
  }
797
734
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-sm,
798
735
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-sm,
799
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-sm,
800
736
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-sm {
801
737
  align-items: end;
802
738
  }
803
739
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-sm,
804
740
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
805
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-sm,
806
741
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
807
742
  gap: 0;
808
743
  }
809
744
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
810
745
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
811
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-sm,
812
746
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
813
747
  gap: var(--pf-t--global--spacer--xs);
814
748
  }
815
749
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
816
750
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
817
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-sm,
818
751
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
819
752
  gap: var(--pf-t--global--spacer--sm);
820
753
  }
821
754
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
822
755
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
823
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-sm,
824
756
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
825
757
  gap: var(--pf-t--global--spacer--md);
826
758
  }
827
759
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
828
760
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
829
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-sm,
830
761
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
831
762
  gap: var(--pf-t--global--spacer--lg);
832
763
  }
833
764
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
834
765
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
835
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-sm,
836
766
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
837
767
  gap: var(--pf-t--global--spacer--xl);
838
768
  }
839
769
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
840
770
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
841
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-sm,
842
771
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
843
772
  gap: var(--pf-t--global--spacer--2xl);
844
773
  }
845
774
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
846
775
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
847
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-sm,
848
776
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
849
777
  gap: var(--pf-t--global--spacer--3xl);
850
778
  }
851
779
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
852
780
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
853
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-sm,
854
781
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
855
782
  gap: var(--pf-t--global--spacer--4xl);
856
783
  }
857
784
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
858
785
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-sm,
859
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-sm,
860
786
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-sm {
861
787
  column-gap: 0;
862
788
  }
863
789
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-sm,
864
790
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-sm,
865
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-sm,
866
791
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
867
792
  row-gap: 0;
868
793
  }
869
794
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-sm,
870
795
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-sm,
871
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-sm,
872
796
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-sm {
873
797
  column-gap: var(--pf-t--global--spacer--xs);
874
798
  }
875
799
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-sm,
876
800
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-sm,
877
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-sm,
878
801
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
879
802
  row-gap: var(--pf-t--global--spacer--xs);
880
803
  }
881
804
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-sm,
882
805
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-sm,
883
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-sm,
884
806
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-sm {
885
807
  column-gap: var(--pf-t--global--spacer--sm);
886
808
  }
887
809
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-sm,
888
810
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-sm,
889
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-sm,
890
811
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
891
812
  row-gap: var(--pf-t--global--spacer--sm);
892
813
  }
893
814
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-sm,
894
815
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-sm,
895
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-sm,
896
816
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-sm {
897
817
  column-gap: var(--pf-t--global--spacer--md);
898
818
  }
899
819
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-sm,
900
820
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-sm,
901
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-sm,
902
821
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
903
822
  row-gap: var(--pf-t--global--spacer--md);
904
823
  }
905
824
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-sm,
906
825
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-sm,
907
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-sm,
908
826
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-sm {
909
827
  column-gap: var(--pf-t--global--spacer--lg);
910
828
  }
911
829
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-sm,
912
830
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-sm,
913
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-sm,
914
831
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
915
832
  row-gap: var(--pf-t--global--spacer--lg);
916
833
  }
917
834
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-sm,
918
835
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-sm,
919
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-sm,
920
836
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-sm {
921
837
  column-gap: var(--pf-t--global--spacer--xl);
922
838
  }
923
839
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-sm,
924
840
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-sm,
925
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-sm,
926
841
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
927
842
  row-gap: var(--pf-t--global--spacer--xl);
928
843
  }
929
844
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
930
845
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
931
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-sm,
932
846
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-sm {
933
847
  column-gap: var(--pf-t--global--spacer--2xl);
934
848
  }
935
849
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-sm,
936
850
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
937
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
938
851
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
939
852
  row-gap: var(--pf-t--global--spacer--2xl);
940
853
  }
941
854
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
942
855
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
943
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-sm,
944
856
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-sm {
945
857
  column-gap: var(--pf-t--global--spacer--3xl);
946
858
  }
947
859
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-sm,
948
860
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
949
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
950
861
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
951
862
  row-gap: var(--pf-t--global--spacer--3xl);
952
863
  }
953
864
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
954
865
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
955
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-sm,
956
866
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-sm {
957
867
  column-gap: var(--pf-t--global--spacer--4xl);
958
868
  }
959
869
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-sm,
960
870
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
961
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
962
871
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
963
872
  row-gap: var(--pf-t--global--spacer--4xl);
964
873
  }
@@ -976,7 +885,7 @@
976
885
  display: none;
977
886
  }
978
887
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__toggle {
979
- display: inline-block;
888
+ display: inline-flex;
980
889
  }
981
890
  }
982
891
  @media (min-width: 768px) {
@@ -1017,252 +926,200 @@
1017
926
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
1018
927
  align-self: end;
1019
928
  }
1020
- .pf-v6-c-toolbar.pf-m-inset-none-on-md,
1021
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-md,
1022
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-md {
1023
- --pf-v6-c-toolbar__content--PaddingInline: 0;
1024
- }
1025
- .pf-v6-c-toolbar.pf-m-inset-xs-on-md,
1026
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-md,
1027
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-md {
1028
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
1029
- }
1030
- .pf-v6-c-toolbar.pf-m-inset-sm-on-md,
1031
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-md,
1032
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-md {
1033
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
1034
- }
1035
- .pf-v6-c-toolbar.pf-m-inset-md-on-md,
1036
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-md,
1037
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-md {
1038
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
1039
- }
1040
- .pf-v6-c-toolbar.pf-m-inset-lg-on-md,
1041
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-md,
1042
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-md {
1043
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
1044
- }
1045
- .pf-v6-c-toolbar.pf-m-inset-xl-on-md,
1046
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-md,
1047
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-md {
1048
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
1049
- }
1050
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-md,
1051
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-md,
1052
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-md {
1053
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
1054
- }
1055
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-md,
1056
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-md,
1057
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-md {
1058
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
1059
- }
1060
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-md,
1061
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-md,
1062
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-md {
1063
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
929
+ .pf-v6-c-toolbar.pf-m-inset-none-on-md {
930
+ padding-inline: 0;
931
+ }
932
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
933
+ padding-inline: var(--pf-t--global--spacer--xs);
934
+ }
935
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
936
+ padding-inline: var(--pf-t--global--spacer--sm);
937
+ }
938
+ .pf-v6-c-toolbar.pf-m-inset-md-on-md {
939
+ padding-inline: var(--pf-t--global--spacer--md);
940
+ }
941
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
942
+ padding-inline: var(--pf-t--global--spacer--lg);
943
+ }
944
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
945
+ padding-inline: var(--pf-t--global--spacer--xl);
946
+ }
947
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
948
+ padding-inline: var(--pf-t--global--spacer--2xl);
949
+ }
950
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
951
+ padding-inline: var(--pf-t--global--spacer--3xl);
952
+ }
953
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
954
+ padding-inline: var(--pf-t--global--spacer--4xl);
1064
955
  }
1065
956
  .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
1066
957
  .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
1067
- .pf-v6-c-toolbar__content.pf-m-wrap-on-md,
1068
958
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
1069
959
  flex-wrap: wrap;
1070
960
  }
1071
961
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-md,
1072
962
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-md,
1073
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-md,
1074
963
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-md {
1075
964
  flex-wrap: nowrap;
1076
965
  }
1077
966
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-md,
1078
967
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-md,
1079
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-md,
1080
968
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-md {
1081
969
  align-items: stretch;
1082
970
  }
1083
971
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-md,
1084
972
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-md,
1085
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-md,
1086
973
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-md {
1087
974
  align-items: baseline;
1088
975
  }
1089
976
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-md,
1090
977
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-md,
1091
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-md,
1092
978
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-md {
1093
979
  align-items: start;
1094
980
  }
1095
981
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-md,
1096
982
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-md,
1097
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-md,
1098
983
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-md {
1099
984
  align-items: center;
1100
985
  }
1101
986
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-md,
1102
987
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-md,
1103
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-md,
1104
988
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-md {
1105
989
  align-items: end;
1106
990
  }
1107
991
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-md,
1108
992
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
1109
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-md,
1110
993
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
1111
994
  gap: 0;
1112
995
  }
1113
996
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
1114
997
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
1115
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-md,
1116
998
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
1117
999
  gap: var(--pf-t--global--spacer--xs);
1118
1000
  }
1119
1001
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
1120
1002
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
1121
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-md,
1122
1003
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
1123
1004
  gap: var(--pf-t--global--spacer--sm);
1124
1005
  }
1125
1006
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
1126
1007
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
1127
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-md,
1128
1008
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
1129
1009
  gap: var(--pf-t--global--spacer--md);
1130
1010
  }
1131
1011
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
1132
1012
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
1133
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-md,
1134
1013
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
1135
1014
  gap: var(--pf-t--global--spacer--lg);
1136
1015
  }
1137
1016
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
1138
1017
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
1139
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-md,
1140
1018
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
1141
1019
  gap: var(--pf-t--global--spacer--xl);
1142
1020
  }
1143
1021
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
1144
1022
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
1145
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-md,
1146
1023
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
1147
1024
  gap: var(--pf-t--global--spacer--2xl);
1148
1025
  }
1149
1026
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
1150
1027
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
1151
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-md,
1152
1028
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
1153
1029
  gap: var(--pf-t--global--spacer--3xl);
1154
1030
  }
1155
1031
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
1156
1032
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
1157
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-md,
1158
1033
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
1159
1034
  gap: var(--pf-t--global--spacer--4xl);
1160
1035
  }
1161
1036
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
1162
1037
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-md,
1163
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-md,
1164
1038
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-md {
1165
1039
  column-gap: 0;
1166
1040
  }
1167
1041
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-md,
1168
1042
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-md,
1169
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-md,
1170
1043
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
1171
1044
  row-gap: 0;
1172
1045
  }
1173
1046
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-md,
1174
1047
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-md,
1175
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-md,
1176
1048
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-md {
1177
1049
  column-gap: var(--pf-t--global--spacer--xs);
1178
1050
  }
1179
1051
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-md,
1180
1052
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-md,
1181
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-md,
1182
1053
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
1183
1054
  row-gap: var(--pf-t--global--spacer--xs);
1184
1055
  }
1185
1056
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-md,
1186
1057
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-md,
1187
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-md,
1188
1058
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-md {
1189
1059
  column-gap: var(--pf-t--global--spacer--sm);
1190
1060
  }
1191
1061
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-md,
1192
1062
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-md,
1193
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-md,
1194
1063
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
1195
1064
  row-gap: var(--pf-t--global--spacer--sm);
1196
1065
  }
1197
1066
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-md,
1198
1067
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-md,
1199
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-md,
1200
1068
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-md {
1201
1069
  column-gap: var(--pf-t--global--spacer--md);
1202
1070
  }
1203
1071
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-md,
1204
1072
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-md,
1205
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-md,
1206
1073
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
1207
1074
  row-gap: var(--pf-t--global--spacer--md);
1208
1075
  }
1209
1076
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-md,
1210
1077
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-md,
1211
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-md,
1212
1078
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-md {
1213
1079
  column-gap: var(--pf-t--global--spacer--lg);
1214
1080
  }
1215
1081
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-md,
1216
1082
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-md,
1217
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-md,
1218
1083
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
1219
1084
  row-gap: var(--pf-t--global--spacer--lg);
1220
1085
  }
1221
1086
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-md,
1222
1087
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-md,
1223
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-md,
1224
1088
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-md {
1225
1089
  column-gap: var(--pf-t--global--spacer--xl);
1226
1090
  }
1227
1091
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-md,
1228
1092
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-md,
1229
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-md,
1230
1093
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
1231
1094
  row-gap: var(--pf-t--global--spacer--xl);
1232
1095
  }
1233
1096
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-md,
1234
1097
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-md,
1235
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-md,
1236
1098
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-md {
1237
1099
  column-gap: var(--pf-t--global--spacer--2xl);
1238
1100
  }
1239
1101
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-md,
1240
1102
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-md,
1241
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-md,
1242
1103
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
1243
1104
  row-gap: var(--pf-t--global--spacer--2xl);
1244
1105
  }
1245
1106
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-md,
1246
1107
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-md,
1247
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-md,
1248
1108
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-md {
1249
1109
  column-gap: var(--pf-t--global--spacer--3xl);
1250
1110
  }
1251
1111
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-md,
1252
1112
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-md,
1253
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-md,
1254
1113
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
1255
1114
  row-gap: var(--pf-t--global--spacer--3xl);
1256
1115
  }
1257
1116
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-md,
1258
1117
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-md,
1259
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-md,
1260
1118
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-md {
1261
1119
  column-gap: var(--pf-t--global--spacer--4xl);
1262
1120
  }
1263
1121
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-md,
1264
1122
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-md,
1265
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-md,
1266
1123
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
1267
1124
  row-gap: var(--pf-t--global--spacer--4xl);
1268
1125
  }
@@ -1280,7 +1137,7 @@
1280
1137
  display: none;
1281
1138
  }
1282
1139
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__toggle {
1283
- display: inline-block;
1140
+ display: inline-flex;
1284
1141
  }
1285
1142
  }
1286
1143
  @media (min-width: 992px) {
@@ -1321,252 +1178,200 @@
1321
1178
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
1322
1179
  align-self: end;
1323
1180
  }
1324
- .pf-v6-c-toolbar.pf-m-inset-none-on-lg,
1325
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-lg,
1326
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-lg {
1327
- --pf-v6-c-toolbar__content--PaddingInline: 0;
1328
- }
1329
- .pf-v6-c-toolbar.pf-m-inset-xs-on-lg,
1330
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-lg,
1331
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-lg {
1332
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
1333
- }
1334
- .pf-v6-c-toolbar.pf-m-inset-sm-on-lg,
1335
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-lg,
1336
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-lg {
1337
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
1338
- }
1339
- .pf-v6-c-toolbar.pf-m-inset-md-on-lg,
1340
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-lg,
1341
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-lg {
1342
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
1343
- }
1344
- .pf-v6-c-toolbar.pf-m-inset-lg-on-lg,
1345
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-lg,
1346
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-lg {
1347
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
1348
- }
1349
- .pf-v6-c-toolbar.pf-m-inset-xl-on-lg,
1350
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-lg,
1351
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-lg {
1352
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
1353
- }
1354
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg,
1355
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-lg,
1356
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-lg {
1357
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
1358
- }
1359
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg,
1360
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-lg,
1361
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-lg {
1362
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
1363
- }
1364
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg,
1365
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-lg,
1366
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-lg {
1367
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
1181
+ .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
1182
+ padding-inline: 0;
1183
+ }
1184
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
1185
+ padding-inline: var(--pf-t--global--spacer--xs);
1186
+ }
1187
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
1188
+ padding-inline: var(--pf-t--global--spacer--sm);
1189
+ }
1190
+ .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
1191
+ padding-inline: var(--pf-t--global--spacer--md);
1192
+ }
1193
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
1194
+ padding-inline: var(--pf-t--global--spacer--lg);
1195
+ }
1196
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
1197
+ padding-inline: var(--pf-t--global--spacer--xl);
1198
+ }
1199
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
1200
+ padding-inline: var(--pf-t--global--spacer--2xl);
1201
+ }
1202
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
1203
+ padding-inline: var(--pf-t--global--spacer--3xl);
1204
+ }
1205
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
1206
+ padding-inline: var(--pf-t--global--spacer--4xl);
1368
1207
  }
1369
1208
  .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
1370
1209
  .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
1371
- .pf-v6-c-toolbar__content.pf-m-wrap-on-lg,
1372
1210
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
1373
1211
  flex-wrap: wrap;
1374
1212
  }
1375
1213
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-lg,
1376
1214
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-lg,
1377
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-lg,
1378
1215
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-lg {
1379
1216
  flex-wrap: nowrap;
1380
1217
  }
1381
1218
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-lg,
1382
1219
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-lg,
1383
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-lg,
1384
1220
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-lg {
1385
1221
  align-items: stretch;
1386
1222
  }
1387
1223
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-lg,
1388
1224
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-lg,
1389
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-lg,
1390
1225
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-lg {
1391
1226
  align-items: baseline;
1392
1227
  }
1393
1228
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-lg,
1394
1229
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-lg,
1395
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-lg,
1396
1230
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-lg {
1397
1231
  align-items: start;
1398
1232
  }
1399
1233
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-lg,
1400
1234
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-lg,
1401
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-lg,
1402
1235
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-lg {
1403
1236
  align-items: center;
1404
1237
  }
1405
1238
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-lg,
1406
1239
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-lg,
1407
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-lg,
1408
1240
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-lg {
1409
1241
  align-items: end;
1410
1242
  }
1411
1243
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-lg,
1412
1244
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
1413
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-lg,
1414
1245
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
1415
1246
  gap: 0;
1416
1247
  }
1417
1248
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
1418
1249
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
1419
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-lg,
1420
1250
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
1421
1251
  gap: var(--pf-t--global--spacer--xs);
1422
1252
  }
1423
1253
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
1424
1254
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
1425
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-lg,
1426
1255
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
1427
1256
  gap: var(--pf-t--global--spacer--sm);
1428
1257
  }
1429
1258
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
1430
1259
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
1431
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-lg,
1432
1260
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
1433
1261
  gap: var(--pf-t--global--spacer--md);
1434
1262
  }
1435
1263
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
1436
1264
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
1437
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-lg,
1438
1265
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
1439
1266
  gap: var(--pf-t--global--spacer--lg);
1440
1267
  }
1441
1268
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
1442
1269
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
1443
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-lg,
1444
1270
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
1445
1271
  gap: var(--pf-t--global--spacer--xl);
1446
1272
  }
1447
1273
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
1448
1274
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
1449
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-lg,
1450
1275
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
1451
1276
  gap: var(--pf-t--global--spacer--2xl);
1452
1277
  }
1453
1278
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
1454
1279
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
1455
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-lg,
1456
1280
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
1457
1281
  gap: var(--pf-t--global--spacer--3xl);
1458
1282
  }
1459
1283
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
1460
1284
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
1461
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-lg,
1462
1285
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
1463
1286
  gap: var(--pf-t--global--spacer--4xl);
1464
1287
  }
1465
1288
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
1466
1289
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-lg,
1467
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-lg,
1468
1290
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-lg {
1469
1291
  column-gap: 0;
1470
1292
  }
1471
1293
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-lg,
1472
1294
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-lg,
1473
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-lg,
1474
1295
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
1475
1296
  row-gap: 0;
1476
1297
  }
1477
1298
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-lg,
1478
1299
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-lg,
1479
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-lg,
1480
1300
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-lg {
1481
1301
  column-gap: var(--pf-t--global--spacer--xs);
1482
1302
  }
1483
1303
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-lg,
1484
1304
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-lg,
1485
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-lg,
1486
1305
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
1487
1306
  row-gap: var(--pf-t--global--spacer--xs);
1488
1307
  }
1489
1308
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-lg,
1490
1309
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-lg,
1491
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-lg,
1492
1310
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-lg {
1493
1311
  column-gap: var(--pf-t--global--spacer--sm);
1494
1312
  }
1495
1313
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-lg,
1496
1314
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-lg,
1497
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-lg,
1498
1315
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
1499
1316
  row-gap: var(--pf-t--global--spacer--sm);
1500
1317
  }
1501
1318
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-lg,
1502
1319
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-lg,
1503
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-lg,
1504
1320
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-lg {
1505
1321
  column-gap: var(--pf-t--global--spacer--md);
1506
1322
  }
1507
1323
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-lg,
1508
1324
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-lg,
1509
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-lg,
1510
1325
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
1511
1326
  row-gap: var(--pf-t--global--spacer--md);
1512
1327
  }
1513
1328
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-lg,
1514
1329
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-lg,
1515
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-lg,
1516
1330
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-lg {
1517
1331
  column-gap: var(--pf-t--global--spacer--lg);
1518
1332
  }
1519
1333
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-lg,
1520
1334
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-lg,
1521
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-lg,
1522
1335
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
1523
1336
  row-gap: var(--pf-t--global--spacer--lg);
1524
1337
  }
1525
1338
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-lg,
1526
1339
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-lg,
1527
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-lg,
1528
1340
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-lg {
1529
1341
  column-gap: var(--pf-t--global--spacer--xl);
1530
1342
  }
1531
1343
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-lg,
1532
1344
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-lg,
1533
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-lg,
1534
1345
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
1535
1346
  row-gap: var(--pf-t--global--spacer--xl);
1536
1347
  }
1537
1348
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
1538
1349
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
1539
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-lg,
1540
1350
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-lg {
1541
1351
  column-gap: var(--pf-t--global--spacer--2xl);
1542
1352
  }
1543
1353
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-lg,
1544
1354
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
1545
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
1546
1355
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
1547
1356
  row-gap: var(--pf-t--global--spacer--2xl);
1548
1357
  }
1549
1358
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
1550
1359
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
1551
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-lg,
1552
1360
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-lg {
1553
1361
  column-gap: var(--pf-t--global--spacer--3xl);
1554
1362
  }
1555
1363
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-lg,
1556
1364
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
1557
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
1558
1365
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
1559
1366
  row-gap: var(--pf-t--global--spacer--3xl);
1560
1367
  }
1561
1368
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
1562
1369
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
1563
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-lg,
1564
1370
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-lg {
1565
1371
  column-gap: var(--pf-t--global--spacer--4xl);
1566
1372
  }
1567
1373
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-lg,
1568
1374
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
1569
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
1570
1375
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
1571
1376
  row-gap: var(--pf-t--global--spacer--4xl);
1572
1377
  }
@@ -1584,7 +1389,7 @@
1584
1389
  display: none;
1585
1390
  }
1586
1391
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__toggle {
1587
- display: inline-block;
1392
+ display: inline-flex;
1588
1393
  }
1589
1394
  }
1590
1395
  @media (min-width: 1200px) {
@@ -1625,252 +1430,200 @@
1625
1430
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
1626
1431
  align-self: end;
1627
1432
  }
1628
- .pf-v6-c-toolbar.pf-m-inset-none-on-xl,
1629
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-xl,
1630
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-xl {
1631
- --pf-v6-c-toolbar__content--PaddingInline: 0;
1632
- }
1633
- .pf-v6-c-toolbar.pf-m-inset-xs-on-xl,
1634
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-xl,
1635
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-xl {
1636
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
1637
- }
1638
- .pf-v6-c-toolbar.pf-m-inset-sm-on-xl,
1639
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-xl,
1640
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-xl {
1641
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
1642
- }
1643
- .pf-v6-c-toolbar.pf-m-inset-md-on-xl,
1644
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-xl,
1645
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-xl {
1646
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
1647
- }
1648
- .pf-v6-c-toolbar.pf-m-inset-lg-on-xl,
1649
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-xl,
1650
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-xl {
1651
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
1652
- }
1653
- .pf-v6-c-toolbar.pf-m-inset-xl-on-xl,
1654
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-xl,
1655
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-xl {
1656
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
1657
- }
1658
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl,
1659
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-xl,
1660
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-xl {
1661
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
1662
- }
1663
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl,
1664
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-xl,
1665
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-xl {
1666
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
1667
- }
1668
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl,
1669
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-xl,
1670
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-xl {
1671
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
1433
+ .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
1434
+ padding-inline: 0;
1435
+ }
1436
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
1437
+ padding-inline: var(--pf-t--global--spacer--xs);
1438
+ }
1439
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
1440
+ padding-inline: var(--pf-t--global--spacer--sm);
1441
+ }
1442
+ .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
1443
+ padding-inline: var(--pf-t--global--spacer--md);
1444
+ }
1445
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
1446
+ padding-inline: var(--pf-t--global--spacer--lg);
1447
+ }
1448
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
1449
+ padding-inline: var(--pf-t--global--spacer--xl);
1450
+ }
1451
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
1452
+ padding-inline: var(--pf-t--global--spacer--2xl);
1453
+ }
1454
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
1455
+ padding-inline: var(--pf-t--global--spacer--3xl);
1456
+ }
1457
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
1458
+ padding-inline: var(--pf-t--global--spacer--4xl);
1672
1459
  }
1673
1460
  .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
1674
1461
  .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
1675
- .pf-v6-c-toolbar__content.pf-m-wrap-on-xl,
1676
1462
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
1677
1463
  flex-wrap: wrap;
1678
1464
  }
1679
1465
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-xl,
1680
1466
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-xl,
1681
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-xl,
1682
1467
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-xl {
1683
1468
  flex-wrap: nowrap;
1684
1469
  }
1685
1470
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-xl,
1686
1471
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-xl,
1687
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-xl,
1688
1472
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-xl {
1689
1473
  align-items: stretch;
1690
1474
  }
1691
1475
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-xl,
1692
1476
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-xl,
1693
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-xl,
1694
1477
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-xl {
1695
1478
  align-items: baseline;
1696
1479
  }
1697
1480
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-xl,
1698
1481
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-xl,
1699
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-xl,
1700
1482
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-xl {
1701
1483
  align-items: start;
1702
1484
  }
1703
1485
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-xl,
1704
1486
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-xl,
1705
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-xl,
1706
1487
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-xl {
1707
1488
  align-items: center;
1708
1489
  }
1709
1490
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-xl,
1710
1491
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-xl,
1711
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-xl,
1712
1492
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-xl {
1713
1493
  align-items: end;
1714
1494
  }
1715
1495
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-xl,
1716
1496
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
1717
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-xl,
1718
1497
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
1719
1498
  gap: 0;
1720
1499
  }
1721
1500
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
1722
1501
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
1723
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-xl,
1724
1502
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
1725
1503
  gap: var(--pf-t--global--spacer--xs);
1726
1504
  }
1727
1505
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
1728
1506
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
1729
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-xl,
1730
1507
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
1731
1508
  gap: var(--pf-t--global--spacer--sm);
1732
1509
  }
1733
1510
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
1734
1511
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
1735
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-xl,
1736
1512
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
1737
1513
  gap: var(--pf-t--global--spacer--md);
1738
1514
  }
1739
1515
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
1740
1516
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
1741
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-xl,
1742
1517
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
1743
1518
  gap: var(--pf-t--global--spacer--lg);
1744
1519
  }
1745
1520
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
1746
1521
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
1747
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-xl,
1748
1522
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
1749
1523
  gap: var(--pf-t--global--spacer--xl);
1750
1524
  }
1751
1525
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
1752
1526
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
1753
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-xl,
1754
1527
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
1755
1528
  gap: var(--pf-t--global--spacer--2xl);
1756
1529
  }
1757
1530
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
1758
1531
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
1759
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-xl,
1760
1532
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
1761
1533
  gap: var(--pf-t--global--spacer--3xl);
1762
1534
  }
1763
1535
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
1764
1536
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
1765
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-xl,
1766
1537
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
1767
1538
  gap: var(--pf-t--global--spacer--4xl);
1768
1539
  }
1769
1540
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
1770
1541
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-xl,
1771
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-xl,
1772
1542
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-xl {
1773
1543
  column-gap: 0;
1774
1544
  }
1775
1545
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-xl,
1776
1546
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-xl,
1777
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-xl,
1778
1547
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
1779
1548
  row-gap: 0;
1780
1549
  }
1781
1550
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-xl,
1782
1551
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-xl,
1783
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-xl,
1784
1552
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-xl {
1785
1553
  column-gap: var(--pf-t--global--spacer--xs);
1786
1554
  }
1787
1555
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-xl,
1788
1556
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-xl,
1789
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-xl,
1790
1557
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
1791
1558
  row-gap: var(--pf-t--global--spacer--xs);
1792
1559
  }
1793
1560
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-xl,
1794
1561
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-xl,
1795
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-xl,
1796
1562
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-xl {
1797
1563
  column-gap: var(--pf-t--global--spacer--sm);
1798
1564
  }
1799
1565
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-xl,
1800
1566
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-xl,
1801
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-xl,
1802
1567
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
1803
1568
  row-gap: var(--pf-t--global--spacer--sm);
1804
1569
  }
1805
1570
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-xl,
1806
1571
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-xl,
1807
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-xl,
1808
1572
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-xl {
1809
1573
  column-gap: var(--pf-t--global--spacer--md);
1810
1574
  }
1811
1575
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-xl,
1812
1576
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-xl,
1813
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-xl,
1814
1577
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
1815
1578
  row-gap: var(--pf-t--global--spacer--md);
1816
1579
  }
1817
1580
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-xl,
1818
1581
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-xl,
1819
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-xl,
1820
1582
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-xl {
1821
1583
  column-gap: var(--pf-t--global--spacer--lg);
1822
1584
  }
1823
1585
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-xl,
1824
1586
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-xl,
1825
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-xl,
1826
1587
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
1827
1588
  row-gap: var(--pf-t--global--spacer--lg);
1828
1589
  }
1829
1590
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-xl,
1830
1591
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-xl,
1831
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-xl,
1832
1592
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-xl {
1833
1593
  column-gap: var(--pf-t--global--spacer--xl);
1834
1594
  }
1835
1595
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-xl,
1836
1596
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-xl,
1837
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-xl,
1838
1597
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
1839
1598
  row-gap: var(--pf-t--global--spacer--xl);
1840
1599
  }
1841
1600
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
1842
1601
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
1843
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-xl,
1844
1602
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-xl {
1845
1603
  column-gap: var(--pf-t--global--spacer--2xl);
1846
1604
  }
1847
1605
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-xl,
1848
1606
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
1849
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
1850
1607
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
1851
1608
  row-gap: var(--pf-t--global--spacer--2xl);
1852
1609
  }
1853
1610
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
1854
1611
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
1855
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-xl,
1856
1612
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-xl {
1857
1613
  column-gap: var(--pf-t--global--spacer--3xl);
1858
1614
  }
1859
1615
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-xl,
1860
1616
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
1861
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
1862
1617
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
1863
1618
  row-gap: var(--pf-t--global--spacer--3xl);
1864
1619
  }
1865
1620
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
1866
1621
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
1867
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-xl,
1868
1622
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-xl {
1869
1623
  column-gap: var(--pf-t--global--spacer--4xl);
1870
1624
  }
1871
1625
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-xl,
1872
1626
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
1873
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
1874
1627
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
1875
1628
  row-gap: var(--pf-t--global--spacer--4xl);
1876
1629
  }
@@ -1888,7 +1641,7 @@
1888
1641
  display: none;
1889
1642
  }
1890
1643
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__toggle {
1891
- display: inline-block;
1644
+ display: inline-flex;
1892
1645
  }
1893
1646
  }
1894
1647
  @media (min-width: 1450px) {
@@ -1929,252 +1682,200 @@
1929
1682
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
1930
1683
  align-self: end;
1931
1684
  }
1932
- .pf-v6-c-toolbar.pf-m-inset-none-on-2xl,
1933
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-2xl,
1934
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-2xl {
1935
- --pf-v6-c-toolbar__content--PaddingInline: 0;
1936
- }
1937
- .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl,
1938
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-2xl,
1939
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-2xl {
1940
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
1941
- }
1942
- .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl,
1943
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-2xl,
1944
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-2xl {
1945
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
1946
- }
1947
- .pf-v6-c-toolbar.pf-m-inset-md-on-2xl,
1948
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-2xl,
1949
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-2xl {
1950
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
1951
- }
1952
- .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl,
1953
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-2xl,
1954
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-2xl {
1955
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
1956
- }
1957
- .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl,
1958
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-2xl,
1959
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-2xl {
1960
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
1961
- }
1962
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl,
1963
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-2xl,
1964
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-2xl {
1965
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
1966
- }
1967
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl,
1968
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-2xl,
1969
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-2xl {
1970
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
1971
- }
1972
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl,
1973
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-2xl,
1974
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-2xl {
1975
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
1685
+ .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
1686
+ padding-inline: 0;
1687
+ }
1688
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
1689
+ padding-inline: var(--pf-t--global--spacer--xs);
1690
+ }
1691
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
1692
+ padding-inline: var(--pf-t--global--spacer--sm);
1693
+ }
1694
+ .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
1695
+ padding-inline: var(--pf-t--global--spacer--md);
1696
+ }
1697
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
1698
+ padding-inline: var(--pf-t--global--spacer--lg);
1699
+ }
1700
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
1701
+ padding-inline: var(--pf-t--global--spacer--xl);
1702
+ }
1703
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
1704
+ padding-inline: var(--pf-t--global--spacer--2xl);
1705
+ }
1706
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
1707
+ padding-inline: var(--pf-t--global--spacer--3xl);
1708
+ }
1709
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
1710
+ padding-inline: var(--pf-t--global--spacer--4xl);
1976
1711
  }
1977
1712
  .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
1978
1713
  .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
1979
- .pf-v6-c-toolbar__content.pf-m-wrap-on-2xl,
1980
1714
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
1981
1715
  flex-wrap: wrap;
1982
1716
  }
1983
1717
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-2xl,
1984
1718
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-2xl,
1985
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-2xl,
1986
1719
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-2xl {
1987
1720
  flex-wrap: nowrap;
1988
1721
  }
1989
1722
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-2xl,
1990
1723
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-2xl,
1991
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-2xl,
1992
1724
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-2xl {
1993
1725
  align-items: stretch;
1994
1726
  }
1995
1727
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-2xl,
1996
1728
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-2xl,
1997
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-2xl,
1998
1729
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-2xl {
1999
1730
  align-items: baseline;
2000
1731
  }
2001
1732
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-2xl,
2002
1733
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-2xl,
2003
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-2xl,
2004
1734
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-2xl {
2005
1735
  align-items: start;
2006
1736
  }
2007
1737
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-2xl,
2008
1738
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-2xl,
2009
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-2xl,
2010
1739
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-2xl {
2011
1740
  align-items: center;
2012
1741
  }
2013
1742
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-2xl,
2014
1743
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-2xl,
2015
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-2xl,
2016
1744
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-2xl {
2017
1745
  align-items: end;
2018
1746
  }
2019
1747
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-2xl,
2020
1748
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
2021
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-2xl,
2022
1749
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
2023
1750
  gap: 0;
2024
1751
  }
2025
1752
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
2026
1753
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
2027
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-2xl,
2028
1754
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
2029
1755
  gap: var(--pf-t--global--spacer--xs);
2030
1756
  }
2031
1757
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
2032
1758
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
2033
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-2xl,
2034
1759
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
2035
1760
  gap: var(--pf-t--global--spacer--sm);
2036
1761
  }
2037
1762
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
2038
1763
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
2039
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-2xl,
2040
1764
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
2041
1765
  gap: var(--pf-t--global--spacer--md);
2042
1766
  }
2043
1767
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
2044
1768
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
2045
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-2xl,
2046
1769
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
2047
1770
  gap: var(--pf-t--global--spacer--lg);
2048
1771
  }
2049
1772
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
2050
1773
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
2051
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-2xl,
2052
1774
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
2053
1775
  gap: var(--pf-t--global--spacer--xl);
2054
1776
  }
2055
1777
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
2056
1778
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
2057
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-2xl,
2058
1779
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
2059
1780
  gap: var(--pf-t--global--spacer--2xl);
2060
1781
  }
2061
1782
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
2062
1783
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
2063
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-2xl,
2064
1784
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
2065
1785
  gap: var(--pf-t--global--spacer--3xl);
2066
1786
  }
2067
1787
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
2068
1788
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
2069
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-2xl,
2070
1789
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
2071
1790
  gap: var(--pf-t--global--spacer--4xl);
2072
1791
  }
2073
1792
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
2074
1793
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
2075
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-2xl,
2076
1794
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
2077
1795
  column-gap: 0;
2078
1796
  }
2079
1797
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-2xl,
2080
1798
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
2081
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-2xl,
2082
1799
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
2083
1800
  row-gap: 0;
2084
1801
  }
2085
1802
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
2086
1803
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
2087
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-2xl,
2088
1804
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
2089
1805
  column-gap: var(--pf-t--global--spacer--xs);
2090
1806
  }
2091
1807
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
2092
1808
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
2093
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
2094
1809
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
2095
1810
  row-gap: var(--pf-t--global--spacer--xs);
2096
1811
  }
2097
1812
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
2098
1813
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
2099
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-2xl,
2100
1814
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
2101
1815
  column-gap: var(--pf-t--global--spacer--sm);
2102
1816
  }
2103
1817
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
2104
1818
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
2105
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
2106
1819
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
2107
1820
  row-gap: var(--pf-t--global--spacer--sm);
2108
1821
  }
2109
1822
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
2110
1823
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
2111
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-2xl,
2112
1824
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
2113
1825
  column-gap: var(--pf-t--global--spacer--md);
2114
1826
  }
2115
1827
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-2xl,
2116
1828
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
2117
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-2xl,
2118
1829
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
2119
1830
  row-gap: var(--pf-t--global--spacer--md);
2120
1831
  }
2121
1832
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
2122
1833
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
2123
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-2xl,
2124
1834
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
2125
1835
  column-gap: var(--pf-t--global--spacer--lg);
2126
1836
  }
2127
1837
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
2128
1838
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
2129
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
2130
1839
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
2131
1840
  row-gap: var(--pf-t--global--spacer--lg);
2132
1841
  }
2133
1842
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
2134
1843
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
2135
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-2xl,
2136
1844
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
2137
1845
  column-gap: var(--pf-t--global--spacer--xl);
2138
1846
  }
2139
1847
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
2140
1848
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
2141
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
2142
1849
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
2143
1850
  row-gap: var(--pf-t--global--spacer--xl);
2144
1851
  }
2145
1852
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
2146
1853
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
2147
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-2xl,
2148
1854
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
2149
1855
  column-gap: var(--pf-t--global--spacer--2xl);
2150
1856
  }
2151
1857
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
2152
1858
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
2153
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
2154
1859
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
2155
1860
  row-gap: var(--pf-t--global--spacer--2xl);
2156
1861
  }
2157
1862
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
2158
1863
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
2159
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-2xl,
2160
1864
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
2161
1865
  column-gap: var(--pf-t--global--spacer--3xl);
2162
1866
  }
2163
1867
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
2164
1868
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
2165
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
2166
1869
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
2167
1870
  row-gap: var(--pf-t--global--spacer--3xl);
2168
1871
  }
2169
1872
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
2170
1873
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
2171
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-2xl,
2172
1874
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
2173
1875
  column-gap: var(--pf-t--global--spacer--4xl);
2174
1876
  }
2175
1877
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
2176
1878
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
2177
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
2178
1879
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
2179
1880
  row-gap: var(--pf-t--global--spacer--4xl);
2180
1881
  }
@@ -2192,6 +1893,6 @@
2192
1893
  display: none;
2193
1894
  }
2194
1895
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__toggle {
2195
- display: inline-block;
1896
+ display: inline-flex;
2196
1897
  }
2197
1898
  }