@patternfly/react-table 4.38.1 → 4.38.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15630,6 +15630,206 @@ ul.pf-c-list {
15630
15630
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
15631
15631
  }
15632
15632
 
15633
+ .pf-c-modal-box {
15634
+ --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
15635
+ --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
15636
+ --pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
15637
+ --pf-c-modal-box--Width: 100%;
15638
+ --pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
15639
+ --pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
15640
+ --pf-c-modal-box--m-md--Width: 52.5rem;
15641
+ --pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
15642
+ --pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
15643
+ --pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
15644
+ --pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
15645
+ --pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
15646
+ --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));
15647
+ --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)));
15648
+ --pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
15649
+ --pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
15650
+ --pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
15651
+ --pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
15652
+ --pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
15653
+ --pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
15654
+ --pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
15655
+ --pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
15656
+ --pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
15657
+ --pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
15658
+ --pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
15659
+ --pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
15660
+ --pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
15661
+ --pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
15662
+ --pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
15663
+ --pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
15664
+ --pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
15665
+ --pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
15666
+ --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
15667
+ --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
15668
+ --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
15669
+ --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
15670
+ --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
15671
+ --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
15672
+ --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
15673
+ --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
15674
+ --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
15675
+ --pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
15676
+ --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
15677
+ --pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
15678
+ position: relative;
15679
+ z-index: var(--pf-c-modal-box--ZIndex);
15680
+ display: flex;
15681
+ flex-direction: column;
15682
+ width: var(--pf-c-modal-box--Width);
15683
+ max-width: var(--pf-c-modal-box--MaxWidth);
15684
+ max-height: var(--pf-c-modal-box--MaxHeight);
15685
+ background-color: var(--pf-c-modal-box--BackgroundColor);
15686
+ box-shadow: var(--pf-c-modal-box--BoxShadow);
15687
+ }
15688
+
15689
+ @media (min-width: 1200px) {
15690
+ .pf-c-modal-box {
15691
+ --pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
15692
+ }
15693
+ }
15694
+ .pf-c-modal-box.pf-m-sm {
15695
+ --pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
15696
+ }
15697
+
15698
+ .pf-c-modal-box.pf-m-md {
15699
+ --pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
15700
+ }
15701
+
15702
+ .pf-c-modal-box.pf-m-lg {
15703
+ --pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
15704
+ }
15705
+
15706
+ .pf-c-modal-box.pf-m-align-top {
15707
+ top: var(--pf-c-modal-box--m-align-top--MarginTop);
15708
+ align-self: flex-start;
15709
+ max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
15710
+ max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
15711
+ }
15712
+
15713
+ .pf-c-modal-box.pf-m-danger {
15714
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
15715
+ }
15716
+
15717
+ .pf-c-modal-box.pf-m-warning {
15718
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
15719
+ }
15720
+
15721
+ .pf-c-modal-box.pf-m-success {
15722
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
15723
+ }
15724
+
15725
+ .pf-c-modal-box.pf-m-default {
15726
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
15727
+ }
15728
+
15729
+ .pf-c-modal-box.pf-m-info {
15730
+ --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
15731
+ }
15732
+
15733
+ .pf-c-modal-box > .pf-c-button {
15734
+ position: absolute;
15735
+ top: var(--pf-c-modal-box--c-button--Top);
15736
+ right: var(--pf-c-modal-box--c-button--Right);
15737
+ }
15738
+
15739
+ .pf-c-modal-box > .pf-c-button + * {
15740
+ margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
15741
+ }
15742
+
15743
+ .pf-c-modal-box__header {
15744
+ display: flex;
15745
+ flex-direction: column;
15746
+ flex-shrink: 0;
15747
+ padding-top: var(--pf-c-modal-box__header--PaddingTop);
15748
+ padding-right: var(--pf-c-modal-box__header--PaddingRight);
15749
+ padding-left: var(--pf-c-modal-box__header--PaddingLeft);
15750
+ }
15751
+
15752
+ .pf-c-modal-box__header.pf-m-help {
15753
+ display: flex;
15754
+ flex-direction: row;
15755
+ }
15756
+
15757
+ .pf-c-modal-box__header:last-child {
15758
+ padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
15759
+ }
15760
+
15761
+ .pf-c-modal-box__header + .pf-c-modal-box__body {
15762
+ --pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
15763
+ }
15764
+
15765
+ .pf-c-modal-box__header-main {
15766
+ flex-grow: 1;
15767
+ min-width: 0;
15768
+ }
15769
+
15770
+ .pf-c-modal-box__title,
15771
+ .pf-c-modal-box__title-text {
15772
+ overflow: hidden;
15773
+ text-overflow: ellipsis;
15774
+ white-space: nowrap;
15775
+ }
15776
+
15777
+ .pf-c-modal-box__title {
15778
+ flex: 0 0 auto;
15779
+ font-family: var(--pf-c-modal-box__title--FontFamily);
15780
+ font-size: var(--pf-c-modal-box__title--FontSize);
15781
+ line-height: var(--pf-c-modal-box__title--LineHeight);
15782
+ }
15783
+
15784
+ .pf-c-modal-box__title.pf-m-icon {
15785
+ display: flex;
15786
+ }
15787
+
15788
+ .pf-c-modal-box__title-icon {
15789
+ margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
15790
+ color: var(--pf-c-modal-box__title-icon--Color);
15791
+ }
15792
+
15793
+ .pf-c-modal-box__description {
15794
+ padding-top: var(--pf-c-modal-box__description--PaddingTop);
15795
+ }
15796
+
15797
+ .pf-c-modal-box__body {
15798
+ flex: 1 1 auto;
15799
+ min-height: var(--pf-c-modal-box__body--MinHeight);
15800
+ padding-top: var(--pf-c-modal-box__body--PaddingTop);
15801
+ padding-right: var(--pf-c-modal-box__body--PaddingRight);
15802
+ padding-left: var(--pf-c-modal-box__body--PaddingLeft);
15803
+ overflow-x: hidden;
15804
+ overflow-y: auto;
15805
+ overscroll-behavior: contain;
15806
+ word-break: break-word;
15807
+ -webkit-overflow-scrolling: touch;
15808
+ }
15809
+
15810
+ .pf-c-modal-box__body:last-child {
15811
+ padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
15812
+ }
15813
+
15814
+ .pf-c-modal-box__footer {
15815
+ display: flex;
15816
+ flex: 0 0 auto;
15817
+ align-items: center;
15818
+ padding-top: var(--pf-c-modal-box__footer--PaddingTop);
15819
+ padding-right: var(--pf-c-modal-box__footer--PaddingRight);
15820
+ padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
15821
+ padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
15822
+ }
15823
+
15824
+ .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
15825
+ margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
15826
+ }
15827
+
15828
+ @media screen and (min-width: 576px) {
15829
+ .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
15830
+ --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
15831
+ }
15832
+ }
15633
15833
  .pf-c-nav {
15634
15834
  --pf-c-nav--Transition: var(--pf-global--Transition);
15635
15835
  --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -16532,6 +16732,16 @@ ul.pf-c-list {
16532
16732
  left: 0;
16533
16733
  }
16534
16734
 
16735
+ .pf-l-bullseye {
16736
+ --pf-l-bullseye--Padding: 0;
16737
+ display: flex;
16738
+ align-items: center;
16739
+ justify-content: center;
16740
+ height: 100%;
16741
+ padding: var(--pf-l-bullseye--Padding);
16742
+ margin: 0;
16743
+ }
16744
+
16535
16745
  .pf-c-notification-badge {
16536
16746
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
16537
16747
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -17246,357 +17456,6 @@ ul.pf-c-list {
17246
17456
  --pf-c-overflow-menu--spacer: 0;
17247
17457
  }
17248
17458
 
17249
- .pf-c-pagination {
17250
- --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
17251
- --pf-c-pagination--m-bottom--child--MarginRight: 0;
17252
- --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
17253
- --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
17254
- --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
17255
- --pf-c-pagination__nav--Display: none;
17256
- --pf-c-pagination__nav--Visibility: hidden;
17257
- --pf-c-pagination--m-display-summary__nav--Display: none;
17258
- --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
17259
- --pf-c-pagination--m-display-full__nav--Display: inline-flex;
17260
- --pf-c-pagination--m-display-full__nav--Visibility: visible;
17261
- --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
17262
- --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
17263
- --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
17264
- --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
17265
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
17266
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
17267
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
17268
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
17269
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
17270
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
17271
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
17272
- --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
17273
- --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
17274
- --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
17275
- --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
17276
- --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
17277
- --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
17278
- --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
17279
- --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
17280
- --pf-c-pagination__total-items--Display: block;
17281
- --pf-c-pagination__total-items--Visibility: visible;
17282
- --pf-c-pagination--m-display-summary__total-items--Display: block;
17283
- --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
17284
- --pf-c-pagination--m-display-full__total-items--Display: none;
17285
- --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
17286
- --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
17287
- --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
17288
- --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
17289
- --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
17290
- --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
17291
- --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
17292
- --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
17293
- --pf-c-pagination--m-sticky--Top: 0;
17294
- --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
17295
- --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
17296
- --pf-c-pagination--m-bottom--Bottom: 0;
17297
- --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
17298
- --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
17299
- --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
17300
- --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
17301
- --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
17302
- --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
17303
- --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
17304
- --pf-c-pagination--c-options-menu--Display: none;
17305
- --pf-c-pagination--c-options-menu--Visibility: hidden;
17306
- --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
17307
- --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
17308
- --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
17309
- --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
17310
- display: flex;
17311
- flex-wrap: wrap;
17312
- align-items: center;
17313
- justify-content: flex-end;
17314
- }
17315
-
17316
- @media screen and (min-width: 768px) {
17317
- .pf-c-pagination {
17318
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
17319
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
17320
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
17321
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
17322
- --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
17323
- --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
17324
- --pf-c-pagination--m-bottom--BoxShadow: none;
17325
- --pf-c-pagination--c-options-menu--Display: inline-flex;
17326
- --pf-c-pagination--c-options-menu--Visibility: visible;
17327
- --pf-c-pagination__nav--Display: inline-flex;
17328
- --pf-c-pagination__nav--Visibility: visible;
17329
- --pf-c-pagination__total-items--Display: none;
17330
- --pf-c-pagination__total-items--Visibility: hidden;
17331
- }
17332
- }
17333
- @media screen and (min-width: 1200px) {
17334
- .pf-c-pagination {
17335
- --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
17336
- --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
17337
- }
17338
- }
17339
- .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
17340
- margin-right: var(--pf-c-pagination--child--MarginRight);
17341
- }
17342
-
17343
- .pf-c-pagination .pf-c-options-menu {
17344
- display: var(--pf-c-pagination--c-options-menu--Display);
17345
- visibility: var(--pf-c-pagination--c-options-menu--Visibility);
17346
- }
17347
-
17348
- .pf-c-pagination.pf-m-bottom {
17349
- --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
17350
- --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
17351
- --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
17352
- --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
17353
- --pf-c-pagination--m-sticky--Top: auto;
17354
- position: sticky;
17355
- bottom: var(--pf-c-pagination--m-bottom--Bottom);
17356
- justify-content: center;
17357
- background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
17358
- box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
17359
- }
17360
-
17361
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
17362
- --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
17363
- --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
17364
- outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
17365
- }
17366
-
17367
- .pf-c-pagination.pf-m-bottom.pf-m-static {
17368
- --pf-c-pagination--m-bottom--MarginTop: 0;
17369
- --pf-c-pagination--m-bottom--BorderTopWidth: 0;
17370
- position: relative;
17371
- box-shadow: none;
17372
- }
17373
-
17374
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
17375
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
17376
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
17377
- display: none;
17378
- visibility: hidden;
17379
- }
17380
-
17381
- .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
17382
- position: absolute;
17383
- display: block;
17384
- visibility: visible;
17385
- }
17386
-
17387
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
17388
- display: flex;
17389
- flex-basis: 100%;
17390
- justify-content: space-between;
17391
- visibility: visible;
17392
- }
17393
-
17394
- @media screen and (min-width: 768px) {
17395
- .pf-c-pagination.pf-m-bottom {
17396
- --pf-c-pagination--m-bottom--BorderTopWidth: 0;
17397
- --pf-c-pagination--m-bottom--MarginTop: 0;
17398
- --pf-c-pagination--m-bottom--Bottom: auto;
17399
- position: relative;
17400
- justify-content: flex-end;
17401
- padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
17402
- }
17403
-
17404
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
17405
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
17406
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
17407
- display: block;
17408
- visibility: visible;
17409
- }
17410
-
17411
- .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
17412
- position: relative;
17413
- }
17414
-
17415
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
17416
- display: inline-flex;
17417
- flex-basis: auto;
17418
- }
17419
- }
17420
- .pf-c-pagination.pf-m-sticky {
17421
- --pf-c-pagination--m-bottom--Bottom: 0;
17422
- position: sticky;
17423
- top: var(--pf-c-pagination--m-sticky--Top);
17424
- z-index: var(--pf-c-pagination--m-sticky--ZIndex);
17425
- padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
17426
- padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
17427
- padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
17428
- padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
17429
- background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
17430
- box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
17431
- }
17432
-
17433
- @media screen and (min-width: 768px) {
17434
- .pf-c-pagination.pf-m-sticky {
17435
- padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
17436
- }
17437
- }
17438
- .pf-c-pagination .pf-c-options-menu__toggle {
17439
- font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
17440
- }
17441
-
17442
- .pf-c-pagination.pf-m-compact {
17443
- --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
17444
- }
17445
-
17446
- .pf-c-pagination__nav {
17447
- display: var(--pf-c-pagination__nav--Display);
17448
- justify-content: flex-end;
17449
- visibility: var(--pf-c-pagination__nav--Visibility);
17450
- }
17451
-
17452
- .pf-c-pagination__nav-control .pf-c-button {
17453
- padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
17454
- padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
17455
- font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
17456
- }
17457
-
17458
- .pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
17459
- margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
17460
- }
17461
-
17462
- .pf-c-pagination__nav-page-select {
17463
- display: flex;
17464
- align-items: center;
17465
- padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
17466
- padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
17467
- }
17468
-
17469
- .pf-c-pagination__nav-page-select > * {
17470
- font-size: var(--pf-c-pagination__nav-page-select--FontSize);
17471
- white-space: nowrap;
17472
- }
17473
-
17474
- .pf-c-pagination__nav-page-select > *:not(:last-child) {
17475
- margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
17476
- }
17477
-
17478
- .pf-c-pagination__nav-page-select .pf-c-form-control {
17479
- width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
17480
- }
17481
-
17482
- .pf-c-pagination__total-items {
17483
- display: var(--pf-c-pagination__total-items--Display);
17484
- visibility: var(--pf-c-pagination__total-items--Visibility);
17485
- }
17486
-
17487
- .pf-c-pagination.pf-m-display-summary {
17488
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
17489
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
17490
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
17491
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
17492
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
17493
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
17494
- }
17495
-
17496
- .pf-c-pagination.pf-m-display-full {
17497
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
17498
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
17499
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
17500
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
17501
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
17502
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
17503
- }
17504
-
17505
- @media (min-width: 576px) {
17506
- .pf-c-pagination.pf-m-display-summary-on-sm {
17507
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
17508
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
17509
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
17510
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
17511
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
17512
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
17513
- }
17514
-
17515
- .pf-c-pagination.pf-m-display-full-on-sm {
17516
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
17517
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
17518
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
17519
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
17520
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
17521
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
17522
- }
17523
- }
17524
- @media (min-width: 768px) {
17525
- .pf-c-pagination.pf-m-display-summary-on-md {
17526
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
17527
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
17528
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
17529
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
17530
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
17531
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
17532
- }
17533
-
17534
- .pf-c-pagination.pf-m-display-full-on-md {
17535
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
17536
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
17537
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
17538
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
17539
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
17540
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
17541
- }
17542
- }
17543
- @media (min-width: 992px) {
17544
- .pf-c-pagination.pf-m-display-summary-on-lg {
17545
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
17546
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
17547
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
17548
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
17549
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
17550
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
17551
- }
17552
-
17553
- .pf-c-pagination.pf-m-display-full-on-lg {
17554
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
17555
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
17556
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
17557
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
17558
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
17559
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
17560
- }
17561
- }
17562
- @media (min-width: 1200px) {
17563
- .pf-c-pagination.pf-m-display-summary-on-xl {
17564
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
17565
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
17566
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
17567
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
17568
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
17569
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
17570
- }
17571
-
17572
- .pf-c-pagination.pf-m-display-full-on-xl {
17573
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
17574
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
17575
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
17576
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
17577
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
17578
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
17579
- }
17580
- }
17581
- @media (min-width: 1450px) {
17582
- .pf-c-pagination.pf-m-display-summary-on-2xl {
17583
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
17584
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
17585
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
17586
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
17587
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
17588
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
17589
- }
17590
-
17591
- .pf-c-pagination.pf-m-display-full-on-2xl {
17592
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
17593
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
17594
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
17595
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
17596
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
17597
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
17598
- }
17599
- }
17600
17459
  .pf-c-page__sidebar.pf-m-light {
17601
17460
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
17602
17461
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -18269,179 +18128,530 @@ ul.pf-c-list {
18269
18128
  flex-grow: 1;
18270
18129
  }
18271
18130
 
18272
- .pf-c-page__main-section.pf-m-no-fill,
18273
- .pf-c-page__main-group.pf-m-no-fill,
18274
- .pf-c-page__main-wizard.pf-m-no-fill {
18275
- flex-grow: 0;
18131
+ .pf-c-page__main-section.pf-m-no-fill,
18132
+ .pf-c-page__main-group.pf-m-no-fill,
18133
+ .pf-c-page__main-wizard.pf-m-no-fill {
18134
+ flex-grow: 0;
18135
+ }
18136
+
18137
+ .pf-c-page__main-section {
18138
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18139
+ background-color: var(--pf-c-page__main-section--BackgroundColor);
18140
+ }
18141
+
18142
+ .pf-c-page__main-section.pf-m-light {
18143
+ --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
18144
+ }
18145
+
18146
+ .pf-c-page__main-section[class*=pf-m-dark-] {
18147
+ color: var(--pf-global--Color--100);
18148
+ }
18149
+
18150
+ .pf-c-page__main-section.pf-m-dark-100 {
18151
+ --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-100--BackgroundColor);
18152
+ }
18153
+
18154
+ .pf-c-page__main-section.pf-m-dark-200 {
18155
+ --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-200--BackgroundColor);
18156
+ }
18157
+
18158
+ .pf-c-page__main-section.pf-m-padding {
18159
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18160
+ }
18161
+
18162
+ .pf-c-page__main-section.pf-m-padding.pf-m-limit-width {
18163
+ padding: 0;
18164
+ }
18165
+
18166
+ .pf-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-c-page__main-body {
18167
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18168
+ }
18169
+
18170
+ .pf-c-page__main-section.pf-m-no-padding, .pf-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-c-page__main-body {
18171
+ padding: 0;
18172
+ }
18173
+
18174
+ @media (min-width: 576px) {
18175
+ .pf-c-page__main-section.pf-m-padding-on-sm {
18176
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18177
+ }
18178
+
18179
+ .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
18180
+ padding: 0;
18181
+ }
18182
+
18183
+ .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
18184
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18185
+ }
18186
+
18187
+ .pf-c-page__main-section.pf-m-no-padding-on-sm, .pf-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
18188
+ padding: 0;
18189
+ }
18190
+ }
18191
+ @media (min-width: 768px) {
18192
+ .pf-c-page__main-section.pf-m-padding-on-md {
18193
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18194
+ }
18195
+
18196
+ .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
18197
+ padding: 0;
18198
+ }
18199
+
18200
+ .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
18201
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18202
+ }
18203
+
18204
+ .pf-c-page__main-section.pf-m-no-padding-on-md, .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
18205
+ padding: 0;
18206
+ }
18207
+ }
18208
+ @media (min-width: 992px) {
18209
+ .pf-c-page__main-section.pf-m-padding-on-lg {
18210
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18211
+ }
18212
+
18213
+ .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
18214
+ padding: 0;
18215
+ }
18216
+
18217
+ .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
18218
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18219
+ }
18220
+
18221
+ .pf-c-page__main-section.pf-m-no-padding-on-lg, .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
18222
+ padding: 0;
18223
+ }
18224
+ }
18225
+ @media (min-width: 1200px) {
18226
+ .pf-c-page__main-section.pf-m-padding-on-xl {
18227
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18228
+ }
18229
+
18230
+ .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18231
+ padding: 0;
18232
+ }
18233
+
18234
+ .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
18235
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18236
+ }
18237
+
18238
+ .pf-c-page__main-section.pf-m-no-padding-on-xl, .pf-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
18239
+ padding: 0;
18240
+ }
18241
+ }
18242
+ @media (min-width: 1450px) {
18243
+ .pf-c-page__main-section.pf-m-padding-on-2xl {
18244
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18245
+ }
18246
+
18247
+ .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18248
+ padding: 0;
18249
+ }
18250
+
18251
+ .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
18252
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18253
+ }
18254
+
18255
+ .pf-c-page__main-section.pf-m-no-padding-on-2xl, .pf-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
18256
+ padding: 0;
18257
+ }
18258
+ }
18259
+ .pf-c-page__main-wizard {
18260
+ flex: 1 1;
18261
+ min-height: 0;
18262
+ background-color: var(--pf-c-page__main-wizard--BackgroundColor);
18263
+ border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid var(--pf-c-page__main-wizard--BorderTopColor);
18264
+ }
18265
+
18266
+ .pf-c-page__main-wizard:first-child {
18267
+ --pf-c-page__main-wizard--BorderTopWidth: 0;
18268
+ }
18269
+
18270
+ .pf-c-page__main-wizard .pf-c-page__main-body {
18271
+ min-height: 0;
18272
+ }
18273
+
18274
+ .pf-c-page__main-group {
18275
+ flex-shrink: 0;
18276
+ }
18277
+
18278
+ .pf-c-page__main-nav .pf-c-page__main-body {
18279
+ padding-top: var(--pf-c-page__main-nav--PaddingTop);
18280
+ padding-right: var(--pf-c-page__main-nav--PaddingRight);
18281
+ padding-left: var(--pf-c-page__main-nav--PaddingLeft);
18282
+ }
18283
+
18284
+ .pf-c-page__main-breadcrumb .pf-c-page__main-body {
18285
+ padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
18286
+ }
18287
+
18288
+ .pf-c-page__main-section .pf-c-page__main-body {
18289
+ padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18290
+ }
18291
+
18292
+ .pf-c-page__main-tabs .pf-c-page__main-body {
18293
+ padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
18294
+ }
18295
+
18296
+ .pf-c-page__drawer {
18297
+ grid-area: main;
18298
+ }
18299
+
18300
+ .pf-c-page__drawer > .pf-c-drawer {
18301
+ flex: 1 0 auto;
18302
+ }
18303
+
18304
+ .pf-c-pagination {
18305
+ --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
18306
+ --pf-c-pagination--m-bottom--child--MarginRight: 0;
18307
+ --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
18308
+ --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
18309
+ --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
18310
+ --pf-c-pagination__nav--Display: none;
18311
+ --pf-c-pagination__nav--Visibility: hidden;
18312
+ --pf-c-pagination--m-display-summary__nav--Display: none;
18313
+ --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
18314
+ --pf-c-pagination--m-display-full__nav--Display: inline-flex;
18315
+ --pf-c-pagination--m-display-full__nav--Visibility: visible;
18316
+ --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
18317
+ --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
18318
+ --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
18319
+ --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
18320
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
18321
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
18322
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
18323
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
18324
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
18325
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
18326
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
18327
+ --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
18328
+ --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
18329
+ --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
18330
+ --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
18331
+ --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
18332
+ --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
18333
+ --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
18334
+ --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
18335
+ --pf-c-pagination__total-items--Display: block;
18336
+ --pf-c-pagination__total-items--Visibility: visible;
18337
+ --pf-c-pagination--m-display-summary__total-items--Display: block;
18338
+ --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
18339
+ --pf-c-pagination--m-display-full__total-items--Display: none;
18340
+ --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
18341
+ --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
18342
+ --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
18343
+ --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
18344
+ --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
18345
+ --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
18346
+ --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
18347
+ --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
18348
+ --pf-c-pagination--m-sticky--Top: 0;
18349
+ --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
18350
+ --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18351
+ --pf-c-pagination--m-bottom--Bottom: 0;
18352
+ --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
18353
+ --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
18354
+ --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
18355
+ --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
18356
+ --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
18357
+ --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
18358
+ --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
18359
+ --pf-c-pagination--c-options-menu--Display: none;
18360
+ --pf-c-pagination--c-options-menu--Visibility: hidden;
18361
+ --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
18362
+ --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
18363
+ --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
18364
+ --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
18365
+ display: flex;
18366
+ flex-wrap: wrap;
18367
+ align-items: center;
18368
+ justify-content: flex-end;
18369
+ }
18370
+
18371
+ @media screen and (min-width: 768px) {
18372
+ .pf-c-pagination {
18373
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
18374
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
18375
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
18376
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
18377
+ --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
18378
+ --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
18379
+ --pf-c-pagination--m-bottom--BoxShadow: none;
18380
+ --pf-c-pagination--c-options-menu--Display: inline-flex;
18381
+ --pf-c-pagination--c-options-menu--Visibility: visible;
18382
+ --pf-c-pagination__nav--Display: inline-flex;
18383
+ --pf-c-pagination__nav--Visibility: visible;
18384
+ --pf-c-pagination__total-items--Display: none;
18385
+ --pf-c-pagination__total-items--Visibility: hidden;
18386
+ }
18276
18387
  }
18277
-
18278
- .pf-c-page__main-section {
18279
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18280
- background-color: var(--pf-c-page__main-section--BackgroundColor);
18388
+ @media screen and (min-width: 1200px) {
18389
+ .pf-c-pagination {
18390
+ --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
18391
+ --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
18392
+ }
18281
18393
  }
18282
-
18283
- .pf-c-page__main-section.pf-m-light {
18284
- --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
18394
+ .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
18395
+ margin-right: var(--pf-c-pagination--child--MarginRight);
18285
18396
  }
18286
18397
 
18287
- .pf-c-page__main-section[class*=pf-m-dark-] {
18288
- color: var(--pf-global--Color--100);
18398
+ .pf-c-pagination .pf-c-options-menu {
18399
+ display: var(--pf-c-pagination--c-options-menu--Display);
18400
+ visibility: var(--pf-c-pagination--c-options-menu--Visibility);
18289
18401
  }
18290
18402
 
18291
- .pf-c-page__main-section.pf-m-dark-100 {
18292
- --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-100--BackgroundColor);
18403
+ .pf-c-pagination.pf-m-bottom {
18404
+ --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
18405
+ --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
18406
+ --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
18407
+ --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
18408
+ --pf-c-pagination--m-sticky--Top: auto;
18409
+ position: sticky;
18410
+ bottom: var(--pf-c-pagination--m-bottom--Bottom);
18411
+ justify-content: center;
18412
+ background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
18413
+ box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
18293
18414
  }
18294
18415
 
18295
- .pf-c-page__main-section.pf-m-dark-200 {
18296
- --pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-dark-200--BackgroundColor);
18416
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
18417
+ --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
18418
+ --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
18419
+ outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
18297
18420
  }
18298
18421
 
18299
- .pf-c-page__main-section.pf-m-padding {
18300
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18422
+ .pf-c-pagination.pf-m-bottom.pf-m-static {
18423
+ --pf-c-pagination--m-bottom--MarginTop: 0;
18424
+ --pf-c-pagination--m-bottom--BorderTopWidth: 0;
18425
+ position: relative;
18426
+ box-shadow: none;
18301
18427
  }
18302
18428
 
18303
- .pf-c-page__main-section.pf-m-padding.pf-m-limit-width {
18304
- padding: 0;
18429
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
18430
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
18431
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
18432
+ display: none;
18433
+ visibility: hidden;
18305
18434
  }
18306
18435
 
18307
- .pf-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-c-page__main-body {
18308
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18436
+ .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
18437
+ position: absolute;
18438
+ display: block;
18439
+ visibility: visible;
18309
18440
  }
18310
18441
 
18311
- .pf-c-page__main-section.pf-m-no-padding, .pf-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-c-page__main-body {
18312
- padding: 0;
18442
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
18443
+ display: flex;
18444
+ flex-basis: 100%;
18445
+ justify-content: space-between;
18446
+ visibility: visible;
18313
18447
  }
18314
18448
 
18315
- @media (min-width: 576px) {
18316
- .pf-c-page__main-section.pf-m-padding-on-sm {
18317
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18449
+ @media screen and (min-width: 768px) {
18450
+ .pf-c-pagination.pf-m-bottom {
18451
+ --pf-c-pagination--m-bottom--BorderTopWidth: 0;
18452
+ --pf-c-pagination--m-bottom--MarginTop: 0;
18453
+ --pf-c-pagination--m-bottom--Bottom: auto;
18454
+ position: relative;
18455
+ justify-content: flex-end;
18456
+ padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
18318
18457
  }
18319
18458
 
18320
- .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
18321
- padding: 0;
18459
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
18460
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
18461
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
18462
+ display: block;
18463
+ visibility: visible;
18322
18464
  }
18323
18465
 
18324
- .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
18325
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18466
+ .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
18467
+ position: relative;
18326
18468
  }
18327
18469
 
18328
- .pf-c-page__main-section.pf-m-no-padding-on-sm, .pf-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-c-page__main-body {
18329
- padding: 0;
18470
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
18471
+ display: inline-flex;
18472
+ flex-basis: auto;
18330
18473
  }
18331
18474
  }
18332
- @media (min-width: 768px) {
18333
- .pf-c-page__main-section.pf-m-padding-on-md {
18334
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18335
- }
18336
-
18337
- .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
18338
- padding: 0;
18339
- }
18340
-
18341
- .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
18342
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18343
- }
18344
-
18345
- .pf-c-page__main-section.pf-m-no-padding-on-md, .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-c-page__main-body {
18346
- padding: 0;
18347
- }
18475
+ .pf-c-pagination.pf-m-sticky {
18476
+ --pf-c-pagination--m-bottom--Bottom: 0;
18477
+ position: sticky;
18478
+ top: var(--pf-c-pagination--m-sticky--Top);
18479
+ z-index: var(--pf-c-pagination--m-sticky--ZIndex);
18480
+ padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
18481
+ padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
18482
+ padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
18483
+ padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
18484
+ background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
18485
+ box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
18348
18486
  }
18349
- @media (min-width: 992px) {
18350
- .pf-c-page__main-section.pf-m-padding-on-lg {
18351
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18352
- }
18353
18487
 
18354
- .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
18355
- padding: 0;
18356
- }
18357
-
18358
- .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
18359
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18360
- }
18361
-
18362
- .pf-c-page__main-section.pf-m-no-padding-on-lg, .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-c-page__main-body {
18363
- padding: 0;
18488
+ @media screen and (min-width: 768px) {
18489
+ .pf-c-pagination.pf-m-sticky {
18490
+ padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
18364
18491
  }
18365
18492
  }
18366
- @media (min-width: 1200px) {
18367
- .pf-c-page__main-section.pf-m-padding-on-xl {
18368
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18369
- }
18370
-
18371
- .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
18372
- padding: 0;
18373
- }
18493
+ .pf-c-pagination .pf-c-options-menu__toggle {
18494
+ font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
18495
+ }
18374
18496
 
18375
- .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
18376
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18377
- }
18497
+ .pf-c-pagination.pf-m-compact {
18498
+ --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
18499
+ }
18378
18500
 
18379
- .pf-c-page__main-section.pf-m-no-padding-on-xl, .pf-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-c-page__main-body {
18380
- padding: 0;
18381
- }
18501
+ .pf-c-pagination__nav {
18502
+ display: var(--pf-c-pagination__nav--Display);
18503
+ justify-content: flex-end;
18504
+ visibility: var(--pf-c-pagination__nav--Visibility);
18382
18505
  }
18383
- @media (min-width: 1450px) {
18384
- .pf-c-page__main-section.pf-m-padding-on-2xl {
18385
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18386
- }
18387
18506
 
18388
- .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
18389
- padding: 0;
18390
- }
18507
+ .pf-c-pagination__nav-control .pf-c-button {
18508
+ padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
18509
+ padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
18510
+ font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
18511
+ }
18391
18512
 
18392
- .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
18393
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18394
- }
18513
+ .pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
18514
+ margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
18515
+ }
18395
18516
 
18396
- .pf-c-page__main-section.pf-m-no-padding-on-2xl, .pf-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body {
18397
- padding: 0;
18398
- }
18517
+ .pf-c-pagination__nav-page-select {
18518
+ display: flex;
18519
+ align-items: center;
18520
+ padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
18521
+ padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
18399
18522
  }
18400
- .pf-c-page__main-wizard {
18401
- flex: 1 1;
18402
- min-height: 0;
18403
- background-color: var(--pf-c-page__main-wizard--BackgroundColor);
18404
- border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid var(--pf-c-page__main-wizard--BorderTopColor);
18523
+
18524
+ .pf-c-pagination__nav-page-select > * {
18525
+ font-size: var(--pf-c-pagination__nav-page-select--FontSize);
18526
+ white-space: nowrap;
18405
18527
  }
18406
18528
 
18407
- .pf-c-page__main-wizard:first-child {
18408
- --pf-c-page__main-wizard--BorderTopWidth: 0;
18529
+ .pf-c-pagination__nav-page-select > *:not(:last-child) {
18530
+ margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
18409
18531
  }
18410
18532
 
18411
- .pf-c-page__main-wizard .pf-c-page__main-body {
18412
- min-height: 0;
18533
+ .pf-c-pagination__nav-page-select .pf-c-form-control {
18534
+ width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
18413
18535
  }
18414
18536
 
18415
- .pf-c-page__main-group {
18416
- flex-shrink: 0;
18537
+ .pf-c-pagination__total-items {
18538
+ display: var(--pf-c-pagination__total-items--Display);
18539
+ visibility: var(--pf-c-pagination__total-items--Visibility);
18417
18540
  }
18418
18541
 
18419
- .pf-c-page__main-nav .pf-c-page__main-body {
18420
- padding-top: var(--pf-c-page__main-nav--PaddingTop);
18421
- padding-right: var(--pf-c-page__main-nav--PaddingRight);
18422
- padding-left: var(--pf-c-page__main-nav--PaddingLeft);
18542
+ .pf-c-pagination.pf-m-display-summary {
18543
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18544
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18545
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18546
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18547
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18548
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18423
18549
  }
18424
18550
 
18425
- .pf-c-page__main-breadcrumb .pf-c-page__main-body {
18426
- padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
18551
+ .pf-c-pagination.pf-m-display-full {
18552
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18553
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18554
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18555
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18556
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18557
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18427
18558
  }
18428
18559
 
18429
- .pf-c-page__main-section .pf-c-page__main-body {
18430
- padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
18560
+ @media (min-width: 576px) {
18561
+ .pf-c-pagination.pf-m-display-summary-on-sm {
18562
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18563
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18564
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18565
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18566
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18567
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18568
+ }
18569
+
18570
+ .pf-c-pagination.pf-m-display-full-on-sm {
18571
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18572
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18573
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18574
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18575
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18576
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18577
+ }
18431
18578
  }
18579
+ @media (min-width: 768px) {
18580
+ .pf-c-pagination.pf-m-display-summary-on-md {
18581
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18582
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18583
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18584
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18585
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18586
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18587
+ }
18432
18588
 
18433
- .pf-c-page__main-tabs .pf-c-page__main-body {
18434
- padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
18589
+ .pf-c-pagination.pf-m-display-full-on-md {
18590
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18591
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18592
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18593
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18594
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18595
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18596
+ }
18435
18597
  }
18598
+ @media (min-width: 992px) {
18599
+ .pf-c-pagination.pf-m-display-summary-on-lg {
18600
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18601
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18602
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18603
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18604
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18605
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18606
+ }
18436
18607
 
18437
- .pf-c-page__drawer {
18438
- grid-area: main;
18608
+ .pf-c-pagination.pf-m-display-full-on-lg {
18609
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18610
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18611
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18612
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18613
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18614
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18615
+ }
18439
18616
  }
18617
+ @media (min-width: 1200px) {
18618
+ .pf-c-pagination.pf-m-display-summary-on-xl {
18619
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18620
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18621
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18622
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18623
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18624
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18625
+ }
18440
18626
 
18441
- .pf-c-page__drawer > .pf-c-drawer {
18442
- flex: 1 0 auto;
18627
+ .pf-c-pagination.pf-m-display-full-on-xl {
18628
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18629
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18630
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18631
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18632
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18633
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18634
+ }
18443
18635
  }
18636
+ @media (min-width: 1450px) {
18637
+ .pf-c-pagination.pf-m-display-summary-on-2xl {
18638
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
18639
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
18640
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
18641
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
18642
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
18643
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
18644
+ }
18444
18645
 
18646
+ .pf-c-pagination.pf-m-display-full-on-2xl {
18647
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
18648
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
18649
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
18650
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
18651
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
18652
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
18653
+ }
18654
+ }
18445
18655
  .pf-c-popover {
18446
18656
  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
18447
18657
  --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
@@ -19076,6 +19286,78 @@ ul.pf-c-list {
19076
19286
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
19077
19287
  }
19078
19288
 
19289
+ .pf-c-radio {
19290
+ --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
19291
+ --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
19292
+ --pf-c-radio__label--Color: var(--pf-global--Color--100);
19293
+ --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
19294
+ --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
19295
+ --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
19296
+ --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
19297
+ --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
19298
+ --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
19299
+ --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
19300
+ --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
19301
+ --pf-c-radio__description--Color: var(--pf-global--Color--200);
19302
+ --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
19303
+ display: grid;
19304
+ grid-template-columns: auto 1fr;
19305
+ grid-gap: var(--pf-c-radio--GridGap);
19306
+ align-items: start;
19307
+ justify-items: start;
19308
+ }
19309
+
19310
+ .pf-c-radio.pf-m-standalone {
19311
+ --pf-c-radio--GridGap: 0;
19312
+ --pf-c-radio__input--Height: auto;
19313
+ --pf-c-radio__input--MarginTop: 0;
19314
+ display: inline-grid;
19315
+ line-height: 1;
19316
+ }
19317
+
19318
+ .pf-c-radio__label {
19319
+ font-size: var(--pf-c-radio__label--FontSize);
19320
+ font-weight: var(--pf-c-radio__label--FontWeight);
19321
+ line-height: var(--pf-c-radio__label--LineHeight);
19322
+ color: var(--pf-c-radio__label--Color);
19323
+ }
19324
+
19325
+ .pf-c-radio__input {
19326
+ height: var(--pf-c-radio__input--Height);
19327
+ margin-top: var(--pf-c-radio__input--MarginTop);
19328
+ }
19329
+
19330
+ .pf-c-radio__input:first-child {
19331
+ margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
19332
+ }
19333
+
19334
+ .pf-c-radio__input:last-child {
19335
+ margin-right: var(--pf-c-radio__input--last-child--MarginRight);
19336
+ }
19337
+
19338
+ .pf-c-radio__description {
19339
+ grid-column: 2;
19340
+ font-size: var(--pf-c-radio__description--FontSize);
19341
+ color: var(--pf-c-radio__description--Color);
19342
+ }
19343
+
19344
+ .pf-c-radio__body {
19345
+ grid-column: 2;
19346
+ margin-top: var(--pf-c-radio__body--MarginTop);
19347
+ }
19348
+
19349
+ label.pf-c-radio, .pf-c-radio__label,
19350
+ .pf-c-radio__input {
19351
+ cursor: pointer;
19352
+ }
19353
+
19354
+ .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
19355
+ .pf-c-radio__input:disabled,
19356
+ .pf-c-radio__input.pf-m-disabled {
19357
+ --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
19358
+ cursor: not-allowed;
19359
+ }
19360
+
19079
19361
  .pf-c-search-input {
19080
19362
  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
19081
19363
  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -19226,117 +19508,45 @@ ul.pf-c-list {
19226
19508
  background-clip: padding-box;
19227
19509
  box-shadow: var(--pf-c-search-input__menu--BoxShadow);
19228
19510
  }
19229
-
19230
- .pf-c-search-input.pf-m-top .pf-c-search-input__menu {
19231
- --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
19232
- transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
19233
- }
19234
-
19235
- .pf-c-search-input__menu-body {
19236
- padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
19237
- }
19238
-
19239
- .pf-c-search-input__menu-list {
19240
- padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
19241
- padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
19242
- }
19243
-
19244
- .pf-c-search-input__menu-item {
19245
- display: flex;
19246
- width: 100%;
19247
- min-width: 0;
19248
- padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
19249
- padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
19250
- padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
19251
- padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
19252
- color: var(--pf-c-search-input__menu-item--Color);
19253
- text-align: left;
19254
- background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
19255
- border: none;
19256
- }
19257
-
19258
- .pf-c-search-input__menu-item:hover {
19259
- --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
19260
- }
19261
-
19262
- .pf-c-search-input__menu-item:focus {
19263
- --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
19264
- }
19265
-
19266
- .pf-c-search-input__menu-item-text {
19267
- flex-grow: 1;
19268
- }
19269
-
19270
- .pf-c-radio {
19271
- --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
19272
- --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
19273
- --pf-c-radio__label--Color: var(--pf-global--Color--100);
19274
- --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
19275
- --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
19276
- --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
19277
- --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
19278
- --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
19279
- --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
19280
- --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
19281
- --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
19282
- --pf-c-radio__description--Color: var(--pf-global--Color--200);
19283
- --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
19284
- display: grid;
19285
- grid-template-columns: auto 1fr;
19286
- grid-gap: var(--pf-c-radio--GridGap);
19287
- align-items: start;
19288
- justify-items: start;
19289
- }
19290
-
19291
- .pf-c-radio.pf-m-standalone {
19292
- --pf-c-radio--GridGap: 0;
19293
- --pf-c-radio__input--Height: auto;
19294
- --pf-c-radio__input--MarginTop: 0;
19295
- display: inline-grid;
19296
- line-height: 1;
19297
- }
19298
-
19299
- .pf-c-radio__label {
19300
- font-size: var(--pf-c-radio__label--FontSize);
19301
- font-weight: var(--pf-c-radio__label--FontWeight);
19302
- line-height: var(--pf-c-radio__label--LineHeight);
19303
- color: var(--pf-c-radio__label--Color);
19304
- }
19305
-
19306
- .pf-c-radio__input {
19307
- height: var(--pf-c-radio__input--Height);
19308
- margin-top: var(--pf-c-radio__input--MarginTop);
19511
+
19512
+ .pf-c-search-input.pf-m-top .pf-c-search-input__menu {
19513
+ --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
19514
+ transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
19309
19515
  }
19310
19516
 
19311
- .pf-c-radio__input:first-child {
19312
- margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
19517
+ .pf-c-search-input__menu-body {
19518
+ padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
19313
19519
  }
19314
19520
 
19315
- .pf-c-radio__input:last-child {
19316
- margin-right: var(--pf-c-radio__input--last-child--MarginRight);
19521
+ .pf-c-search-input__menu-list {
19522
+ padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
19523
+ padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
19317
19524
  }
19318
19525
 
19319
- .pf-c-radio__description {
19320
- grid-column: 2;
19321
- font-size: var(--pf-c-radio__description--FontSize);
19322
- color: var(--pf-c-radio__description--Color);
19526
+ .pf-c-search-input__menu-item {
19527
+ display: flex;
19528
+ width: 100%;
19529
+ min-width: 0;
19530
+ padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
19531
+ padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
19532
+ padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
19533
+ padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
19534
+ color: var(--pf-c-search-input__menu-item--Color);
19535
+ text-align: left;
19536
+ background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
19537
+ border: none;
19323
19538
  }
19324
19539
 
19325
- .pf-c-radio__body {
19326
- grid-column: 2;
19327
- margin-top: var(--pf-c-radio__body--MarginTop);
19540
+ .pf-c-search-input__menu-item:hover {
19541
+ --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
19328
19542
  }
19329
19543
 
19330
- label.pf-c-radio, .pf-c-radio__label,
19331
- .pf-c-radio__input {
19332
- cursor: pointer;
19544
+ .pf-c-search-input__menu-item:focus {
19545
+ --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
19333
19546
  }
19334
19547
 
19335
- .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
19336
- .pf-c-radio__input:disabled,
19337
- .pf-c-radio__input.pf-m-disabled {
19338
- --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
19339
- cursor: not-allowed;
19548
+ .pf-c-search-input__menu-item-text {
19549
+ flex-grow: 1;
19340
19550
  }
19341
19551
 
19342
19552
  .pf-c-select {
@@ -24696,216 +24906,6 @@ label.pf-c-radio, .pf-c-radio__label,
24696
24906
  --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
24697
24907
  }
24698
24908
 
24699
- .pf-c-modal-box {
24700
- --pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
24701
- --pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
24702
- --pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
24703
- --pf-c-modal-box--Width: 100%;
24704
- --pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
24705
- --pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
24706
- --pf-c-modal-box--m-md--Width: 52.5rem;
24707
- --pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
24708
- --pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
24709
- --pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
24710
- --pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
24711
- --pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
24712
- --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));
24713
- --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)));
24714
- --pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
24715
- --pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
24716
- --pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
24717
- --pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
24718
- --pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
24719
- --pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
24720
- --pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
24721
- --pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
24722
- --pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
24723
- --pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
24724
- --pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
24725
- --pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
24726
- --pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
24727
- --pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
24728
- --pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
24729
- --pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
24730
- --pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
24731
- --pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
24732
- --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
24733
- --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
24734
- --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
24735
- --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
24736
- --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
24737
- --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
24738
- --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
24739
- --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
24740
- --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
24741
- --pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
24742
- --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
24743
- --pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
24744
- position: relative;
24745
- z-index: var(--pf-c-modal-box--ZIndex);
24746
- display: flex;
24747
- flex-direction: column;
24748
- width: var(--pf-c-modal-box--Width);
24749
- max-width: var(--pf-c-modal-box--MaxWidth);
24750
- max-height: var(--pf-c-modal-box--MaxHeight);
24751
- background-color: var(--pf-c-modal-box--BackgroundColor);
24752
- box-shadow: var(--pf-c-modal-box--BoxShadow);
24753
- }
24754
-
24755
- @media (min-width: 1200px) {
24756
- .pf-c-modal-box {
24757
- --pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
24758
- }
24759
- }
24760
- .pf-c-modal-box.pf-m-sm {
24761
- --pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
24762
- }
24763
-
24764
- .pf-c-modal-box.pf-m-md {
24765
- --pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
24766
- }
24767
-
24768
- .pf-c-modal-box.pf-m-lg {
24769
- --pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
24770
- }
24771
-
24772
- .pf-c-modal-box.pf-m-align-top {
24773
- top: var(--pf-c-modal-box--m-align-top--MarginTop);
24774
- align-self: flex-start;
24775
- max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
24776
- max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
24777
- }
24778
-
24779
- .pf-c-modal-box.pf-m-danger {
24780
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
24781
- }
24782
-
24783
- .pf-c-modal-box.pf-m-warning {
24784
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
24785
- }
24786
-
24787
- .pf-c-modal-box.pf-m-success {
24788
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
24789
- }
24790
-
24791
- .pf-c-modal-box.pf-m-default {
24792
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
24793
- }
24794
-
24795
- .pf-c-modal-box.pf-m-info {
24796
- --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
24797
- }
24798
-
24799
- .pf-c-modal-box > .pf-c-button {
24800
- position: absolute;
24801
- top: var(--pf-c-modal-box--c-button--Top);
24802
- right: var(--pf-c-modal-box--c-button--Right);
24803
- }
24804
-
24805
- .pf-c-modal-box > .pf-c-button + * {
24806
- margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
24807
- }
24808
-
24809
- .pf-c-modal-box__header {
24810
- display: flex;
24811
- flex-direction: column;
24812
- flex-shrink: 0;
24813
- padding-top: var(--pf-c-modal-box__header--PaddingTop);
24814
- padding-right: var(--pf-c-modal-box__header--PaddingRight);
24815
- padding-left: var(--pf-c-modal-box__header--PaddingLeft);
24816
- }
24817
-
24818
- .pf-c-modal-box__header.pf-m-help {
24819
- display: flex;
24820
- flex-direction: row;
24821
- }
24822
-
24823
- .pf-c-modal-box__header:last-child {
24824
- padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
24825
- }
24826
-
24827
- .pf-c-modal-box__header + .pf-c-modal-box__body {
24828
- --pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
24829
- }
24830
-
24831
- .pf-c-modal-box__header-main {
24832
- flex-grow: 1;
24833
- min-width: 0;
24834
- }
24835
-
24836
- .pf-c-modal-box__title,
24837
- .pf-c-modal-box__title-text {
24838
- overflow: hidden;
24839
- text-overflow: ellipsis;
24840
- white-space: nowrap;
24841
- }
24842
-
24843
- .pf-c-modal-box__title {
24844
- flex: 0 0 auto;
24845
- font-family: var(--pf-c-modal-box__title--FontFamily);
24846
- font-size: var(--pf-c-modal-box__title--FontSize);
24847
- line-height: var(--pf-c-modal-box__title--LineHeight);
24848
- }
24849
-
24850
- .pf-c-modal-box__title.pf-m-icon {
24851
- display: flex;
24852
- }
24853
-
24854
- .pf-c-modal-box__title-icon {
24855
- margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
24856
- color: var(--pf-c-modal-box__title-icon--Color);
24857
- }
24858
-
24859
- .pf-c-modal-box__description {
24860
- padding-top: var(--pf-c-modal-box__description--PaddingTop);
24861
- }
24862
-
24863
- .pf-c-modal-box__body {
24864
- flex: 1 1 auto;
24865
- min-height: var(--pf-c-modal-box__body--MinHeight);
24866
- padding-top: var(--pf-c-modal-box__body--PaddingTop);
24867
- padding-right: var(--pf-c-modal-box__body--PaddingRight);
24868
- padding-left: var(--pf-c-modal-box__body--PaddingLeft);
24869
- overflow-x: hidden;
24870
- overflow-y: auto;
24871
- overscroll-behavior: contain;
24872
- word-break: break-word;
24873
- -webkit-overflow-scrolling: touch;
24874
- }
24875
-
24876
- .pf-c-modal-box__body:last-child {
24877
- padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
24878
- }
24879
-
24880
- .pf-c-modal-box__footer {
24881
- display: flex;
24882
- flex: 0 0 auto;
24883
- align-items: center;
24884
- padding-top: var(--pf-c-modal-box__footer--PaddingTop);
24885
- padding-right: var(--pf-c-modal-box__footer--PaddingRight);
24886
- padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
24887
- padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
24888
- }
24889
-
24890
- .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
24891
- margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
24892
- }
24893
-
24894
- @media screen and (min-width: 576px) {
24895
- .pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
24896
- --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
24897
- }
24898
- }
24899
- .pf-l-bullseye {
24900
- --pf-l-bullseye--Padding: 0;
24901
- display: flex;
24902
- align-items: center;
24903
- justify-content: center;
24904
- height: 100%;
24905
- padding: var(--pf-l-bullseye--Padding);
24906
- margin: 0;
24907
- }
24908
-
24909
24909
  .pf-l-flex {
24910
24910
  --pf-l-flex--Display: flex;
24911
24911
  --pf-l-flex--FlexWrap: wrap;