@patternfly/react-styles 6.7.0-prerelease.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.
Files changed (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Toolbar/toolbar.css +198 -184
  3. package/css/components/Toolbar/toolbar.d.ts +55 -54
  4. package/css/components/Toolbar/toolbar.js +55 -54
  5. package/css/components/Toolbar/toolbar.mjs +55 -54
  6. package/css/components/_index.css +198 -184
  7. package/css/components/_index.d.ts +7 -6
  8. package/css/components/_index.js +7 -6
  9. package/css/components/_index.mjs +7 -6
  10. package/css/docs/components/Toolbar/examples/Toolbar.css +14 -0
  11. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +1 -0
  12. package/css/docs/components/Toolbar/examples/Toolbar.js +1 -0
  13. package/css/docs/components/Toolbar/examples/Toolbar.mjs +1 -0
  14. package/package.json +3 -3
package/css/components/_index.css CHANGED
@@ -23420,7 +23420,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23420
23420
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23421
23421
  }
23422
23422
  }
23423
- @media screen and (min-width: 36rem) {
23423
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23424
23424
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
23425
23425
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
23426
23426
  .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
@@ -23432,7 +23432,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23432
23432
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23433
23433
  }
23434
23434
  }
23435
- @media screen and (min-width: 48rem) {
23435
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23436
23436
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
23437
23437
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
23438
23438
  .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
@@ -23444,7 +23444,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23444
23444
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23445
23445
  }
23446
23446
  }
23447
- @media screen and (min-width: 62rem) {
23447
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23448
23448
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
23449
23449
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
23450
23450
  .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
@@ -23456,7 +23456,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23456
23456
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23457
23457
  }
23458
23458
  }
23459
- @media screen and (min-width: 75rem) {
23459
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23460
23460
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
23461
23461
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
23462
23462
  .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
@@ -23468,7 +23468,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23468
23468
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23469
23469
  }
23470
23470
  }
23471
- @media screen and (min-width: 90.625rem) {
23471
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23472
23472
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
23473
23473
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
23474
23474
  .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
@@ -23535,7 +23535,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23535
23535
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23536
23536
  }
23537
23537
  }
23538
- @media screen and (min-width: 36rem) {
23538
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23539
23539
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
23540
23540
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23541
23541
  }
@@ -23543,7 +23543,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23543
23543
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23544
23544
  }
23545
23545
  }
23546
- @media screen and (min-width: 48rem) {
23546
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23547
23547
  .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
23548
23548
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23549
23549
  }
@@ -23551,7 +23551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23551
23551
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23552
23552
  }
23553
23553
  }
23554
- @media screen and (min-width: 62rem) {
23554
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23555
23555
  .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
23556
23556
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23557
23557
  }
@@ -23559,7 +23559,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23559
23559
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23560
23560
  }
23561
23561
  }
23562
- @media screen and (min-width: 75rem) {
23562
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23563
23563
  .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
23564
23564
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23565
23565
  }
@@ -23567,7 +23567,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23567
23567
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23568
23568
  }
23569
23569
  }
23570
- @media screen and (min-width: 90.625rem) {
23570
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23571
23571
  .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
23572
23572
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23573
23573
  }
@@ -23672,6 +23672,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23672
23672
  .pf-v6-c-toolbar.pf-m-no-background {
23673
23673
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
23674
23674
  }
23675
+ .pf-v6-c-toolbar.pf-m-container {
23676
+ container-name: pf-v6-contain-toolbar;
23677
+ container-type: inline-size;
23678
+ }
23675
23679
  .pf-v6-c-toolbar.pf-m-vertical {
23676
23680
  --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
23677
23681
  --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
@@ -23686,27 +23690,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23686
23690
  .pf-v6-c-toolbar__item {
23687
23691
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
23688
23692
  }
23689
- @media (min-width: 36rem) {
23693
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23690
23694
  .pf-v6-c-toolbar__item {
23691
23695
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
23692
23696
  }
23693
23697
  }
23694
- @media (min-width: 48rem) {
23698
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23695
23699
  .pf-v6-c-toolbar__item {
23696
23700
  --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)));
23697
23701
  }
23698
23702
  }
23699
- @media (min-width: 62rem) {
23703
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23700
23704
  .pf-v6-c-toolbar__item {
23701
23705
  --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))));
23702
23706
  }
23703
23707
  }
23704
- @media (min-width: 75rem) {
23708
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23705
23709
  .pf-v6-c-toolbar__item {
23706
23710
  --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)))));
23707
23711
  }
23708
23712
  }
23709
- @media (min-width: 90.625rem) {
23713
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23710
23714
  .pf-v6-c-toolbar__item {
23711
23715
  --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))))));
23712
23716
  }
@@ -23714,27 +23718,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23714
23718
  .pf-v6-c-toolbar__item {
23715
23719
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
23716
23720
  }
23717
- @media (min-width: 36rem) {
23721
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23718
23722
  .pf-v6-c-toolbar__item {
23719
23723
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
23720
23724
  }
23721
23725
  }
23722
- @media (min-width: 48rem) {
23726
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23723
23727
  .pf-v6-c-toolbar__item {
23724
23728
  --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)));
23725
23729
  }
23726
23730
  }
23727
- @media (min-width: 62rem) {
23731
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23728
23732
  .pf-v6-c-toolbar__item {
23729
23733
  --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))));
23730
23734
  }
23731
23735
  }
23732
- @media (min-width: 75rem) {
23736
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23733
23737
  .pf-v6-c-toolbar__item {
23734
23738
  --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)))));
23735
23739
  }
23736
23740
  }
23737
- @media (min-width: 90.625rem) {
23741
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23738
23742
  .pf-v6-c-toolbar__item {
23739
23743
  --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))))));
23740
23744
  }
@@ -23812,7 +23816,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23812
23816
  border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
23813
23817
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
23814
23818
  }
23815
- @media screen and (min-width: 62rem) {
23819
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23816
23820
  .pf-v6-c-toolbar__expandable-content {
23817
23821
  position: static;
23818
23822
  padding: 0;
@@ -23853,6 +23857,34 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23853
23857
  overflow: auto;
23854
23858
  }
23855
23859
 
23860
+ .pf-v6-c-toolbar.pf-m-inset-none {
23861
+ padding-inline: 0;
23862
+ }
23863
+ .pf-v6-c-toolbar.pf-m-inset-xs {
23864
+ padding-inline: var(--pf-t--global--spacer--xs);
23865
+ }
23866
+ .pf-v6-c-toolbar.pf-m-inset-sm {
23867
+ padding-inline: var(--pf-t--global--spacer--sm);
23868
+ }
23869
+ .pf-v6-c-toolbar.pf-m-inset-md {
23870
+ padding-inline: var(--pf-t--global--spacer--md);
23871
+ }
23872
+ .pf-v6-c-toolbar.pf-m-inset-lg {
23873
+ padding-inline: var(--pf-t--global--spacer--lg);
23874
+ }
23875
+ .pf-v6-c-toolbar.pf-m-inset-xl {
23876
+ padding-inline: var(--pf-t--global--spacer--xl);
23877
+ }
23878
+ .pf-v6-c-toolbar.pf-m-inset-2xl {
23879
+ padding-inline: var(--pf-t--global--spacer--2xl);
23880
+ }
23881
+ .pf-v6-c-toolbar.pf-m-inset-3xl {
23882
+ padding-inline: var(--pf-t--global--spacer--3xl);
23883
+ }
23884
+ .pf-v6-c-toolbar.pf-m-inset-4xl {
23885
+ padding-inline: var(--pf-t--global--spacer--4xl);
23886
+ }
23887
+
23856
23888
  .pf-v6-c-toolbar__group.pf-m-align-start,
23857
23889
  .pf-v6-c-toolbar__item.pf-m-align-start {
23858
23890
  margin-inline-start: 0;
@@ -23892,34 +23924,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23892
23924
  align-self: end;
23893
23925
  }
23894
23926
 
23895
- .pf-v6-c-toolbar.pf-m-inset-none {
23896
- padding-inline: 0;
23897
- }
23898
- .pf-v6-c-toolbar.pf-m-inset-xs {
23899
- padding-inline: var(--pf-t--global--spacer--xs);
23900
- }
23901
- .pf-v6-c-toolbar.pf-m-inset-sm {
23902
- padding-inline: var(--pf-t--global--spacer--sm);
23903
- }
23904
- .pf-v6-c-toolbar.pf-m-inset-md {
23905
- padding-inline: var(--pf-t--global--spacer--md);
23906
- }
23907
- .pf-v6-c-toolbar.pf-m-inset-lg {
23908
- padding-inline: var(--pf-t--global--spacer--lg);
23909
- }
23910
- .pf-v6-c-toolbar.pf-m-inset-xl {
23911
- padding-inline: var(--pf-t--global--spacer--xl);
23912
- }
23913
- .pf-v6-c-toolbar.pf-m-inset-2xl {
23914
- padding-inline: var(--pf-t--global--spacer--2xl);
23915
- }
23916
- .pf-v6-c-toolbar.pf-m-inset-3xl {
23917
- padding-inline: var(--pf-t--global--spacer--3xl);
23918
- }
23919
- .pf-v6-c-toolbar.pf-m-inset-4xl {
23920
- padding-inline: var(--pf-t--global--spacer--4xl);
23921
- }
23922
-
23923
23927
  .pf-v6-c-toolbar__group.pf-m-wrap,
23924
23928
  .pf-v6-c-toolbar__item.pf-m-wrap,
23925
23929
  .pf-v6-c-toolbar__content-section.pf-m-wrap {
@@ -24109,6 +24113,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24109
24113
  }
24110
24114
 
24111
24115
  @media (min-width: 36rem) {
24116
+ .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
24117
+ padding-inline: 0;
24118
+ }
24119
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
24120
+ padding-inline: var(--pf-t--global--spacer--xs);
24121
+ }
24122
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
24123
+ padding-inline: var(--pf-t--global--spacer--sm);
24124
+ }
24125
+ .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
24126
+ padding-inline: var(--pf-t--global--spacer--md);
24127
+ }
24128
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
24129
+ padding-inline: var(--pf-t--global--spacer--lg);
24130
+ }
24131
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
24132
+ padding-inline: var(--pf-t--global--spacer--xl);
24133
+ }
24134
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
24135
+ padding-inline: var(--pf-t--global--spacer--2xl);
24136
+ }
24137
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
24138
+ padding-inline: var(--pf-t--global--spacer--3xl);
24139
+ }
24140
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
24141
+ padding-inline: var(--pf-t--global--spacer--4xl);
24142
+ }
24143
+ }
24144
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
24112
24145
  .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
24113
24146
  .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
24114
24147
  margin-inline-start: 0;
@@ -24147,33 +24180,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24147
24180
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
24148
24181
  align-self: end;
24149
24182
  }
24150
- .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
24151
- padding-inline: 0;
24152
- }
24153
- .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
24154
- padding-inline: var(--pf-t--global--spacer--xs);
24155
- }
24156
- .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
24157
- padding-inline: var(--pf-t--global--spacer--sm);
24158
- }
24159
- .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
24160
- padding-inline: var(--pf-t--global--spacer--md);
24161
- }
24162
- .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
24163
- padding-inline: var(--pf-t--global--spacer--lg);
24164
- }
24165
- .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
24166
- padding-inline: var(--pf-t--global--spacer--xl);
24167
- }
24168
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
24169
- padding-inline: var(--pf-t--global--spacer--2xl);
24170
- }
24171
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
24172
- padding-inline: var(--pf-t--global--spacer--3xl);
24173
- }
24174
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
24175
- padding-inline: var(--pf-t--global--spacer--4xl);
24176
- }
24177
24183
  .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
24178
24184
  .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
24179
24185
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
@@ -24362,6 +24368,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24362
24368
  }
24363
24369
  }
24364
24370
  @media (min-width: 48rem) {
24371
+ .pf-v6-c-toolbar.pf-m-inset-none-on-md {
24372
+ padding-inline: 0;
24373
+ }
24374
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
24375
+ padding-inline: var(--pf-t--global--spacer--xs);
24376
+ }
24377
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
24378
+ padding-inline: var(--pf-t--global--spacer--sm);
24379
+ }
24380
+ .pf-v6-c-toolbar.pf-m-inset-md-on-md {
24381
+ padding-inline: var(--pf-t--global--spacer--md);
24382
+ }
24383
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
24384
+ padding-inline: var(--pf-t--global--spacer--lg);
24385
+ }
24386
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
24387
+ padding-inline: var(--pf-t--global--spacer--xl);
24388
+ }
24389
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
24390
+ padding-inline: var(--pf-t--global--spacer--2xl);
24391
+ }
24392
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
24393
+ padding-inline: var(--pf-t--global--spacer--3xl);
24394
+ }
24395
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
24396
+ padding-inline: var(--pf-t--global--spacer--4xl);
24397
+ }
24398
+ }
24399
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
24365
24400
  .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
24366
24401
  .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
24367
24402
  margin-inline-start: 0;
@@ -24400,33 +24435,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24400
24435
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
24401
24436
  align-self: end;
24402
24437
  }
24403
- .pf-v6-c-toolbar.pf-m-inset-none-on-md {
24404
- padding-inline: 0;
24405
- }
24406
- .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
24407
- padding-inline: var(--pf-t--global--spacer--xs);
24408
- }
24409
- .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
24410
- padding-inline: var(--pf-t--global--spacer--sm);
24411
- }
24412
- .pf-v6-c-toolbar.pf-m-inset-md-on-md {
24413
- padding-inline: var(--pf-t--global--spacer--md);
24414
- }
24415
- .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
24416
- padding-inline: var(--pf-t--global--spacer--lg);
24417
- }
24418
- .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
24419
- padding-inline: var(--pf-t--global--spacer--xl);
24420
- }
24421
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
24422
- padding-inline: var(--pf-t--global--spacer--2xl);
24423
- }
24424
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
24425
- padding-inline: var(--pf-t--global--spacer--3xl);
24426
- }
24427
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
24428
- padding-inline: var(--pf-t--global--spacer--4xl);
24429
- }
24430
24438
  .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
24431
24439
  .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
24432
24440
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
@@ -24615,6 +24623,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24615
24623
  }
24616
24624
  }
24617
24625
  @media (min-width: 62rem) {
24626
+ .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
24627
+ padding-inline: 0;
24628
+ }
24629
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
24630
+ padding-inline: var(--pf-t--global--spacer--xs);
24631
+ }
24632
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
24633
+ padding-inline: var(--pf-t--global--spacer--sm);
24634
+ }
24635
+ .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
24636
+ padding-inline: var(--pf-t--global--spacer--md);
24637
+ }
24638
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
24639
+ padding-inline: var(--pf-t--global--spacer--lg);
24640
+ }
24641
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
24642
+ padding-inline: var(--pf-t--global--spacer--xl);
24643
+ }
24644
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
24645
+ padding-inline: var(--pf-t--global--spacer--2xl);
24646
+ }
24647
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
24648
+ padding-inline: var(--pf-t--global--spacer--3xl);
24649
+ }
24650
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
24651
+ padding-inline: var(--pf-t--global--spacer--4xl);
24652
+ }
24653
+ }
24654
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
24618
24655
  .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
24619
24656
  .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
24620
24657
  margin-inline-start: 0;
@@ -24653,33 +24690,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24653
24690
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
24654
24691
  align-self: end;
24655
24692
  }
24656
- .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
24657
- padding-inline: 0;
24658
- }
24659
- .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
24660
- padding-inline: var(--pf-t--global--spacer--xs);
24661
- }
24662
- .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
24663
- padding-inline: var(--pf-t--global--spacer--sm);
24664
- }
24665
- .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
24666
- padding-inline: var(--pf-t--global--spacer--md);
24667
- }
24668
- .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
24669
- padding-inline: var(--pf-t--global--spacer--lg);
24670
- }
24671
- .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
24672
- padding-inline: var(--pf-t--global--spacer--xl);
24673
- }
24674
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
24675
- padding-inline: var(--pf-t--global--spacer--2xl);
24676
- }
24677
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
24678
- padding-inline: var(--pf-t--global--spacer--3xl);
24679
- }
24680
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
24681
- padding-inline: var(--pf-t--global--spacer--4xl);
24682
- }
24683
24693
  .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
24684
24694
  .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
24685
24695
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
@@ -24868,6 +24878,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24868
24878
  }
24869
24879
  }
24870
24880
  @media (min-width: 75rem) {
24881
+ .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
24882
+ padding-inline: 0;
24883
+ }
24884
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
24885
+ padding-inline: var(--pf-t--global--spacer--xs);
24886
+ }
24887
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
24888
+ padding-inline: var(--pf-t--global--spacer--sm);
24889
+ }
24890
+ .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
24891
+ padding-inline: var(--pf-t--global--spacer--md);
24892
+ }
24893
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
24894
+ padding-inline: var(--pf-t--global--spacer--lg);
24895
+ }
24896
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
24897
+ padding-inline: var(--pf-t--global--spacer--xl);
24898
+ }
24899
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
24900
+ padding-inline: var(--pf-t--global--spacer--2xl);
24901
+ }
24902
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
24903
+ padding-inline: var(--pf-t--global--spacer--3xl);
24904
+ }
24905
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
24906
+ padding-inline: var(--pf-t--global--spacer--4xl);
24907
+ }
24908
+ }
24909
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
24871
24910
  .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
24872
24911
  .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
24873
24912
  margin-inline-start: 0;
@@ -24906,33 +24945,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24906
24945
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
24907
24946
  align-self: end;
24908
24947
  }
24909
- .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
24910
- padding-inline: 0;
24911
- }
24912
- .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
24913
- padding-inline: var(--pf-t--global--spacer--xs);
24914
- }
24915
- .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
24916
- padding-inline: var(--pf-t--global--spacer--sm);
24917
- }
24918
- .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
24919
- padding-inline: var(--pf-t--global--spacer--md);
24920
- }
24921
- .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
24922
- padding-inline: var(--pf-t--global--spacer--lg);
24923
- }
24924
- .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
24925
- padding-inline: var(--pf-t--global--spacer--xl);
24926
- }
24927
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
24928
- padding-inline: var(--pf-t--global--spacer--2xl);
24929
- }
24930
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
24931
- padding-inline: var(--pf-t--global--spacer--3xl);
24932
- }
24933
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
24934
- padding-inline: var(--pf-t--global--spacer--4xl);
24935
- }
24936
24948
  .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
24937
24949
  .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
24938
24950
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
@@ -25121,6 +25133,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25121
25133
  }
25122
25134
  }
25123
25135
  @media (min-width: 90.625rem) {
25136
+ .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
25137
+ padding-inline: 0;
25138
+ }
25139
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
25140
+ padding-inline: var(--pf-t--global--spacer--xs);
25141
+ }
25142
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
25143
+ padding-inline: var(--pf-t--global--spacer--sm);
25144
+ }
25145
+ .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
25146
+ padding-inline: var(--pf-t--global--spacer--md);
25147
+ }
25148
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
25149
+ padding-inline: var(--pf-t--global--spacer--lg);
25150
+ }
25151
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
25152
+ padding-inline: var(--pf-t--global--spacer--xl);
25153
+ }
25154
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
25155
+ padding-inline: var(--pf-t--global--spacer--2xl);
25156
+ }
25157
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
25158
+ padding-inline: var(--pf-t--global--spacer--3xl);
25159
+ }
25160
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
25161
+ padding-inline: var(--pf-t--global--spacer--4xl);
25162
+ }
25163
+ }
25164
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
25124
25165
  .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
25125
25166
  .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
25126
25167
  margin-inline-start: 0;
@@ -25159,33 +25200,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25159
25200
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
25160
25201
  align-self: end;
25161
25202
  }
25162
- .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
25163
- padding-inline: 0;
25164
- }
25165
- .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
25166
- padding-inline: var(--pf-t--global--spacer--xs);
25167
- }
25168
- .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
25169
- padding-inline: var(--pf-t--global--spacer--sm);
25170
- }
25171
- .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
25172
- padding-inline: var(--pf-t--global--spacer--md);
25173
- }
25174
- .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
25175
- padding-inline: var(--pf-t--global--spacer--lg);
25176
- }
25177
- .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
25178
- padding-inline: var(--pf-t--global--spacer--xl);
25179
- }
25180
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
25181
- padding-inline: var(--pf-t--global--spacer--2xl);
25182
- }
25183
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
25184
- padding-inline: var(--pf-t--global--spacer--3xl);
25185
- }
25186
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
25187
- padding-inline: var(--pf-t--global--spacer--4xl);
25188
- }
25189
25203
  .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
25190
25204
  .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
25191
25205
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
package/css/components/_index.d.ts CHANGED
@@ -899,6 +899,7 @@ declare const _default: {
899
899
  "visibleOnXlHeight": "pf-m-visible-on-xl-height",
900
900
  "hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
901
901
  "visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
902
+ "container": "pf-m-container",
902
903
  "expandAll": "pf-m-expand-all",
903
904
  "label": "pf-m-label",
904
905
  "pagination": "pf-m-pagination",
@@ -907,6 +908,7 @@ declare const _default: {
907
908
  "labelGroup": "pf-m-label-group",
908
909
  "actionGroupPlain": "pf-m-action-group-plain",
909
910
  "actionGroupInline": "pf-m-action-group-inline",
911
+ "inset_4xl": "pf-m-inset-4xl",
910
912
  "alignStart": "pf-m-align-start",
911
913
  "alignEnd": "pf-m-align-end",
912
914
  "flexGrow": "pf-m-flex-grow",
@@ -915,7 +917,6 @@ declare const _default: {
915
917
  "alignSelfStart": "pf-m-align-self-start",
916
918
  "alignSelfCenter": "pf-m-align-self-center",
917
919
  "alignSelfEnd": "pf-m-align-self-end",
918
- "inset_4xl": "pf-m-inset-4xl",
919
920
  "alignItemsStretch": "pf-m-align-items-stretch",
920
921
  "alignItemsBaseline": "pf-m-align-items-baseline",
921
922
  "alignItemsStart": "pf-m-align-items-start",
@@ -950,6 +951,7 @@ declare const _default: {
950
951
  "rowGap_4xl": "pf-m-row-gap-4xl",
951
952
  "toggleGroup": "pf-m-toggle-group",
952
953
  "hide": "pf-m-hide",
954
+ "inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
953
955
  "alignStartOnSm": "pf-m-align-start-on-sm",
954
956
  "alignCenterOnSm": "pf-m-align-center-on-sm",
955
957
  "alignEndOnSm": "pf-m-align-end-on-sm",
@@ -959,7 +961,6 @@ declare const _default: {
959
961
  "alignSelfStartOnSm": "pf-m-align-self-start-on-sm",
960
962
  "alignSelfCenterOnSm": "pf-m-align-self-center-on-sm",
961
963
  "alignSelfEndOnSm": "pf-m-align-self-end-on-sm",
962
- "inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
963
964
  "wrapOnSm": "pf-m-wrap-on-sm",
964
965
  "nowrapOnSm": "pf-m-nowrap-on-sm",
965
966
  "alignItemsStretchOnSm": "pf-m-align-items-stretch-on-sm",
@@ -996,6 +997,7 @@ declare const _default: {
996
997
  "rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
997
998
  "showOnSm": "pf-m-show-on-sm",
998
999
  "hideOnSm": "pf-m-hide-on-sm",
1000
+ "inset_4xlOnMd": "pf-m-inset-4xl-on-md",
999
1001
  "alignStartOnMd": "pf-m-align-start-on-md",
1000
1002
  "alignCenterOnMd": "pf-m-align-center-on-md",
1001
1003
  "alignEndOnMd": "pf-m-align-end-on-md",
@@ -1005,7 +1007,6 @@ declare const _default: {
1005
1007
  "alignSelfStartOnMd": "pf-m-align-self-start-on-md",
1006
1008
  "alignSelfCenterOnMd": "pf-m-align-self-center-on-md",
1007
1009
  "alignSelfEndOnMd": "pf-m-align-self-end-on-md",
1008
- "inset_4xlOnMd": "pf-m-inset-4xl-on-md",
1009
1010
  "wrapOnMd": "pf-m-wrap-on-md",
1010
1011
  "nowrapOnMd": "pf-m-nowrap-on-md",
1011
1012
  "alignItemsStretchOnMd": "pf-m-align-items-stretch-on-md",
@@ -1042,6 +1043,7 @@ declare const _default: {
1042
1043
  "rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
1043
1044
  "showOnMd": "pf-m-show-on-md",
1044
1045
  "hideOnMd": "pf-m-hide-on-md",
1046
+ "inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
1045
1047
  "alignStartOnLg": "pf-m-align-start-on-lg",
1046
1048
  "alignCenterOnLg": "pf-m-align-center-on-lg",
1047
1049
  "alignEndOnLg": "pf-m-align-end-on-lg",
@@ -1051,7 +1053,6 @@ declare const _default: {
1051
1053
  "alignSelfStartOnLg": "pf-m-align-self-start-on-lg",
1052
1054
  "alignSelfCenterOnLg": "pf-m-align-self-center-on-lg",
1053
1055
  "alignSelfEndOnLg": "pf-m-align-self-end-on-lg",
1054
- "inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
1055
1056
  "wrapOnLg": "pf-m-wrap-on-lg",
1056
1057
  "nowrapOnLg": "pf-m-nowrap-on-lg",
1057
1058
  "alignItemsStretchOnLg": "pf-m-align-items-stretch-on-lg",
@@ -1088,6 +1089,7 @@ declare const _default: {
1088
1089
  "rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
1089
1090
  "showOnLg": "pf-m-show-on-lg",
1090
1091
  "hideOnLg": "pf-m-hide-on-lg",
1092
+ "inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
1091
1093
  "alignStartOnXl": "pf-m-align-start-on-xl",
1092
1094
  "alignCenterOnXl": "pf-m-align-center-on-xl",
1093
1095
  "alignEndOnXl": "pf-m-align-end-on-xl",
@@ -1097,7 +1099,6 @@ declare const _default: {
1097
1099
  "alignSelfStartOnXl": "pf-m-align-self-start-on-xl",
1098
1100
  "alignSelfCenterOnXl": "pf-m-align-self-center-on-xl",
1099
1101
  "alignSelfEndOnXl": "pf-m-align-self-end-on-xl",
1100
- "inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
1101
1102
  "wrapOnXl": "pf-m-wrap-on-xl",
1102
1103
  "nowrapOnXl": "pf-m-nowrap-on-xl",
1103
1104
  "alignItemsStretchOnXl": "pf-m-align-items-stretch-on-xl",
@@ -1134,6 +1135,7 @@ declare const _default: {
1134
1135
  "rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
1135
1136
  "showOnXl": "pf-m-show-on-xl",
1136
1137
  "hideOnXl": "pf-m-hide-on-xl",
1138
+ "inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
1137
1139
  "alignStartOn_2xl": "pf-m-align-start-on-2xl",
1138
1140
  "alignCenterOn_2xl": "pf-m-align-center-on-2xl",
1139
1141
  "alignEndOn_2xl": "pf-m-align-end-on-2xl",
@@ -1143,7 +1145,6 @@ declare const _default: {
1143
1145
  "alignSelfStartOn_2xl": "pf-m-align-self-start-on-2xl",
1144
1146
  "alignSelfCenterOn_2xl": "pf-m-align-self-center-on-2xl",
1145
1147
  "alignSelfEndOn_2xl": "pf-m-align-self-end-on-2xl",
1146
- "inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
1147
1148
  "wrapOn_2xl": "pf-m-wrap-on-2xl",
1148
1149
  "nowrapOn_2xl": "pf-m-nowrap-on-2xl",
1149
1150
  "alignItemsStretchOn_2xl": "pf-m-align-items-stretch-on-2xl",