@patternfly/react-core 4.235.1 → 4.235.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 CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.235.2 (2022-08-24)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.235.1 (2022-08-24)
7
15
 
8
16
  **Note:** Version bump only for package @patternfly/react-core
@@ -10154,150 +10154,6 @@ label.pf-c-input-group__text {
10154
10154
  --pf-c-sidebar__panel--FlexBasis: 100%;
10155
10155
  }
10156
10156
  }
10157
- .pf-c-label-group {
10158
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10159
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10160
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10161
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10162
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10163
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10164
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10165
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10166
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10167
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10168
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10169
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10170
- --pf-c-label-group__label--MarginBottom: 0;
10171
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10172
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10173
- --pf-c-label-group__label--MaxWidth: 18ch;
10174
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10175
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10176
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10177
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10178
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10179
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10180
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10181
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10182
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10183
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10184
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10185
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10186
- --pf-c-label-group__textarea--PaddingBottom: 0;
10187
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10188
- display: inline-flex;
10189
- align-items: center;
10190
- }
10191
-
10192
- .pf-c-label-group.pf-m-category {
10193
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10194
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10195
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10196
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10197
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10198
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10199
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10200
- }
10201
-
10202
- .pf-c-label-group.pf-m-vertical {
10203
- --pf-c-label-group__list--MarginRight: 0;
10204
- --pf-c-label-group__list--MarginBottom: 0;
10205
- --pf-c-label-group__list-item--MarginRight: 0;
10206
- --pf-c-label-group__label--MarginRight: 0;
10207
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10208
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10209
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10210
- --pf-c-label-group__close--MarginBottom: 0;
10211
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10212
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10213
- }
10214
-
10215
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10216
- align-items: flex-start;
10217
- }
10218
-
10219
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10220
- flex-direction: column;
10221
- align-items: flex-start;
10222
- }
10223
-
10224
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10225
- flex-direction: column;
10226
- }
10227
-
10228
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10229
- --pf-c-label-group__list-item--MarginBottom: 0;
10230
- }
10231
-
10232
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10233
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10234
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10235
- }
10236
-
10237
- .pf-c-label-group.pf-m-editable,
10238
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10239
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10240
- display: flex;
10241
- }
10242
-
10243
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10244
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10245
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10246
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10247
- flex: 1;
10248
- }
10249
-
10250
- .pf-c-label-group__main {
10251
- display: flex;
10252
- flex: 1;
10253
- flex-wrap: wrap;
10254
- align-items: baseline;
10255
- }
10256
-
10257
- .pf-c-label-group__list {
10258
- display: inline-flex;
10259
- flex-wrap: wrap;
10260
- margin-right: var(--pf-c-label-group__list--MarginRight);
10261
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10262
- }
10263
-
10264
- .pf-c-label-group__list-item {
10265
- display: inline-flex;
10266
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10267
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10268
- }
10269
-
10270
- .pf-c-label-group__label {
10271
- overflow: hidden;
10272
- text-overflow: ellipsis;
10273
- white-space: nowrap;
10274
- max-width: var(--pf-c-label-group__label--MaxWidth);
10275
- margin-right: var(--pf-c-label-group__label--MarginRight);
10276
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10277
- font-size: var(--pf-c-label-group__label--FontSize);
10278
- }
10279
-
10280
- .pf-c-label-group__close {
10281
- margin-top: var(--pf-c-label-group__close--MarginTop);
10282
- margin-right: var(--pf-c-label-group__close--MarginRight);
10283
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10284
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10285
- }
10286
-
10287
- .pf-c-label-group__textarea {
10288
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10289
- padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10290
- white-space: nowrap;
10291
- resize: none;
10292
- border: 0;
10293
- -ms-overflow-style: none;
10294
- scrollbar-width: none;
10295
- }
10296
-
10297
- .pf-c-label-group__textarea::-webkit-scrollbar {
10298
- display: none;
10299
- }
10300
-
10301
10157
  .pf-c-label {
10302
10158
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10303
10159
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10761,6 +10617,150 @@ button.pf-c-label__content:focus {
10761
10617
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10762
10618
  }
10763
10619
 
10620
+ .pf-c-label-group {
10621
+ --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10622
+ --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10623
+ --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10624
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10625
+ --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10626
+ --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10627
+ --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10628
+ --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10629
+ --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10630
+ --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10631
+ --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10632
+ --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10633
+ --pf-c-label-group__label--MarginBottom: 0;
10634
+ --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10635
+ --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10636
+ --pf-c-label-group__label--MaxWidth: 18ch;
10637
+ --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10638
+ --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10639
+ --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10640
+ --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10641
+ --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10642
+ --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10643
+ --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10644
+ --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10645
+ --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10646
+ --pf-c-label-group__textarea--MinWidth: 12.5rem;
10647
+ --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10648
+ --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10649
+ --pf-c-label-group__textarea--PaddingBottom: 0;
10650
+ --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10651
+ display: inline-flex;
10652
+ align-items: center;
10653
+ }
10654
+
10655
+ .pf-c-label-group.pf-m-category {
10656
+ padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10657
+ padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10658
+ padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10659
+ padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10660
+ background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10661
+ border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10662
+ border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10663
+ }
10664
+
10665
+ .pf-c-label-group.pf-m-vertical {
10666
+ --pf-c-label-group__list--MarginRight: 0;
10667
+ --pf-c-label-group__list--MarginBottom: 0;
10668
+ --pf-c-label-group__list-item--MarginRight: 0;
10669
+ --pf-c-label-group__label--MarginRight: 0;
10670
+ --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10671
+ --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10672
+ --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10673
+ --pf-c-label-group__close--MarginBottom: 0;
10674
+ --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10675
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10676
+ }
10677
+
10678
+ .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10679
+ align-items: flex-start;
10680
+ }
10681
+
10682
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10683
+ flex-direction: column;
10684
+ align-items: flex-start;
10685
+ }
10686
+
10687
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10688
+ flex-direction: column;
10689
+ }
10690
+
10691
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10692
+ --pf-c-label-group__list-item--MarginBottom: 0;
10693
+ }
10694
+
10695
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10696
+ --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10697
+ --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10698
+ }
10699
+
10700
+ .pf-c-label-group.pf-m-editable,
10701
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10702
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10703
+ display: flex;
10704
+ }
10705
+
10706
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10707
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10708
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10709
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10710
+ flex: 1;
10711
+ }
10712
+
10713
+ .pf-c-label-group__main {
10714
+ display: flex;
10715
+ flex: 1;
10716
+ flex-wrap: wrap;
10717
+ align-items: baseline;
10718
+ }
10719
+
10720
+ .pf-c-label-group__list {
10721
+ display: inline-flex;
10722
+ flex-wrap: wrap;
10723
+ margin-right: var(--pf-c-label-group__list--MarginRight);
10724
+ margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10725
+ }
10726
+
10727
+ .pf-c-label-group__list-item {
10728
+ display: inline-flex;
10729
+ margin-right: var(--pf-c-label-group__list-item--MarginRight);
10730
+ margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10731
+ }
10732
+
10733
+ .pf-c-label-group__label {
10734
+ overflow: hidden;
10735
+ text-overflow: ellipsis;
10736
+ white-space: nowrap;
10737
+ max-width: var(--pf-c-label-group__label--MaxWidth);
10738
+ margin-right: var(--pf-c-label-group__label--MarginRight);
10739
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10740
+ font-size: var(--pf-c-label-group__label--FontSize);
10741
+ }
10742
+
10743
+ .pf-c-label-group__close {
10744
+ margin-top: var(--pf-c-label-group__close--MarginTop);
10745
+ margin-right: var(--pf-c-label-group__close--MarginRight);
10746
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10747
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
10748
+ }
10749
+
10750
+ .pf-c-label-group__textarea {
10751
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
10752
+ padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
10753
+ white-space: nowrap;
10754
+ resize: none;
10755
+ border: 0;
10756
+ -ms-overflow-style: none;
10757
+ scrollbar-width: none;
10758
+ }
10759
+
10760
+ .pf-c-label-group__textarea::-webkit-scrollbar {
10761
+ display: none;
10762
+ }
10763
+
10764
10764
  .pf-c-list {
10765
10765
  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10766
10766
  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
@@ -26163,6 +26163,75 @@ label.pf-c-tree-view__node-text {
26163
26163
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26164
26164
  }
26165
26165
  }
26166
+ .pf-l-gallery {
26167
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26168
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
26169
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26170
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
26171
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26172
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26173
+ --pf-l-gallery--GridTemplateRows: auto;
26174
+ display: grid;
26175
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26176
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26177
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26178
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26179
+ }
26180
+
26181
+ .pf-l-gallery.pf-m-gutter {
26182
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26183
+ }
26184
+
26185
+ @media (min-width: 576px) {
26186
+ .pf-l-gallery {
26187
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26188
+ }
26189
+ }
26190
+ @media (min-width: 768px) {
26191
+ .pf-l-gallery {
26192
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
26193
+ }
26194
+ }
26195
+ @media (min-width: 992px) {
26196
+ .pf-l-gallery {
26197
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
26198
+ }
26199
+ }
26200
+ @media (min-width: 1200px) {
26201
+ .pf-l-gallery {
26202
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
26203
+ }
26204
+ }
26205
+ @media (min-width: 1450px) {
26206
+ .pf-l-gallery {
26207
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
26208
+ }
26209
+ }
26210
+ @media (min-width: 576px) {
26211
+ .pf-l-gallery {
26212
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26213
+ }
26214
+ }
26215
+ @media (min-width: 768px) {
26216
+ .pf-l-gallery {
26217
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
26218
+ }
26219
+ }
26220
+ @media (min-width: 992px) {
26221
+ .pf-l-gallery {
26222
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
26223
+ }
26224
+ }
26225
+ @media (min-width: 1200px) {
26226
+ .pf-l-gallery {
26227
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
26228
+ }
26229
+ }
26230
+ @media (min-width: 1450px) {
26231
+ .pf-l-gallery {
26232
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
26233
+ }
26234
+ }
26166
26235
  .pf-l-grid {
26167
26236
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26168
26237
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27377,75 +27446,6 @@ label.pf-c-tree-view__node-text {
27377
27446
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27378
27447
  }
27379
27448
 
27380
- .pf-l-gallery {
27381
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27382
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27383
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27384
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27385
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27386
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27387
- --pf-l-gallery--GridTemplateRows: auto;
27388
- display: grid;
27389
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27390
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27391
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27392
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27393
- }
27394
-
27395
- .pf-l-gallery.pf-m-gutter {
27396
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27397
- }
27398
-
27399
- @media (min-width: 576px) {
27400
- .pf-l-gallery {
27401
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27402
- }
27403
- }
27404
- @media (min-width: 768px) {
27405
- .pf-l-gallery {
27406
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27407
- }
27408
- }
27409
- @media (min-width: 992px) {
27410
- .pf-l-gallery {
27411
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27412
- }
27413
- }
27414
- @media (min-width: 1200px) {
27415
- .pf-l-gallery {
27416
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27417
- }
27418
- }
27419
- @media (min-width: 1450px) {
27420
- .pf-l-gallery {
27421
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27422
- }
27423
- }
27424
- @media (min-width: 576px) {
27425
- .pf-l-gallery {
27426
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27427
- }
27428
- }
27429
- @media (min-width: 768px) {
27430
- .pf-l-gallery {
27431
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27432
- }
27433
- }
27434
- @media (min-width: 992px) {
27435
- .pf-l-gallery {
27436
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27437
- }
27438
- }
27439
- @media (min-width: 1200px) {
27440
- .pf-l-gallery {
27441
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27442
- }
27443
- }
27444
- @media (min-width: 1450px) {
27445
- .pf-l-gallery {
27446
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27447
- }
27448
- }
27449
27449
  .pf-l-level {
27450
27450
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27451
27451
  display: flex;
@@ -27458,6 +27458,21 @@ label.pf-c-tree-view__node-text {
27458
27458
  margin-right: var(--pf-l-level--m-gutter--MarginRight);
27459
27459
  }
27460
27460
 
27461
+ .pf-l-stack {
27462
+ --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27463
+ display: flex;
27464
+ flex-direction: column;
27465
+ height: 100%;
27466
+ }
27467
+
27468
+ .pf-l-stack__item.pf-m-fill {
27469
+ flex-grow: 1;
27470
+ }
27471
+
27472
+ .pf-l-stack.pf-m-gutter > *:not(:last-child) {
27473
+ margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27474
+ }
27475
+
27461
27476
  .pf-l-split {
27462
27477
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27463
27478
  display: flex;
@@ -27477,21 +27492,6 @@ label.pf-c-tree-view__node-text {
27477
27492
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
27478
27493
  }
27479
27494
 
27480
- .pf-l-stack {
27481
- --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27482
- display: flex;
27483
- flex-direction: column;
27484
- height: 100%;
27485
- }
27486
-
27487
- .pf-l-stack__item.pf-m-fill {
27488
- flex-grow: 1;
27489
- }
27490
-
27491
- .pf-l-stack.pf-m-gutter > *:not(:last-child) {
27492
- margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27493
- }
27494
-
27495
27495
  .pf-c-alert-group {
27496
27496
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
27497
27497
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);