@patternfly/react-core 4.258.0 → 4.258.1

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.
@@ -654,6 +654,17 @@
654
654
  transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
655
655
  }
656
656
 
657
+ .pf-c-app-launcher__menu.pf-m-static {
658
+ --pf-c-app-launcher--m-top__menu--TranslateY: 0;
659
+ position: static;
660
+ top: auto;
661
+ right: auto;
662
+ bottom: auto;
663
+ left: auto;
664
+ z-index: auto;
665
+ min-width: min-content;
666
+ }
667
+
657
668
  .pf-c-app-launcher__menu-search {
658
669
  padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft);
659
670
  margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom);
@@ -3937,6 +3948,9 @@ label.pf-c-check, .pf-c-check__label,
3937
3948
  .pf-c-context-selector__menu.pf-m-static {
3938
3949
  position: static;
3939
3950
  top: auto;
3951
+ right: auto;
3952
+ bottom: auto;
3953
+ left: auto;
3940
3954
  z-index: auto;
3941
3955
  min-width: min-content;
3942
3956
  }
@@ -5530,6 +5544,17 @@ label.pf-c-check, .pf-c-check__label,
5530
5544
  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
5531
5545
  }
5532
5546
 
5547
+ .pf-c-date-picker__calendar.pf-m-static {
5548
+ --pf-c-date-picker--m-top__calendar--TranslateY: 0;
5549
+ position: static;
5550
+ top: auto;
5551
+ right: auto;
5552
+ bottom: auto;
5553
+ left: auto;
5554
+ z-index: auto;
5555
+ min-width: min-content;
5556
+ }
5557
+
5533
5558
  :where(.pf-theme-dark) .pf-c-date-picker {
5534
5559
  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
5535
5560
  --pf-c-date-picker__calendar--Top: 100%;
@@ -7832,8 +7857,12 @@ label.pf-c-check, .pf-c-check__label,
7832
7857
  }
7833
7858
 
7834
7859
  .pf-c-dropdown__menu.pf-m-static {
7860
+ --pf-c-dropdown--m-top__menu--TranslateY: 0;
7835
7861
  position: static;
7836
7862
  top: auto;
7863
+ right: auto;
7864
+ bottom: auto;
7865
+ left: auto;
7837
7866
  z-index: auto;
7838
7867
  min-width: min-content;
7839
7868
  }
@@ -10312,150 +10341,6 @@ label.pf-c-input-group__text {
10312
10341
  --pf-c-sidebar__panel--FlexBasis: 100%;
10313
10342
  }
10314
10343
  }
10315
- .pf-c-label-group {
10316
- --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10317
- --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10318
- --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10319
- --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10320
- --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10321
- --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10322
- --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10323
- --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10324
- --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10325
- --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10326
- --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10327
- --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10328
- --pf-c-label-group__label--MarginBottom: 0;
10329
- --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10330
- --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10331
- --pf-c-label-group__label--MaxWidth: 18ch;
10332
- --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10333
- --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10334
- --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10335
- --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10336
- --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10337
- --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10338
- --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10339
- --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10340
- --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10341
- --pf-c-label-group__textarea--MinWidth: 12.5rem;
10342
- --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10343
- --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10344
- --pf-c-label-group__textarea--PaddingBottom: 0;
10345
- --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10346
- display: inline-flex;
10347
- align-items: center;
10348
- }
10349
-
10350
- .pf-c-label-group.pf-m-category {
10351
- padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10352
- padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10353
- padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10354
- padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10355
- background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10356
- border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10357
- border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10358
- }
10359
-
10360
- .pf-c-label-group.pf-m-vertical {
10361
- --pf-c-label-group__list--MarginRight: 0;
10362
- --pf-c-label-group__list--MarginBottom: 0;
10363
- --pf-c-label-group__list-item--MarginRight: 0;
10364
- --pf-c-label-group__label--MarginRight: 0;
10365
- --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10366
- --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10367
- --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10368
- --pf-c-label-group__close--MarginBottom: 0;
10369
- --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10370
- --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10371
- }
10372
-
10373
- .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10374
- align-items: flex-start;
10375
- }
10376
-
10377
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10378
- flex-direction: column;
10379
- align-items: flex-start;
10380
- }
10381
-
10382
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10383
- flex-direction: column;
10384
- }
10385
-
10386
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10387
- --pf-c-label-group__list-item--MarginBottom: 0;
10388
- }
10389
-
10390
- .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10391
- --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10392
- --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10393
- }
10394
-
10395
- .pf-c-label-group.pf-m-editable,
10396
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10397
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10398
- display: flex;
10399
- }
10400
-
10401
- .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10402
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10403
- .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10404
- .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10405
- flex: 1;
10406
- }
10407
-
10408
- .pf-c-label-group__main {
10409
- display: flex;
10410
- flex: 1;
10411
- flex-wrap: wrap;
10412
- align-items: baseline;
10413
- }
10414
-
10415
- .pf-c-label-group__list {
10416
- display: inline-flex;
10417
- flex-wrap: wrap;
10418
- margin-right: var(--pf-c-label-group__list--MarginRight);
10419
- margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10420
- }
10421
-
10422
- .pf-c-label-group__list-item {
10423
- display: inline-flex;
10424
- margin-right: var(--pf-c-label-group__list-item--MarginRight);
10425
- margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10426
- }
10427
-
10428
- .pf-c-label-group__label {
10429
- overflow: hidden;
10430
- text-overflow: ellipsis;
10431
- white-space: nowrap;
10432
- max-width: var(--pf-c-label-group__label--MaxWidth);
10433
- margin-right: var(--pf-c-label-group__label--MarginRight);
10434
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10435
- font-size: var(--pf-c-label-group__label--FontSize);
10436
- }
10437
-
10438
- .pf-c-label-group__close {
10439
- margin-top: var(--pf-c-label-group__close--MarginTop);
10440
- margin-right: var(--pf-c-label-group__close--MarginRight);
10441
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10442
- margin-left: var(--pf-c-label-group__close--MarginLeft);
10443
- }
10444
-
10445
- .pf-c-label-group__textarea {
10446
- min-width: var(--pf-c-label-group__textarea--MinWidth);
10447
- 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);
10448
- white-space: nowrap;
10449
- resize: none;
10450
- border: 0;
10451
- -ms-overflow-style: none;
10452
- scrollbar-width: none;
10453
- }
10454
-
10455
- .pf-c-label-group__textarea::-webkit-scrollbar {
10456
- display: none;
10457
- }
10458
-
10459
10344
  .pf-c-label {
10460
10345
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10461
10346
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10919,51 +10804,195 @@ button.pf-c-label__content:focus {
10919
10804
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10920
10805
  }
10921
10806
 
10922
- .pf-c-list {
10923
- --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10924
- --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10925
- --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10926
- --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10927
- --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10928
- --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10929
- --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10930
- --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10931
- --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10932
- --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10933
- --pf-c-list__item-icon--MarginTop: 0.375rem;
10934
- --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10935
- --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10936
- --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10937
- --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10938
- --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10939
- --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10940
- padding-left: var(--pf-c-list--PaddingLeft);
10807
+ .pf-c-label-group {
10808
+ --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10809
+ --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
10810
+ --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
10811
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
10812
+ --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
10813
+ --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
10814
+ --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
10815
+ --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
10816
+ --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
10817
+ --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
10818
+ --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
10819
+ --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
10820
+ --pf-c-label-group__label--MarginBottom: 0;
10821
+ --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
10822
+ --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
10823
+ --pf-c-label-group__label--MaxWidth: 18ch;
10824
+ --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
10825
+ --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10826
+ --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
10827
+ --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
10828
+ --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
10829
+ --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
10830
+ --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
10831
+ --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
10832
+ --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
10833
+ --pf-c-label-group__textarea--MinWidth: 12.5rem;
10834
+ --pf-c-label-group__textarea--PaddingTop: 0.125rem;
10835
+ --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
10836
+ --pf-c-label-group__textarea--PaddingBottom: 0;
10837
+ --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
10838
+ display: inline-flex;
10839
+ align-items: center;
10941
10840
  }
10942
10841
 
10943
- .pf-c-list ol,
10944
- .pf-c-list ul {
10945
- margin-top: var(--pf-c-list--nested--MarginTop);
10946
- margin-left: var(--pf-c-list--nested--MarginLeft);
10842
+ .pf-c-label-group.pf-m-category {
10843
+ padding-top: var(--pf-c-label-group--m-category--PaddingTop);
10844
+ padding-right: var(--pf-c-label-group--m-category--PaddingRight);
10845
+ padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
10846
+ padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
10847
+ background-color: var(--pf-c-label-group--m-category--BackgroundColor);
10848
+ border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
10849
+ border-radius: var(--pf-c-label-group--m-category--BorderRadius);
10947
10850
  }
10948
10851
 
10949
- .pf-c-list li + li {
10950
- margin-top: var(--pf-c-list--li--MarginTop);
10852
+ .pf-c-label-group.pf-m-vertical {
10853
+ --pf-c-label-group__list--MarginRight: 0;
10854
+ --pf-c-label-group__list--MarginBottom: 0;
10855
+ --pf-c-label-group__list-item--MarginRight: 0;
10856
+ --pf-c-label-group__label--MarginRight: 0;
10857
+ --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
10858
+ --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
10859
+ --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
10860
+ --pf-c-label-group__close--MarginBottom: 0;
10861
+ --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
10862
+ --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
10951
10863
  }
10952
10864
 
10953
- ul.pf-c-list {
10954
- list-style: var(--pf-c-list--ul--ListStyle);
10865
+ .pf-c-label-group.pf-m-vertical.pf-c-label-group {
10866
+ align-items: flex-start;
10955
10867
  }
10956
10868
 
10957
- .pf-c-list .pf-c-list__item {
10958
- display: flex;
10869
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
10870
+ flex-direction: column;
10871
+ align-items: flex-start;
10959
10872
  }
10960
10873
 
10961
- .pf-c-list .pf-c-list__item-icon {
10962
- flex-shrink: 0;
10963
- min-width: var(--pf-c-list__item-icon--MinWidth);
10964
- margin-top: var(--pf-c-list__item-icon--MarginTop);
10965
- margin-right: var(--pf-c-list__item-icon--MarginRight);
10966
- font-size: var(--pf-c-list__item-icon--FontSize);
10874
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
10875
+ flex-direction: column;
10876
+ }
10877
+
10878
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
10879
+ --pf-c-label-group__list-item--MarginBottom: 0;
10880
+ }
10881
+
10882
+ .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
10883
+ --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
10884
+ --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
10885
+ }
10886
+
10887
+ .pf-c-label-group.pf-m-editable,
10888
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10889
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list {
10890
+ display: flex;
10891
+ }
10892
+
10893
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__main,
10894
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list,
10895
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
10896
+ .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
10897
+ flex: 1;
10898
+ }
10899
+
10900
+ .pf-c-label-group__main {
10901
+ display: flex;
10902
+ flex: 1;
10903
+ flex-wrap: wrap;
10904
+ align-items: baseline;
10905
+ }
10906
+
10907
+ .pf-c-label-group__list {
10908
+ display: inline-flex;
10909
+ flex-wrap: wrap;
10910
+ margin-right: var(--pf-c-label-group__list--MarginRight);
10911
+ margin-bottom: var(--pf-c-label-group__list--MarginBottom);
10912
+ }
10913
+
10914
+ .pf-c-label-group__list-item {
10915
+ display: inline-flex;
10916
+ margin-right: var(--pf-c-label-group__list-item--MarginRight);
10917
+ margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
10918
+ }
10919
+
10920
+ .pf-c-label-group__label {
10921
+ overflow: hidden;
10922
+ text-overflow: ellipsis;
10923
+ white-space: nowrap;
10924
+ max-width: var(--pf-c-label-group__label--MaxWidth);
10925
+ margin-right: var(--pf-c-label-group__label--MarginRight);
10926
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
10927
+ font-size: var(--pf-c-label-group__label--FontSize);
10928
+ }
10929
+
10930
+ .pf-c-label-group__close {
10931
+ margin-top: var(--pf-c-label-group__close--MarginTop);
10932
+ margin-right: var(--pf-c-label-group__close--MarginRight);
10933
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
10934
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
10935
+ }
10936
+
10937
+ .pf-c-label-group__textarea {
10938
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
10939
+ 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);
10940
+ white-space: nowrap;
10941
+ resize: none;
10942
+ border: 0;
10943
+ -ms-overflow-style: none;
10944
+ scrollbar-width: none;
10945
+ }
10946
+
10947
+ .pf-c-label-group__textarea::-webkit-scrollbar {
10948
+ display: none;
10949
+ }
10950
+
10951
+ .pf-c-list {
10952
+ --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10953
+ --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10954
+ --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10955
+ --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10956
+ --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10957
+ --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10958
+ --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10959
+ --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10960
+ --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10961
+ --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10962
+ --pf-c-list__item-icon--MarginTop: 0.375rem;
10963
+ --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10964
+ --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10965
+ --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10966
+ --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10967
+ --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10968
+ --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10969
+ padding-left: var(--pf-c-list--PaddingLeft);
10970
+ }
10971
+
10972
+ .pf-c-list ol,
10973
+ .pf-c-list ul {
10974
+ margin-top: var(--pf-c-list--nested--MarginTop);
10975
+ margin-left: var(--pf-c-list--nested--MarginLeft);
10976
+ }
10977
+
10978
+ .pf-c-list li + li {
10979
+ margin-top: var(--pf-c-list--li--MarginTop);
10980
+ }
10981
+
10982
+ ul.pf-c-list {
10983
+ list-style: var(--pf-c-list--ul--ListStyle);
10984
+ }
10985
+
10986
+ .pf-c-list .pf-c-list__item {
10987
+ display: flex;
10988
+ }
10989
+
10990
+ .pf-c-list .pf-c-list__item-icon {
10991
+ flex-shrink: 0;
10992
+ min-width: var(--pf-c-list__item-icon--MinWidth);
10993
+ margin-top: var(--pf-c-list__item-icon--MarginTop);
10994
+ margin-right: var(--pf-c-list__item-icon--MarginRight);
10995
+ font-size: var(--pf-c-list__item-icon--FontSize);
10967
10996
  line-height: 1;
10968
10997
  color: var(--pf-c-list__item-icon--Color);
10969
10998
  }
@@ -12771,247 +12800,43 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12771
12800
  --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--m-favorited--Color);
12772
12801
  --pf-c-menu__item-action--hover--Color: var(--pf-c-menu__item-action--m-favorited--hover--Color);
12773
12802
  }
12774
-
12775
- .pf-c-menu__item-action:hover, .pf-c-menu__item-action:focus {
12776
- --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--hover--Color);
12777
- }
12778
-
12779
- .pf-c-menu__item-action:disabled {
12780
- --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--disabled--Color);
12781
- }
12782
-
12783
- .pf-c-menu__item-action-icon {
12784
- display: flex;
12785
- align-items: center;
12786
- height: var(--pf-c-menu__item-action-icon--Height);
12787
- }
12788
-
12789
- .pf-c-menu__footer {
12790
- position: relative;
12791
- padding: var(--pf-c-menu__footer--PaddingTop) var(--pf-c-menu__footer--PaddingRight) var(--pf-c-menu__footer--PaddingBottom) var(--pf-c-menu__footer--PaddingLeft);
12792
- box-shadow: var(--pf-c-menu__footer--BoxShadow);
12793
- }
12794
-
12795
- .pf-c-menu__footer::after {
12796
- position: absolute;
12797
- top: 0;
12798
- right: 0;
12799
- bottom: 0;
12800
- left: 0;
12801
- pointer-events: none;
12802
- content: "";
12803
- border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor);
12804
- }
12805
-
12806
- :where(.pf-theme-dark) .pf-c-menu {
12807
- --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
12808
- --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
12809
- --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
12810
- --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
12811
- }
12812
-
12813
- .pf-c-modal-box {
12814
- --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
12815
- --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
12816
- --pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
12817
- --pf-c-modal-box--Width: 100%;
12818
- --pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
12819
- --pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
12820
- --pf-c-modal-box--m-md--Width: 52.5rem;
12821
- --pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
12822
- --pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
12823
- --pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
12824
- --pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
12825
- --pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
12826
- --pf-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer));
12827
- --pf-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl)));
12828
- --pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
12829
- --pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
12830
- --pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
12831
- --pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
12832
- --pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
12833
- --pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
12834
- --pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
12835
- --pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
12836
- --pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
12837
- --pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
12838
- --pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
12839
- --pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
12840
- --pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
12841
- --pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
12842
- --pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
12843
- --pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
12844
- --pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
12845
- --pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
12846
- --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
12847
- --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
12848
- --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
12849
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
12850
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
12851
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
12852
- --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
12853
- --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
12854
- --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
12855
- --pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
12856
- --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
12857
- --pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
12858
- position: relative;
12859
- z-index: var(--pf-c-modal-box--ZIndex);
12860
- display: flex;
12861
- flex-direction: column;
12862
- width: var(--pf-c-modal-box--Width);
12863
- max-width: var(--pf-c-modal-box--MaxWidth);
12864
- max-height: var(--pf-c-modal-box--MaxHeight);
12865
- background-color: var(--pf-c-modal-box--BackgroundColor);
12866
- box-shadow: var(--pf-c-modal-box--BoxShadow);
12867
- }
12868
-
12869
- @media (min-width: 1200px) {
12870
- .pf-c-modal-box {
12871
- --pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
12872
- }
12873
- }
12874
- .pf-c-modal-box.pf-m-sm {
12875
- --pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
12876
- }
12877
-
12878
- .pf-c-modal-box.pf-m-md {
12879
- --pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
12880
- }
12881
-
12882
- .pf-c-modal-box.pf-m-lg {
12883
- --pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
12884
- }
12885
-
12886
- .pf-c-modal-box.pf-m-align-top {
12887
- top: var(--pf-c-modal-box--m-align-top--MarginTop);
12888
- align-self: flex-start;
12889
- max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
12890
- max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
12891
- }
12892
-
12893
- .pf-c-modal-box.pf-m-danger {
12894
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
12895
- }
12896
-
12897
- .pf-c-modal-box.pf-m-warning {
12898
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
12899
- }
12900
-
12901
- .pf-c-modal-box.pf-m-success {
12902
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
12903
- }
12904
-
12905
- .pf-c-modal-box.pf-m-default {
12906
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
12907
- }
12908
-
12909
- .pf-c-modal-box.pf-m-info {
12910
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
12911
- }
12912
-
12913
- .pf-c-modal-box > .pf-c-button {
12914
- position: absolute;
12915
- top: var(--pf-c-modal-box--c-button--Top);
12916
- right: var(--pf-c-modal-box--c-button--Right);
12917
- }
12918
-
12919
- .pf-c-modal-box > .pf-c-button + * {
12920
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
12921
- }
12922
-
12923
- .pf-c-modal-box__header {
12924
- display: flex;
12925
- flex-direction: column;
12926
- flex-shrink: 0;
12927
- padding-top: var(--pf-c-modal-box__header--PaddingTop);
12928
- padding-right: var(--pf-c-modal-box__header--PaddingRight);
12929
- padding-left: var(--pf-c-modal-box__header--PaddingLeft);
12930
- }
12931
-
12932
- .pf-c-modal-box__header.pf-m-help {
12933
- display: flex;
12934
- flex-direction: row;
12935
- }
12936
-
12937
- .pf-c-modal-box__header:last-child {
12938
- padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
12939
- }
12940
-
12941
- .pf-c-modal-box__header + .pf-c-modal-box__body {
12942
- --pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
12943
- }
12944
-
12945
- .pf-c-modal-box__header-main {
12946
- flex-grow: 1;
12947
- min-width: 0;
12948
- }
12949
-
12950
- .pf-c-modal-box__title,
12951
- .pf-c-modal-box__title-text {
12952
- overflow: hidden;
12953
- text-overflow: ellipsis;
12954
- white-space: nowrap;
12955
- }
12956
-
12957
- .pf-c-modal-box__title {
12958
- flex: 0 0 auto;
12959
- font-family: var(--pf-c-modal-box__title--FontFamily);
12960
- font-size: var(--pf-c-modal-box__title--FontSize);
12961
- line-height: var(--pf-c-modal-box__title--LineHeight);
12962
- }
12963
-
12964
- .pf-c-modal-box__title.pf-m-icon {
12965
- display: flex;
12966
- }
12967
-
12968
- .pf-c-modal-box__title-icon {
12969
- margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
12970
- color: var(--pf-c-modal-box__title-icon--Color);
12971
- }
12972
-
12973
- .pf-c-modal-box__description {
12974
- padding-top: var(--pf-c-modal-box__description--PaddingTop);
12975
- }
12976
-
12977
- .pf-c-modal-box__body {
12978
- flex: 1 1 auto;
12979
- min-height: var(--pf-c-modal-box__body--MinHeight);
12980
- padding-top: var(--pf-c-modal-box__body--PaddingTop);
12981
- padding-right: var(--pf-c-modal-box__body--PaddingRight);
12982
- padding-left: var(--pf-c-modal-box__body--PaddingLeft);
12983
- overflow-x: hidden;
12984
- overflow-y: auto;
12985
- overscroll-behavior: contain;
12986
- word-break: break-word;
12987
- -webkit-overflow-scrolling: touch;
12803
+
12804
+ .pf-c-menu__item-action:hover, .pf-c-menu__item-action:focus {
12805
+ --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--hover--Color);
12988
12806
  }
12989
12807
 
12990
- .pf-c-modal-box__body:last-child {
12991
- padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
12808
+ .pf-c-menu__item-action:disabled {
12809
+ --pf-c-menu__item-action--Color: var(--pf-c-menu__item-action--disabled--Color);
12992
12810
  }
12993
12811
 
12994
- .pf-c-modal-box__footer {
12812
+ .pf-c-menu__item-action-icon {
12995
12813
  display: flex;
12996
- flex: 0 0 auto;
12997
12814
  align-items: center;
12998
- padding-top: var(--pf-c-modal-box__footer--PaddingTop);
12999
- padding-right: var(--pf-c-modal-box__footer--PaddingRight);
13000
- padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
13001
- padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
12815
+ height: var(--pf-c-menu__item-action-icon--Height);
13002
12816
  }
13003
12817
 
13004
- .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13005
- margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
12818
+ .pf-c-menu__footer {
12819
+ position: relative;
12820
+ padding: var(--pf-c-menu__footer--PaddingTop) var(--pf-c-menu__footer--PaddingRight) var(--pf-c-menu__footer--PaddingBottom) var(--pf-c-menu__footer--PaddingLeft);
12821
+ box-shadow: var(--pf-c-menu__footer--BoxShadow);
13006
12822
  }
13007
12823
 
13008
- @media screen and (min-width: 576px) {
13009
- .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13010
- --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
13011
- }
12824
+ .pf-c-menu__footer::after {
12825
+ position: absolute;
12826
+ top: 0;
12827
+ right: 0;
12828
+ bottom: 0;
12829
+ left: 0;
12830
+ pointer-events: none;
12831
+ content: "";
12832
+ border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor);
13012
12833
  }
13013
- :where(.pf-theme-dark) .pf-c-modal-box {
13014
- --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
12834
+
12835
+ :where(.pf-theme-dark) .pf-c-menu {
12836
+ --pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
12837
+ --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
12838
+ --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
12839
+ --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
13015
12840
  }
13016
12841
 
13017
12842
  .pf-c-menu-toggle {
@@ -13482,6 +13307,210 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13482
13307
  background: transparent;
13483
13308
  }
13484
13309
 
13310
+ .pf-c-modal-box {
13311
+ --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
13312
+ --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
13313
+ --pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
13314
+ --pf-c-modal-box--Width: 100%;
13315
+ --pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
13316
+ --pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
13317
+ --pf-c-modal-box--m-md--Width: 52.5rem;
13318
+ --pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
13319
+ --pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
13320
+ --pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
13321
+ --pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
13322
+ --pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
13323
+ --pf-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer));
13324
+ --pf-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl)));
13325
+ --pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
13326
+ --pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
13327
+ --pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
13328
+ --pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
13329
+ --pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
13330
+ --pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
13331
+ --pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
13332
+ --pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
13333
+ --pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
13334
+ --pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
13335
+ --pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
13336
+ --pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
13337
+ --pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
13338
+ --pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
13339
+ --pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
13340
+ --pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
13341
+ --pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
13342
+ --pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
13343
+ --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
13344
+ --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
13345
+ --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
13346
+ --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
13347
+ --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
13348
+ --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
13349
+ --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
13350
+ --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
13351
+ --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
13352
+ --pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
13353
+ --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
13354
+ --pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
13355
+ position: relative;
13356
+ z-index: var(--pf-c-modal-box--ZIndex);
13357
+ display: flex;
13358
+ flex-direction: column;
13359
+ width: var(--pf-c-modal-box--Width);
13360
+ max-width: var(--pf-c-modal-box--MaxWidth);
13361
+ max-height: var(--pf-c-modal-box--MaxHeight);
13362
+ background-color: var(--pf-c-modal-box--BackgroundColor);
13363
+ box-shadow: var(--pf-c-modal-box--BoxShadow);
13364
+ }
13365
+
13366
+ @media (min-width: 1200px) {
13367
+ .pf-c-modal-box {
13368
+ --pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
13369
+ }
13370
+ }
13371
+ .pf-c-modal-box.pf-m-sm {
13372
+ --pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
13373
+ }
13374
+
13375
+ .pf-c-modal-box.pf-m-md {
13376
+ --pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
13377
+ }
13378
+
13379
+ .pf-c-modal-box.pf-m-lg {
13380
+ --pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
13381
+ }
13382
+
13383
+ .pf-c-modal-box.pf-m-align-top {
13384
+ top: var(--pf-c-modal-box--m-align-top--MarginTop);
13385
+ align-self: flex-start;
13386
+ max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
13387
+ max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
13388
+ }
13389
+
13390
+ .pf-c-modal-box.pf-m-danger {
13391
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
13392
+ }
13393
+
13394
+ .pf-c-modal-box.pf-m-warning {
13395
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
13396
+ }
13397
+
13398
+ .pf-c-modal-box.pf-m-success {
13399
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
13400
+ }
13401
+
13402
+ .pf-c-modal-box.pf-m-default {
13403
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
13404
+ }
13405
+
13406
+ .pf-c-modal-box.pf-m-info {
13407
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
13408
+ }
13409
+
13410
+ .pf-c-modal-box > .pf-c-button {
13411
+ position: absolute;
13412
+ top: var(--pf-c-modal-box--c-button--Top);
13413
+ right: var(--pf-c-modal-box--c-button--Right);
13414
+ }
13415
+
13416
+ .pf-c-modal-box > .pf-c-button + * {
13417
+ margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
13418
+ }
13419
+
13420
+ .pf-c-modal-box__header {
13421
+ display: flex;
13422
+ flex-direction: column;
13423
+ flex-shrink: 0;
13424
+ padding-top: var(--pf-c-modal-box__header--PaddingTop);
13425
+ padding-right: var(--pf-c-modal-box__header--PaddingRight);
13426
+ padding-left: var(--pf-c-modal-box__header--PaddingLeft);
13427
+ }
13428
+
13429
+ .pf-c-modal-box__header.pf-m-help {
13430
+ display: flex;
13431
+ flex-direction: row;
13432
+ }
13433
+
13434
+ .pf-c-modal-box__header:last-child {
13435
+ padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
13436
+ }
13437
+
13438
+ .pf-c-modal-box__header + .pf-c-modal-box__body {
13439
+ --pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
13440
+ }
13441
+
13442
+ .pf-c-modal-box__header-main {
13443
+ flex-grow: 1;
13444
+ min-width: 0;
13445
+ }
13446
+
13447
+ .pf-c-modal-box__title,
13448
+ .pf-c-modal-box__title-text {
13449
+ overflow: hidden;
13450
+ text-overflow: ellipsis;
13451
+ white-space: nowrap;
13452
+ }
13453
+
13454
+ .pf-c-modal-box__title {
13455
+ flex: 0 0 auto;
13456
+ font-family: var(--pf-c-modal-box__title--FontFamily);
13457
+ font-size: var(--pf-c-modal-box__title--FontSize);
13458
+ line-height: var(--pf-c-modal-box__title--LineHeight);
13459
+ }
13460
+
13461
+ .pf-c-modal-box__title.pf-m-icon {
13462
+ display: flex;
13463
+ }
13464
+
13465
+ .pf-c-modal-box__title-icon {
13466
+ margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
13467
+ color: var(--pf-c-modal-box__title-icon--Color);
13468
+ }
13469
+
13470
+ .pf-c-modal-box__description {
13471
+ padding-top: var(--pf-c-modal-box__description--PaddingTop);
13472
+ }
13473
+
13474
+ .pf-c-modal-box__body {
13475
+ flex: 1 1 auto;
13476
+ min-height: var(--pf-c-modal-box__body--MinHeight);
13477
+ padding-top: var(--pf-c-modal-box__body--PaddingTop);
13478
+ padding-right: var(--pf-c-modal-box__body--PaddingRight);
13479
+ padding-left: var(--pf-c-modal-box__body--PaddingLeft);
13480
+ overflow-x: hidden;
13481
+ overflow-y: auto;
13482
+ overscroll-behavior: contain;
13483
+ word-break: break-word;
13484
+ -webkit-overflow-scrolling: touch;
13485
+ }
13486
+
13487
+ .pf-c-modal-box__body:last-child {
13488
+ padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
13489
+ }
13490
+
13491
+ .pf-c-modal-box__footer {
13492
+ display: flex;
13493
+ flex: 0 0 auto;
13494
+ align-items: center;
13495
+ padding-top: var(--pf-c-modal-box__footer--PaddingTop);
13496
+ padding-right: var(--pf-c-modal-box__footer--PaddingRight);
13497
+ padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
13498
+ padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
13499
+ }
13500
+
13501
+ .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13502
+ margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
13503
+ }
13504
+
13505
+ @media screen and (min-width: 576px) {
13506
+ .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
13507
+ --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
13508
+ }
13509
+ }
13510
+ :where(.pf-theme-dark) .pf-c-modal-box {
13511
+ --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
13512
+ }
13513
+
13485
13514
  .pf-c-multiple-file-upload {
13486
13515
  --pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
13487
13516
  --pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
@@ -15353,6 +15382,17 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15353
15382
  transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY));
15354
15383
  }
15355
15384
 
15385
+ .pf-c-options-menu__menu.pf-m-static {
15386
+ --pf-c-options-menu--m-top__menu--TranslateY: 0;
15387
+ position: static;
15388
+ top: auto;
15389
+ right: auto;
15390
+ bottom: auto;
15391
+ left: auto;
15392
+ z-index: auto;
15393
+ min-width: min-content;
15394
+ }
15395
+
15356
15396
  .pf-c-options-menu__menu-item {
15357
15397
  display: flex;
15358
15398
  align-items: baseline;
@@ -18507,8 +18547,12 @@ label.pf-c-radio, .pf-c-radio__label,
18507
18547
  }
18508
18548
 
18509
18549
  .pf-c-select__menu.pf-m-static {
18550
+ --pf-c-select__menu--m-top--TranslateY: 0;
18510
18551
  position: static;
18511
18552
  top: auto;
18553
+ right: auto;
18554
+ bottom: auto;
18555
+ left: auto;
18512
18556
  z-index: auto;
18513
18557
  min-width: min-content;
18514
18558
  }