@patternfly/react-core 4.242.4 → 4.242.6

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.
@@ -10163,6 +10163,236 @@ label.pf-c-input-group__text {
10163
10163
  --pf-c-sidebar__panel--FlexBasis: 100%;
10164
10164
  }
10165
10165
  }
10166
+ .pf-c-label-group {
10167
+ --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10168
+ --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10169
+ --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10170
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10171
+ --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10172
+ --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10173
+ --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10174
+ --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10175
+ --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10176
+ --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10177
+ --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10178
+ --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10179
+ --pf-c-label-group__label--MarginBottom: 0;
10180
+ --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10181
+ --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10182
+ --pf-c-label-group__label--MaxWidth: 18ch;
10183
+ --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10184
+ --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10185
+ --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10186
+ --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10187
+ --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10188
+ --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10189
+ --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10190
+ --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10191
+ --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10192
+ --pf-c-label-group__textarea--MinWidth: 12.5rem;
10193
+ --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10194
+ --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10195
+ --pf-c-label-group__textarea--PaddingBottom: 0;
10196
+ --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10197
+ display: inline-flex;
10198
+ align-items: center;
10199
+ }
10200
+
10201
+ .pf-c-label-group.pf-m-category {
10202
+ padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10203
+ padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10204
+ padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10205
+ padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10206
+ background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10207
+ border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10208
+ border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10209
+ }
10210
+
10211
+ .pf-c-label-group.pf-m-vertical {
10212
+ --pf-c-label-group__list--MarginRight: 0;
10213
+ --pf-c-label-group__list--MarginBottom: 0;
10214
+ --pf-c-label-group__list-item--MarginRight: 0;
10215
+ --pf-c-label-group__label--MarginRight: 0;
10216
+ --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10217
+ --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10218
+ --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10219
+ --pf-c-label-group__close--MarginBottom: 0;
10220
+ --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10221
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10222
+ }
10223
+
10224
+ .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10225
+ align-items: flex-start;
10226
+ }
10227
+
10228
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10229
+ flex-direction: column;
10230
+ align-items: flex-start;
10231
+ }
10232
+
10233
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10234
+ flex-direction: column;
10235
+ }
10236
+
10237
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10238
+ --pf-c-label-group__list-item--MarginBottom: 0;
10239
+ }
10240
+
10241
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10242
+ --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10243
+ --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10244
+ }
10245
+
10246
+ .pf-c-label-group.pf-m-editable,
10247
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10248
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10249
+ display: flex;
10250
+ }
10251
+
10252
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10253
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10254
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10255
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10256
+ flex: 1;
10257
+ }
10258
+
10259
+ .pf-c-label-group__main {
10260
+ display: flex;
10261
+ flex: 1;
10262
+ flex-wrap: wrap;
10263
+ align-items: baseline;
10264
+ }
10265
+
10266
+ .pf-c-label-group__list {
10267
+ display: inline-flex;
10268
+ flex-wrap: wrap;
10269
+ margin-right: var(--pf-c-label-group__list--MarginRight);
10270
+ margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10271
+ }
10272
+
10273
+ .pf-c-label-group__list-item {
10274
+ display: inline-flex;
10275
+ margin-right: var(--pf-c-label-group__list-item--MarginRight);
10276
+ margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10277
+ }
10278
+
10279
+ .pf-c-label-group__label {
10280
+ overflow: hidden;
10281
+ text-overflow: ellipsis;
10282
+ white-space: nowrap;
10283
+ max-width: var(--pf-c-label-group__label--MaxWidth);
10284
+ margin-right: var(--pf-c-label-group__label--MarginRight);
10285
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10286
+ font-size: var(--pf-c-label-group__label--FontSize);
10287
+ }
10288
+
10289
+ .pf-c-label-group__close {
10290
+ margin-top: var(--pf-c-label-group__close--MarginTop);
10291
+ margin-right: var(--pf-c-label-group__close--MarginRight);
10292
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10293
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
10294
+ }
10295
+
10296
+ .pf-c-label-group__textarea {
10297
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
10298
+ 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);
10299
+ white-space: nowrap;
10300
+ resize: none;
10301
+ border: 0;
10302
+ -ms-overflow-style: none;
10303
+ scrollbar-width: none;
10304
+ }
10305
+
10306
+ .pf-c-label-group__textarea::-webkit-scrollbar {
10307
+ display: none;
10308
+ }
10309
+
10310
+ .pf-c-list {
10311
+ --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10312
+ --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10313
+ --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10314
+ --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10315
+ --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10316
+ --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10317
+ --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10318
+ --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10319
+ --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10320
+ --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10321
+ --pf-c-list__item-icon--MarginTop: 0.375rem;
10322
+ --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10323
+ --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10324
+ --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10325
+ --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10326
+ --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10327
+ --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10328
+ padding-left: var(--pf-c-list--PaddingLeft);
10329
+ }
10330
+
10331
+ .pf-c-list ol,
10332
+ .pf-c-list ul {
10333
+ margin-top: var(--pf-c-list--nested--MarginTop);
10334
+ margin-left: var(--pf-c-list--nested--MarginLeft);
10335
+ }
10336
+
10337
+ .pf-c-list li + li {
10338
+ margin-top: var(--pf-c-list--li--MarginTop);
10339
+ }
10340
+
10341
+ ul.pf-c-list {
10342
+ list-style: var(--pf-c-list--ul--ListStyle);
10343
+ }
10344
+
10345
+ .pf-c-list .pf-c-list__item {
10346
+ display: flex;
10347
+ }
10348
+
10349
+ .pf-c-list .pf-c-list__item-icon {
10350
+ flex-shrink: 0;
10351
+ min-width: var(--pf-c-list__item-icon--MinWidth);
10352
+ margin-top: var(--pf-c-list__item-icon--MarginTop);
10353
+ margin-right: var(--pf-c-list__item-icon--MarginRight);
10354
+ font-size: var(--pf-c-list__item-icon--FontSize);
10355
+ line-height: 1;
10356
+ color: var(--pf-c-list__item-icon--Color);
10357
+ }
10358
+
10359
+ .pf-c-list.pf-m-icon-lg {
10360
+ --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
10361
+ --pf-c-list__item-icon--MarginTop: 0;
10362
+ --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
10363
+ --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
10364
+ }
10365
+
10366
+ .pf-c-list.pf-m-plain {
10367
+ --pf-c-list--PaddingLeft: 0;
10368
+ list-style: none;
10369
+ }
10370
+
10371
+ .pf-c-list.pf-m-inline {
10372
+ --pf-c-list--PaddingLeft: 0;
10373
+ display: flex;
10374
+ flex-wrap: wrap;
10375
+ list-style: none;
10376
+ }
10377
+
10378
+ .pf-c-list.pf-m-inline li {
10379
+ --pf-c-list--li--MarginTop: 0;
10380
+ }
10381
+
10382
+ .pf-c-list.pf-m-inline li:not(:last-child) {
10383
+ margin-right: var(--pf-c-list--m-inline--li--MarginRight);
10384
+ }
10385
+
10386
+ .pf-c-list.pf-m-bordered > * {
10387
+ padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
10388
+ border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
10389
+ }
10390
+
10391
+ .pf-c-list.pf-m-bordered > :last-child {
10392
+ --pf-c-list--m-bordered--li--PaddingBottom: 0;
10393
+ --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
10394
+ }
10395
+
10166
10396
  .pf-c-label {
10167
10397
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10168
10398
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10485,375 +10715,145 @@ label.pf-c-input-group__text {
10485
10715
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--focus--TextDecorationColor);
10486
10716
  }
10487
10717
 
10488
- .pf-c-label.pf-m-editable-active {
10489
- --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
10490
- --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
10491
- --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
10492
- }
10493
-
10494
- .pf-c-label.pf-m-editable-active .pf-c-button {
10495
- visibility: hidden;
10496
- }
10497
-
10498
- .pf-c-label .pf-c-button {
10499
- --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
10500
- --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
10501
- --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
10502
- --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
10503
- --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
10504
- margin-top: var(--pf-c-label__c-button--MarginTop);
10505
- margin-right: var(--pf-c-label__c-button--MarginRight);
10506
- margin-bottom: var(--pf-c-label__c-button--MarginBottom);
10507
- margin-left: var(--pf-c-label__c-button--MarginLeft);
10508
- }
10509
-
10510
- .pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
10511
- --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
10512
- --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
10513
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
10514
- --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-overflow__content--before--BorderColor);
10515
- --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
10516
- --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
10517
- --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
10518
- --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
10519
- }
10520
-
10521
- .pf-c-label,
10522
- .pf-c-label__content {
10523
- display: inline-flex;
10524
- align-items: center;
10525
- }
10526
-
10527
- .pf-c-label__text {
10528
- overflow: hidden;
10529
- text-overflow: ellipsis;
10530
- white-space: nowrap;
10531
- max-width: var(--pf-c-label__text--MaxWidth);
10532
- }
10533
-
10534
- .pf-c-label__content {
10535
- overflow: hidden;
10536
- text-overflow: ellipsis;
10537
- white-space: nowrap;
10538
- max-width: var(--pf-c-label__content--MaxWidth);
10539
- color: var(--pf-c-label__content--Color);
10540
- border-width: 0;
10541
- }
10542
-
10543
- .pf-c-label__content::before {
10544
- position: absolute;
10545
- top: 0;
10546
- right: 0;
10547
- bottom: 0;
10548
- left: 0;
10549
- pointer-events: none;
10550
- content: "";
10551
- border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
10552
- border-radius: var(--pf-c-label--BorderRadius);
10553
- }
10554
-
10555
- a.pf-c-label__content,
10556
- button.pf-c-label__content {
10557
- cursor: pointer;
10558
- border: none;
10559
- }
10560
-
10561
- a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
10562
- button.pf-c-label__content,
10563
- button.pf-c-label__content:hover,
10564
- button.pf-c-label__content:focus {
10565
- text-decoration: none;
10566
- }
10567
-
10568
- a.pf-c-label__content:hover,
10569
- button.pf-c-label__content:hover {
10570
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
10571
- --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
10572
- }
10573
-
10574
- a.pf-c-label__content:focus,
10575
- button.pf-c-label__content:focus {
10576
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
10577
- --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
10578
- }
10579
-
10580
- .pf-c-label__icon {
10581
- margin-right: var(--pf-c-label__icon--MarginRight);
10582
- color: var(--pf-c-label__icon--Color);
10583
- }
10584
-
10585
- :where(.pf-theme-dark) .pf-c-label {
10586
- --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
10587
- --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
10588
- --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
10589
- --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
10590
- --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
10591
- --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
10592
- --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
10593
- --pf-c-label__content--before--BorderWidth: 0;
10594
- --pf-c-label__content--before--BorderColor: transparent;
10595
- --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10596
- --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10597
- --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
10598
- --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
10599
- --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
10600
- --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
10601
- --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
10602
- --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
10603
- --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
10604
- --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
10605
- --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
10606
- --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
10607
- --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
10608
- --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
10609
- --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
10610
- --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
10611
- --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
10612
- --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
10613
- --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
10614
- --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
10615
- --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
10616
- --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
10617
- --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
10618
- --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
10619
- --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
10620
- --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
10621
- --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
10622
- --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
10623
- --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
10624
- --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
10625
- --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
10626
- --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10627
- }
10628
-
10629
- .pf-c-label-group {
10630
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10631
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10632
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10633
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10634
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10635
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10636
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10637
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10638
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10639
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10640
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10641
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10642
- --pf-c-label-group__label--MarginBottom: 0;
10643
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10644
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10645
- --pf-c-label-group__label--MaxWidth: 18ch;
10646
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10647
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10648
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10649
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10650
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10651
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10652
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10653
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10654
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10655
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10656
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10657
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10658
- --pf-c-label-group__textarea--PaddingBottom: 0;
10659
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10660
- display: inline-flex;
10661
- align-items: center;
10662
- }
10663
-
10664
- .pf-c-label-group.pf-m-category {
10665
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10666
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10667
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10668
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10669
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10670
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10671
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10672
- }
10673
-
10674
- .pf-c-label-group.pf-m-vertical {
10675
- --pf-c-label-group__list--MarginRight: 0;
10676
- --pf-c-label-group__list--MarginBottom: 0;
10677
- --pf-c-label-group__list-item--MarginRight: 0;
10678
- --pf-c-label-group__label--MarginRight: 0;
10679
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10680
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10681
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10682
- --pf-c-label-group__close--MarginBottom: 0;
10683
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10684
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10685
- }
10686
-
10687
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10688
- align-items: flex-start;
10689
- }
10690
-
10691
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10692
- flex-direction: column;
10693
- align-items: flex-start;
10694
- }
10695
-
10696
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10697
- flex-direction: column;
10698
- }
10699
-
10700
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10701
- --pf-c-label-group__list-item--MarginBottom: 0;
10702
- }
10703
-
10704
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10705
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10706
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10707
- }
10708
-
10709
- .pf-c-label-group.pf-m-editable,
10710
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10711
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10712
- display: flex;
10713
- }
10714
-
10715
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10716
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10717
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10718
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10719
- flex: 1;
10720
- }
10721
-
10722
- .pf-c-label-group__main {
10723
- display: flex;
10724
- flex: 1;
10725
- flex-wrap: wrap;
10726
- align-items: baseline;
10727
- }
10728
-
10729
- .pf-c-label-group__list {
10730
- display: inline-flex;
10731
- flex-wrap: wrap;
10732
- margin-right: var(--pf-c-label-group__list--MarginRight);
10733
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10734
- }
10735
-
10736
- .pf-c-label-group__list-item {
10737
- display: inline-flex;
10738
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10739
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10740
- }
10741
-
10742
- .pf-c-label-group__label {
10743
- overflow: hidden;
10744
- text-overflow: ellipsis;
10745
- white-space: nowrap;
10746
- max-width: var(--pf-c-label-group__label--MaxWidth);
10747
- margin-right: var(--pf-c-label-group__label--MarginRight);
10748
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10749
- font-size: var(--pf-c-label-group__label--FontSize);
10750
- }
10751
-
10752
- .pf-c-label-group__close {
10753
- margin-top: var(--pf-c-label-group__close--MarginTop);
10754
- margin-right: var(--pf-c-label-group__close--MarginRight);
10755
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10756
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10757
- }
10758
-
10759
- .pf-c-label-group__textarea {
10760
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10761
- 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);
10762
- white-space: nowrap;
10763
- resize: none;
10764
- border: 0;
10765
- -ms-overflow-style: none;
10766
- scrollbar-width: none;
10767
- }
10768
-
10769
- .pf-c-label-group__textarea::-webkit-scrollbar {
10770
- display: none;
10771
- }
10772
-
10773
- .pf-c-list {
10774
- --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10775
- --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10776
- --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10777
- --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10778
- --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10779
- --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10780
- --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10781
- --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10782
- --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10783
- --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10784
- --pf-c-list__item-icon--MarginTop: 0.375rem;
10785
- --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10786
- --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10787
- --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10788
- --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10789
- --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10790
- --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10791
- padding-left: var(--pf-c-list--PaddingLeft);
10792
- }
10793
-
10794
- .pf-c-list ol,
10795
- .pf-c-list ul {
10796
- margin-top: var(--pf-c-list--nested--MarginTop);
10797
- margin-left: var(--pf-c-list--nested--MarginLeft);
10718
+ .pf-c-label.pf-m-editable-active {
10719
+ --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
10720
+ --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
10721
+ --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
10798
10722
  }
10799
10723
 
10800
- .pf-c-list li + li {
10801
- margin-top: var(--pf-c-list--li--MarginTop);
10724
+ .pf-c-label.pf-m-editable-active .pf-c-button {
10725
+ visibility: hidden;
10802
10726
  }
10803
10727
 
10804
- ul.pf-c-list {
10805
- list-style: var(--pf-c-list--ul--ListStyle);
10728
+ .pf-c-label .pf-c-button {
10729
+ --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
10730
+ --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
10731
+ --pf-c-button--PaddingRight: var(--pf-c-label__c-button--PaddingRight);
10732
+ --pf-c-button--PaddingBottom: var(--pf-c-label__c-button--PaddingBottom);
10733
+ --pf-c-button--PaddingLeft: var(--pf-c-label__c-button--PaddingLeft);
10734
+ margin-top: var(--pf-c-label__c-button--MarginTop);
10735
+ margin-right: var(--pf-c-label__c-button--MarginRight);
10736
+ margin-bottom: var(--pf-c-label__c-button--MarginBottom);
10737
+ margin-left: var(--pf-c-label__c-button--MarginLeft);
10806
10738
  }
10807
10739
 
10808
- .pf-c-list .pf-c-list__item {
10809
- display: flex;
10740
+ .pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
10741
+ --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
10742
+ --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
10743
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
10744
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-overflow__content--before--BorderColor);
10745
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
10746
+ --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
10747
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
10748
+ --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
10810
10749
  }
10811
10750
 
10812
- .pf-c-list .pf-c-list__item-icon {
10813
- flex-shrink: 0;
10814
- min-width: var(--pf-c-list__item-icon--MinWidth);
10815
- margin-top: var(--pf-c-list__item-icon--MarginTop);
10816
- margin-right: var(--pf-c-list__item-icon--MarginRight);
10817
- font-size: var(--pf-c-list__item-icon--FontSize);
10818
- line-height: 1;
10819
- color: var(--pf-c-list__item-icon--Color);
10751
+ .pf-c-label,
10752
+ .pf-c-label__content {
10753
+ display: inline-flex;
10754
+ align-items: center;
10820
10755
  }
10821
10756
 
10822
- .pf-c-list.pf-m-icon-lg {
10823
- --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
10824
- --pf-c-list__item-icon--MarginTop: 0;
10825
- --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
10826
- --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
10757
+ .pf-c-label__text {
10758
+ overflow: hidden;
10759
+ text-overflow: ellipsis;
10760
+ white-space: nowrap;
10761
+ max-width: var(--pf-c-label__text--MaxWidth);
10827
10762
  }
10828
10763
 
10829
- .pf-c-list.pf-m-plain {
10830
- --pf-c-list--PaddingLeft: 0;
10831
- list-style: none;
10764
+ .pf-c-label__content {
10765
+ overflow: hidden;
10766
+ text-overflow: ellipsis;
10767
+ white-space: nowrap;
10768
+ max-width: var(--pf-c-label__content--MaxWidth);
10769
+ color: var(--pf-c-label__content--Color);
10770
+ border-width: 0;
10832
10771
  }
10833
10772
 
10834
- .pf-c-list.pf-m-inline {
10835
- --pf-c-list--PaddingLeft: 0;
10836
- display: flex;
10837
- flex-wrap: wrap;
10838
- list-style: none;
10773
+ .pf-c-label__content::before {
10774
+ position: absolute;
10775
+ top: 0;
10776
+ right: 0;
10777
+ bottom: 0;
10778
+ left: 0;
10779
+ pointer-events: none;
10780
+ content: "";
10781
+ border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
10782
+ border-radius: var(--pf-c-label--BorderRadius);
10839
10783
  }
10840
10784
 
10841
- .pf-c-list.pf-m-inline li {
10842
- --pf-c-list--li--MarginTop: 0;
10785
+ a.pf-c-label__content,
10786
+ button.pf-c-label__content {
10787
+ cursor: pointer;
10788
+ border: none;
10843
10789
  }
10844
10790
 
10845
- .pf-c-list.pf-m-inline li:not(:last-child) {
10846
- margin-right: var(--pf-c-list--m-inline--li--MarginRight);
10791
+ a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
10792
+ button.pf-c-label__content,
10793
+ button.pf-c-label__content:hover,
10794
+ button.pf-c-label__content:focus {
10795
+ text-decoration: none;
10847
10796
  }
10848
10797
 
10849
- .pf-c-list.pf-m-bordered > * {
10850
- padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
10851
- border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
10798
+ a.pf-c-label__content:hover,
10799
+ button.pf-c-label__content:hover {
10800
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
10801
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
10852
10802
  }
10853
10803
 
10854
- .pf-c-list.pf-m-bordered > :last-child {
10855
- --pf-c-list--m-bordered--li--PaddingBottom: 0;
10856
- --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
10804
+ a.pf-c-label__content:focus,
10805
+ button.pf-c-label__content:focus {
10806
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
10807
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
10808
+ }
10809
+
10810
+ .pf-c-label__icon {
10811
+ margin-right: var(--pf-c-label__icon--MarginRight);
10812
+ color: var(--pf-c-label__icon--Color);
10813
+ }
10814
+
10815
+ :where(.pf-theme-dark) .pf-c-label {
10816
+ --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
10817
+ --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
10818
+ --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
10819
+ --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
10820
+ --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
10821
+ --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
10822
+ --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
10823
+ --pf-c-label__content--before--BorderWidth: 0;
10824
+ --pf-c-label__content--before--BorderColor: transparent;
10825
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10826
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
10827
+ --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
10828
+ --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
10829
+ --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
10830
+ --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
10831
+ --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
10832
+ --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
10833
+ --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
10834
+ --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
10835
+ --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
10836
+ --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
10837
+ --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
10838
+ --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
10839
+ --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
10840
+ --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
10841
+ --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
10842
+ --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
10843
+ --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
10844
+ --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
10845
+ --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
10846
+ --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
10847
+ --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
10848
+ --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
10849
+ --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
10850
+ --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
10851
+ --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
10852
+ --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
10853
+ --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
10854
+ --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
10855
+ --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
10856
+ --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10857
10857
  }
10858
10858
 
10859
10859
  .pf-c-login__footer, .pf-c-login__header {
@@ -20918,11 +20918,114 @@ svg.pf-c-spinner.pf-m-xl {
20918
20918
  color: var(--pf-c-tile__icon--Color);
20919
20919
  }
20920
20920
 
20921
- :where(.pf-theme-dark) .pf-c-tile {
20922
- --pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
20923
- --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
20924
- --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
20925
- --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
20921
+ :where(.pf-theme-dark) .pf-c-tile {
20922
+ --pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
20923
+ --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
20924
+ --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
20925
+ --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
20926
+ }
20927
+
20928
+ .pf-c-timestamp {
20929
+ --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
20930
+ --pf-c-timestamp--Color: var(--pf-global--Color--200);
20931
+ --pf-c-timestamp--OutlineOffset: 0.1875rem;
20932
+ --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
20933
+ --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
20934
+ --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
20935
+ --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
20936
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
20937
+ --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
20938
+ --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
20939
+ --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
20940
+ --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
20941
+ display: inline-block;
20942
+ font-size: var(--pf-c-timestamp--FontSize);
20943
+ color: var(--pf-c-timestamp--Color);
20944
+ outline-offset: var(--pf-c-timestamp--OutlineOffset);
20945
+ }
20946
+
20947
+ .pf-c-timestamp.pf-m-help-text {
20948
+ cursor: pointer;
20949
+ text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
20950
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
20951
+ text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
20952
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
20953
+ text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
20954
+ }
20955
+
20956
+ .pf-c-timestamp.pf-m-help-text:hover {
20957
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
20958
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
20959
+ }
20960
+
20961
+ .pf-c-timestamp.pf-m-help-text:focus {
20962
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
20963
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
20964
+ }
20965
+
20966
+ .pf-c-title {
20967
+ --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
20968
+ --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
20969
+ --pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl);
20970
+ --pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal);
20971
+ --pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm);
20972
+ --pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl);
20973
+ --pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal);
20974
+ --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);
20975
+ --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);
20976
+ --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);
20977
+ --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);
20978
+ --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);
20979
+ --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);
20980
+ --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);
20981
+ --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);
20982
+ --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);
20983
+ --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);
20984
+ --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);
20985
+ --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal);
20986
+ font-family: var(--pf-c-title--FontFamily);
20987
+ word-break: break-word;
20988
+ }
20989
+
20990
+ .pf-c-title.pf-m-4xl {
20991
+ font-size: var(--pf-c-title--m-4xl--FontSize);
20992
+ font-weight: var(--pf-c-title--m-4xl--FontWeight);
20993
+ line-height: var(--pf-c-title--m-4xl--LineHeight);
20994
+ }
20995
+
20996
+ .pf-c-title.pf-m-3xl {
20997
+ font-size: var(--pf-c-title--m-3xl--FontSize);
20998
+ font-weight: var(--pf-c-title--m-3xl--FontWeight);
20999
+ line-height: var(--pf-c-title--m-3xl--LineHeight);
21000
+ }
21001
+
21002
+ .pf-c-title.pf-m-2xl {
21003
+ font-size: var(--pf-c-title--m-2xl--FontSize);
21004
+ font-weight: var(--pf-c-title--m-2xl--FontWeight);
21005
+ line-height: var(--pf-c-title--m-2xl--LineHeight);
21006
+ }
21007
+
21008
+ .pf-c-title.pf-m-xl {
21009
+ font-size: var(--pf-c-title--m-xl--FontSize);
21010
+ font-weight: var(--pf-c-title--m-xl--FontWeight);
21011
+ line-height: var(--pf-c-title--m-xl--LineHeight);
21012
+ }
21013
+
21014
+ .pf-c-title.pf-m-lg {
21015
+ font-size: var(--pf-c-title--m-lg--FontSize);
21016
+ font-weight: var(--pf-c-title--m-lg--FontWeight);
21017
+ line-height: var(--pf-c-title--m-lg--LineHeight);
21018
+ }
21019
+
21020
+ .pf-c-title.pf-m-md {
21021
+ font-size: var(--pf-c-title--m-md--FontSize);
21022
+ font-weight: var(--pf-c-title--m-md--FontWeight);
21023
+ line-height: var(--pf-c-title--m-md--LineHeight);
21024
+ }
21025
+
21026
+ .pf-m-overpass-font .pf-c-title {
21027
+ --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
21028
+ --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
20926
21029
  }
20927
21030
 
20928
21031
  .pf-c-toggle-group {
@@ -21045,71 +21148,6 @@ svg.pf-c-spinner.pf-m-xl {
21045
21148
  --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
21046
21149
  }
21047
21150
 
21048
- .pf-c-title {
21049
- --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
21050
- --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
21051
- --pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl);
21052
- --pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal);
21053
- --pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm);
21054
- --pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl);
21055
- --pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal);
21056
- --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);
21057
- --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);
21058
- --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);
21059
- --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);
21060
- --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);
21061
- --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);
21062
- --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);
21063
- --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);
21064
- --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);
21065
- --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);
21066
- --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);
21067
- --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal);
21068
- font-family: var(--pf-c-title--FontFamily);
21069
- word-break: break-word;
21070
- }
21071
-
21072
- .pf-c-title.pf-m-4xl {
21073
- font-size: var(--pf-c-title--m-4xl--FontSize);
21074
- font-weight: var(--pf-c-title--m-4xl--FontWeight);
21075
- line-height: var(--pf-c-title--m-4xl--LineHeight);
21076
- }
21077
-
21078
- .pf-c-title.pf-m-3xl {
21079
- font-size: var(--pf-c-title--m-3xl--FontSize);
21080
- font-weight: var(--pf-c-title--m-3xl--FontWeight);
21081
- line-height: var(--pf-c-title--m-3xl--LineHeight);
21082
- }
21083
-
21084
- .pf-c-title.pf-m-2xl {
21085
- font-size: var(--pf-c-title--m-2xl--FontSize);
21086
- font-weight: var(--pf-c-title--m-2xl--FontWeight);
21087
- line-height: var(--pf-c-title--m-2xl--LineHeight);
21088
- }
21089
-
21090
- .pf-c-title.pf-m-xl {
21091
- font-size: var(--pf-c-title--m-xl--FontSize);
21092
- font-weight: var(--pf-c-title--m-xl--FontWeight);
21093
- line-height: var(--pf-c-title--m-xl--LineHeight);
21094
- }
21095
-
21096
- .pf-c-title.pf-m-lg {
21097
- font-size: var(--pf-c-title--m-lg--FontSize);
21098
- font-weight: var(--pf-c-title--m-lg--FontWeight);
21099
- line-height: var(--pf-c-title--m-lg--LineHeight);
21100
- }
21101
-
21102
- .pf-c-title.pf-m-md {
21103
- font-size: var(--pf-c-title--m-md--FontSize);
21104
- font-weight: var(--pf-c-title--m-md--FontWeight);
21105
- line-height: var(--pf-c-title--m-md--LineHeight);
21106
- }
21107
-
21108
- .pf-m-overpass-font .pf-c-title {
21109
- --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
21110
- --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
21111
- }
21112
-
21113
21151
  .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
21114
21152
  --pf-hidden-visible--visible--Visibility: visible;
21115
21153
  --pf-hidden-visible--hidden--Display: none;
@@ -22491,44 +22529,6 @@ svg.pf-c-spinner.pf-m-xl {
22491
22529
  --pf-c-toolbar--spacer: 0;
22492
22530
  }
22493
22531
 
22494
- .pf-c-timestamp {
22495
- --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
22496
- --pf-c-timestamp--Color: var(--pf-global--Color--200);
22497
- --pf-c-timestamp--OutlineOffset: 0.1875rem;
22498
- --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
22499
- --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
22500
- --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
22501
- --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
22502
- --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
22503
- --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
22504
- --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
22505
- --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
22506
- --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
22507
- display: inline-block;
22508
- font-size: var(--pf-c-timestamp--FontSize);
22509
- color: var(--pf-c-timestamp--Color);
22510
- outline-offset: var(--pf-c-timestamp--OutlineOffset);
22511
- }
22512
-
22513
- .pf-c-timestamp.pf-m-help-text {
22514
- cursor: pointer;
22515
- text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
22516
- text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
22517
- text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
22518
- text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
22519
- text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
22520
- }
22521
-
22522
- .pf-c-timestamp.pf-m-help-text:hover {
22523
- --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
22524
- --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
22525
- }
22526
-
22527
- .pf-c-timestamp.pf-m-help-text:focus {
22528
- --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
22529
- --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
22530
- }
22531
-
22532
22532
  .pf-c-tooltip {
22533
22533
  --pf-c-tooltip--MaxWidth: 18.75rem;
22534
22534
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -26194,6 +26194,75 @@ label.pf-c-tree-view__node-text {
26194
26194
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26195
26195
  }
26196
26196
  }
26197
+ .pf-l-gallery {
26198
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26199
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
26200
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26201
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
26202
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26203
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26204
+ --pf-l-gallery--GridTemplateRows: auto;
26205
+ display: grid;
26206
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26207
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26208
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26209
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26210
+ }
26211
+
26212
+ .pf-l-gallery.pf-m-gutter {
26213
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26214
+ }
26215
+
26216
+ @media (min-width: 576px) {
26217
+ .pf-l-gallery {
26218
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26219
+ }
26220
+ }
26221
+ @media (min-width: 768px) {
26222
+ .pf-l-gallery {
26223
+ --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)));
26224
+ }
26225
+ }
26226
+ @media (min-width: 992px) {
26227
+ .pf-l-gallery {
26228
+ --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))));
26229
+ }
26230
+ }
26231
+ @media (min-width: 1200px) {
26232
+ .pf-l-gallery {
26233
+ --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)))));
26234
+ }
26235
+ }
26236
+ @media (min-width: 1450px) {
26237
+ .pf-l-gallery {
26238
+ --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))))));
26239
+ }
26240
+ }
26241
+ @media (min-width: 576px) {
26242
+ .pf-l-gallery {
26243
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26244
+ }
26245
+ }
26246
+ @media (min-width: 768px) {
26247
+ .pf-l-gallery {
26248
+ --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)));
26249
+ }
26250
+ }
26251
+ @media (min-width: 992px) {
26252
+ .pf-l-gallery {
26253
+ --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))));
26254
+ }
26255
+ }
26256
+ @media (min-width: 1200px) {
26257
+ .pf-l-gallery {
26258
+ --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)))));
26259
+ }
26260
+ }
26261
+ @media (min-width: 1450px) {
26262
+ .pf-l-gallery {
26263
+ --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))))));
26264
+ }
26265
+ }
26197
26266
  .pf-l-grid {
26198
26267
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26199
26268
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27408,75 +27477,6 @@ label.pf-c-tree-view__node-text {
27408
27477
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27409
27478
  }
27410
27479
 
27411
- .pf-l-gallery {
27412
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27413
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27414
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27415
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27416
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27417
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27418
- --pf-l-gallery--GridTemplateRows: auto;
27419
- display: grid;
27420
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27421
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27422
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27423
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27424
- }
27425
-
27426
- .pf-l-gallery.pf-m-gutter {
27427
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27428
- }
27429
-
27430
- @media (min-width: 576px) {
27431
- .pf-l-gallery {
27432
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27433
- }
27434
- }
27435
- @media (min-width: 768px) {
27436
- .pf-l-gallery {
27437
- --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)));
27438
- }
27439
- }
27440
- @media (min-width: 992px) {
27441
- .pf-l-gallery {
27442
- --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))));
27443
- }
27444
- }
27445
- @media (min-width: 1200px) {
27446
- .pf-l-gallery {
27447
- --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)))));
27448
- }
27449
- }
27450
- @media (min-width: 1450px) {
27451
- .pf-l-gallery {
27452
- --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))))));
27453
- }
27454
- }
27455
- @media (min-width: 576px) {
27456
- .pf-l-gallery {
27457
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27458
- }
27459
- }
27460
- @media (min-width: 768px) {
27461
- .pf-l-gallery {
27462
- --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)));
27463
- }
27464
- }
27465
- @media (min-width: 992px) {
27466
- .pf-l-gallery {
27467
- --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))));
27468
- }
27469
- }
27470
- @media (min-width: 1200px) {
27471
- .pf-l-gallery {
27472
- --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)))));
27473
- }
27474
- }
27475
- @media (min-width: 1450px) {
27476
- .pf-l-gallery {
27477
- --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))))));
27478
- }
27479
- }
27480
27480
  .pf-l-level {
27481
27481
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27482
27482
  display: flex;