@patternfly/react-table 4.61.16 → 4.61.20

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,6 +6996,23 @@ 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
+
6999
7016
  .pf-c-accordion {
7000
7017
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
7001
7018
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -7234,23 +7251,6 @@ svg.pf-c-spinner.pf-m-xl {
7234
7251
  --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
7235
7252
  }
7236
7253
 
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,6 +7500,153 @@ 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
+ }
7503
7650
  .pf-c-app-launcher {
7504
7651
  --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
7505
7652
  --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -7729,198 +7876,51 @@ svg.pf-c-spinner.pf-m-xl {
7729
7876
  color: var(--pf-c-app-launcher__group-title--Color);
7730
7877
  }
7731
7878
 
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;
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);
7740
7893
  }
7741
7894
 
7742
- .pf-u-visible {
7743
- position: static;
7744
- overflow: visible;
7745
- clip: auto;
7746
- white-space: normal;
7747
- border: inherit;
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);
7748
7898
  }
7749
7899
 
7750
- .pf-u-hidden {
7751
- display: none !important;
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);
7752
7903
  }
7753
7904
 
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;
7763
- }
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);
7764
7919
  }
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
- }
7773
- }
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);
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
7924
  }
7925
7925
  }
7926
7926
  .pf-c-back-to-top.pf-m-hidden {
@@ -19055,198 +19055,6 @@ ul.pf-c-list {
19055
19055
  flex: 1 0 auto;
19056
19056
  }
19057
19057
 
19058
- .pf-c-popover {
19059
- --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19060
- --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19061
- --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19062
- --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
19063
- --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
19064
- --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19065
- --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19066
- --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19067
- --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19068
- --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19069
- --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19070
- --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19071
- --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19072
- --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19073
- --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19074
- --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19075
- --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19076
- --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19077
- --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19078
- --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19079
- --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19080
- --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19081
- --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19082
- --pf-c-popover__arrow--m-top--TranslateX: -50%;
19083
- --pf-c-popover__arrow--m-top--TranslateY: 50%;
19084
- --pf-c-popover__arrow--m-top--Rotate: 45deg;
19085
- --pf-c-popover__arrow--m-right--TranslateX: -50%;
19086
- --pf-c-popover__arrow--m-right--TranslateY: -50%;
19087
- --pf-c-popover__arrow--m-right--Rotate: 45deg;
19088
- --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19089
- --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19090
- --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19091
- --pf-c-popover__arrow--m-left--TranslateX: 50%;
19092
- --pf-c-popover__arrow--m-left--TranslateY: -50%;
19093
- --pf-c-popover__arrow--m-left--Rotate: 45deg;
19094
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19095
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19096
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19097
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19098
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19099
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19100
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19101
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19102
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19103
- --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19104
- --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19105
- --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19106
- position: relative;
19107
- min-width: var(--pf-c-popover--MinWidth);
19108
- max-width: var(--pf-c-popover--MaxWidth);
19109
- font-size: var(--pf-c-popover--FontSize);
19110
- box-shadow: var(--pf-c-popover--BoxShadow);
19111
- }
19112
-
19113
- .pf-c-popover.pf-m-no-padding {
19114
- --pf-c-popover__content--PaddingTop: 0px;
19115
- --pf-c-popover__content--PaddingRight: 0px;
19116
- --pf-c-popover__content--PaddingBottom: 0px;
19117
- --pf-c-popover__content--PaddingLeft: 0px;
19118
- }
19119
-
19120
- .pf-c-popover.pf-m-width-auto {
19121
- --pf-c-popover--MinWidth: auto;
19122
- --pf-c-popover--MaxWidth: none;
19123
- }
19124
-
19125
- .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19126
- bottom: 0;
19127
- left: 50%;
19128
- transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19129
- }
19130
-
19131
- .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19132
- top: 0;
19133
- left: 50%;
19134
- transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19135
- }
19136
-
19137
- .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19138
- top: 50%;
19139
- right: 0;
19140
- transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19141
- }
19142
-
19143
- .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19144
- top: 50%;
19145
- left: 0;
19146
- transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19147
- }
19148
-
19149
- .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19150
- top: var(--pf-c-popover__arrow--Height);
19151
- }
19152
-
19153
- .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19154
- top: auto;
19155
- bottom: 0;
19156
- }
19157
-
19158
- .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19159
- left: var(--pf-c-popover__arrow--Width);
19160
- }
19161
-
19162
- .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19163
- right: 0;
19164
- left: auto;
19165
- }
19166
-
19167
- .pf-c-popover.pf-m-danger {
19168
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19169
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19170
- }
19171
-
19172
- .pf-c-popover.pf-m-warning {
19173
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19174
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19175
- }
19176
-
19177
- .pf-c-popover.pf-m-success {
19178
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19179
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19180
- }
19181
-
19182
- .pf-c-popover.pf-m-default {
19183
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19184
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19185
- }
19186
-
19187
- .pf-c-popover.pf-m-info {
19188
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19189
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19190
- }
19191
-
19192
- .pf-c-popover__content {
19193
- position: relative;
19194
- padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19195
- background-color: var(--pf-c-popover__content--BackgroundColor);
19196
- }
19197
-
19198
- .pf-c-popover__content > .pf-c-title {
19199
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19200
- }
19201
-
19202
- .pf-c-popover__content > .pf-c-button {
19203
- position: absolute;
19204
- top: var(--pf-c-popover--c-button--Top);
19205
- right: var(--pf-c-popover--c-button--Right);
19206
- }
19207
-
19208
- .pf-c-popover__content > .pf-c-button + * {
19209
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19210
- }
19211
-
19212
- .pf-c-popover__arrow {
19213
- position: absolute;
19214
- width: var(--pf-c-popover__arrow--Width);
19215
- height: var(--pf-c-popover__arrow--Height);
19216
- pointer-events: none;
19217
- background-color: var(--pf-c-popover__arrow--BackgroundColor);
19218
- box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19219
- }
19220
-
19221
- .pf-c-popover__title {
19222
- flex: 0 0 auto;
19223
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
19224
- font-family: var(--pf-c-popover__title--FontFamily);
19225
- font-size: var(--pf-c-popover__title--FontSize);
19226
- line-height: var(--pf-c-popover__title--LineHeight);
19227
- }
19228
-
19229
- .pf-c-popover__title.pf-m-icon {
19230
- display: flex;
19231
- }
19232
-
19233
- .pf-c-popover__title-icon {
19234
- margin-right: var(--pf-c-popover__title-icon--MarginRight);
19235
- color: var(--pf-c-popover__title-icon--Color);
19236
- }
19237
-
19238
- .pf-c-popover__title-text {
19239
- color: var(--pf-c-popover__title-text--Color, inherit);
19240
- }
19241
-
19242
- .pf-c-popover__body {
19243
- word-wrap: break-word;
19244
- }
19245
-
19246
- .pf-c-popover__footer {
19247
- margin-top: var(--pf-c-popover__footer--MarginTop);
19248
- }
19249
-
19250
19058
  .pf-c-pagination {
19251
19059
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
19252
19060
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
@@ -19598,109 +19406,301 @@ ul.pf-c-list {
19598
19406
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
19599
19407
  }
19600
19408
  }
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
- --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
19607
- --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
19608
- --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
19609
- --pf-c-progress__bar--before--Opacity: .2;
19610
- --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
19611
- --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
19612
- --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
19613
- --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
19614
- --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
19615
- --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
19616
- --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
19617
- --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
19618
- --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
19619
- --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
19620
- --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
19621
- --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
19622
- --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
19623
- --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
19624
- --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
19625
- --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
19626
- --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
19627
- --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
19628
- display: grid;
19629
- align-items: end;
19630
- grid-gap: var(--pf-c-progress--GridGap);
19631
- grid-template-columns: auto auto;
19632
- grid-template-rows: 1fr auto;
19409
+ .pf-c-popover {
19410
+ --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
19411
+ --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19412
+ --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
19413
+ --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
19414
+ --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
19415
+ --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
19416
+ --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
19417
+ --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
19418
+ --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
19419
+ --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
19420
+ --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
19421
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
19422
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
19423
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
19424
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
19425
+ --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
19426
+ --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
19427
+ --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
19428
+ --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
19429
+ --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
19430
+ --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
19431
+ --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
19432
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
19433
+ --pf-c-popover__arrow--m-top--TranslateX: -50%;
19434
+ --pf-c-popover__arrow--m-top--TranslateY: 50%;
19435
+ --pf-c-popover__arrow--m-top--Rotate: 45deg;
19436
+ --pf-c-popover__arrow--m-right--TranslateX: -50%;
19437
+ --pf-c-popover__arrow--m-right--TranslateY: -50%;
19438
+ --pf-c-popover__arrow--m-right--Rotate: 45deg;
19439
+ --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
19440
+ --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
19441
+ --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
19442
+ --pf-c-popover__arrow--m-left--TranslateX: 50%;
19443
+ --pf-c-popover__arrow--m-left--TranslateY: -50%;
19444
+ --pf-c-popover__arrow--m-left--Rotate: 45deg;
19445
+ --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
19446
+ --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
19447
+ --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
19448
+ --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
19449
+ --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
19450
+ --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
19451
+ --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
19452
+ --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19453
+ --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
19454
+ --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
19455
+ --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
19456
+ --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
19457
+ position: relative;
19458
+ min-width: var(--pf-c-popover--MinWidth);
19459
+ max-width: var(--pf-c-popover--MaxWidth);
19460
+ font-size: var(--pf-c-popover--FontSize);
19461
+ box-shadow: var(--pf-c-popover--BoxShadow);
19633
19462
  }
19634
19463
 
19635
- .pf-c-progress.pf-m-sm {
19636
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
19464
+ .pf-c-popover.pf-m-no-padding {
19465
+ --pf-c-popover__content--PaddingTop: 0px;
19466
+ --pf-c-popover__content--PaddingRight: 0px;
19467
+ --pf-c-popover__content--PaddingBottom: 0px;
19468
+ --pf-c-popover__content--PaddingLeft: 0px;
19637
19469
  }
19638
19470
 
19639
- .pf-c-progress.pf-m-sm .pf-c-progress__description {
19640
- font-size: var(--pf-c-progress--m-sm__description--FontSize);
19471
+ .pf-c-popover.pf-m-width-auto {
19472
+ --pf-c-popover--MinWidth: auto;
19473
+ --pf-c-popover--MaxWidth: none;
19641
19474
  }
19642
19475
 
19643
- .pf-c-progress.pf-m-sm .pf-c-progress__measure {
19644
- font-size: var(--pf-c-progress--m-sm__measure--FontSize);
19476
+ .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
19477
+ bottom: 0;
19478
+ left: 50%;
19479
+ transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
19645
19480
  }
19646
19481
 
19647
- .pf-c-progress.pf-m-lg {
19648
- --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
19482
+ .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19483
+ top: 0;
19484
+ left: 50%;
19485
+ transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
19649
19486
  }
19650
19487
 
19651
- .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
19652
- display: flex;
19653
- align-items: center;
19654
- justify-content: center;
19655
- min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
19488
+ .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
19489
+ top: 50%;
19490
+ right: 0;
19491
+ transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
19656
19492
  }
19657
19493
 
19658
- .pf-c-progress.pf-m-inside .pf-c-progress__measure {
19659
- font-size: var(--pf-c-progress--m-inside__measure--FontSize);
19660
- color: var(--pf-c-progress--m-inside__measure--Color);
19661
- text-align: center;
19494
+ .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19495
+ top: 50%;
19496
+ left: 0;
19497
+ transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
19662
19498
  }
19663
19499
 
19664
- .pf-c-progress.pf-m-outside .pf-c-progress__description {
19665
- grid-column: 1/3;
19500
+ .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
19501
+ top: var(--pf-c-popover__arrow--Height);
19666
19502
  }
19667
19503
 
19668
- .pf-c-progress.pf-m-outside .pf-c-progress__status {
19669
- grid-column: 2/3;
19670
- grid-row: 2/3;
19671
- align-self: center;
19504
+ .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
19505
+ top: auto;
19506
+ bottom: 0;
19672
19507
  }
19673
19508
 
19674
- .pf-c-progress.pf-m-outside .pf-c-progress__measure {
19675
- display: inline-block;
19676
- font-size: var(--pf-c-progress--m-outside__measure--FontSize);
19509
+ .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
19510
+ left: var(--pf-c-popover__arrow--Width);
19677
19511
  }
19678
19512
 
19679
- .pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
19680
- min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
19681
- text-align: left;
19513
+ .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
19514
+ right: 0;
19515
+ left: auto;
19682
19516
  }
19683
19517
 
19684
- .pf-c-progress.pf-m-outside .pf-c-progress__bar,
19685
- .pf-c-progress.pf-m-outside .pf-c-progress__indicator {
19686
- grid-column: 1/2;
19518
+ .pf-c-popover.pf-m-danger {
19519
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
19520
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
19687
19521
  }
19688
19522
 
19689
- .pf-c-progress.pf-m-singleline {
19690
- grid-template-rows: 1fr;
19523
+ .pf-c-popover.pf-m-warning {
19524
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
19525
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
19691
19526
  }
19692
19527
 
19693
- .pf-c-progress.pf-m-singleline .pf-c-progress__description {
19694
- display: none;
19695
- visibility: hidden;
19528
+ .pf-c-popover.pf-m-success {
19529
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
19530
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
19696
19531
  }
19697
19532
 
19698
- .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
19699
- grid-row: 1/2;
19700
- grid-column: 1/2;
19533
+ .pf-c-popover.pf-m-default {
19534
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
19535
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
19701
19536
  }
19702
19537
 
19703
- .pf-c-progress.pf-m-singleline .pf-c-progress__status {
19538
+ .pf-c-popover.pf-m-info {
19539
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
19540
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
19541
+ }
19542
+
19543
+ .pf-c-popover__content {
19544
+ position: relative;
19545
+ padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
19546
+ background-color: var(--pf-c-popover__content--BackgroundColor);
19547
+ }
19548
+
19549
+ .pf-c-popover__content > .pf-c-title {
19550
+ margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
19551
+ }
19552
+
19553
+ .pf-c-popover__content > .pf-c-button {
19554
+ position: absolute;
19555
+ top: var(--pf-c-popover--c-button--Top);
19556
+ right: var(--pf-c-popover--c-button--Right);
19557
+ }
19558
+
19559
+ .pf-c-popover__content > .pf-c-button + * {
19560
+ padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
19561
+ }
19562
+
19563
+ .pf-c-popover__arrow {
19564
+ position: absolute;
19565
+ width: var(--pf-c-popover__arrow--Width);
19566
+ height: var(--pf-c-popover__arrow--Height);
19567
+ pointer-events: none;
19568
+ background-color: var(--pf-c-popover__arrow--BackgroundColor);
19569
+ box-shadow: var(--pf-c-popover__arrow--BoxShadow);
19570
+ }
19571
+
19572
+ .pf-c-popover__title {
19573
+ flex: 0 0 auto;
19574
+ margin-bottom: var(--pf-c-popover__title--MarginBottom);
19575
+ font-family: var(--pf-c-popover__title--FontFamily);
19576
+ font-size: var(--pf-c-popover__title--FontSize);
19577
+ line-height: var(--pf-c-popover__title--LineHeight);
19578
+ }
19579
+
19580
+ .pf-c-popover__title.pf-m-icon {
19581
+ display: flex;
19582
+ }
19583
+
19584
+ .pf-c-popover__title-icon {
19585
+ margin-right: var(--pf-c-popover__title-icon--MarginRight);
19586
+ color: var(--pf-c-popover__title-icon--Color);
19587
+ }
19588
+
19589
+ .pf-c-popover__title-text {
19590
+ color: var(--pf-c-popover__title-text--Color, inherit);
19591
+ }
19592
+
19593
+ .pf-c-popover__body {
19594
+ word-wrap: break-word;
19595
+ }
19596
+
19597
+ .pf-c-popover__footer {
19598
+ margin-top: var(--pf-c-popover__footer--MarginTop);
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
+ --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
19607
+ --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
19608
+ --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
19609
+ --pf-c-progress__bar--before--Opacity: .2;
19610
+ --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
19611
+ --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
19612
+ --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
19613
+ --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
19614
+ --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
19615
+ --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
19616
+ --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
19617
+ --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
19618
+ --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
19619
+ --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
19620
+ --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
19621
+ --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
19622
+ --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
19623
+ --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
19624
+ --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
19625
+ --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
19626
+ --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
19627
+ --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
19628
+ display: grid;
19629
+ align-items: end;
19630
+ grid-gap: var(--pf-c-progress--GridGap);
19631
+ grid-template-columns: auto auto;
19632
+ grid-template-rows: 1fr auto;
19633
+ }
19634
+
19635
+ .pf-c-progress.pf-m-sm {
19636
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
19637
+ }
19638
+
19639
+ .pf-c-progress.pf-m-sm .pf-c-progress__description {
19640
+ font-size: var(--pf-c-progress--m-sm__description--FontSize);
19641
+ }
19642
+
19643
+ .pf-c-progress.pf-m-sm .pf-c-progress__measure {
19644
+ font-size: var(--pf-c-progress--m-sm__measure--FontSize);
19645
+ }
19646
+
19647
+ .pf-c-progress.pf-m-lg {
19648
+ --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
19649
+ }
19650
+
19651
+ .pf-c-progress.pf-m-inside .pf-c-progress__indicator {
19652
+ display: flex;
19653
+ align-items: center;
19654
+ justify-content: center;
19655
+ min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
19656
+ }
19657
+
19658
+ .pf-c-progress.pf-m-inside .pf-c-progress__measure {
19659
+ font-size: var(--pf-c-progress--m-inside__measure--FontSize);
19660
+ color: var(--pf-c-progress--m-inside__measure--Color);
19661
+ text-align: center;
19662
+ }
19663
+
19664
+ .pf-c-progress.pf-m-outside .pf-c-progress__description {
19665
+ grid-column: 1/3;
19666
+ }
19667
+
19668
+ .pf-c-progress.pf-m-outside .pf-c-progress__status {
19669
+ grid-column: 2/3;
19670
+ grid-row: 2/3;
19671
+ align-self: center;
19672
+ }
19673
+
19674
+ .pf-c-progress.pf-m-outside .pf-c-progress__measure {
19675
+ display: inline-block;
19676
+ font-size: var(--pf-c-progress--m-outside__measure--FontSize);
19677
+ }
19678
+
19679
+ .pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
19680
+ min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
19681
+ text-align: left;
19682
+ }
19683
+
19684
+ .pf-c-progress.pf-m-outside .pf-c-progress__bar,
19685
+ .pf-c-progress.pf-m-outside .pf-c-progress__indicator {
19686
+ grid-column: 1/2;
19687
+ }
19688
+
19689
+ .pf-c-progress.pf-m-singleline {
19690
+ grid-template-rows: 1fr;
19691
+ }
19692
+
19693
+ .pf-c-progress.pf-m-singleline .pf-c-progress__description {
19694
+ display: none;
19695
+ visibility: hidden;
19696
+ }
19697
+
19698
+ .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
19699
+ grid-row: 1/2;
19700
+ grid-column: 1/2;
19701
+ }
19702
+
19703
+ .pf-c-progress.pf-m-singleline .pf-c-progress__status {
19704
19704
  grid-row: 1/2;
19705
19705
  grid-column: 2/3;
19706
19706
  }
@@ -21201,159 +21201,6 @@ label.pf-c-radio, .pf-c-radio__label,
21201
21201
  left: var(--pf-c-skip-to-content--focus--Left);
21202
21202
  }
21203
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);
21267
- }
21268
-
21269
- .pf-c-switch__input:checked ~ .pf-c-switch__label {
21270
- color: var(--pf-c-switch__input--checked__label--Color);
21271
- }
21272
-
21273
- .pf-c-switch__input:checked ~ .pf-c-switch__toggle {
21274
- background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
21275
- }
21276
-
21277
- .pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
21278
- transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
21279
- }
21280
-
21281
- .pf-c-switch__input:checked ~ .pf-m-off {
21282
- display: none;
21283
- }
21284
-
21285
- .pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
21286
- color: var(--pf-c-switch__input--not-checked__label--Color);
21287
- }
21288
-
21289
- .pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
21290
- display: none;
21291
- visibility: hidden;
21292
- }
21293
-
21294
- .pf-c-switch__input:not(:checked) ~ .pf-m-on {
21295
- display: none;
21296
- }
21297
-
21298
- .pf-c-switch__input:disabled {
21299
- cursor: not-allowed;
21300
- }
21301
-
21302
- .pf-c-switch__input:disabled ~ .pf-c-switch__label {
21303
- color: var(--pf-c-switch__input--disabled__label--Color);
21304
- cursor: not-allowed;
21305
- }
21306
-
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);
21310
- }
21311
-
21312
- .pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
21313
- background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
21314
- }
21315
-
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);
21323
- }
21324
-
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);
21337
- }
21338
-
21339
- .pf-c-switch__toggle-icon {
21340
- position: absolute;
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);
21348
- }
21349
-
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;
21355
- }
21356
-
21357
21204
  .pf-c-slider {
21358
21205
  --pf-c-slider--value: 0;
21359
21206
  --pf-c-slider__rail--PaddingTop: var(--pf-global--spacer--md);
@@ -21513,64 +21360,217 @@ label.pf-c-radio, .pf-c-radio__label,
21513
21360
  transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY));
21514
21361
  }
21515
21362
 
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));
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));
21525
21498
  }
21526
21499
 
21527
- .pf-c-slider__thumb:hover {
21528
- --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--hover--BoxShadow);
21500
+ .pf-c-switch__input:checked ~ .pf-m-off {
21501
+ display: none;
21529
21502
  }
21530
21503
 
21531
- .pf-c-slider__thumb:focus {
21532
- --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--focus--BoxShadow);
21533
- outline: 0;
21504
+ .pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
21505
+ color: var(--pf-c-switch__input--not-checked__label--Color);
21534
21506
  }
21535
21507
 
21536
- .pf-c-slider__thumb:active {
21537
- --pf-c-slider__thumb--BoxShadow: var(--pf-c-slider__thumb--active--BoxShadow);
21508
+ .pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
21509
+ display: none;
21510
+ visibility: hidden;
21538
21511
  }
21539
21512
 
21540
- .pf-c-slider__value {
21541
- margin-left: var(--pf-c-slider__value--MarginLeft);
21513
+ .pf-c-switch__input:not(:checked) ~ .pf-m-on {
21514
+ display: none;
21542
21515
  }
21543
21516
 
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));
21517
+ .pf-c-switch__input:disabled {
21518
+ cursor: not-allowed;
21551
21519
  }
21552
21520
 
21553
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
21554
- align-items: center;
21521
+ .pf-c-switch__input:disabled ~ .pf-c-switch__label {
21522
+ color: var(--pf-c-switch__input--disabled__label--Color);
21523
+ cursor: not-allowed;
21555
21524
  }
21556
21525
 
21557
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
21558
- position: absolute;
21559
- left: 100%;
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);
21560
21529
  }
21561
21530
 
21562
- .pf-c-slider__value .pf-c-form-control {
21563
- width: var(--pf-c-slider__value--c-form-control--Width);
21531
+ .pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
21532
+ background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
21564
21533
  }
21565
21534
 
21566
- .pf-c-slider__actions {
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);
21542
+ }
21543
+
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);
21556
+ }
21557
+
21558
+ .pf-c-switch__toggle-icon {
21559
+ position: absolute;
21560
+ top: 0;
21561
+ bottom: 0;
21562
+ left: var(--pf-c-switch__toggle-icon--Left);
21567
21563
  display: flex;
21568
- margin-right: var(--pf-c-slider__actions--MarginRight);
21564
+ align-items: center;
21565
+ font-size: var(--pf-c-switch__toggle-icon--FontSize);
21566
+ color: var(--pf-c-switch__toggle-icon--Color);
21569
21567
  }
21570
21568
 
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);
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;
21574
21574
  }
21575
21575
 
21576
21576
  .pf-c-tabs {
@@ -25816,75 +25816,6 @@ 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
- }
25888
25819
  .pf-l-flex {
25889
25820
  --pf-l-flex--Display: flex;
25890
25821
  --pf-l-flex--FlexWrap: wrap;
@@ -27961,6 +27892,75 @@ label.pf-c-radio, .pf-c-radio__label,
27961
27892
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
27962
27893
  }
27963
27894
  }
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,6 +29175,18 @@ 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
+
29178
29190
  .pf-l-split {
29179
29191
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
29180
29192
  display: flex;
@@ -29194,18 +29206,6 @@ label.pf-c-radio, .pf-c-radio__label,
29194
29206
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
29195
29207
  }
29196
29208
 
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;