@patternfly/react-table 4.58.4 → 4.58.5

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.58.5 (2022-01-18)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Tabs:** enable tabs scroll button for small window ([#6784](https://github.com/patternfly/patternfly-react/issues/6784)) ([a29b430](https://github.com/patternfly/patternfly-react/commit/a29b43094ae3d5ce7f4b26e4041cd595e675ee58))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 4.58.4 (2022-01-18)
7
18
 
8
19
  **Note:** Version bump only for package @patternfly/react-table
@@ -8802,6 +8802,85 @@ button.pf-c-breadcrumb__link {
8802
8802
  font-weight: var(--pf-global--FontWeight--normal);
8803
8803
  }
8804
8804
 
8805
+ .pf-c-chip-group {
8806
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
8807
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
8808
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
8809
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
8810
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
8811
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
8812
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
8813
+ }
8814
+
8815
+ .pf-c-chip-group {
8816
+ color: var(--pf-global--Color--100);
8817
+ --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8818
+ --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8819
+ --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8820
+ --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8821
+ --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8822
+ --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8823
+ --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8824
+ --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8825
+ --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8826
+ --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8827
+ --pf-c-chip-group__label--MaxWidth: 18ch;
8828
+ --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8829
+ --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8830
+ --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8831
+ --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8832
+ }
8833
+
8834
+ .pf-c-chip-group.pf-m-category {
8835
+ padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8836
+ padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8837
+ padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8838
+ padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8839
+ background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8840
+ border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8841
+ }
8842
+
8843
+ .pf-c-chip-group__main {
8844
+ display: flex;
8845
+ flex: 1;
8846
+ flex-wrap: wrap;
8847
+ align-items: baseline;
8848
+ }
8849
+
8850
+ .pf-c-chip-group__list {
8851
+ margin-right: var(--pf-c-chip-group__list--MarginRight);
8852
+ margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8853
+ }
8854
+
8855
+ .pf-c-chip-group,
8856
+ .pf-c-chip-group__list {
8857
+ display: inline-flex;
8858
+ flex-wrap: wrap;
8859
+ align-items: center;
8860
+ }
8861
+
8862
+ .pf-c-chip-group__list-item {
8863
+ display: inline-flex;
8864
+ margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8865
+ margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8866
+ }
8867
+
8868
+ .pf-c-chip-group__label {
8869
+ overflow: hidden;
8870
+ text-overflow: ellipsis;
8871
+ white-space: nowrap;
8872
+ max-width: var(--pf-c-chip-group__label--MaxWidth);
8873
+ margin-right: var(--pf-c-chip-group__label--MarginRight);
8874
+ font-size: var(--pf-c-chip-group__label--FontSize);
8875
+ }
8876
+
8877
+ .pf-c-chip-group__close {
8878
+ display: flex;
8879
+ align-self: flex-start;
8880
+ margin-top: var(--pf-c-chip-group__close--MarginTop);
8881
+ margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
8882
+ }
8883
+
8805
8884
  .pf-c-chip {
8806
8885
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
8807
8886
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -8907,85 +8986,6 @@ button.pf-c-breadcrumb__link {
8907
8986
  margin-left: var(--pf-c-chip__icon--MarginLeft);
8908
8987
  }
8909
8988
 
8910
- .pf-c-chip-group {
8911
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
8912
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
8913
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
8914
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
8915
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
8916
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
8917
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
8918
- }
8919
-
8920
- .pf-c-chip-group {
8921
- color: var(--pf-global--Color--100);
8922
- --pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8923
- --pf-c-chip-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
8924
- --pf-c-chip-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
8925
- --pf-c-chip-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
8926
- --pf-c-chip-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
8927
- --pf-c-chip-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
8928
- --pf-c-chip-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
8929
- --pf-c-chip-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--200);
8930
- --pf-c-chip-group__label--MarginRight: var(--pf-global--spacer--sm);
8931
- --pf-c-chip-group__label--FontSize: var(--pf-global--FontSize--sm);
8932
- --pf-c-chip-group__label--MaxWidth: 18ch;
8933
- --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
8934
- --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8935
- --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
8936
- --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
8937
- }
8938
-
8939
- .pf-c-chip-group.pf-m-category {
8940
- padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
8941
- padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
8942
- padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom);
8943
- padding-left: var(--pf-c-chip-group--m-category--PaddingLeft);
8944
- background-color: var(--pf-c-chip-group--m-category--BackgroundColor);
8945
- border-radius: var(--pf-c-chip-group--m-category--BorderRadius);
8946
- }
8947
-
8948
- .pf-c-chip-group__main {
8949
- display: flex;
8950
- flex: 1;
8951
- flex-wrap: wrap;
8952
- align-items: baseline;
8953
- }
8954
-
8955
- .pf-c-chip-group__list {
8956
- margin-right: var(--pf-c-chip-group__list--MarginRight);
8957
- margin-bottom: var(--pf-c-chip-group__list--MarginBottom);
8958
- }
8959
-
8960
- .pf-c-chip-group,
8961
- .pf-c-chip-group__list {
8962
- display: inline-flex;
8963
- flex-wrap: wrap;
8964
- align-items: center;
8965
- }
8966
-
8967
- .pf-c-chip-group__list-item {
8968
- display: inline-flex;
8969
- margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8970
- margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8971
- }
8972
-
8973
- .pf-c-chip-group__label {
8974
- overflow: hidden;
8975
- text-overflow: ellipsis;
8976
- white-space: nowrap;
8977
- max-width: var(--pf-c-chip-group__label--MaxWidth);
8978
- margin-right: var(--pf-c-chip-group__label--MarginRight);
8979
- font-size: var(--pf-c-chip-group__label--FontSize);
8980
- }
8981
-
8982
- .pf-c-chip-group__close {
8983
- display: flex;
8984
- align-self: flex-start;
8985
- margin-top: var(--pf-c-chip-group__close--MarginTop);
8986
- margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
8987
- }
8988
-
8989
8989
  .pf-c-clipboard-copy {
8990
8990
  --pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
8991
8991
  --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -19712,6 +19712,269 @@ ul.pf-c-list {
19712
19712
  background-color: var(--pf-c-progress__indicator--BackgroundColor);
19713
19713
  }
19714
19714
 
19715
+ .pf-c-progress-stepper {
19716
+ --pf-c-progress-stepper--GridAutoFlow: column;
19717
+ --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
19718
+ --pf-c-progress-stepper--GridTemplateColumns: initial;
19719
+ --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
19720
+ --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
19721
+ --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
19722
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
19723
+ --pf-c-progress-stepper__step-connector--JustifyContent: start;
19724
+ --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
19725
+ --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
19726
+ --pf-c-progress-stepper__step-icon--Width: 1.75rem;
19727
+ --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
19728
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
19729
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
19730
+ --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
19731
+ --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
19732
+ --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
19733
+ --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
19734
+ --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
19735
+ --pf-c-progress-stepper__pficon--MarginTop: 3px;
19736
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
19737
+ --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
19738
+ --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
19739
+ --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
19740
+ --pf-c-progress-stepper__step-connector--before--Left: 0;
19741
+ --pf-c-progress-stepper__step-connector--before--Width: 100%;
19742
+ --pf-c-progress-stepper__step-connector--before--Height: auto;
19743
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
19744
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
19745
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
19746
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
19747
+ --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
19748
+ --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
19749
+ --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
19750
+ --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
19751
+ --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
19752
+ --pf-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
19753
+ --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
19754
+ --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
19755
+ --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
19756
+ --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
19757
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
19758
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
19759
+ --pf-c-progress-stepper__step-main--MarginBottom: 0;
19760
+ --pf-c-progress-stepper__step-main--MarginLeft: 0;
19761
+ --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
19762
+ --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
19763
+ --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
19764
+ --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
19765
+ --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
19766
+ --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
19767
+ --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
19768
+ --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
19769
+ --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
19770
+ --pf-c-progress-stepper__step-title--TextAlign: left;
19771
+ --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
19772
+ --pf-c-progress-stepper__step-title--FontWeight: var(--pf-global--FontWeight--normal);
19773
+ --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-global--FontWeight--bold);
19774
+ --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
19775
+ --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
19776
+ --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
19777
+ --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
19778
+ --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
19779
+ --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
19780
+ --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
19781
+ --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
19782
+ --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
19783
+ --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
19784
+ --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
19785
+ --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-global--Color--100);
19786
+ --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-global--Color--100);
19787
+ --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-global--danger-color--200);
19788
+ --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-global--danger-color--200);
19789
+ --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-global--danger-color--100);
19790
+ --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--danger-color--200);
19791
+ --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--danger-color--200);
19792
+ --pf-c-progress-stepper__step-description--MarginTop: var(--pf-global--spacer--xs);
19793
+ --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
19794
+ --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
19795
+ --pf-c-progress-stepper__step-description--TextAlign: left;
19796
+ --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
19797
+ position: relative;
19798
+ display: grid;
19799
+ grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
19800
+ grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
19801
+ grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
19802
+ grid-auto-columns: 1fr;
19803
+ }
19804
+
19805
+ .pf-c-progress-stepper.pf-m-center {
19806
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
19807
+ --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
19808
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
19809
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
19810
+ --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
19811
+ --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
19812
+ --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
19813
+ --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
19814
+ }
19815
+
19816
+ .pf-c-progress-stepper.pf-m-vertical {
19817
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
19818
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
19819
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
19820
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
19821
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
19822
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
19823
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
19824
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
19825
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
19826
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
19827
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
19828
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
19829
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
19830
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
19831
+ }
19832
+
19833
+ .pf-c-progress-stepper.pf-m-compact {
19834
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
19835
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
19836
+ --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
19837
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
19838
+ --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
19839
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
19840
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
19841
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
19842
+ --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
19843
+ --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
19844
+ }
19845
+
19846
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
19847
+ position: fixed;
19848
+ top: 0;
19849
+ left: 0;
19850
+ overflow: hidden;
19851
+ clip: rect(0, 0, 0, 0);
19852
+ white-space: nowrap;
19853
+ border: 0;
19854
+ }
19855
+
19856
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
19857
+ display: none;
19858
+ }
19859
+
19860
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
19861
+ grid-column: 1/-1;
19862
+ grid-row: 1/2;
19863
+ }
19864
+
19865
+ .pf-c-progress-stepper__step {
19866
+ display: contents;
19867
+ }
19868
+
19869
+ .pf-c-progress-stepper__step.pf-m-current {
19870
+ --pf-c-progress-stepper__step-title--FontWeight: var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);
19871
+ --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-current__step-title--Color);
19872
+ }
19873
+
19874
+ .pf-c-progress-stepper__step.pf-m-pending {
19875
+ --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-pending__step-title--Color);
19876
+ }
19877
+
19878
+ .pf-c-progress-stepper__step.pf-m-success {
19879
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--success-color--100);
19880
+ }
19881
+
19882
+ .pf-c-progress-stepper__step.pf-m-danger {
19883
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--danger-color--100);
19884
+ --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--Color);
19885
+ --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);
19886
+ --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);
19887
+ --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);
19888
+ --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
19889
+ --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor);
19890
+ }
19891
+
19892
+ .pf-c-progress-stepper__step.pf-m-warning {
19893
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--warning-color--100);
19894
+ }
19895
+
19896
+ .pf-c-progress-stepper__step.pf-m-info {
19897
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
19898
+ }
19899
+
19900
+ .pf-c-progress-stepper__step-connector {
19901
+ position: relative;
19902
+ display: flex;
19903
+ justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent);
19904
+ width: 100%;
19905
+ }
19906
+
19907
+ .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
19908
+ position: absolute;
19909
+ top: var(--pf-c-progress-stepper__step-connector--before--Top);
19910
+ left: var(--pf-c-progress-stepper__step-connector--before--Left);
19911
+ width: var(--pf-c-progress-stepper__step-connector--before--Width);
19912
+ height: var(--pf-c-progress-stepper__step-connector--before--Height);
19913
+ content: "";
19914
+ border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
19915
+ border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);
19916
+ transform: var(--pf-c-progress-stepper__step-connector--before--Transform);
19917
+ }
19918
+
19919
+ .pf-c-progress-stepper__step-icon {
19920
+ z-index: var(--pf-c-progress-stepper__step-icon--ZIndex);
19921
+ display: flex;
19922
+ align-items: center;
19923
+ justify-content: center;
19924
+ width: var(--pf-c-progress-stepper__step-icon--Width);
19925
+ height: var(--pf-c-progress-stepper__step-icon--Height);
19926
+ font-size: var(--pf-c-progress-stepper__step-icon--FontSize);
19927
+ color: var(--pf-c-progress-stepper__step-icon--Color);
19928
+ background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor);
19929
+ border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);
19930
+ border-radius: 50%;
19931
+ }
19932
+
19933
+ .pf-c-progress-stepper__step-icon .pficon {
19934
+ margin-top: var(--pf-c-progress-stepper__pficon--MarginTop);
19935
+ }
19936
+
19937
+ .pf-c-progress-stepper__step-icon .fa-exclamation-triangle {
19938
+ margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop);
19939
+ }
19940
+
19941
+ .pf-c-progress-stepper__step-main {
19942
+ margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
19943
+ }
19944
+
19945
+ .pf-c-progress-stepper__step-title {
19946
+ font-size: var(--pf-c-progress-stepper__step-title--FontSize);
19947
+ font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
19948
+ color: var(--pf-c-progress-stepper__step-title--Color);
19949
+ text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
19950
+ }
19951
+
19952
+ .pf-c-progress-stepper__step-title.pf-m-help-text {
19953
+ text-decoration: underline;
19954
+ cursor: pointer;
19955
+ text-decoration-style: dashed;
19956
+ text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
19957
+ text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
19958
+ text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
19959
+ }
19960
+
19961
+ .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
19962
+ --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
19963
+ --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
19964
+ }
19965
+
19966
+ .pf-c-progress-stepper__step-title.pf-m-help-text:focus {
19967
+ --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color);
19968
+ --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
19969
+ }
19970
+
19971
+ .pf-c-progress-stepper__step-description {
19972
+ margin-top: var(--pf-c-progress-stepper__step-description--MarginTop);
19973
+ font-size: var(--pf-c-progress-stepper__step-description--FontSize);
19974
+ color: var(--pf-c-progress-stepper__step-description--Color);
19975
+ text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
19976
+ }
19977
+
19715
19978
  .pf-c-radio {
19716
19979
  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
19717
19980
  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
@@ -20261,583 +20524,320 @@ label.pf-c-radio, .pf-c-radio__label,
20261
20524
  overflow: hidden;
20262
20525
  text-overflow: ellipsis;
20263
20526
  white-space: nowrap;
20264
- --pf-c-form-control--invalid--BackgroundUrl: none;
20265
- position: relative;
20266
- height: auto;
20267
- }
20268
-
20269
- .pf-c-select__toggle .pf-c-select__toggle-clear {
20270
- padding-right: var(--pf-c-select__toggle-clear--PaddingRight);
20271
- padding-left: var(--pf-c-select__toggle-clear--PaddingLeft);
20272
- margin-left: auto;
20273
- }
20274
-
20275
- .pf-c-select__toggle .pf-c-select__toggle-button {
20276
- color: var(--pf-c-select__toggle-button--Color);
20277
- }
20278
-
20279
- .pf-c-select__toggle .pf-c-select__toggle-clear + .pf-c-select__toggle-button {
20280
- padding-left: var(--pf-c-select__toggle-clear--toggle-button--PaddingLeft);
20281
- }
20282
-
20283
- .pf-c-select__toggle.pf-m-placeholder {
20284
- --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
20285
- }
20286
-
20287
- * + .pf-c-select__toggle-arrow {
20288
- margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
20289
- margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
20290
- }
20291
-
20292
- .pf-c-select.pf-m-top.pf-m-expanded .pf-c-select__toggle-arrow {
20293
- transform: rotate(var(--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate));
20294
- }
20295
-
20296
- .pf-c-select__toggle-text {
20297
- overflow: hidden;
20298
- text-overflow: ellipsis;
20299
- white-space: nowrap;
20300
- color: var(--pf-c-select__toggle-text--Color, inherit);
20301
- }
20302
-
20303
- .pf-c-select__toggle-wrapper {
20304
- display: flex;
20305
- flex: 1;
20306
- flex-wrap: wrap;
20307
- align-items: center;
20308
- justify-content: flex-start;
20309
- min-width: 0;
20310
- max-width: var(--pf-c-select__toggle-wrapper--MaxWidth);
20311
- white-space: normal;
20312
- }
20313
-
20314
- .pf-c-select__toggle-wrapper > :not(:last-child) {
20315
- margin-right: var(--pf-c-select__toggle-wrapper--not-last-child--MarginRight);
20316
- }
20317
-
20318
- .pf-c-select__toggle-wrapper > .pf-c-form-control {
20319
- margin-top: calc(-1 * var(--pf-c-select__toggle-wrapper--m-typeahead--PaddingTop));
20320
- }
20321
-
20322
- .pf-c-select__toggle-wrapper .pf-c-chip-group {
20323
- margin-top: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginTop);
20324
- margin-bottom: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom);
20325
- }
20326
-
20327
- .pf-c-select__toggle-wrapper > .pf-c-select__toggle-typeahead:first-child {
20328
- margin-left: calc(-1 * var(--pf-c-select__toggle--PaddingLeft));
20329
- }
20330
-
20331
- .pf-c-select__toggle-icon + .pf-c-select__toggle-text {
20332
- margin-left: var(--pf-c-select__toggle-icon--toggle-text--MarginLeft);
20333
- }
20334
-
20335
- .pf-c-select__toggle-status-icon {
20336
- margin-left: var(--pf-c-select__toggle-status-icon--MarginLeft);
20337
- color: var(--pf-c-select__toggle-status-icon--Color);
20338
- }
20339
-
20340
- .pf-c-select__toggle-badge {
20341
- display: flex;
20342
- padding-left: var(--pf-c-select__toggle-badge--PaddingLeft);
20343
- }
20344
-
20345
- .pf-c-select__toggle-typeahead {
20346
- flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
20347
- flex-grow: 1;
20348
- min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
20349
- flex-shrink: 0;
20350
- }
20351
-
20352
- .pf-c-select__toggle-typeahead.pf-c-form-control {
20353
- background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
20354
- border-top: var(--pf-c-select__toggle-typeahead--BorderTop);
20355
- border-right: var(--pf-c-select__toggle-typeahead--BorderRight);
20356
- border-bottom-color: transparent;
20357
- border-left: var(--pf-c-select__toggle-typeahead--BorderLeft);
20358
- }
20359
-
20360
- .pf-c-select__toggle-typeahead.pf-c-form-control:focus {
20361
- padding-bottom: var(--pf-c-select__toggle-typeahead--focus--PaddingBottom);
20362
- }
20363
-
20364
- .pf-c-select__menu {
20365
- position: absolute;
20366
- top: var(--pf-c-select__menu--Top);
20367
- z-index: var(--pf-c-select__menu--ZIndex);
20368
- width: var(--pf-c-select__menu--Width);
20369
- min-width: var(--pf-c-select__menu--MinWidth);
20370
- padding-top: var(--pf-c-select__menu--PaddingTop);
20371
- padding-bottom: var(--pf-c-select__menu--PaddingBottom);
20372
- background-color: var(--pf-c-select__menu--BackgroundColor);
20373
- background-clip: padding-box;
20374
- box-shadow: var(--pf-c-select__menu--BoxShadow);
20375
- }
20376
-
20377
- .pf-c-select__menu.pf-m-align-right {
20378
- right: 0;
20379
- }
20380
-
20381
- .pf-c-select.pf-m-top .pf-c-select__menu {
20382
- top: 0;
20383
- transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
20384
- }
20385
-
20386
- .pf-c-select__menu-fieldset {
20387
- border: 0;
20388
- }
20389
-
20390
- .pf-c-select__menu-wrapper {
20391
- display: flex;
20392
- }
20393
-
20394
- .pf-c-select__menu-wrapper.pf-m-favorite .pf-c-select__menu-item.pf-m-favorite-action {
20395
- --pf-c-select__menu-item--m-favorite-action--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color);
20396
- --pf-c-select__menu-item--m-favorite-action--hover--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color);
20397
- --pf-c-select__menu-item--m-favorite-action--focus--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color);
20398
- }
20399
-
20400
- .pf-c-select__menu-item {
20401
- position: relative;
20402
- width: var(--pf-c-select__menu-item--Width);
20403
- padding: var(--pf-c-select__menu-item--PaddingTop) var(--pf-c-select__menu-item--PaddingRight) var(--pf-c-select__menu-item--PaddingBottom) var(--pf-c-select__menu-item--PaddingLeft);
20404
- font-size: var(--pf-c-select__menu-item--FontSize);
20405
- font-weight: var(--pf-c-select__menu-item--FontWeight);
20406
- line-height: var(--pf-c-select__menu-item--LineHeight);
20407
- color: var(--pf-c-select__menu-item--Color);
20408
- text-align: left;
20409
- white-space: nowrap;
20410
- background-color: transparent;
20411
- border: none;
20412
- }
20413
-
20414
- .pf-c-select__menu-item:hover, .pf-c-select__menu-item:focus, .pf-c-select__menu-item.pf-m-focus {
20415
- --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--hover__menu-item--m-action--Color);
20416
- text-decoration: none;
20417
- }
20418
-
20419
- .pf-c-select__menu-wrapper:hover, .pf-c-select__menu-item:hover {
20420
- background-color: var(--pf-c-select__menu-item--hover--BackgroundColor);
20421
- }
20422
-
20423
- .pf-c-select__menu-wrapper:focus-within,
20424
- .pf-c-select__menu-wrapper.pf-m-focus, .pf-c-select__menu-item:focus, .pf-c-select__menu-item.pf-m-focus {
20425
- position: relative;
20426
- background-color: var(--pf-c-select__menu-item--focus--BackgroundColor);
20427
- }
20428
-
20429
- .pf-c-select__menu-item.pf-m-link {
20430
- --pf-c-select__menu-item--PaddingRight: 0;
20431
- --pf-c-select__menu-item-main--PaddingRight: 0;
20432
- --pf-c-select__menu-item-description--PaddingRight: 0;
20433
- --pf-c-select__menu-item--Width: var(--pf-c-select__menu-item--m-link--Width);
20434
- --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-c-select__menu-item--m-link--hover--BackgroundColor);
20435
- --pf-c-select__menu-item--focus--BackgroundColor: var(--pf-c-select__menu-item--m-link--focus--BackgroundColor);
20436
- flex-grow: 1;
20527
+ --pf-c-form-control--invalid--BackgroundUrl: none;
20528
+ position: relative;
20529
+ height: auto;
20437
20530
  }
20438
20531
 
20439
- .pf-c-select__menu-item.pf-m-action {
20440
- --pf-c-select__menu-item--Color: var(--pf-c-select__menu-item--m-action--Color);
20441
- --pf-c-select__menu-item--Width: var(--pf-c-select__menu-item--m-action--Width);
20442
- --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-c-select__menu-item--m-action--hover--BackgroundColor);
20443
- --pf-c-select__menu-item--focus--BackgroundColor: var(--pf-c-select__menu-item--m-action--focus--BackgroundColor);
20444
- display: flex;
20445
- align-items: flex-start;
20446
- font-size: var(--pf-c-select__menu-item--m-action--FontSize);
20532
+ .pf-c-select__toggle .pf-c-select__toggle-clear {
20533
+ padding-right: var(--pf-c-select__toggle-clear--PaddingRight);
20534
+ padding-left: var(--pf-c-select__toggle-clear--PaddingLeft);
20535
+ margin-left: auto;
20447
20536
  }
20448
20537
 
20449
- .pf-c-select__menu-item.pf-m-action:hover {
20450
- --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-action--hover--Color);
20538
+ .pf-c-select__toggle .pf-c-select__toggle-button {
20539
+ color: var(--pf-c-select__toggle-button--Color);
20451
20540
  }
20452
20541
 
20453
- .pf-c-select__menu-item.pf-m-action:focus {
20454
- --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-action--focus--Color);
20542
+ .pf-c-select__toggle .pf-c-select__toggle-clear + .pf-c-select__toggle-button {
20543
+ padding-left: var(--pf-c-select__toggle-clear--toggle-button--PaddingLeft);
20455
20544
  }
20456
20545
 
20457
- .pf-c-select__menu-item.pf-m-action:disabled {
20458
- --pf-c-select__menu-item--disabled--Color: var(--pf-c-select__menu-item--m-action--disabled--Color);
20546
+ .pf-c-select__toggle.pf-m-placeholder {
20547
+ --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
20459
20548
  }
20460
20549
 
20461
- .pf-c-select__menu-item.pf-m-favorite-action {
20462
- --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-favorite-action--Color);
20463
- --pf-c-select__menu-item--m-action--hover--Color: var(--pf-c-select__menu-item--m-favorite-action--hover--Color);
20464
- --pf-c-select__menu-item--m-action--focus--Color: var(--pf-c-select__menu-item--m-favorite-action--focus--Color);
20550
+ * + .pf-c-select__toggle-arrow {
20551
+ margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
20552
+ margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
20465
20553
  }
20466
20554
 
20467
- .pf-c-select__menu-item.pf-m-selected {
20468
- --pf-c-select__menu-item--PaddingRight: var(--pf-c-select__menu-item--m-selected--PaddingRight);
20469
- --pf-c-select__menu-item-main--PaddingRight: var(--pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight);
20555
+ .pf-c-select.pf-m-top.pf-m-expanded .pf-c-select__toggle-arrow {
20556
+ transform: rotate(var(--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate));
20470
20557
  }
20471
20558
 
20472
- .pf-c-select__menu-item.pf-m-description {
20473
- white-space: normal;
20559
+ .pf-c-select__toggle-text {
20560
+ overflow: hidden;
20561
+ text-overflow: ellipsis;
20562
+ white-space: nowrap;
20563
+ color: var(--pf-c-select__toggle-text--Color, inherit);
20474
20564
  }
20475
20565
 
20476
- .pf-c-select__menu-item.pf-m-description:not(.pf-c-check) {
20477
- --pf-c-select__menu-item--PaddingRight: 0;
20566
+ .pf-c-select__toggle-wrapper {
20567
+ display: flex;
20568
+ flex: 1;
20569
+ flex-wrap: wrap;
20570
+ align-items: center;
20571
+ justify-content: flex-start;
20572
+ min-width: 0;
20573
+ max-width: var(--pf-c-select__toggle-wrapper--MaxWidth);
20574
+ white-space: normal;
20478
20575
  }
20479
20576
 
20480
- .pf-c-select__menu-item.pf-m-description .pf-c-check__label {
20481
- white-space: nowrap;
20577
+ .pf-c-select__toggle-wrapper > :not(:last-child) {
20578
+ margin-right: var(--pf-c-select__toggle-wrapper--not-last-child--MarginRight);
20482
20579
  }
20483
20580
 
20484
- .pf-c-select__menu-wrapper.pf-m-disabled, .pf-c-select__menu-item:disabled, .pf-c-select__menu-item.pf-m-disabled {
20485
- --pf-c-select__menu-item-count--Color: var(--pf-c-select__menu-item--disabled__menu-item-count--Color);
20486
- color: var(--pf-c-select__menu-item--disabled--Color);
20487
- pointer-events: none;
20488
- background-color: var(--pf-c-select__menu-item--disabled--BackgroundColor);
20581
+ .pf-c-select__toggle-wrapper > .pf-c-form-control {
20582
+ margin-top: calc(-1 * var(--pf-c-select__toggle-wrapper--m-typeahead--PaddingTop));
20489
20583
  }
20490
20584
 
20491
- .pf-c-select__menu-item.pf-c-check .pf-c-check__label {
20492
- width: 100%;
20585
+ .pf-c-select__toggle-wrapper .pf-c-chip-group {
20586
+ margin-top: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginTop);
20587
+ margin-bottom: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom);
20493
20588
  }
20494
20589
 
20495
- .pf-c-select__menu-item.pf-m-load {
20496
- --pf-c-select__menu-item--hover--BackgroundColor: transparent;
20497
- --pf-c-select__menu-item--focus--BackgroundColor: transparent;
20498
- --pf-c-select__menu-item--Color: var(--pf-c-select__menu-item--m-load--Color);
20590
+ .pf-c-select__toggle-wrapper > .pf-c-select__toggle-typeahead:first-child {
20591
+ margin-left: calc(-1 * var(--pf-c-select__toggle--PaddingLeft));
20499
20592
  }
20500
20593
 
20501
- .pf-c-select__list-item.pf-m-loading {
20502
- padding-top: var(--pf-c-select__list-item--m-loading--PaddingTop);
20503
- text-align: center;
20594
+ .pf-c-select__toggle-icon + .pf-c-select__toggle-text {
20595
+ margin-left: var(--pf-c-select__toggle-icon--toggle-text--MarginLeft);
20504
20596
  }
20505
20597
 
20506
- .pf-c-select__menu-item-main {
20507
- position: relative;
20508
- display: block;
20509
- padding-right: var(--pf-c-select__menu-item-main--PaddingRight);
20510
- white-space: nowrap;
20598
+ .pf-c-select__toggle-status-icon {
20599
+ margin-left: var(--pf-c-select__toggle-status-icon--MarginLeft);
20600
+ color: var(--pf-c-select__toggle-status-icon--Color);
20511
20601
  }
20512
20602
 
20513
- .pf-c-select__menu-item-row {
20603
+ .pf-c-select__toggle-badge {
20514
20604
  display: flex;
20605
+ padding-left: var(--pf-c-select__toggle-badge--PaddingLeft);
20515
20606
  }
20516
20607
 
20517
- .pf-c-select__menu-item-text {
20608
+ .pf-c-select__toggle-typeahead {
20609
+ flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis);
20518
20610
  flex-grow: 1;
20611
+ min-width: var(--pf-c-select__toggle-typeahead--MinWidth);
20612
+ flex-shrink: 0;
20519
20613
  }
20520
20614
 
20521
- .pf-c-select__menu-item-count {
20522
- align-self: center;
20523
- margin-left: var(--pf-c-select__menu-item-count--MarginLeft);
20524
- font-size: var(--pf-c-select__menu-item-count--FontSize);
20525
- color: var(--pf-c-select__menu-item-count--Color);
20615
+ .pf-c-select__toggle-typeahead.pf-c-form-control {
20616
+ background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor);
20617
+ border-top: var(--pf-c-select__toggle-typeahead--BorderTop);
20618
+ border-right: var(--pf-c-select__toggle-typeahead--BorderRight);
20619
+ border-bottom-color: transparent;
20620
+ border-left: var(--pf-c-select__toggle-typeahead--BorderLeft);
20526
20621
  }
20527
20622
 
20528
- .pf-c-select__menu-item-description {
20529
- display: block;
20530
- padding-right: var(--pf-c-select__menu-item-description--PaddingRight);
20531
- font-size: var(--pf-c-select__menu-item-description--FontSize);
20532
- color: var(--pf-c-select__menu-item-description--Color);
20623
+ .pf-c-select__toggle-typeahead.pf-c-form-control:focus {
20624
+ padding-bottom: var(--pf-c-select__toggle-typeahead--focus--PaddingBottom);
20533
20625
  }
20534
20626
 
20535
- .pf-c-select__menu-item-icon {
20627
+ .pf-c-select__menu {
20536
20628
  position: absolute;
20537
- top: var(--pf-c-select__menu-item-icon--Top);
20538
- right: var(--pf-c-select__menu-item-icon--Right);
20539
- font-size: var(--pf-c-select__menu-item-icon--FontSize);
20540
- color: var(--pf-c-select__menu-item-icon--Color);
20541
- transform: translateY(var(--pf-c-select__menu-item-icon--TranslateY));
20542
- }
20543
-
20544
- .pf-c-select__menu-item-action-icon {
20545
- display: flex;
20546
- align-items: center;
20547
- min-height: var(--pf-c-select__menu-item-action-icon--MinHeight);
20629
+ top: var(--pf-c-select__menu--Top);
20630
+ z-index: var(--pf-c-select__menu--ZIndex);
20631
+ width: var(--pf-c-select__menu--Width);
20632
+ min-width: var(--pf-c-select__menu--MinWidth);
20633
+ padding-top: var(--pf-c-select__menu--PaddingTop);
20634
+ padding-bottom: var(--pf-c-select__menu--PaddingBottom);
20635
+ background-color: var(--pf-c-select__menu--BackgroundColor);
20636
+ background-clip: padding-box;
20637
+ box-shadow: var(--pf-c-select__menu--BoxShadow);
20548
20638
  }
20549
20639
 
20550
- .pf-c-select__menu-item--match {
20551
- font-weight: var(--pf-c-select__menu-item--match--FontWeight);
20552
- background-color: inherit;
20640
+ .pf-c-select__menu.pf-m-align-right {
20641
+ right: 0;
20553
20642
  }
20554
20643
 
20555
- .pf-c-select__menu-group + .pf-c-select__menu-group {
20556
- padding-top: var(--pf-c-select__menu-group--menu-group--PaddingTop);
20644
+ .pf-c-select.pf-m-top .pf-c-select__menu {
20645
+ top: 0;
20646
+ transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
20557
20647
  }
20558
20648
 
20559
- .pf-c-select__menu-search {
20560
- padding: var(--pf-c-select__menu-search--PaddingTop) var(--pf-c-select__menu-search--PaddingRight) var(--pf-c-select__menu-search--PaddingBottom) var(--pf-c-select__menu-search--PaddingLeft);
20649
+ .pf-c-select__menu-fieldset {
20650
+ border: 0;
20561
20651
  }
20562
20652
 
20563
- .pf-c-select__menu-group-title {
20564
- padding-top: var(--pf-c-select__menu-group-title--PaddingTop);
20565
- padding-right: var(--pf-c-select__menu-group-title--PaddingRight);
20566
- padding-bottom: var(--pf-c-select__menu-group-title--PaddingBottom);
20567
- padding-left: var(--pf-c-select__menu-group-title--PaddingLeft);
20568
- font-size: var(--pf-c-select__menu-group-title--FontSize);
20569
- font-weight: var(--pf-c-select__menu-group-title--FontWeight);
20570
- color: var(--pf-c-select__menu-group-title--Color);
20653
+ .pf-c-select__menu-wrapper {
20654
+ display: flex;
20571
20655
  }
20572
20656
 
20573
- .pf-c-select__menu-footer {
20574
- padding: var(--pf-c-select__menu-footer--PaddingTop) var(--pf-c-select__menu-footer--PaddingRight) var(--pf-c-select__menu-footer--PaddingBottom) var(--pf-c-select__menu-footer--PaddingLeft);
20575
- margin-top: var(--pf-c-select__menu-footer--MarginTop);
20576
- margin-bottom: var(--pf-c-select__menu-footer--MarginBottom);
20577
- box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
20657
+ .pf-c-select__menu-wrapper.pf-m-favorite .pf-c-select__menu-item.pf-m-favorite-action {
20658
+ --pf-c-select__menu-item--m-favorite-action--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color);
20659
+ --pf-c-select__menu-item--m-favorite-action--hover--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color);
20660
+ --pf-c-select__menu-item--m-favorite-action--focus--Color: var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color);
20578
20661
  }
20579
-
20580
- .pf-c-progress-stepper {
20581
- --pf-c-progress-stepper--GridAutoFlow: column;
20582
- --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
20583
- --pf-c-progress-stepper--GridTemplateColumns: initial;
20584
- --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
20585
- --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
20586
- --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
20587
- --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
20588
- --pf-c-progress-stepper__step-connector--JustifyContent: start;
20589
- --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
20590
- --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
20591
- --pf-c-progress-stepper__step-icon--Width: 1.75rem;
20592
- --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
20593
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
20594
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
20595
- --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
20596
- --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
20597
- --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
20598
- --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
20599
- --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
20600
- --pf-c-progress-stepper__pficon--MarginTop: 3px;
20601
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
20602
- --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
20603
- --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
20604
- --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
20605
- --pf-c-progress-stepper__step-connector--before--Left: 0;
20606
- --pf-c-progress-stepper__step-connector--before--Width: 100%;
20607
- --pf-c-progress-stepper__step-connector--before--Height: auto;
20608
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
20609
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
20610
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
20611
- --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
20612
- --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
20613
- --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
20614
- --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
20615
- --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
20616
- --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
20617
- --pf-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
20618
- --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
20619
- --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
20620
- --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
20621
- --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
20622
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
20623
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
20624
- --pf-c-progress-stepper__step-main--MarginBottom: 0;
20625
- --pf-c-progress-stepper__step-main--MarginLeft: 0;
20626
- --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
20627
- --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
20628
- --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
20629
- --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
20630
- --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
20631
- --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
20632
- --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
20633
- --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
20634
- --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
20635
- --pf-c-progress-stepper__step-title--TextAlign: left;
20636
- --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
20637
- --pf-c-progress-stepper__step-title--FontWeight: var(--pf-global--FontWeight--normal);
20638
- --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-global--FontWeight--bold);
20639
- --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
20640
- --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
20641
- --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
20642
- --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
20643
- --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
20644
- --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
20645
- --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
20646
- --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
20647
- --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
20648
- --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
20649
- --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
20650
- --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-global--Color--100);
20651
- --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-global--Color--100);
20652
- --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-global--danger-color--200);
20653
- --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-global--danger-color--200);
20654
- --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-global--danger-color--100);
20655
- --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-global--danger-color--200);
20656
- --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-global--danger-color--200);
20657
- --pf-c-progress-stepper__step-description--MarginTop: var(--pf-global--spacer--xs);
20658
- --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
20659
- --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
20660
- --pf-c-progress-stepper__step-description--TextAlign: left;
20661
- --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
20662
+
20663
+ .pf-c-select__menu-item {
20662
20664
  position: relative;
20663
- display: grid;
20664
- grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
20665
- grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns);
20666
- grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
20667
- grid-auto-columns: 1fr;
20665
+ width: var(--pf-c-select__menu-item--Width);
20666
+ padding: var(--pf-c-select__menu-item--PaddingTop) var(--pf-c-select__menu-item--PaddingRight) var(--pf-c-select__menu-item--PaddingBottom) var(--pf-c-select__menu-item--PaddingLeft);
20667
+ font-size: var(--pf-c-select__menu-item--FontSize);
20668
+ font-weight: var(--pf-c-select__menu-item--FontWeight);
20669
+ line-height: var(--pf-c-select__menu-item--LineHeight);
20670
+ color: var(--pf-c-select__menu-item--Color);
20671
+ text-align: left;
20672
+ white-space: nowrap;
20673
+ background-color: transparent;
20674
+ border: none;
20668
20675
  }
20669
20676
 
20670
- .pf-c-progress-stepper.pf-m-center {
20671
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
20672
- --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
20673
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
20674
- --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
20675
- --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
20676
- --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
20677
- --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
20678
- --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
20677
+ .pf-c-select__menu-item:hover, .pf-c-select__menu-item:focus, .pf-c-select__menu-item.pf-m-focus {
20678
+ --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--hover__menu-item--m-action--Color);
20679
+ text-decoration: none;
20679
20680
  }
20680
20681
 
20681
- .pf-c-progress-stepper.pf-m-vertical {
20682
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
20683
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
20684
- --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
20685
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
20686
- --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
20687
- --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
20688
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
20689
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
20690
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
20691
- --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
20692
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
20693
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
20694
- --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
20695
- --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
20682
+ .pf-c-select__menu-wrapper:hover, .pf-c-select__menu-item:hover {
20683
+ background-color: var(--pf-c-select__menu-item--hover--BackgroundColor);
20696
20684
  }
20697
20685
 
20698
- .pf-c-progress-stepper.pf-m-compact {
20699
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
20700
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
20701
- --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
20702
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
20703
- --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
20704
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
20705
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
20706
- --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
20707
- --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
20708
- --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
20686
+ .pf-c-select__menu-wrapper:focus-within,
20687
+ .pf-c-select__menu-wrapper.pf-m-focus, .pf-c-select__menu-item:focus, .pf-c-select__menu-item.pf-m-focus {
20688
+ position: relative;
20689
+ background-color: var(--pf-c-select__menu-item--focus--BackgroundColor);
20709
20690
  }
20710
20691
 
20711
- .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
20712
- position: fixed;
20713
- top: 0;
20714
- left: 0;
20715
- overflow: hidden;
20716
- clip: rect(0, 0, 0, 0);
20717
- white-space: nowrap;
20718
- border: 0;
20692
+ .pf-c-select__menu-item.pf-m-link {
20693
+ --pf-c-select__menu-item--PaddingRight: 0;
20694
+ --pf-c-select__menu-item-main--PaddingRight: 0;
20695
+ --pf-c-select__menu-item-description--PaddingRight: 0;
20696
+ --pf-c-select__menu-item--Width: var(--pf-c-select__menu-item--m-link--Width);
20697
+ --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-c-select__menu-item--m-link--hover--BackgroundColor);
20698
+ --pf-c-select__menu-item--focus--BackgroundColor: var(--pf-c-select__menu-item--m-link--focus--BackgroundColor);
20699
+ flex-grow: 1;
20719
20700
  }
20720
20701
 
20721
- .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
20722
- display: none;
20702
+ .pf-c-select__menu-item.pf-m-action {
20703
+ --pf-c-select__menu-item--Color: var(--pf-c-select__menu-item--m-action--Color);
20704
+ --pf-c-select__menu-item--Width: var(--pf-c-select__menu-item--m-action--Width);
20705
+ --pf-c-select__menu-item--hover--BackgroundColor: var(--pf-c-select__menu-item--m-action--hover--BackgroundColor);
20706
+ --pf-c-select__menu-item--focus--BackgroundColor: var(--pf-c-select__menu-item--m-action--focus--BackgroundColor);
20707
+ display: flex;
20708
+ align-items: flex-start;
20709
+ font-size: var(--pf-c-select__menu-item--m-action--FontSize);
20723
20710
  }
20724
20711
 
20725
- .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
20726
- grid-column: 1/-1;
20727
- grid-row: 1/2;
20712
+ .pf-c-select__menu-item.pf-m-action:hover {
20713
+ --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-action--hover--Color);
20728
20714
  }
20729
20715
 
20730
- .pf-c-progress-stepper__step {
20731
- display: contents;
20716
+ .pf-c-select__menu-item.pf-m-action:focus {
20717
+ --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-action--focus--Color);
20732
20718
  }
20733
20719
 
20734
- .pf-c-progress-stepper__step.pf-m-current {
20735
- --pf-c-progress-stepper__step-title--FontWeight: var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);
20736
- --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-current__step-title--Color);
20720
+ .pf-c-select__menu-item.pf-m-action:disabled {
20721
+ --pf-c-select__menu-item--disabled--Color: var(--pf-c-select__menu-item--m-action--disabled--Color);
20737
20722
  }
20738
20723
 
20739
- .pf-c-progress-stepper__step.pf-m-pending {
20740
- --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-pending__step-title--Color);
20724
+ .pf-c-select__menu-item.pf-m-favorite-action {
20725
+ --pf-c-select__menu-item--m-action--Color: var(--pf-c-select__menu-item--m-favorite-action--Color);
20726
+ --pf-c-select__menu-item--m-action--hover--Color: var(--pf-c-select__menu-item--m-favorite-action--hover--Color);
20727
+ --pf-c-select__menu-item--m-action--focus--Color: var(--pf-c-select__menu-item--m-favorite-action--focus--Color);
20741
20728
  }
20742
20729
 
20743
- .pf-c-progress-stepper__step.pf-m-success {
20744
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--success-color--100);
20730
+ .pf-c-select__menu-item.pf-m-selected {
20731
+ --pf-c-select__menu-item--PaddingRight: var(--pf-c-select__menu-item--m-selected--PaddingRight);
20732
+ --pf-c-select__menu-item-main--PaddingRight: var(--pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight);
20745
20733
  }
20746
20734
 
20747
- .pf-c-progress-stepper__step.pf-m-danger {
20748
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--danger-color--100);
20749
- --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--Color);
20750
- --pf-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);
20751
- --pf-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);
20752
- --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);
20753
- --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
20754
- --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor);
20735
+ .pf-c-select__menu-item.pf-m-description {
20736
+ white-space: normal;
20755
20737
  }
20756
20738
 
20757
- .pf-c-progress-stepper__step.pf-m-warning {
20758
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--warning-color--100);
20739
+ .pf-c-select__menu-item.pf-m-description:not(.pf-c-check) {
20740
+ --pf-c-select__menu-item--PaddingRight: 0;
20759
20741
  }
20760
20742
 
20761
- .pf-c-progress-stepper__step.pf-m-info {
20762
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
20743
+ .pf-c-select__menu-item.pf-m-description .pf-c-check__label {
20744
+ white-space: nowrap;
20763
20745
  }
20764
20746
 
20765
- .pf-c-progress-stepper__step-connector {
20766
- position: relative;
20767
- display: flex;
20768
- justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent);
20747
+ .pf-c-select__menu-wrapper.pf-m-disabled, .pf-c-select__menu-item:disabled, .pf-c-select__menu-item.pf-m-disabled {
20748
+ --pf-c-select__menu-item-count--Color: var(--pf-c-select__menu-item--disabled__menu-item-count--Color);
20749
+ color: var(--pf-c-select__menu-item--disabled--Color);
20750
+ pointer-events: none;
20751
+ background-color: var(--pf-c-select__menu-item--disabled--BackgroundColor);
20752
+ }
20753
+
20754
+ .pf-c-select__menu-item.pf-c-check .pf-c-check__label {
20769
20755
  width: 100%;
20770
20756
  }
20771
20757
 
20772
- .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
20773
- position: absolute;
20774
- top: var(--pf-c-progress-stepper__step-connector--before--Top);
20775
- left: var(--pf-c-progress-stepper__step-connector--before--Left);
20776
- width: var(--pf-c-progress-stepper__step-connector--before--Width);
20777
- height: var(--pf-c-progress-stepper__step-connector--before--Height);
20778
- content: "";
20779
- border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
20780
- border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);
20781
- transform: var(--pf-c-progress-stepper__step-connector--before--Transform);
20758
+ .pf-c-select__menu-item.pf-m-load {
20759
+ --pf-c-select__menu-item--hover--BackgroundColor: transparent;
20760
+ --pf-c-select__menu-item--focus--BackgroundColor: transparent;
20761
+ --pf-c-select__menu-item--Color: var(--pf-c-select__menu-item--m-load--Color);
20782
20762
  }
20783
20763
 
20784
- .pf-c-progress-stepper__step-icon {
20785
- z-index: var(--pf-c-progress-stepper__step-icon--ZIndex);
20764
+ .pf-c-select__list-item.pf-m-loading {
20765
+ padding-top: var(--pf-c-select__list-item--m-loading--PaddingTop);
20766
+ text-align: center;
20767
+ }
20768
+
20769
+ .pf-c-select__menu-item-main {
20770
+ position: relative;
20771
+ display: block;
20772
+ padding-right: var(--pf-c-select__menu-item-main--PaddingRight);
20773
+ white-space: nowrap;
20774
+ }
20775
+
20776
+ .pf-c-select__menu-item-row {
20786
20777
  display: flex;
20787
- align-items: center;
20788
- justify-content: center;
20789
- width: var(--pf-c-progress-stepper__step-icon--Width);
20790
- height: var(--pf-c-progress-stepper__step-icon--Height);
20791
- font-size: var(--pf-c-progress-stepper__step-icon--FontSize);
20792
- color: var(--pf-c-progress-stepper__step-icon--Color);
20793
- background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor);
20794
- border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);
20795
- border-radius: 50%;
20796
20778
  }
20797
20779
 
20798
- .pf-c-progress-stepper__step-icon .pficon {
20799
- margin-top: var(--pf-c-progress-stepper__pficon--MarginTop);
20780
+ .pf-c-select__menu-item-text {
20781
+ flex-grow: 1;
20800
20782
  }
20801
20783
 
20802
- .pf-c-progress-stepper__step-icon .fa-exclamation-triangle {
20803
- margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop);
20784
+ .pf-c-select__menu-item-count {
20785
+ align-self: center;
20786
+ margin-left: var(--pf-c-select__menu-item-count--MarginLeft);
20787
+ font-size: var(--pf-c-select__menu-item-count--FontSize);
20788
+ color: var(--pf-c-select__menu-item-count--Color);
20804
20789
  }
20805
20790
 
20806
- .pf-c-progress-stepper__step-main {
20807
- margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
20791
+ .pf-c-select__menu-item-description {
20792
+ display: block;
20793
+ padding-right: var(--pf-c-select__menu-item-description--PaddingRight);
20794
+ font-size: var(--pf-c-select__menu-item-description--FontSize);
20795
+ color: var(--pf-c-select__menu-item-description--Color);
20808
20796
  }
20809
20797
 
20810
- .pf-c-progress-stepper__step-title {
20811
- font-size: var(--pf-c-progress-stepper__step-title--FontSize);
20812
- font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
20813
- color: var(--pf-c-progress-stepper__step-title--Color);
20814
- text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
20798
+ .pf-c-select__menu-item-icon {
20799
+ position: absolute;
20800
+ top: var(--pf-c-select__menu-item-icon--Top);
20801
+ right: var(--pf-c-select__menu-item-icon--Right);
20802
+ font-size: var(--pf-c-select__menu-item-icon--FontSize);
20803
+ color: var(--pf-c-select__menu-item-icon--Color);
20804
+ transform: translateY(var(--pf-c-select__menu-item-icon--TranslateY));
20815
20805
  }
20816
20806
 
20817
- .pf-c-progress-stepper__step-title.pf-m-help-text {
20818
- text-decoration: underline;
20819
- cursor: pointer;
20820
- text-decoration-style: dashed;
20821
- text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
20822
- text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
20823
- text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
20807
+ .pf-c-select__menu-item-action-icon {
20808
+ display: flex;
20809
+ align-items: center;
20810
+ min-height: var(--pf-c-select__menu-item-action-icon--MinHeight);
20824
20811
  }
20825
20812
 
20826
- .pf-c-progress-stepper__step-title.pf-m-help-text:hover {
20827
- --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color);
20828
- --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
20813
+ .pf-c-select__menu-item--match {
20814
+ font-weight: var(--pf-c-select__menu-item--match--FontWeight);
20815
+ background-color: inherit;
20829
20816
  }
20830
20817
 
20831
- .pf-c-progress-stepper__step-title.pf-m-help-text:focus {
20832
- --pf-c-progress-stepper__step-title--Color: var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color);
20833
- --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
20818
+ .pf-c-select__menu-group + .pf-c-select__menu-group {
20819
+ padding-top: var(--pf-c-select__menu-group--menu-group--PaddingTop);
20834
20820
  }
20835
20821
 
20836
- .pf-c-progress-stepper__step-description {
20837
- margin-top: var(--pf-c-progress-stepper__step-description--MarginTop);
20838
- font-size: var(--pf-c-progress-stepper__step-description--FontSize);
20839
- color: var(--pf-c-progress-stepper__step-description--Color);
20840
- text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
20822
+ .pf-c-select__menu-search {
20823
+ padding: var(--pf-c-select__menu-search--PaddingTop) var(--pf-c-select__menu-search--PaddingRight) var(--pf-c-select__menu-search--PaddingBottom) var(--pf-c-select__menu-search--PaddingLeft);
20824
+ }
20825
+
20826
+ .pf-c-select__menu-group-title {
20827
+ padding-top: var(--pf-c-select__menu-group-title--PaddingTop);
20828
+ padding-right: var(--pf-c-select__menu-group-title--PaddingRight);
20829
+ padding-bottom: var(--pf-c-select__menu-group-title--PaddingBottom);
20830
+ padding-left: var(--pf-c-select__menu-group-title--PaddingLeft);
20831
+ font-size: var(--pf-c-select__menu-group-title--FontSize);
20832
+ font-weight: var(--pf-c-select__menu-group-title--FontWeight);
20833
+ color: var(--pf-c-select__menu-group-title--Color);
20834
+ }
20835
+
20836
+ .pf-c-select__menu-footer {
20837
+ padding: var(--pf-c-select__menu-footer--PaddingTop) var(--pf-c-select__menu-footer--PaddingRight) var(--pf-c-select__menu-footer--PaddingBottom) var(--pf-c-select__menu-footer--PaddingLeft);
20838
+ margin-top: var(--pf-c-select__menu-footer--MarginTop);
20839
+ margin-bottom: var(--pf-c-select__menu-footer--MarginBottom);
20840
+ box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
20841
20841
  }
20842
20842
 
20843
20843
  .pf-c-simple-list {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-table",
3
- "version": "4.58.4",
3
+ "version": "4.58.5",
4
4
  "description": "This library provides a set of React table components for use with the PatternFly 4",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
31
31
  "clean": "rimraf dist"
32
32
  },
33
33
  "dependencies": {
34
- "@patternfly/react-core": "^4.189.4",
35
- "@patternfly/react-icons": "^4.40.4",
36
- "@patternfly/react-styles": "^4.39.4",
37
- "@patternfly/react-tokens": "^4.41.4",
34
+ "@patternfly/react-core": "^4.189.5",
35
+ "@patternfly/react-icons": "^4.40.5",
36
+ "@patternfly/react-styles": "^4.39.5",
37
+ "@patternfly/react-tokens": "^4.41.5",
38
38
  "lodash": "^4.17.19",
39
39
  "tslib": "^2.0.0"
40
40
  },
@@ -46,5 +46,5 @@
46
46
  "react": "^16.8.0 || ^17.0.0",
47
47
  "react-dom": "^16.8.0 || ^17.0.0"
48
48
  },
49
- "gitHead": "63c9e1d1da66ac8b1e4a47fa6e76e530cc98208f"
49
+ "gitHead": "01c8b913108c70fcddb6ee6d7bdf523dffc620b7"
50
50
  }