@patternfly/react-table 4.61.15 → 4.61.16

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.
@@ -6996,23 +6996,6 @@ svg.pf-c-spinner.pf-m-xl {
6996
6996
  transform: rotate(720deg);
6997
6997
  }
6998
6998
  }
6999
- .pf-c-backdrop {
7000
- --pf-c-backdrop--Position: fixed;
7001
- --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
7002
- --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
7003
- position: var(--pf-c-backdrop--Position);
7004
- top: 0;
7005
- left: 0;
7006
- z-index: var(--pf-c-backdrop--ZIndex);
7007
- width: 100%;
7008
- height: 100%;
7009
- background-color: var(--pf-c-backdrop--BackgroundColor);
7010
- }
7011
-
7012
- .pf-c-backdrop__open {
7013
- overflow: hidden;
7014
- }
7015
-
7016
6999
  .pf-c-accordion {
7017
7000
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
7018
7001
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -7251,6 +7234,23 @@ svg.pf-c-spinner.pf-m-xl {
7251
7234
  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
7252
7235
  }
7253
7236
 
7237
+ .pf-c-backdrop {
7238
+ --pf-c-backdrop--Position: fixed;
7239
+ --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
7240
+ --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
7241
+ position: var(--pf-c-backdrop--Position);
7242
+ top: 0;
7243
+ left: 0;
7244
+ z-index: var(--pf-c-backdrop--ZIndex);
7245
+ width: 100%;
7246
+ height: 100%;
7247
+ background-color: var(--pf-c-backdrop--BackgroundColor);
7248
+ }
7249
+
7250
+ .pf-c-backdrop__open {
7251
+ overflow: hidden;
7252
+ }
7253
+
7254
7254
  .pf-c-action-list {
7255
7255
  --pf-c-action-list--m-icon--spacer: 0;
7256
7256
  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
@@ -7500,153 +7500,6 @@ svg.pf-c-spinner.pf-m-xl {
7500
7500
  --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
7501
7501
  }
7502
7502
 
7503
- .pf-u-screen-reader {
7504
- position: fixed;
7505
- top: 0;
7506
- left: 0;
7507
- overflow: hidden;
7508
- clip: rect(0, 0, 0, 0);
7509
- white-space: nowrap;
7510
- border: 0;
7511
- }
7512
-
7513
- .pf-u-visible {
7514
- position: static;
7515
- overflow: visible;
7516
- clip: auto;
7517
- white-space: normal;
7518
- border: inherit;
7519
- }
7520
-
7521
- .pf-u-hidden {
7522
- display: none !important;
7523
- }
7524
-
7525
- @media screen and (min-width: 576px) {
7526
- .pf-u-screen-reader-on-sm {
7527
- position: fixed;
7528
- top: 0;
7529
- left: 0;
7530
- overflow: hidden;
7531
- clip: rect(0, 0, 0, 0);
7532
- white-space: nowrap;
7533
- border: 0;
7534
- }
7535
- }
7536
- @media screen and (min-width: 576px) {
7537
- .pf-u-visible-on-sm {
7538
- position: static;
7539
- overflow: visible;
7540
- clip: auto;
7541
- white-space: normal;
7542
- border: inherit;
7543
- }
7544
- }
7545
- @media screen and (min-width: 576px) {
7546
- .pf-u-hidden-on-sm {
7547
- display: none !important;
7548
- }
7549
- }
7550
- @media screen and (min-width: 768px) {
7551
- .pf-u-screen-reader-on-md {
7552
- position: fixed;
7553
- top: 0;
7554
- left: 0;
7555
- overflow: hidden;
7556
- clip: rect(0, 0, 0, 0);
7557
- white-space: nowrap;
7558
- border: 0;
7559
- }
7560
- }
7561
- @media screen and (min-width: 768px) {
7562
- .pf-u-visible-on-md {
7563
- position: static;
7564
- overflow: visible;
7565
- clip: auto;
7566
- white-space: normal;
7567
- border: inherit;
7568
- }
7569
- }
7570
- @media screen and (min-width: 768px) {
7571
- .pf-u-hidden-on-md {
7572
- display: none !important;
7573
- }
7574
- }
7575
- @media screen and (min-width: 992px) {
7576
- .pf-u-screen-reader-on-lg {
7577
- position: fixed;
7578
- top: 0;
7579
- left: 0;
7580
- overflow: hidden;
7581
- clip: rect(0, 0, 0, 0);
7582
- white-space: nowrap;
7583
- border: 0;
7584
- }
7585
- }
7586
- @media screen and (min-width: 992px) {
7587
- .pf-u-visible-on-lg {
7588
- position: static;
7589
- overflow: visible;
7590
- clip: auto;
7591
- white-space: normal;
7592
- border: inherit;
7593
- }
7594
- }
7595
- @media screen and (min-width: 992px) {
7596
- .pf-u-hidden-on-lg {
7597
- display: none !important;
7598
- }
7599
- }
7600
- @media screen and (min-width: 1200px) {
7601
- .pf-u-screen-reader-on-xl {
7602
- position: fixed;
7603
- top: 0;
7604
- left: 0;
7605
- overflow: hidden;
7606
- clip: rect(0, 0, 0, 0);
7607
- white-space: nowrap;
7608
- border: 0;
7609
- }
7610
- }
7611
- @media screen and (min-width: 1200px) {
7612
- .pf-u-visible-on-xl {
7613
- position: static;
7614
- overflow: visible;
7615
- clip: auto;
7616
- white-space: normal;
7617
- border: inherit;
7618
- }
7619
- }
7620
- @media screen and (min-width: 1200px) {
7621
- .pf-u-hidden-on-xl {
7622
- display: none !important;
7623
- }
7624
- }
7625
- @media screen and (min-width: 1450px) {
7626
- .pf-u-screen-reader-on-2xl {
7627
- position: fixed;
7628
- top: 0;
7629
- left: 0;
7630
- overflow: hidden;
7631
- clip: rect(0, 0, 0, 0);
7632
- white-space: nowrap;
7633
- border: 0;
7634
- }
7635
- }
7636
- @media screen and (min-width: 1450px) {
7637
- .pf-u-visible-on-2xl {
7638
- position: static;
7639
- overflow: visible;
7640
- clip: auto;
7641
- white-space: normal;
7642
- border: inherit;
7643
- }
7644
- }
7645
- @media screen and (min-width: 1450px) {
7646
- .pf-u-hidden-on-2xl {
7647
- display: none !important;
7648
- }
7649
- }
7650
7503
  .pf-c-app-launcher {
7651
7504
  --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
7652
7505
  --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -7876,57 +7729,204 @@ svg.pf-c-spinner.pf-m-xl {
7876
7729
  color: var(--pf-c-app-launcher__group-title--Color);
7877
7730
  }
7878
7731
 
7879
- .pf-c-avatar {
7880
- --pf-c-avatar--BorderColor: transparent;
7881
- --pf-c-avatar--BorderWidth: 0;
7882
- --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
7883
- --pf-c-avatar--Width: 2.25rem;
7884
- --pf-c-avatar--Height: 2.25rem;
7885
- --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
7886
- --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
7887
- --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
7888
- --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
7889
- width: var(--pf-c-avatar--Width);
7890
- height: var(--pf-c-avatar--Height);
7891
- border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
7892
- border-radius: var(--pf-c-avatar--BorderRadius);
7893
- }
7894
-
7895
- .pf-c-avatar.pf-m-light {
7896
- --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
7897
- --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
7732
+ .pf-u-screen-reader {
7733
+ position: fixed;
7734
+ top: 0;
7735
+ left: 0;
7736
+ overflow: hidden;
7737
+ clip: rect(0, 0, 0, 0);
7738
+ white-space: nowrap;
7739
+ border: 0;
7898
7740
  }
7899
7741
 
7900
- .pf-c-avatar.pf-m-dark {
7901
- --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
7902
- --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
7742
+ .pf-u-visible {
7743
+ position: static;
7744
+ overflow: visible;
7745
+ clip: auto;
7746
+ white-space: normal;
7747
+ border: inherit;
7903
7748
  }
7904
7749
 
7905
- .pf-c-back-to-top {
7906
- --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
7907
- --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
7908
- --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
7909
- --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
7910
- --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
7911
- --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
7912
- --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
7913
- --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
7914
- --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
7915
- --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
7916
- position: absolute;
7917
- right: var(--pf-c-back-to-top--Right);
7918
- bottom: var(--pf-c-back-to-top--Bottom);
7750
+ .pf-u-hidden {
7751
+ display: none !important;
7919
7752
  }
7920
7753
 
7921
- @media (min-width: 768px) {
7922
- .pf-c-back-to-top {
7923
- --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
7754
+ @media screen and (min-width: 576px) {
7755
+ .pf-u-screen-reader-on-sm {
7756
+ position: fixed;
7757
+ top: 0;
7758
+ left: 0;
7759
+ overflow: hidden;
7760
+ clip: rect(0, 0, 0, 0);
7761
+ white-space: nowrap;
7762
+ border: 0;
7924
7763
  }
7925
7764
  }
7926
- .pf-c-back-to-top.pf-m-hidden {
7927
- display: none;
7765
+ @media screen and (min-width: 576px) {
7766
+ .pf-u-visible-on-sm {
7767
+ position: static;
7768
+ overflow: visible;
7769
+ clip: auto;
7770
+ white-space: normal;
7771
+ border: inherit;
7772
+ }
7928
7773
  }
7929
-
7774
+ @media screen and (min-width: 576px) {
7775
+ .pf-u-hidden-on-sm {
7776
+ display: none !important;
7777
+ }
7778
+ }
7779
+ @media screen and (min-width: 768px) {
7780
+ .pf-u-screen-reader-on-md {
7781
+ position: fixed;
7782
+ top: 0;
7783
+ left: 0;
7784
+ overflow: hidden;
7785
+ clip: rect(0, 0, 0, 0);
7786
+ white-space: nowrap;
7787
+ border: 0;
7788
+ }
7789
+ }
7790
+ @media screen and (min-width: 768px) {
7791
+ .pf-u-visible-on-md {
7792
+ position: static;
7793
+ overflow: visible;
7794
+ clip: auto;
7795
+ white-space: normal;
7796
+ border: inherit;
7797
+ }
7798
+ }
7799
+ @media screen and (min-width: 768px) {
7800
+ .pf-u-hidden-on-md {
7801
+ display: none !important;
7802
+ }
7803
+ }
7804
+ @media screen and (min-width: 992px) {
7805
+ .pf-u-screen-reader-on-lg {
7806
+ position: fixed;
7807
+ top: 0;
7808
+ left: 0;
7809
+ overflow: hidden;
7810
+ clip: rect(0, 0, 0, 0);
7811
+ white-space: nowrap;
7812
+ border: 0;
7813
+ }
7814
+ }
7815
+ @media screen and (min-width: 992px) {
7816
+ .pf-u-visible-on-lg {
7817
+ position: static;
7818
+ overflow: visible;
7819
+ clip: auto;
7820
+ white-space: normal;
7821
+ border: inherit;
7822
+ }
7823
+ }
7824
+ @media screen and (min-width: 992px) {
7825
+ .pf-u-hidden-on-lg {
7826
+ display: none !important;
7827
+ }
7828
+ }
7829
+ @media screen and (min-width: 1200px) {
7830
+ .pf-u-screen-reader-on-xl {
7831
+ position: fixed;
7832
+ top: 0;
7833
+ left: 0;
7834
+ overflow: hidden;
7835
+ clip: rect(0, 0, 0, 0);
7836
+ white-space: nowrap;
7837
+ border: 0;
7838
+ }
7839
+ }
7840
+ @media screen and (min-width: 1200px) {
7841
+ .pf-u-visible-on-xl {
7842
+ position: static;
7843
+ overflow: visible;
7844
+ clip: auto;
7845
+ white-space: normal;
7846
+ border: inherit;
7847
+ }
7848
+ }
7849
+ @media screen and (min-width: 1200px) {
7850
+ .pf-u-hidden-on-xl {
7851
+ display: none !important;
7852
+ }
7853
+ }
7854
+ @media screen and (min-width: 1450px) {
7855
+ .pf-u-screen-reader-on-2xl {
7856
+ position: fixed;
7857
+ top: 0;
7858
+ left: 0;
7859
+ overflow: hidden;
7860
+ clip: rect(0, 0, 0, 0);
7861
+ white-space: nowrap;
7862
+ border: 0;
7863
+ }
7864
+ }
7865
+ @media screen and (min-width: 1450px) {
7866
+ .pf-u-visible-on-2xl {
7867
+ position: static;
7868
+ overflow: visible;
7869
+ clip: auto;
7870
+ white-space: normal;
7871
+ border: inherit;
7872
+ }
7873
+ }
7874
+ @media screen and (min-width: 1450px) {
7875
+ .pf-u-hidden-on-2xl {
7876
+ display: none !important;
7877
+ }
7878
+ }
7879
+ .pf-c-avatar {
7880
+ --pf-c-avatar--BorderColor: transparent;
7881
+ --pf-c-avatar--BorderWidth: 0;
7882
+ --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
7883
+ --pf-c-avatar--Width: 2.25rem;
7884
+ --pf-c-avatar--Height: 2.25rem;
7885
+ --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
7886
+ --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
7887
+ --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
7888
+ --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
7889
+ width: var(--pf-c-avatar--Width);
7890
+ height: var(--pf-c-avatar--Height);
7891
+ border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
7892
+ border-radius: var(--pf-c-avatar--BorderRadius);
7893
+ }
7894
+
7895
+ .pf-c-avatar.pf-m-light {
7896
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
7897
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
7898
+ }
7899
+
7900
+ .pf-c-avatar.pf-m-dark {
7901
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
7902
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
7903
+ }
7904
+
7905
+ .pf-c-back-to-top {
7906
+ --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
7907
+ --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
7908
+ --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
7909
+ --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
7910
+ --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
7911
+ --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
7912
+ --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
7913
+ --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
7914
+ --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
7915
+ --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
7916
+ position: absolute;
7917
+ right: var(--pf-c-back-to-top--Right);
7918
+ bottom: var(--pf-c-back-to-top--Bottom);
7919
+ }
7920
+
7921
+ @media (min-width: 768px) {
7922
+ .pf-c-back-to-top {
7923
+ --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
7924
+ }
7925
+ }
7926
+ .pf-c-back-to-top.pf-m-hidden {
7927
+ display: none;
7928
+ }
7929
+
7930
7930
  .pf-c-back-to-top .pf-c-button {
7931
7931
  --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
7932
7932
  --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
@@ -19055,357 +19055,6 @@ ul.pf-c-list {
19055
19055
  flex: 1 0 auto;
19056
19056
  }
19057
19057
 
19058
- .pf-c-pagination {
19059
- --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
19060
- --pf-c-pagination--m-bottom--child--MarginRight: 0;
19061
- --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
19062
- --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
19063
- --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
19064
- --pf-c-pagination__nav--Display: none;
19065
- --pf-c-pagination__nav--Visibility: hidden;
19066
- --pf-c-pagination--m-display-summary__nav--Display: none;
19067
- --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
19068
- --pf-c-pagination--m-display-full__nav--Display: inline-flex;
19069
- --pf-c-pagination--m-display-full__nav--Visibility: visible;
19070
- --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
19071
- --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
19072
- --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
19073
- --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
19074
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
19075
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
19076
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
19077
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
19078
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
19079
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
19080
- --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
19081
- --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
19082
- --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
19083
- --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
19084
- --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
19085
- --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
19086
- --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
19087
- --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
19088
- --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));
19089
- --pf-c-pagination__total-items--Display: block;
19090
- --pf-c-pagination__total-items--Visibility: visible;
19091
- --pf-c-pagination--m-display-summary__total-items--Display: block;
19092
- --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
19093
- --pf-c-pagination--m-display-full__total-items--Display: none;
19094
- --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
19095
- --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
19096
- --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
19097
- --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
19098
- --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
19099
- --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
19100
- --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
19101
- --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
19102
- --pf-c-pagination--m-sticky--Top: 0;
19103
- --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
19104
- --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
19105
- --pf-c-pagination--m-bottom--Bottom: 0;
19106
- --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
19107
- --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
19108
- --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
19109
- --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
19110
- --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
19111
- --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
19112
- --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
19113
- --pf-c-pagination--c-options-menu--Display: none;
19114
- --pf-c-pagination--c-options-menu--Visibility: hidden;
19115
- --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
19116
- --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
19117
- --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
19118
- --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
19119
- display: flex;
19120
- flex-wrap: wrap;
19121
- align-items: center;
19122
- justify-content: flex-end;
19123
- }
19124
-
19125
- @media screen and (min-width: 768px) {
19126
- .pf-c-pagination {
19127
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
19128
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
19129
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
19130
- --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
19131
- --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
19132
- --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
19133
- --pf-c-pagination--m-bottom--BoxShadow: none;
19134
- --pf-c-pagination--c-options-menu--Display: inline-flex;
19135
- --pf-c-pagination--c-options-menu--Visibility: visible;
19136
- --pf-c-pagination__nav--Display: inline-flex;
19137
- --pf-c-pagination__nav--Visibility: visible;
19138
- --pf-c-pagination__total-items--Display: none;
19139
- --pf-c-pagination__total-items--Visibility: hidden;
19140
- }
19141
- }
19142
- @media screen and (min-width: 1200px) {
19143
- .pf-c-pagination {
19144
- --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
19145
- --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
19146
- }
19147
- }
19148
- .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
19149
- margin-right: var(--pf-c-pagination--child--MarginRight);
19150
- }
19151
-
19152
- .pf-c-pagination .pf-c-options-menu {
19153
- display: var(--pf-c-pagination--c-options-menu--Display);
19154
- visibility: var(--pf-c-pagination--c-options-menu--Visibility);
19155
- }
19156
-
19157
- .pf-c-pagination.pf-m-bottom {
19158
- --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
19159
- --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
19160
- --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
19161
- --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
19162
- --pf-c-pagination--m-sticky--Top: auto;
19163
- position: sticky;
19164
- bottom: var(--pf-c-pagination--m-bottom--Bottom);
19165
- justify-content: center;
19166
- background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
19167
- box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
19168
- }
19169
-
19170
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
19171
- --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
19172
- --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
19173
- outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
19174
- }
19175
-
19176
- .pf-c-pagination.pf-m-bottom.pf-m-static {
19177
- --pf-c-pagination--m-bottom--MarginTop: 0;
19178
- --pf-c-pagination--m-bottom--BorderTopWidth: 0;
19179
- position: relative;
19180
- box-shadow: none;
19181
- }
19182
-
19183
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
19184
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
19185
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
19186
- display: none;
19187
- visibility: hidden;
19188
- }
19189
-
19190
- .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
19191
- position: absolute;
19192
- display: block;
19193
- visibility: visible;
19194
- }
19195
-
19196
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
19197
- display: flex;
19198
- flex-basis: 100%;
19199
- justify-content: space-between;
19200
- visibility: visible;
19201
- }
19202
-
19203
- @media screen and (min-width: 768px) {
19204
- .pf-c-pagination.pf-m-bottom {
19205
- --pf-c-pagination--m-bottom--BorderTopWidth: 0;
19206
- --pf-c-pagination--m-bottom--MarginTop: 0;
19207
- --pf-c-pagination--m-bottom--Bottom: auto;
19208
- position: relative;
19209
- justify-content: flex-end;
19210
- 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);
19211
- }
19212
-
19213
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
19214
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
19215
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
19216
- display: block;
19217
- visibility: visible;
19218
- }
19219
-
19220
- .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
19221
- position: relative;
19222
- }
19223
-
19224
- .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
19225
- display: inline-flex;
19226
- flex-basis: auto;
19227
- }
19228
- }
19229
- .pf-c-pagination.pf-m-sticky {
19230
- --pf-c-pagination--m-bottom--Bottom: 0;
19231
- position: sticky;
19232
- top: var(--pf-c-pagination--m-sticky--Top);
19233
- z-index: var(--pf-c-pagination--m-sticky--ZIndex);
19234
- padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
19235
- padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
19236
- padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
19237
- padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
19238
- background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
19239
- box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
19240
- }
19241
-
19242
- @media screen and (min-width: 768px) {
19243
- .pf-c-pagination.pf-m-sticky {
19244
- 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);
19245
- }
19246
- }
19247
- .pf-c-pagination .pf-c-options-menu__toggle {
19248
- font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
19249
- }
19250
-
19251
- .pf-c-pagination.pf-m-compact {
19252
- --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
19253
- }
19254
-
19255
- .pf-c-pagination__nav {
19256
- display: var(--pf-c-pagination__nav--Display);
19257
- justify-content: flex-end;
19258
- visibility: var(--pf-c-pagination__nav--Visibility);
19259
- }
19260
-
19261
- .pf-c-pagination__nav-control .pf-c-button {
19262
- padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
19263
- padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
19264
- font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
19265
- }
19266
-
19267
- .pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
19268
- margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
19269
- }
19270
-
19271
- .pf-c-pagination__nav-page-select {
19272
- display: flex;
19273
- align-items: center;
19274
- padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
19275
- padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
19276
- }
19277
-
19278
- .pf-c-pagination__nav-page-select > * {
19279
- font-size: var(--pf-c-pagination__nav-page-select--FontSize);
19280
- white-space: nowrap;
19281
- }
19282
-
19283
- .pf-c-pagination__nav-page-select > *:not(:last-child) {
19284
- margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
19285
- }
19286
-
19287
- .pf-c-pagination__nav-page-select .pf-c-form-control {
19288
- width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
19289
- }
19290
-
19291
- .pf-c-pagination__total-items {
19292
- display: var(--pf-c-pagination__total-items--Display);
19293
- visibility: var(--pf-c-pagination__total-items--Visibility);
19294
- }
19295
-
19296
- .pf-c-pagination.pf-m-display-summary {
19297
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19298
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19299
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19300
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19301
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19302
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19303
- }
19304
-
19305
- .pf-c-pagination.pf-m-display-full {
19306
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19307
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19308
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19309
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19310
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19311
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19312
- }
19313
-
19314
- @media (min-width: 576px) {
19315
- .pf-c-pagination.pf-m-display-summary-on-sm {
19316
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19317
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19318
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19319
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19320
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19321
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19322
- }
19323
-
19324
- .pf-c-pagination.pf-m-display-full-on-sm {
19325
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19326
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19327
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19328
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19329
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19330
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19331
- }
19332
- }
19333
- @media (min-width: 768px) {
19334
- .pf-c-pagination.pf-m-display-summary-on-md {
19335
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19336
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19337
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19338
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19339
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19340
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19341
- }
19342
-
19343
- .pf-c-pagination.pf-m-display-full-on-md {
19344
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19345
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19346
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19347
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19348
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19349
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19350
- }
19351
- }
19352
- @media (min-width: 992px) {
19353
- .pf-c-pagination.pf-m-display-summary-on-lg {
19354
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19355
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19356
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19357
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19358
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19359
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19360
- }
19361
-
19362
- .pf-c-pagination.pf-m-display-full-on-lg {
19363
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19364
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19365
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19366
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19367
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19368
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19369
- }
19370
- }
19371
- @media (min-width: 1200px) {
19372
- .pf-c-pagination.pf-m-display-summary-on-xl {
19373
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19374
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19375
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19376
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19377
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19378
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19379
- }
19380
-
19381
- .pf-c-pagination.pf-m-display-full-on-xl {
19382
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19383
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19384
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19385
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19386
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19387
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19388
- }
19389
- }
19390
- @media (min-width: 1450px) {
19391
- .pf-c-pagination.pf-m-display-summary-on-2xl {
19392
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19393
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19394
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19395
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19396
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19397
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19398
- }
19399
-
19400
- .pf-c-pagination.pf-m-display-full-on-2xl {
19401
- --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19402
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19403
- --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19404
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19405
- --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19406
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19407
- }
19408
- }
19409
19058
  .pf-c-popover {
19410
19059
  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19411
19060
  --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
@@ -19598,11 +19247,362 @@ ul.pf-c-list {
19598
19247
  margin-top: var(--pf-c-popover__footer--MarginTop);
19599
19248
  }
19600
19249
 
19601
- .pf-c-progress {
19602
- --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19603
- --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
19604
- --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
19605
- --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
19250
+ .pf-c-pagination {
19251
+ --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
19252
+ --pf-c-pagination--m-bottom--child--MarginRight: 0;
19253
+ --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
19254
+ --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
19255
+ --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
19256
+ --pf-c-pagination__nav--Display: none;
19257
+ --pf-c-pagination__nav--Visibility: hidden;
19258
+ --pf-c-pagination--m-display-summary__nav--Display: none;
19259
+ --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
19260
+ --pf-c-pagination--m-display-full__nav--Display: inline-flex;
19261
+ --pf-c-pagination--m-display-full__nav--Visibility: visible;
19262
+ --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
19263
+ --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
19264
+ --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
19265
+ --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
19266
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
19267
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
19268
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
19269
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
19270
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
19271
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
19272
+ --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
19273
+ --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
19274
+ --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
19275
+ --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
19276
+ --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
19277
+ --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
19278
+ --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
19279
+ --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
19280
+ --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));
19281
+ --pf-c-pagination__total-items--Display: block;
19282
+ --pf-c-pagination__total-items--Visibility: visible;
19283
+ --pf-c-pagination--m-display-summary__total-items--Display: block;
19284
+ --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
19285
+ --pf-c-pagination--m-display-full__total-items--Display: none;
19286
+ --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
19287
+ --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
19288
+ --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
19289
+ --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
19290
+ --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
19291
+ --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
19292
+ --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
19293
+ --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
19294
+ --pf-c-pagination--m-sticky--Top: 0;
19295
+ --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
19296
+ --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
19297
+ --pf-c-pagination--m-bottom--Bottom: 0;
19298
+ --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
19299
+ --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
19300
+ --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
19301
+ --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
19302
+ --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
19303
+ --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
19304
+ --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
19305
+ --pf-c-pagination--c-options-menu--Display: none;
19306
+ --pf-c-pagination--c-options-menu--Visibility: hidden;
19307
+ --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
19308
+ --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
19309
+ --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
19310
+ --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
19311
+ display: flex;
19312
+ flex-wrap: wrap;
19313
+ align-items: center;
19314
+ justify-content: flex-end;
19315
+ }
19316
+
19317
+ @media screen and (min-width: 768px) {
19318
+ .pf-c-pagination {
19319
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
19320
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
19321
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
19322
+ --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
19323
+ --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
19324
+ --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
19325
+ --pf-c-pagination--m-bottom--BoxShadow: none;
19326
+ --pf-c-pagination--c-options-menu--Display: inline-flex;
19327
+ --pf-c-pagination--c-options-menu--Visibility: visible;
19328
+ --pf-c-pagination__nav--Display: inline-flex;
19329
+ --pf-c-pagination__nav--Visibility: visible;
19330
+ --pf-c-pagination__total-items--Display: none;
19331
+ --pf-c-pagination__total-items--Visibility: hidden;
19332
+ }
19333
+ }
19334
+ @media screen and (min-width: 1200px) {
19335
+ .pf-c-pagination {
19336
+ --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
19337
+ --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
19338
+ }
19339
+ }
19340
+ .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
19341
+ margin-right: var(--pf-c-pagination--child--MarginRight);
19342
+ }
19343
+
19344
+ .pf-c-pagination .pf-c-options-menu {
19345
+ display: var(--pf-c-pagination--c-options-menu--Display);
19346
+ visibility: var(--pf-c-pagination--c-options-menu--Visibility);
19347
+ }
19348
+
19349
+ .pf-c-pagination.pf-m-bottom {
19350
+ --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
19351
+ --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
19352
+ --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
19353
+ --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
19354
+ --pf-c-pagination--m-sticky--Top: auto;
19355
+ position: sticky;
19356
+ bottom: var(--pf-c-pagination--m-bottom--Bottom);
19357
+ justify-content: center;
19358
+ background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
19359
+ box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
19360
+ }
19361
+
19362
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
19363
+ --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
19364
+ --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
19365
+ outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
19366
+ }
19367
+
19368
+ .pf-c-pagination.pf-m-bottom.pf-m-static {
19369
+ --pf-c-pagination--m-bottom--MarginTop: 0;
19370
+ --pf-c-pagination--m-bottom--BorderTopWidth: 0;
19371
+ position: relative;
19372
+ box-shadow: none;
19373
+ }
19374
+
19375
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
19376
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
19377
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
19378
+ display: none;
19379
+ visibility: hidden;
19380
+ }
19381
+
19382
+ .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
19383
+ position: absolute;
19384
+ display: block;
19385
+ visibility: visible;
19386
+ }
19387
+
19388
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
19389
+ display: flex;
19390
+ flex-basis: 100%;
19391
+ justify-content: space-between;
19392
+ visibility: visible;
19393
+ }
19394
+
19395
+ @media screen and (min-width: 768px) {
19396
+ .pf-c-pagination.pf-m-bottom {
19397
+ --pf-c-pagination--m-bottom--BorderTopWidth: 0;
19398
+ --pf-c-pagination--m-bottom--MarginTop: 0;
19399
+ --pf-c-pagination--m-bottom--Bottom: auto;
19400
+ position: relative;
19401
+ justify-content: flex-end;
19402
+ 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);
19403
+ }
19404
+
19405
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
19406
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
19407
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
19408
+ display: block;
19409
+ visibility: visible;
19410
+ }
19411
+
19412
+ .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
19413
+ position: relative;
19414
+ }
19415
+
19416
+ .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
19417
+ display: inline-flex;
19418
+ flex-basis: auto;
19419
+ }
19420
+ }
19421
+ .pf-c-pagination.pf-m-sticky {
19422
+ --pf-c-pagination--m-bottom--Bottom: 0;
19423
+ position: sticky;
19424
+ top: var(--pf-c-pagination--m-sticky--Top);
19425
+ z-index: var(--pf-c-pagination--m-sticky--ZIndex);
19426
+ padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
19427
+ padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
19428
+ padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
19429
+ padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
19430
+ background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
19431
+ box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
19432
+ }
19433
+
19434
+ @media screen and (min-width: 768px) {
19435
+ .pf-c-pagination.pf-m-sticky {
19436
+ 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);
19437
+ }
19438
+ }
19439
+ .pf-c-pagination .pf-c-options-menu__toggle {
19440
+ font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
19441
+ }
19442
+
19443
+ .pf-c-pagination.pf-m-compact {
19444
+ --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
19445
+ }
19446
+
19447
+ .pf-c-pagination__nav {
19448
+ display: var(--pf-c-pagination__nav--Display);
19449
+ justify-content: flex-end;
19450
+ visibility: var(--pf-c-pagination__nav--Visibility);
19451
+ }
19452
+
19453
+ .pf-c-pagination__nav-control .pf-c-button {
19454
+ padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
19455
+ padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
19456
+ font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
19457
+ }
19458
+
19459
+ .pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
19460
+ margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
19461
+ }
19462
+
19463
+ .pf-c-pagination__nav-page-select {
19464
+ display: flex;
19465
+ align-items: center;
19466
+ padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
19467
+ padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
19468
+ }
19469
+
19470
+ .pf-c-pagination__nav-page-select > * {
19471
+ font-size: var(--pf-c-pagination__nav-page-select--FontSize);
19472
+ white-space: nowrap;
19473
+ }
19474
+
19475
+ .pf-c-pagination__nav-page-select > *:not(:last-child) {
19476
+ margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
19477
+ }
19478
+
19479
+ .pf-c-pagination__nav-page-select .pf-c-form-control {
19480
+ width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
19481
+ }
19482
+
19483
+ .pf-c-pagination__total-items {
19484
+ display: var(--pf-c-pagination__total-items--Display);
19485
+ visibility: var(--pf-c-pagination__total-items--Visibility);
19486
+ }
19487
+
19488
+ .pf-c-pagination.pf-m-display-summary {
19489
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19490
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19491
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19492
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19493
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19494
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19495
+ }
19496
+
19497
+ .pf-c-pagination.pf-m-display-full {
19498
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19499
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19500
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19501
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19502
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19503
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19504
+ }
19505
+
19506
+ @media (min-width: 576px) {
19507
+ .pf-c-pagination.pf-m-display-summary-on-sm {
19508
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19509
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19510
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19511
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19512
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19513
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19514
+ }
19515
+
19516
+ .pf-c-pagination.pf-m-display-full-on-sm {
19517
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19518
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19519
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19520
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19521
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19522
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19523
+ }
19524
+ }
19525
+ @media (min-width: 768px) {
19526
+ .pf-c-pagination.pf-m-display-summary-on-md {
19527
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19528
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19529
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19530
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19531
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19532
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19533
+ }
19534
+
19535
+ .pf-c-pagination.pf-m-display-full-on-md {
19536
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19537
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19538
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19539
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19540
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19541
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19542
+ }
19543
+ }
19544
+ @media (min-width: 992px) {
19545
+ .pf-c-pagination.pf-m-display-summary-on-lg {
19546
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19547
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19548
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19549
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19550
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19551
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19552
+ }
19553
+
19554
+ .pf-c-pagination.pf-m-display-full-on-lg {
19555
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19556
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19557
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19558
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19559
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19560
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19561
+ }
19562
+ }
19563
+ @media (min-width: 1200px) {
19564
+ .pf-c-pagination.pf-m-display-summary-on-xl {
19565
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19566
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19567
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19568
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19569
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19570
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19571
+ }
19572
+
19573
+ .pf-c-pagination.pf-m-display-full-on-xl {
19574
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19575
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19576
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19577
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19578
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19579
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19580
+ }
19581
+ }
19582
+ @media (min-width: 1450px) {
19583
+ .pf-c-pagination.pf-m-display-summary-on-2xl {
19584
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
19585
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
19586
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
19587
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
19588
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
19589
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
19590
+ }
19591
+
19592
+ .pf-c-pagination.pf-m-display-full-on-2xl {
19593
+ --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
19594
+ --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
19595
+ --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
19596
+ --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
19597
+ --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
19598
+ --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19599
+ }
19600
+ }
19601
+ .pf-c-progress {
19602
+ --pf-c-progress--GridGap: var(--pf-global--spacer--md);
19603
+ --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
19604
+ --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
19605
+ --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
19606
19606
  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
19607
19607
  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
19608
19608
  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
@@ -21124,81 +21124,234 @@ label.pf-c-radio, .pf-c-radio__label,
21124
21124
  --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-lg--Height);
21125
21125
  }
21126
21126
 
21127
- .pf-c-skeleton.pf-m-height-25 {
21128
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-25--Height);
21127
+ .pf-c-skeleton.pf-m-height-25 {
21128
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-25--Height);
21129
+ }
21130
+
21131
+ .pf-c-skeleton.pf-m-height-33 {
21132
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-33--Height);
21133
+ }
21134
+
21135
+ .pf-c-skeleton.pf-m-height-50 {
21136
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-50--Height);
21137
+ }
21138
+
21139
+ .pf-c-skeleton.pf-m-height-66 {
21140
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-66--Height);
21141
+ }
21142
+
21143
+ .pf-c-skeleton.pf-m-height-75 {
21144
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-75--Height);
21145
+ }
21146
+
21147
+ .pf-c-skeleton.pf-m-height-100 {
21148
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-100--Height);
21149
+ }
21150
+
21151
+ .pf-c-skeleton.pf-m-text-4xl {
21152
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-4xl--Height);
21153
+ }
21154
+
21155
+ .pf-c-skeleton.pf-m-text-3xl {
21156
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-3xl--Height);
21157
+ }
21158
+
21159
+ .pf-c-skeleton.pf-m-text-2xl {
21160
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-2xl--Height);
21161
+ }
21162
+
21163
+ .pf-c-skeleton.pf-m-text-xl {
21164
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-xl--Height);
21165
+ }
21166
+
21167
+ .pf-c-skeleton.pf-m-text-lg {
21168
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-lg--Height);
21169
+ }
21170
+
21171
+ .pf-c-skeleton.pf-m-text-md {
21172
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-md--Height);
21173
+ }
21174
+
21175
+ .pf-c-skeleton.pf-m-text-sm {
21176
+ --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-sm--Height);
21177
+ }
21178
+
21179
+ @keyframes pf-c-skeleton-loading {
21180
+ 0% {
21181
+ transform: translateX(-100%);
21182
+ }
21183
+ 60% {
21184
+ transform: translateX(100%);
21185
+ }
21186
+ 100% {
21187
+ transform: translateX(100%);
21188
+ }
21189
+ }
21190
+ .pf-c-skip-to-content {
21191
+ --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
21192
+ --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
21193
+ --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
21194
+ position: absolute;
21195
+ top: var(--pf-c-skip-to-content--Top);
21196
+ left: -300%;
21197
+ z-index: var(--pf-c-skip-to-content--ZIndex);
21198
+ }
21199
+
21200
+ .pf-c-skip-to-content:focus {
21201
+ left: var(--pf-c-skip-to-content--focus--Left);
21202
+ }
21203
+
21204
+ .pf-c-switch {
21205
+ --pf-c-switch--FontSize: var(--pf-global--FontSize--md);
21206
+ --pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
21207
+ --pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
21208
+ --pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
21209
+ --pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
21210
+ --pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
21211
+ --pf-c-switch__toggle-icon--Offset: 0.125rem;
21212
+ --pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
21213
+ --pf-c-switch--Height: auto;
21214
+ --pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
21215
+ --pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
21216
+ --pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
21217
+ --pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
21218
+ --pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
21219
+ --pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--Color--dark-200);
21220
+ --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--200);
21221
+ --pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
21222
+ --pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
21223
+ --pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
21224
+ --pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
21225
+ --pf-c-switch__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
21226
+ --pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
21227
+ --pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
21228
+ --pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
21229
+ --pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
21230
+ --pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
21231
+ --pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
21232
+ --pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
21233
+ --pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
21234
+ --pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
21235
+ --pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
21236
+ --pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
21237
+ position: relative;
21238
+ display: inline-grid;
21239
+ grid-template-columns: auto;
21240
+ grid-auto-columns: 1fr;
21241
+ column-gap: var(--pf-c-switch--ColumnGap);
21242
+ height: var(--pf-c-switch--Height);
21243
+ font-size: var(--pf-c-switch--FontSize);
21244
+ line-height: var(--pf-c-switch--LineHeight);
21245
+ vertical-align: middle;
21246
+ cursor: pointer;
21247
+ }
21248
+
21249
+ .pf-c-switch.pf-m-reverse .pf-c-switch__label,
21250
+ .pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
21251
+ grid-row: 1;
21252
+ }
21253
+
21254
+ .pf-c-switch.pf-m-reverse .pf-c-switch__label {
21255
+ grid-column: 1;
21256
+ }
21257
+
21258
+ .pf-c-switch__input {
21259
+ position: absolute;
21260
+ cursor: pointer;
21261
+ opacity: 0;
21262
+ }
21263
+
21264
+ .pf-c-switch__input:focus ~ .pf-c-switch__toggle {
21265
+ outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
21266
+ outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
21129
21267
  }
21130
21268
 
21131
- .pf-c-skeleton.pf-m-height-33 {
21132
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-33--Height);
21269
+ .pf-c-switch__input:checked ~ .pf-c-switch__label {
21270
+ color: var(--pf-c-switch__input--checked__label--Color);
21133
21271
  }
21134
21272
 
21135
- .pf-c-skeleton.pf-m-height-50 {
21136
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-50--Height);
21273
+ .pf-c-switch__input:checked ~ .pf-c-switch__toggle {
21274
+ background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
21137
21275
  }
21138
21276
 
21139
- .pf-c-skeleton.pf-m-height-66 {
21140
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-66--Height);
21277
+ .pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
21278
+ transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
21141
21279
  }
21142
21280
 
21143
- .pf-c-skeleton.pf-m-height-75 {
21144
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-75--Height);
21281
+ .pf-c-switch__input:checked ~ .pf-m-off {
21282
+ display: none;
21145
21283
  }
21146
21284
 
21147
- .pf-c-skeleton.pf-m-height-100 {
21148
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-height-100--Height);
21285
+ .pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
21286
+ color: var(--pf-c-switch__input--not-checked__label--Color);
21149
21287
  }
21150
21288
 
21151
- .pf-c-skeleton.pf-m-text-4xl {
21152
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-4xl--Height);
21289
+ .pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
21290
+ display: none;
21291
+ visibility: hidden;
21153
21292
  }
21154
21293
 
21155
- .pf-c-skeleton.pf-m-text-3xl {
21156
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-3xl--Height);
21294
+ .pf-c-switch__input:not(:checked) ~ .pf-m-on {
21295
+ display: none;
21157
21296
  }
21158
21297
 
21159
- .pf-c-skeleton.pf-m-text-2xl {
21160
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-2xl--Height);
21298
+ .pf-c-switch__input:disabled {
21299
+ cursor: not-allowed;
21161
21300
  }
21162
21301
 
21163
- .pf-c-skeleton.pf-m-text-xl {
21164
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-xl--Height);
21302
+ .pf-c-switch__input:disabled ~ .pf-c-switch__label {
21303
+ color: var(--pf-c-switch__input--disabled__label--Color);
21304
+ cursor: not-allowed;
21165
21305
  }
21166
21306
 
21167
- .pf-c-skeleton.pf-m-text-lg {
21168
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-lg--Height);
21307
+ .pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
21308
+ cursor: not-allowed;
21309
+ background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
21169
21310
  }
21170
21311
 
21171
- .pf-c-skeleton.pf-m-text-md {
21172
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-md--Height);
21312
+ .pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
21313
+ background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
21173
21314
  }
21174
21315
 
21175
- .pf-c-skeleton.pf-m-text-sm {
21176
- --pf-c-skeleton--Height: var(--pf-c-skeleton--m-text-sm--Height);
21316
+ .pf-c-switch__toggle {
21317
+ position: relative;
21318
+ display: inline-block;
21319
+ width: var(--pf-c-switch__toggle--Width);
21320
+ height: var(--pf-c-switch__toggle--Height);
21321
+ background-color: var(--pf-c-switch__toggle--BackgroundColor);
21322
+ border-radius: var(--pf-c-switch__toggle--BorderRadius);
21177
21323
  }
21178
21324
 
21179
- @keyframes pf-c-skeleton-loading {
21180
- 0% {
21181
- transform: translateX(-100%);
21182
- }
21183
- 60% {
21184
- transform: translateX(100%);
21185
- }
21186
- 100% {
21187
- transform: translateX(100%);
21188
- }
21325
+ .pf-c-switch__toggle::before {
21326
+ position: absolute;
21327
+ top: var(--pf-c-switch__toggle--before--Top);
21328
+ left: var(--pf-c-switch__toggle--before--Left);
21329
+ display: block;
21330
+ width: var(--pf-c-switch__toggle--before--Width);
21331
+ height: var(--pf-c-switch__toggle--before--Height);
21332
+ content: "";
21333
+ background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
21334
+ border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
21335
+ box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
21336
+ transition: var(--pf-c-switch__toggle--before--Transition);
21189
21337
  }
21190
- .pf-c-skip-to-content {
21191
- --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
21192
- --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
21193
- --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
21338
+
21339
+ .pf-c-switch__toggle-icon {
21194
21340
  position: absolute;
21195
- top: var(--pf-c-skip-to-content--Top);
21196
- left: -300%;
21197
- z-index: var(--pf-c-skip-to-content--ZIndex);
21341
+ top: 0;
21342
+ bottom: 0;
21343
+ left: var(--pf-c-switch__toggle-icon--Left);
21344
+ display: flex;
21345
+ align-items: center;
21346
+ font-size: var(--pf-c-switch__toggle-icon--FontSize);
21347
+ color: var(--pf-c-switch__toggle-icon--Color);
21198
21348
  }
21199
21349
 
21200
- .pf-c-skip-to-content:focus {
21201
- left: var(--pf-c-skip-to-content--focus--Left);
21350
+ .pf-c-switch__label {
21351
+ display: inline-block;
21352
+ grid-column: 2;
21353
+ color: var(--pf-c-switch__label--Color);
21354
+ vertical-align: top;
21202
21355
  }
21203
21356
 
21204
21357
  .pf-c-slider {
@@ -21350,227 +21503,74 @@ label.pf-c-radio, .pf-c-radio__label,
21350
21503
  .pf-c-slider__thumb {
21351
21504
  position: absolute;
21352
21505
  top: var(--pf-c-slider__thumb--Top);
21353
- left: var(--pf-c-slider__thumb--Left);
21354
- width: var(--pf-c-slider__thumb--Width);
21355
- height: var(--pf-c-slider__thumb--Height);
21356
- cursor: pointer;
21357
- background-color: var(--pf-c-slider__thumb--BackgroundColor);
21358
- border-radius: var(--pf-c-slider__thumb--BorderRadius);
21359
- box-shadow: var(--pf-c-slider__thumb--BoxShadow);
21360
- transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
21361
- }
21362
-
21363
- .pf-c-slider__thumb::before {
21364
- position: absolute;
21365
- top: 50%;
21366
- left: 50%;
21367
- width: var(--pf-c-slider__thumb--before--Width);
21368
- height: var(--pf-c-slider__thumb--before--Height);
21369
- content: "";
21370
- border-radius: var(--pf-c-slider__thumb--before--BorderRadius);
21371
- transform: translate(var(--pf-c-slider__thumb--before--TranslateX), var(--pf-c-slider__thumb--before--TranslateY));
21372
- }
21373
-
21374
- .pf-c-slider__thumb:hover {
21375
- --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--hover--BoxShadow);
21376
- }
21377
-
21378
- .pf-c-slider__thumb:focus {
21379
- --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--focus--BoxShadow);
21380
- outline: 0;
21381
- }
21382
-
21383
- .pf-c-slider__thumb:active {
21384
- --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--active--BoxShadow);
21385
- }
21386
-
21387
- .pf-c-slider__value {
21388
- margin-left: var(--pf-c-slider__value--MarginLeft);
21389
- }
21390
-
21391
- .pf-c-slider__value.pf-m-floating {
21392
- --pf-c-slider__value--MarginLeft: 0;
21393
- position: absolute;
21394
- top: 0;
21395
- left: var(--pf-c-slider__value--m-floating--Left);
21396
- z-index: var(--pf-c-slider__value--m-floating--ZIndex);
21397
- transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
21398
- }
21399
-
21400
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
21401
- align-items: center;
21402
- }
21403
-
21404
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
21405
- position: absolute;
21406
- left: 100%;
21407
- }
21408
-
21409
- .pf-c-slider__value .pf-c-form-control {
21410
- width: var(--pf-c-slider__value--c-form-control--Width);
21411
- }
21412
-
21413
- .pf-c-slider__actions {
21414
- display: flex;
21415
- margin-right: var(--pf-c-slider__actions--MarginRight);
21416
- }
21417
-
21418
- .pf-c-slider__main ~ .pf-c-slider__actions {
21419
- --pf-c-slider__actions--MarginRight: 0;
21420
- margin-left: var(--pf-c-slider__main--actions--MarginLeft);
21421
- }
21422
-
21423
- .pf-c-switch {
21424
- --pf-c-switch--FontSize: var(--pf-global--FontSize--md);
21425
- --pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
21426
- --pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
21427
- --pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
21428
- --pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
21429
- --pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
21430
- --pf-c-switch__toggle-icon--Offset: 0.125rem;
21431
- --pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
21432
- --pf-c-switch--Height: auto;
21433
- --pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
21434
- --pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
21435
- --pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
21436
- --pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
21437
- --pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
21438
- --pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--Color--dark-200);
21439
- --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--200);
21440
- --pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
21441
- --pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
21442
- --pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
21443
- --pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
21444
- --pf-c-switch__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
21445
- --pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
21446
- --pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
21447
- --pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
21448
- --pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
21449
- --pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
21450
- --pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
21451
- --pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
21452
- --pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
21453
- --pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
21454
- --pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
21455
- --pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
21456
- position: relative;
21457
- display: inline-grid;
21458
- grid-template-columns: auto;
21459
- grid-auto-columns: 1fr;
21460
- column-gap: var(--pf-c-switch--ColumnGap);
21461
- height: var(--pf-c-switch--Height);
21462
- font-size: var(--pf-c-switch--FontSize);
21463
- line-height: var(--pf-c-switch--LineHeight);
21464
- vertical-align: middle;
21465
- cursor: pointer;
21466
- }
21467
-
21468
- .pf-c-switch.pf-m-reverse .pf-c-switch__label,
21469
- .pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
21470
- grid-row: 1;
21471
- }
21472
-
21473
- .pf-c-switch.pf-m-reverse .pf-c-switch__label {
21474
- grid-column: 1;
21475
- }
21476
-
21477
- .pf-c-switch__input {
21478
- position: absolute;
21479
- cursor: pointer;
21480
- opacity: 0;
21481
- }
21482
-
21483
- .pf-c-switch__input:focus ~ .pf-c-switch__toggle {
21484
- outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
21485
- outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
21486
- }
21487
-
21488
- .pf-c-switch__input:checked ~ .pf-c-switch__label {
21489
- color: var(--pf-c-switch__input--checked__label--Color);
21490
- }
21491
-
21492
- .pf-c-switch__input:checked ~ .pf-c-switch__toggle {
21493
- background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
21494
- }
21495
-
21496
- .pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
21497
- transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
21498
- }
21499
-
21500
- .pf-c-switch__input:checked ~ .pf-m-off {
21501
- display: none;
21506
+ left: var(--pf-c-slider__thumb--Left);
21507
+ width: var(--pf-c-slider__thumb--Width);
21508
+ height: var(--pf-c-slider__thumb--Height);
21509
+ cursor: pointer;
21510
+ background-color: var(--pf-c-slider__thumb--BackgroundColor);
21511
+ border-radius: var(--pf-c-slider__thumb--BorderRadius);
21512
+ box-shadow: var(--pf-c-slider__thumb--BoxShadow);
21513
+ transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
21502
21514
  }
21503
21515
 
21504
- .pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
21505
- color: var(--pf-c-switch__input--not-checked__label--Color);
21516
+ .pf-c-slider__thumb::before {
21517
+ position: absolute;
21518
+ top: 50%;
21519
+ left: 50%;
21520
+ width: var(--pf-c-slider__thumb--before--Width);
21521
+ height: var(--pf-c-slider__thumb--before--Height);
21522
+ content: "";
21523
+ border-radius: var(--pf-c-slider__thumb--before--BorderRadius);
21524
+ transform: translate(var(--pf-c-slider__thumb--before--TranslateX), var(--pf-c-slider__thumb--before--TranslateY));
21506
21525
  }
21507
21526
 
21508
- .pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
21509
- display: none;
21510
- visibility: hidden;
21527
+ .pf-c-slider__thumb:hover {
21528
+ --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--hover--BoxShadow);
21511
21529
  }
21512
21530
 
21513
- .pf-c-switch__input:not(:checked) ~ .pf-m-on {
21514
- display: none;
21531
+ .pf-c-slider__thumb:focus {
21532
+ --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--focus--BoxShadow);
21533
+ outline: 0;
21515
21534
  }
21516
21535
 
21517
- .pf-c-switch__input:disabled {
21518
- cursor: not-allowed;
21536
+ .pf-c-slider__thumb:active {
21537
+ --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--active--BoxShadow);
21519
21538
  }
21520
21539
 
21521
- .pf-c-switch__input:disabled ~ .pf-c-switch__label {
21522
- color: var(--pf-c-switch__input--disabled__label--Color);
21523
- cursor: not-allowed;
21540
+ .pf-c-slider__value {
21541
+ margin-left: var(--pf-c-slider__value--MarginLeft);
21524
21542
  }
21525
21543
 
21526
- .pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
21527
- cursor: not-allowed;
21528
- background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
21544
+ .pf-c-slider__value.pf-m-floating {
21545
+ --pf-c-slider__value--MarginLeft: 0;
21546
+ position: absolute;
21547
+ top: 0;
21548
+ left: var(--pf-c-slider__value--m-floating--Left);
21549
+ z-index: var(--pf-c-slider__value--m-floating--ZIndex);
21550
+ transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
21529
21551
  }
21530
21552
 
21531
- .pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
21532
- background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
21553
+ .pf-c-slider__value.pf-m-floating .pf-c-input-group {
21554
+ align-items: center;
21533
21555
  }
21534
21556
 
21535
- .pf-c-switch__toggle {
21536
- position: relative;
21537
- display: inline-block;
21538
- width: var(--pf-c-switch__toggle--Width);
21539
- height: var(--pf-c-switch__toggle--Height);
21540
- background-color: var(--pf-c-switch__toggle--BackgroundColor);
21541
- border-radius: var(--pf-c-switch__toggle--BorderRadius);
21557
+ .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
21558
+ position: absolute;
21559
+ left: 100%;
21542
21560
  }
21543
21561
 
21544
- .pf-c-switch__toggle::before {
21545
- position: absolute;
21546
- top: var(--pf-c-switch__toggle--before--Top);
21547
- left: var(--pf-c-switch__toggle--before--Left);
21548
- display: block;
21549
- width: var(--pf-c-switch__toggle--before--Width);
21550
- height: var(--pf-c-switch__toggle--before--Height);
21551
- content: "";
21552
- background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
21553
- border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
21554
- box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
21555
- transition: var(--pf-c-switch__toggle--before--Transition);
21562
+ .pf-c-slider__value .pf-c-form-control {
21563
+ width: var(--pf-c-slider__value--c-form-control--Width);
21556
21564
  }
21557
21565
 
21558
- .pf-c-switch__toggle-icon {
21559
- position: absolute;
21560
- top: 0;
21561
- bottom: 0;
21562
- left: var(--pf-c-switch__toggle-icon--Left);
21566
+ .pf-c-slider__actions {
21563
21567
  display: flex;
21564
- align-items: center;
21565
- font-size: var(--pf-c-switch__toggle-icon--FontSize);
21566
- color: var(--pf-c-switch__toggle-icon--Color);
21568
+ margin-right: var(--pf-c-slider__actions--MarginRight);
21567
21569
  }
21568
21570
 
21569
- .pf-c-switch__label {
21570
- display: inline-block;
21571
- grid-column: 2;
21572
- color: var(--pf-c-switch__label--Color);
21573
- vertical-align: top;
21571
+ .pf-c-slider__main ~ .pf-c-slider__actions {
21572
+ --pf-c-slider__actions--MarginRight: 0;
21573
+ margin-left: var(--pf-c-slider__main--actions--MarginLeft);
21574
21574
  }
21575
21575
 
21576
21576
  .pf-c-tabs {
@@ -25816,6 +25816,75 @@ label.pf-c-radio, .pf-c-radio__label,
25816
25816
  direction: ltr;
25817
25817
  }
25818
25818
  }
25819
+ .pf-l-gallery {
25820
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25821
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
25822
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25823
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
25824
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25825
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25826
+ --pf-l-gallery--GridTemplateRows: auto;
25827
+ display: grid;
25828
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25829
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25830
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25831
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25832
+ }
25833
+
25834
+ .pf-l-gallery.pf-m-gutter {
25835
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25836
+ }
25837
+
25838
+ @media (min-width: 576px) {
25839
+ .pf-l-gallery {
25840
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
25841
+ }
25842
+ }
25843
+ @media (min-width: 768px) {
25844
+ .pf-l-gallery {
25845
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
25846
+ }
25847
+ }
25848
+ @media (min-width: 992px) {
25849
+ .pf-l-gallery {
25850
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
25851
+ }
25852
+ }
25853
+ @media (min-width: 1200px) {
25854
+ .pf-l-gallery {
25855
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
25856
+ }
25857
+ }
25858
+ @media (min-width: 1450px) {
25859
+ .pf-l-gallery {
25860
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
25861
+ }
25862
+ }
25863
+ @media (min-width: 576px) {
25864
+ .pf-l-gallery {
25865
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
25866
+ }
25867
+ }
25868
+ @media (min-width: 768px) {
25869
+ .pf-l-gallery {
25870
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
25871
+ }
25872
+ }
25873
+ @media (min-width: 992px) {
25874
+ .pf-l-gallery {
25875
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
25876
+ }
25877
+ }
25878
+ @media (min-width: 1200px) {
25879
+ .pf-l-gallery {
25880
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
25881
+ }
25882
+ }
25883
+ @media (min-width: 1450px) {
25884
+ .pf-l-gallery {
25885
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
25886
+ }
25887
+ }
25819
25888
  .pf-l-flex {
25820
25889
  --pf-l-flex--Display: flex;
25821
25890
  --pf-l-flex--FlexWrap: wrap;
@@ -27892,75 +27961,6 @@ label.pf-c-radio, .pf-c-radio__label,
27892
27961
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
27893
27962
  }
27894
27963
  }
27895
- .pf-l-gallery {
27896
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27897
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27898
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27899
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27900
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27901
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27902
- --pf-l-gallery--GridTemplateRows: auto;
27903
- display: grid;
27904
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27905
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27906
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27907
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27908
- }
27909
-
27910
- .pf-l-gallery.pf-m-gutter {
27911
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27912
- }
27913
-
27914
- @media (min-width: 576px) {
27915
- .pf-l-gallery {
27916
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27917
- }
27918
- }
27919
- @media (min-width: 768px) {
27920
- .pf-l-gallery {
27921
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27922
- }
27923
- }
27924
- @media (min-width: 992px) {
27925
- .pf-l-gallery {
27926
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27927
- }
27928
- }
27929
- @media (min-width: 1200px) {
27930
- .pf-l-gallery {
27931
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27932
- }
27933
- }
27934
- @media (min-width: 1450px) {
27935
- .pf-l-gallery {
27936
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27937
- }
27938
- }
27939
- @media (min-width: 576px) {
27940
- .pf-l-gallery {
27941
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27942
- }
27943
- }
27944
- @media (min-width: 768px) {
27945
- .pf-l-gallery {
27946
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27947
- }
27948
- }
27949
- @media (min-width: 992px) {
27950
- .pf-l-gallery {
27951
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27952
- }
27953
- }
27954
- @media (min-width: 1200px) {
27955
- .pf-l-gallery {
27956
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27957
- }
27958
- }
27959
- @media (min-width: 1450px) {
27960
- .pf-l-gallery {
27961
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27962
- }
27963
- }
27964
27964
  .pf-l-grid {
27965
27965
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
27966
27966
  --pf-l-grid__item--GridColumnStart: auto;
@@ -29175,18 +29175,6 @@ label.pf-c-radio, .pf-c-radio__label,
29175
29175
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
29176
29176
  }
29177
29177
 
29178
- .pf-l-level {
29179
- --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
29180
- display: flex;
29181
- flex-wrap: wrap;
29182
- align-items: center;
29183
- justify-content: space-between;
29184
- }
29185
-
29186
- .pf-l-level.pf-m-gutter > *:not(:last-child) {
29187
- margin-right: var(--pf-l-level--m-gutter--MarginRight);
29188
- }
29189
-
29190
29178
  .pf-l-split {
29191
29179
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
29192
29180
  display: flex;
@@ -29206,6 +29194,18 @@ label.pf-c-radio, .pf-c-radio__label,
29206
29194
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
29207
29195
  }
29208
29196
 
29197
+ .pf-l-level {
29198
+ --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
29199
+ display: flex;
29200
+ flex-wrap: wrap;
29201
+ align-items: center;
29202
+ justify-content: space-between;
29203
+ }
29204
+
29205
+ .pf-l-level.pf-m-gutter > *:not(:last-child) {
29206
+ margin-right: var(--pf-l-level--m-gutter--MarginRight);
29207
+ }
29208
+
29209
29209
  .pf-l-stack {
29210
29210
  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
29211
29211
  display: flex;