@patternfly/react-styles 6.6.1 → 6.7.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +51 -1
- package/css/components/Backdrop/backdrop.css +34 -0
- package/css/components/Backdrop/backdrop.d.ts +5 -1
- package/css/components/Backdrop/backdrop.js +5 -1
- package/css/components/Backdrop/backdrop.mjs +5 -1
- package/css/components/Button/button.css +20 -8
- package/css/components/Button/button.d.ts +1 -1
- package/css/components/Button/button.js +1 -1
- package/css/components/Button/button.mjs +1 -1
- package/css/components/Check/check.css +14 -0
- package/css/components/Compass/compass.css +20 -25
- package/css/components/Compass/compass.d.ts +1 -1
- package/css/components/Compass/compass.js +1 -1
- package/css/components/Compass/compass.mjs +1 -1
- package/css/components/DataList/data-list.css +11 -9
- package/css/components/DataList/data-list.d.ts +1 -0
- package/css/components/DataList/data-list.js +1 -0
- package/css/components/DataList/data-list.mjs +1 -0
- package/css/components/Drawer/drawer.css +10 -0
- package/css/components/Drawer/drawer.d.ts +1 -0
- package/css/components/Drawer/drawer.js +1 -0
- package/css/components/Drawer/drawer.mjs +1 -0
- package/css/components/FormControl/form-control.css +12 -2
- package/css/components/Label/label.css +9 -3
- package/css/components/Masthead/masthead.css +3 -3
- package/css/components/Masthead/masthead.d.ts +1 -1
- package/css/components/Masthead/masthead.js +1 -1
- package/css/components/Masthead/masthead.mjs +1 -1
- package/css/components/MenuToggle/menu-toggle.css +3 -4
- package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
- package/css/components/MenuToggle/menu-toggle.js +0 -1
- package/css/components/MenuToggle/menu-toggle.mjs +0 -1
- package/css/components/ModalBox/modal-box.css +42 -0
- package/css/components/ModalBox/modal-box.d.ts +2 -0
- package/css/components/ModalBox/modal-box.js +2 -0
- package/css/components/ModalBox/modal-box.mjs +2 -0
- package/css/components/Nav/nav.css +26 -6
- package/css/components/Nav/nav.d.ts +3 -2
- package/css/components/Nav/nav.js +3 -2
- package/css/components/Nav/nav.mjs +3 -2
- package/css/components/Page/page.css +66 -18
- package/css/components/Page/page.d.ts +4 -2
- package/css/components/Page/page.js +4 -2
- package/css/components/Page/page.mjs +4 -2
- package/css/components/Radio/radio.css +14 -0
- package/css/components/Table/table-grid.css +26 -14
- package/css/components/Table/table.css +67 -17
- package/css/components/Table/table.d.ts +2 -0
- package/css/components/Table/table.js +2 -0
- package/css/components/Table/table.mjs +2 -0
- package/css/components/Tabs/tabs.css +19 -5
- package/css/components/Toolbar/toolbar.css +198 -184
- package/css/components/Toolbar/toolbar.d.ts +55 -54
- package/css/components/Toolbar/toolbar.js +55 -54
- package/css/components/Toolbar/toolbar.mjs +55 -54
- package/css/components/Wizard/wizard.css +1 -1
- package/css/components/_index.css +599 -303
- package/css/components/_index.d.ts +17 -8
- package/css/components/_index.js +17 -8
- package/css/components/_index.mjs +17 -8
- package/css/docs/components/Nav/examples/Navigation.css +11 -1
- package/css/docs/components/Nav/examples/Navigation.d.ts +4 -1
- package/css/docs/components/Nav/examples/Navigation.js +4 -1
- package/css/docs/components/Nav/examples/Navigation.mjs +4 -1
- package/css/docs/components/Table/examples/Table.css +2 -6
- package/css/docs/components/Toolbar/examples/Toolbar.css +14 -0
- package/css/docs/components/Toolbar/examples/Toolbar.d.ts +1 -0
- package/css/docs/components/Toolbar/examples/Toolbar.js +1 -0
- package/css/docs/components/Toolbar/examples/Toolbar.mjs +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/js/index.d.ts +1 -1
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +2 -2
- package/dist/js/index.js.map +1 -1
- package/package.json +3 -3
- package/src/index.ts +3 -3
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
|
-
@
|
|
147
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
148
148
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
|
|
149
149
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
|
|
150
150
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
|
-
@
|
|
159
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
160
160
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
|
|
161
161
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-md,
|
|
162
162
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-md {
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
@
|
|
171
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
172
172
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
|
|
173
173
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
|
|
174
174
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
|
-
@
|
|
183
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
184
184
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
|
|
185
185
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
|
|
186
186
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
|
-
@
|
|
195
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
196
196
|
.pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
|
|
197
197
|
.pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
|
|
198
198
|
.pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
|
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
@
|
|
262
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
263
263
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
|
|
264
264
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
265
265
|
}
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
268
268
|
}
|
|
269
269
|
}
|
|
270
|
-
@
|
|
270
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
271
271
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-md {
|
|
272
272
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
273
273
|
}
|
|
@@ -275,7 +275,7 @@
|
|
|
275
275
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
|
-
@
|
|
278
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
279
279
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
|
|
280
280
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
281
281
|
}
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
|
-
@
|
|
286
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
287
287
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
|
|
288
288
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
289
289
|
}
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
|
-
@
|
|
294
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
295
295
|
.pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
|
|
296
296
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
297
297
|
}
|
|
@@ -396,6 +396,10 @@
|
|
|
396
396
|
.pf-v6-c-toolbar.pf-m-no-background {
|
|
397
397
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
|
|
398
398
|
}
|
|
399
|
+
.pf-v6-c-toolbar.pf-m-container {
|
|
400
|
+
container-name: pf-v6-contain-toolbar;
|
|
401
|
+
container-type: inline-size;
|
|
402
|
+
}
|
|
399
403
|
.pf-v6-c-toolbar.pf-m-vertical {
|
|
400
404
|
--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
|
|
401
405
|
--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
|
|
@@ -410,27 +414,27 @@
|
|
|
410
414
|
.pf-v6-c-toolbar__item {
|
|
411
415
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
|
|
412
416
|
}
|
|
413
|
-
@
|
|
417
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
414
418
|
.pf-v6-c-toolbar__item {
|
|
415
419
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
|
|
416
420
|
}
|
|
417
421
|
}
|
|
418
|
-
@
|
|
422
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
419
423
|
.pf-v6-c-toolbar__item {
|
|
420
424
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
|
|
421
425
|
}
|
|
422
426
|
}
|
|
423
|
-
@
|
|
427
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
424
428
|
.pf-v6-c-toolbar__item {
|
|
425
429
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
|
|
426
430
|
}
|
|
427
431
|
}
|
|
428
|
-
@
|
|
432
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
429
433
|
.pf-v6-c-toolbar__item {
|
|
430
434
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
|
|
431
435
|
}
|
|
432
436
|
}
|
|
433
|
-
@
|
|
437
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
434
438
|
.pf-v6-c-toolbar__item {
|
|
435
439
|
--pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
|
|
436
440
|
}
|
|
@@ -438,27 +442,27 @@
|
|
|
438
442
|
.pf-v6-c-toolbar__item {
|
|
439
443
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
|
|
440
444
|
}
|
|
441
|
-
@
|
|
445
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
442
446
|
.pf-v6-c-toolbar__item {
|
|
443
447
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
|
|
444
448
|
}
|
|
445
449
|
}
|
|
446
|
-
@
|
|
450
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
447
451
|
.pf-v6-c-toolbar__item {
|
|
448
452
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
|
|
449
453
|
}
|
|
450
454
|
}
|
|
451
|
-
@
|
|
455
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
452
456
|
.pf-v6-c-toolbar__item {
|
|
453
457
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
|
|
454
458
|
}
|
|
455
459
|
}
|
|
456
|
-
@
|
|
460
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
457
461
|
.pf-v6-c-toolbar__item {
|
|
458
462
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
|
|
459
463
|
}
|
|
460
464
|
}
|
|
461
|
-
@
|
|
465
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
462
466
|
.pf-v6-c-toolbar__item {
|
|
463
467
|
--pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
|
|
464
468
|
}
|
|
@@ -536,7 +540,7 @@
|
|
|
536
540
|
border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
|
|
537
541
|
box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
|
|
538
542
|
}
|
|
539
|
-
@
|
|
543
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
540
544
|
.pf-v6-c-toolbar__expandable-content {
|
|
541
545
|
position: static;
|
|
542
546
|
padding: 0;
|
|
@@ -577,6 +581,34 @@
|
|
|
577
581
|
overflow: auto;
|
|
578
582
|
}
|
|
579
583
|
|
|
584
|
+
.pf-v6-c-toolbar.pf-m-inset-none {
|
|
585
|
+
padding-inline: 0;
|
|
586
|
+
}
|
|
587
|
+
.pf-v6-c-toolbar.pf-m-inset-xs {
|
|
588
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
589
|
+
}
|
|
590
|
+
.pf-v6-c-toolbar.pf-m-inset-sm {
|
|
591
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
592
|
+
}
|
|
593
|
+
.pf-v6-c-toolbar.pf-m-inset-md {
|
|
594
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
595
|
+
}
|
|
596
|
+
.pf-v6-c-toolbar.pf-m-inset-lg {
|
|
597
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
598
|
+
}
|
|
599
|
+
.pf-v6-c-toolbar.pf-m-inset-xl {
|
|
600
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
601
|
+
}
|
|
602
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl {
|
|
603
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
604
|
+
}
|
|
605
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl {
|
|
606
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
607
|
+
}
|
|
608
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl {
|
|
609
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
610
|
+
}
|
|
611
|
+
|
|
580
612
|
.pf-v6-c-toolbar__group.pf-m-align-start,
|
|
581
613
|
.pf-v6-c-toolbar__item.pf-m-align-start {
|
|
582
614
|
margin-inline-start: 0;
|
|
@@ -616,34 +648,6 @@
|
|
|
616
648
|
align-self: end;
|
|
617
649
|
}
|
|
618
650
|
|
|
619
|
-
.pf-v6-c-toolbar.pf-m-inset-none {
|
|
620
|
-
padding-inline: 0;
|
|
621
|
-
}
|
|
622
|
-
.pf-v6-c-toolbar.pf-m-inset-xs {
|
|
623
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
624
|
-
}
|
|
625
|
-
.pf-v6-c-toolbar.pf-m-inset-sm {
|
|
626
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
627
|
-
}
|
|
628
|
-
.pf-v6-c-toolbar.pf-m-inset-md {
|
|
629
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
630
|
-
}
|
|
631
|
-
.pf-v6-c-toolbar.pf-m-inset-lg {
|
|
632
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
633
|
-
}
|
|
634
|
-
.pf-v6-c-toolbar.pf-m-inset-xl {
|
|
635
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
636
|
-
}
|
|
637
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl {
|
|
638
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
639
|
-
}
|
|
640
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl {
|
|
641
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
642
|
-
}
|
|
643
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl {
|
|
644
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
645
|
-
}
|
|
646
|
-
|
|
647
651
|
.pf-v6-c-toolbar__group.pf-m-wrap,
|
|
648
652
|
.pf-v6-c-toolbar__item.pf-m-wrap,
|
|
649
653
|
.pf-v6-c-toolbar__content-section.pf-m-wrap {
|
|
@@ -833,6 +837,35 @@
|
|
|
833
837
|
}
|
|
834
838
|
|
|
835
839
|
@media (min-width: 36rem) {
|
|
840
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-sm {
|
|
841
|
+
padding-inline: 0;
|
|
842
|
+
}
|
|
843
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
|
|
844
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
845
|
+
}
|
|
846
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
|
|
847
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
848
|
+
}
|
|
849
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-sm {
|
|
850
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
851
|
+
}
|
|
852
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
|
|
853
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
854
|
+
}
|
|
855
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
|
|
856
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
857
|
+
}
|
|
858
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
|
|
859
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
860
|
+
}
|
|
861
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
|
|
862
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
863
|
+
}
|
|
864
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
|
|
865
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
866
|
+
}
|
|
867
|
+
}
|
|
868
|
+
@container pf-v6-contain-toolbar (min-width: 36rem) {
|
|
836
869
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
|
|
837
870
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
|
|
838
871
|
margin-inline-start: 0;
|
|
@@ -871,33 +904,6 @@
|
|
|
871
904
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
|
|
872
905
|
align-self: end;
|
|
873
906
|
}
|
|
874
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-sm {
|
|
875
|
-
padding-inline: 0;
|
|
876
|
-
}
|
|
877
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
|
|
878
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
879
|
-
}
|
|
880
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
|
|
881
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
882
|
-
}
|
|
883
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-sm {
|
|
884
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
885
|
-
}
|
|
886
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
|
|
887
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
888
|
-
}
|
|
889
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
|
|
890
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
891
|
-
}
|
|
892
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
|
|
893
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
894
|
-
}
|
|
895
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
|
|
896
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
897
|
-
}
|
|
898
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
|
|
899
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
900
|
-
}
|
|
901
907
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
|
|
902
908
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
|
|
903
909
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
|
|
@@ -1086,6 +1092,35 @@
|
|
|
1086
1092
|
}
|
|
1087
1093
|
}
|
|
1088
1094
|
@media (min-width: 48rem) {
|
|
1095
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-md {
|
|
1096
|
+
padding-inline: 0;
|
|
1097
|
+
}
|
|
1098
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-md {
|
|
1099
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1100
|
+
}
|
|
1101
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-md {
|
|
1102
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1103
|
+
}
|
|
1104
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-md {
|
|
1105
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
1106
|
+
}
|
|
1107
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-md {
|
|
1108
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1109
|
+
}
|
|
1110
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-md {
|
|
1111
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1112
|
+
}
|
|
1113
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
|
|
1114
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1115
|
+
}
|
|
1116
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
|
|
1117
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1118
|
+
}
|
|
1119
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
|
|
1120
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1121
|
+
}
|
|
1122
|
+
}
|
|
1123
|
+
@container pf-v6-contain-toolbar (min-width: 48rem) {
|
|
1089
1124
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-md,
|
|
1090
1125
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-md {
|
|
1091
1126
|
margin-inline-start: 0;
|
|
@@ -1124,33 +1159,6 @@
|
|
|
1124
1159
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
|
|
1125
1160
|
align-self: end;
|
|
1126
1161
|
}
|
|
1127
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-md {
|
|
1128
|
-
padding-inline: 0;
|
|
1129
|
-
}
|
|
1130
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-md {
|
|
1131
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1132
|
-
}
|
|
1133
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-md {
|
|
1134
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1135
|
-
}
|
|
1136
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-md {
|
|
1137
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
1138
|
-
}
|
|
1139
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-md {
|
|
1140
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1141
|
-
}
|
|
1142
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-md {
|
|
1143
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1144
|
-
}
|
|
1145
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
|
|
1146
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1147
|
-
}
|
|
1148
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
|
|
1149
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1150
|
-
}
|
|
1151
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
|
|
1152
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1153
|
-
}
|
|
1154
1162
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-md,
|
|
1155
1163
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-md,
|
|
1156
1164
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
|
|
@@ -1339,6 +1347,35 @@
|
|
|
1339
1347
|
}
|
|
1340
1348
|
}
|
|
1341
1349
|
@media (min-width: 62rem) {
|
|
1350
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-lg {
|
|
1351
|
+
padding-inline: 0;
|
|
1352
|
+
}
|
|
1353
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
|
|
1354
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1355
|
+
}
|
|
1356
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
|
|
1357
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1358
|
+
}
|
|
1359
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-lg {
|
|
1360
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
1361
|
+
}
|
|
1362
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
|
|
1363
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1364
|
+
}
|
|
1365
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
|
|
1366
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1367
|
+
}
|
|
1368
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
|
|
1369
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1370
|
+
}
|
|
1371
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
|
|
1372
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1373
|
+
}
|
|
1374
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
|
|
1375
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1376
|
+
}
|
|
1377
|
+
}
|
|
1378
|
+
@container pf-v6-contain-toolbar (min-width: 62rem) {
|
|
1342
1379
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
|
|
1343
1380
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
|
|
1344
1381
|
margin-inline-start: 0;
|
|
@@ -1377,33 +1414,6 @@
|
|
|
1377
1414
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
|
|
1378
1415
|
align-self: end;
|
|
1379
1416
|
}
|
|
1380
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-lg {
|
|
1381
|
-
padding-inline: 0;
|
|
1382
|
-
}
|
|
1383
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
|
|
1384
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1385
|
-
}
|
|
1386
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
|
|
1387
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1388
|
-
}
|
|
1389
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-lg {
|
|
1390
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
1391
|
-
}
|
|
1392
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
|
|
1393
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1394
|
-
}
|
|
1395
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
|
|
1396
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1397
|
-
}
|
|
1398
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
|
|
1399
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1400
|
-
}
|
|
1401
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
|
|
1402
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1403
|
-
}
|
|
1404
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
|
|
1405
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1406
|
-
}
|
|
1407
1417
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
|
|
1408
1418
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
|
|
1409
1419
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
|
|
@@ -1592,6 +1602,35 @@
|
|
|
1592
1602
|
}
|
|
1593
1603
|
}
|
|
1594
1604
|
@media (min-width: 75rem) {
|
|
1605
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-xl {
|
|
1606
|
+
padding-inline: 0;
|
|
1607
|
+
}
|
|
1608
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
|
|
1609
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1610
|
+
}
|
|
1611
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
|
|
1612
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1613
|
+
}
|
|
1614
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-xl {
|
|
1615
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
1616
|
+
}
|
|
1617
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
|
|
1618
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1619
|
+
}
|
|
1620
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
|
|
1621
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1622
|
+
}
|
|
1623
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
|
|
1624
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1625
|
+
}
|
|
1626
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
|
|
1627
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1628
|
+
}
|
|
1629
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
|
|
1630
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1631
|
+
}
|
|
1632
|
+
}
|
|
1633
|
+
@container pf-v6-contain-toolbar (min-width: 75rem) {
|
|
1595
1634
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
|
|
1596
1635
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
|
|
1597
1636
|
margin-inline-start: 0;
|
|
@@ -1630,33 +1669,6 @@
|
|
|
1630
1669
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
|
|
1631
1670
|
align-self: end;
|
|
1632
1671
|
}
|
|
1633
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-xl {
|
|
1634
|
-
padding-inline: 0;
|
|
1635
|
-
}
|
|
1636
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
|
|
1637
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1638
|
-
}
|
|
1639
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
|
|
1640
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1641
|
-
}
|
|
1642
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-xl {
|
|
1643
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
1644
|
-
}
|
|
1645
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
|
|
1646
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1647
|
-
}
|
|
1648
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
|
|
1649
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1650
|
-
}
|
|
1651
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
|
|
1652
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1653
|
-
}
|
|
1654
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
|
|
1655
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1656
|
-
}
|
|
1657
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
|
|
1658
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1659
|
-
}
|
|
1660
1672
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
|
|
1661
1673
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
|
|
1662
1674
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
|
|
@@ -1845,6 +1857,35 @@
|
|
|
1845
1857
|
}
|
|
1846
1858
|
}
|
|
1847
1859
|
@media (min-width: 90.625rem) {
|
|
1860
|
+
.pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
|
|
1861
|
+
padding-inline: 0;
|
|
1862
|
+
}
|
|
1863
|
+
.pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
|
|
1864
|
+
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1865
|
+
}
|
|
1866
|
+
.pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
|
|
1867
|
+
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1868
|
+
}
|
|
1869
|
+
.pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
|
|
1870
|
+
padding-inline: var(--pf-t--global--spacer--md);
|
|
1871
|
+
}
|
|
1872
|
+
.pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
|
|
1873
|
+
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1874
|
+
}
|
|
1875
|
+
.pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
|
|
1876
|
+
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1877
|
+
}
|
|
1878
|
+
.pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
|
|
1879
|
+
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1880
|
+
}
|
|
1881
|
+
.pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
|
|
1882
|
+
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1883
|
+
}
|
|
1884
|
+
.pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
|
|
1885
|
+
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1886
|
+
}
|
|
1887
|
+
}
|
|
1888
|
+
@container pf-v6-contain-toolbar (min-width: 90.625rem) {
|
|
1848
1889
|
.pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
|
|
1849
1890
|
.pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
|
|
1850
1891
|
margin-inline-start: 0;
|
|
@@ -1883,33 +1924,6 @@
|
|
|
1883
1924
|
.pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
|
|
1884
1925
|
align-self: end;
|
|
1885
1926
|
}
|
|
1886
|
-
.pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
|
|
1887
|
-
padding-inline: 0;
|
|
1888
|
-
}
|
|
1889
|
-
.pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
|
|
1890
|
-
padding-inline: var(--pf-t--global--spacer--xs);
|
|
1891
|
-
}
|
|
1892
|
-
.pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
|
|
1893
|
-
padding-inline: var(--pf-t--global--spacer--sm);
|
|
1894
|
-
}
|
|
1895
|
-
.pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
|
|
1896
|
-
padding-inline: var(--pf-t--global--spacer--md);
|
|
1897
|
-
}
|
|
1898
|
-
.pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
|
|
1899
|
-
padding-inline: var(--pf-t--global--spacer--lg);
|
|
1900
|
-
}
|
|
1901
|
-
.pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
|
|
1902
|
-
padding-inline: var(--pf-t--global--spacer--xl);
|
|
1903
|
-
}
|
|
1904
|
-
.pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
|
|
1905
|
-
padding-inline: var(--pf-t--global--spacer--2xl);
|
|
1906
|
-
}
|
|
1907
|
-
.pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
|
|
1908
|
-
padding-inline: var(--pf-t--global--spacer--3xl);
|
|
1909
|
-
}
|
|
1910
|
-
.pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
|
|
1911
|
-
padding-inline: var(--pf-t--global--spacer--4xl);
|
|
1912
|
-
}
|
|
1913
1927
|
.pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
|
|
1914
1928
|
.pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
|
|
1915
1929
|
.pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
|