@patternfly/patternfly 6.0.0-alpha.33 → 6.0.0-alpha.34

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.
Files changed (19) hide show
  1. package/base/patternfly-variables.css +2 -0
  2. package/base/tokens/_tokens-default.scss +2 -0
  3. package/components/EmptyState/empty-state.css +57 -34
  4. package/components/EmptyState/empty-state.scss +63 -34
  5. package/components/ExpandableSection/expandable-section.css +10 -17
  6. package/components/ExpandableSection/expandable-section.scss +13 -20
  7. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  8. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  9. package/docs/components/ExpandableSection/examples/ExpandableSection.md +2 -4
  10. package/package.json +1 -1
  11. package/patternfly-base-no-globals-theme-dark-unversioned.css +2 -0
  12. package/patternfly-base-no-globals.css +2 -0
  13. package/patternfly-base-theme-dark-unversioned.css +2 -0
  14. package/patternfly-base.css +2 -0
  15. package/patternfly-no-globals.css +69 -51
  16. package/patternfly-theme-dark-unversioned.css +69 -51
  17. package/patternfly.css +69 -51
  18. package/patternfly.min.css +1 -1
  19. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -499,6 +499,7 @@ html .ws-preview {
499
499
  --pf-t--global--border--width--300: 3px;
500
500
  --pf-t--global--border--width--200: 2px;
501
501
  --pf-t--global--border--width--100: 1px;
502
+ --pf-t--global--icon--size--500: 96px;
502
503
  --pf-t--global--icon--size--400: 56px;
503
504
  --pf-t--global--icon--size--300: 22px;
504
505
  --pf-t--global--icon--size--250: 16px;
@@ -615,6 +616,7 @@ html .ws-preview {
615
616
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
616
617
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
617
618
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
619
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
618
620
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
619
621
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
620
622
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -14791,44 +14793,52 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14791
14793
  background: transparent;
14792
14794
  }
14793
14795
 
14794
- .pf-v5-c-empty-state {
14795
- --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
14796
- --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
14797
- --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
14798
- --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
14799
- --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
14800
- --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
14801
- --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
14802
- --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
14796
+ :root {
14797
+ --pf-v5-c-empty-state--PaddingTop: var(--pf-t--global--spacer--xl);
14798
+ --pf-v5-c-empty-state--PaddingRight: var(--pf-t--global--spacer--xl);
14799
+ --pf-v5-c-empty-state--PaddingBottom: var(--pf-t--global--spacer--xl);
14800
+ --pf-v5-c-empty-state--PaddingLeft: var(--pf-t--global--spacer--xl);
14801
+ --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-t--global--spacer--md);
14802
+ --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-t--global--spacer--md);
14803
+ --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-t--global--spacer--md);
14804
+ --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-t--global--spacer--md);
14803
14805
  --pf-v5-c-empty-state__content--MaxWidth: none;
14804
14806
  --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14805
14807
  --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
14806
14808
  --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14807
- --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
14808
- --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
14809
- --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
14810
- --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
14811
- --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
14812
- --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14813
- --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
14814
- --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
14815
- --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
14816
- --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
14817
- --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
14818
- --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
14819
- --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
14820
- --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
14821
- --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
14822
- --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
14823
- --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
14824
- --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
14825
- --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
14826
- --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
14827
- --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
14828
- --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
14829
- --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
14830
- --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
14831
- --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
14809
+ --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14810
+ --pf-v5-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
14811
+ --pf-v5-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
14812
+ --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14813
+ --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-t--global--spacer--xl);
14814
+ --pf-v5-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
14815
+ --pf-v5-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
14816
+ --pf-v5-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
14817
+ --pf-v5-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
14818
+ --pf-v5-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
14819
+ --pf-v5-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
14820
+ --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
14821
+ --pf-v5-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
14822
+ --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
14823
+ --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14824
+ --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
14825
+ --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
14826
+ --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14827
+ --pf-v5-c-empty-state__body--MarginTop: var(--pf-t--global--spacer--md);
14828
+ --pf-v5-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
14829
+ --pf-v5-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
14830
+ --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
14831
+ --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-t--global--spacer--md);
14832
+ --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
14833
+ --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-t--global--spacer--xl);
14834
+ --pf-v5-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
14835
+ --pf-v5-c-empty-state__footer--MarginTop: var(--pf-t--global--spacer--xl);
14836
+ --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-t--global--spacer--md);
14837
+ --pf-v5-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
14838
+ --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
14839
+ }
14840
+
14841
+ .pf-v5-c-empty-state {
14832
14842
  display: flex;
14833
14843
  align-items: center;
14834
14844
  justify-content: center;
@@ -14867,6 +14877,21 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14867
14877
  .pf-v5-c-empty-state.pf-m-full-height {
14868
14878
  height: 100%;
14869
14879
  }
14880
+ .pf-v5-c-empty-state.pf-m-danger {
14881
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-danger__icon--Color);
14882
+ }
14883
+ .pf-v5-c-empty-state.pf-m-warning {
14884
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-warning__icon--Color);
14885
+ }
14886
+ .pf-v5-c-empty-state.pf-m-success {
14887
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-success__icon--Color);
14888
+ }
14889
+ .pf-v5-c-empty-state.pf-m-info {
14890
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-info__icon--Color);
14891
+ }
14892
+ .pf-v5-c-empty-state.pf-m-custom {
14893
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-custom__icon--Color);
14894
+ }
14870
14895
 
14871
14896
  .pf-v5-c-empty-state__content {
14872
14897
  max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
@@ -14912,11 +14937,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14912
14937
  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
14913
14938
  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
14914
14939
  --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
14915
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
14916
- --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
14917
- --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
14918
- --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
14919
- --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
14920
14940
  --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
14921
14941
  --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
14922
14942
  --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -14926,6 +14946,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14926
14946
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
14927
14947
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
14928
14948
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
14949
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
14950
+ --pf-v5-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
14951
+ --pf-v5-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
14929
14952
  --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
14930
14953
  --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
14931
14954
  --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -14960,7 +14983,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14960
14983
  }
14961
14984
 
14962
14985
  .pf-v5-c-expandable-section.pf-m-expanded {
14963
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
14986
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section--m-expanded__toggle-text--Color);
14964
14987
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
14965
14988
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
14966
14989
  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
@@ -15015,23 +15038,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15015
15038
  padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
15016
15039
  padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
15017
15040
  padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
15018
- color: var(--pf-v5-c-expandable-section__toggle--Color);
15019
15041
  background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
15020
15042
  border: none;
15021
15043
  border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
15022
15044
  }
15023
- .pf-v5-c-expandable-section__toggle:hover {
15024
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
15045
+ .pf-v5-c-expandable-section__toggle:is(:hover, :focus) {
15046
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section__toggle-text--hover--Color);
15025
15047
  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
15026
15048
  }
15027
- .pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
15028
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
15029
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
15030
- }
15031
- .pf-v5-c-expandable-section__toggle:focus {
15032
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
15033
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
15034
- }
15035
15049
 
15036
15050
  .pf-v5-c-expandable-section__toggle-icon {
15037
15051
  min-width: var(--pf-v5-c-expandable-section__toggle-icon--MinWidth);
@@ -15047,6 +15061,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15047
15061
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15048
15062
  }
15049
15063
 
15064
+ .pf-v5-c-expandable-section__toggle-text {
15065
+ color: var(--pf-v5-c-expandable-section__toggle-text--Color);
15066
+ }
15067
+
15050
15068
  .pf-v5-c-expandable-section__content {
15051
15069
  max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
15052
15070
  padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -499,6 +499,7 @@ html .ws-preview {
499
499
  --pf-t--global--border--width--300: 3px;
500
500
  --pf-t--global--border--width--200: 2px;
501
501
  --pf-t--global--border--width--100: 1px;
502
+ --pf-t--global--icon--size--500: 96px;
502
503
  --pf-t--global--icon--size--400: 56px;
503
504
  --pf-t--global--icon--size--300: 22px;
504
505
  --pf-t--global--icon--size--250: 16px;
@@ -615,6 +616,7 @@ html .ws-preview {
615
616
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
616
617
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
617
618
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
619
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
618
620
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
619
621
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
620
622
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -14908,44 +14910,52 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14908
14910
  background: transparent;
14909
14911
  }
14910
14912
 
14911
- .pf-v5-c-empty-state {
14912
- --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
14913
- --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
14914
- --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
14915
- --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
14916
- --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
14917
- --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
14918
- --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
14919
- --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
14913
+ :root {
14914
+ --pf-v5-c-empty-state--PaddingTop: var(--pf-t--global--spacer--xl);
14915
+ --pf-v5-c-empty-state--PaddingRight: var(--pf-t--global--spacer--xl);
14916
+ --pf-v5-c-empty-state--PaddingBottom: var(--pf-t--global--spacer--xl);
14917
+ --pf-v5-c-empty-state--PaddingLeft: var(--pf-t--global--spacer--xl);
14918
+ --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-t--global--spacer--md);
14919
+ --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-t--global--spacer--md);
14920
+ --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-t--global--spacer--md);
14921
+ --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-t--global--spacer--md);
14920
14922
  --pf-v5-c-empty-state__content--MaxWidth: none;
14921
14923
  --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14922
14924
  --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
14923
14925
  --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14924
- --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
14925
- --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
14926
- --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
14927
- --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
14928
- --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
14929
- --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14930
- --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
14931
- --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
14932
- --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
14933
- --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
14934
- --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
14935
- --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
14936
- --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
14937
- --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
14938
- --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
14939
- --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
14940
- --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
14941
- --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
14942
- --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
14943
- --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
14944
- --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
14945
- --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
14946
- --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
14947
- --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
14948
- --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
14926
+ --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14927
+ --pf-v5-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
14928
+ --pf-v5-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
14929
+ --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14930
+ --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-t--global--spacer--xl);
14931
+ --pf-v5-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
14932
+ --pf-v5-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
14933
+ --pf-v5-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
14934
+ --pf-v5-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
14935
+ --pf-v5-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
14936
+ --pf-v5-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
14937
+ --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
14938
+ --pf-v5-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
14939
+ --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
14940
+ --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14941
+ --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
14942
+ --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
14943
+ --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14944
+ --pf-v5-c-empty-state__body--MarginTop: var(--pf-t--global--spacer--md);
14945
+ --pf-v5-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
14946
+ --pf-v5-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
14947
+ --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
14948
+ --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-t--global--spacer--md);
14949
+ --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
14950
+ --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-t--global--spacer--xl);
14951
+ --pf-v5-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
14952
+ --pf-v5-c-empty-state__footer--MarginTop: var(--pf-t--global--spacer--xl);
14953
+ --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-t--global--spacer--md);
14954
+ --pf-v5-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
14955
+ --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
14956
+ }
14957
+
14958
+ .pf-v5-c-empty-state {
14949
14959
  display: flex;
14950
14960
  align-items: center;
14951
14961
  justify-content: center;
@@ -14984,6 +14994,21 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14984
14994
  .pf-v5-c-empty-state.pf-m-full-height {
14985
14995
  height: 100%;
14986
14996
  }
14997
+ .pf-v5-c-empty-state.pf-m-danger {
14998
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-danger__icon--Color);
14999
+ }
15000
+ .pf-v5-c-empty-state.pf-m-warning {
15001
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-warning__icon--Color);
15002
+ }
15003
+ .pf-v5-c-empty-state.pf-m-success {
15004
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-success__icon--Color);
15005
+ }
15006
+ .pf-v5-c-empty-state.pf-m-info {
15007
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-info__icon--Color);
15008
+ }
15009
+ .pf-v5-c-empty-state.pf-m-custom {
15010
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-custom__icon--Color);
15011
+ }
14987
15012
 
14988
15013
  .pf-v5-c-empty-state__content {
14989
15014
  max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
@@ -15029,11 +15054,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15029
15054
  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
15030
15055
  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
15031
15056
  --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
15032
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
15033
- --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
15034
- --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
15035
- --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
15036
- --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
15037
15057
  --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
15038
15058
  --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
15039
15059
  --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -15043,6 +15063,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15043
15063
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
15044
15064
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
15045
15065
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
15066
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
15067
+ --pf-v5-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
15068
+ --pf-v5-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
15046
15069
  --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
15047
15070
  --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
15048
15071
  --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -15077,7 +15100,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15077
15100
  }
15078
15101
 
15079
15102
  .pf-v5-c-expandable-section.pf-m-expanded {
15080
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
15103
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section--m-expanded__toggle-text--Color);
15081
15104
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
15082
15105
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
15083
15106
  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
@@ -15132,23 +15155,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15132
15155
  padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
15133
15156
  padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
15134
15157
  padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
15135
- color: var(--pf-v5-c-expandable-section__toggle--Color);
15136
15158
  background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
15137
15159
  border: none;
15138
15160
  border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
15139
15161
  }
15140
- .pf-v5-c-expandable-section__toggle:hover {
15141
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
15162
+ .pf-v5-c-expandable-section__toggle:is(:hover, :focus) {
15163
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section__toggle-text--hover--Color);
15142
15164
  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
15143
15165
  }
15144
- .pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
15145
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
15146
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
15147
- }
15148
- .pf-v5-c-expandable-section__toggle:focus {
15149
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
15150
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
15151
- }
15152
15166
 
15153
15167
  .pf-v5-c-expandable-section__toggle-icon {
15154
15168
  min-width: var(--pf-v5-c-expandable-section__toggle-icon--MinWidth);
@@ -15164,6 +15178,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15164
15178
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15165
15179
  }
15166
15180
 
15181
+ .pf-v5-c-expandable-section__toggle-text {
15182
+ color: var(--pf-v5-c-expandable-section__toggle-text--Color);
15183
+ }
15184
+
15167
15185
  .pf-v5-c-expandable-section__content {
15168
15186
  max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
15169
15187
  padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);
package/patternfly.css CHANGED
@@ -499,6 +499,7 @@ html .ws-preview {
499
499
  --pf-t--global--border--width--300: 3px;
500
500
  --pf-t--global--border--width--200: 2px;
501
501
  --pf-t--global--border--width--100: 1px;
502
+ --pf-t--global--icon--size--500: 96px;
502
503
  --pf-t--global--icon--size--400: 56px;
503
504
  --pf-t--global--icon--size--300: 22px;
504
505
  --pf-t--global--icon--size--250: 16px;
@@ -615,6 +616,7 @@ html .ws-preview {
615
616
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
616
617
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
617
618
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
619
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
618
620
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
619
621
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
620
622
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -14908,44 +14910,52 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14908
14910
  background: transparent;
14909
14911
  }
14910
14912
 
14911
- .pf-v5-c-empty-state {
14912
- --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
14913
- --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
14914
- --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
14915
- --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
14916
- --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
14917
- --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
14918
- --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
14919
- --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
14913
+ :root {
14914
+ --pf-v5-c-empty-state--PaddingTop: var(--pf-t--global--spacer--xl);
14915
+ --pf-v5-c-empty-state--PaddingRight: var(--pf-t--global--spacer--xl);
14916
+ --pf-v5-c-empty-state--PaddingBottom: var(--pf-t--global--spacer--xl);
14917
+ --pf-v5-c-empty-state--PaddingLeft: var(--pf-t--global--spacer--xl);
14918
+ --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-t--global--spacer--md);
14919
+ --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-t--global--spacer--md);
14920
+ --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-t--global--spacer--md);
14921
+ --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-t--global--spacer--md);
14920
14922
  --pf-v5-c-empty-state__content--MaxWidth: none;
14921
14923
  --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14922
14924
  --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
14923
14925
  --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14924
- --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
14925
- --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
14926
- --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
14927
- --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
14928
- --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
14929
- --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14930
- --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
14931
- --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
14932
- --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
14933
- --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
14934
- --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
14935
- --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
14936
- --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
14937
- --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
14938
- --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
14939
- --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
14940
- --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
14941
- --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
14942
- --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
14943
- --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
14944
- --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
14945
- --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
14946
- --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
14947
- --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
14948
- --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
14926
+ --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14927
+ --pf-v5-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
14928
+ --pf-v5-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
14929
+ --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14930
+ --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-t--global--spacer--xl);
14931
+ --pf-v5-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
14932
+ --pf-v5-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
14933
+ --pf-v5-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
14934
+ --pf-v5-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
14935
+ --pf-v5-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
14936
+ --pf-v5-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
14937
+ --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
14938
+ --pf-v5-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
14939
+ --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
14940
+ --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14941
+ --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
14942
+ --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
14943
+ --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14944
+ --pf-v5-c-empty-state__body--MarginTop: var(--pf-t--global--spacer--md);
14945
+ --pf-v5-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
14946
+ --pf-v5-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
14947
+ --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
14948
+ --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-t--global--spacer--md);
14949
+ --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
14950
+ --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-t--global--spacer--xl);
14951
+ --pf-v5-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
14952
+ --pf-v5-c-empty-state__footer--MarginTop: var(--pf-t--global--spacer--xl);
14953
+ --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-t--global--spacer--md);
14954
+ --pf-v5-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
14955
+ --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
14956
+ }
14957
+
14958
+ .pf-v5-c-empty-state {
14949
14959
  display: flex;
14950
14960
  align-items: center;
14951
14961
  justify-content: center;
@@ -14984,6 +14994,21 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14984
14994
  .pf-v5-c-empty-state.pf-m-full-height {
14985
14995
  height: 100%;
14986
14996
  }
14997
+ .pf-v5-c-empty-state.pf-m-danger {
14998
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-danger__icon--Color);
14999
+ }
15000
+ .pf-v5-c-empty-state.pf-m-warning {
15001
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-warning__icon--Color);
15002
+ }
15003
+ .pf-v5-c-empty-state.pf-m-success {
15004
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-success__icon--Color);
15005
+ }
15006
+ .pf-v5-c-empty-state.pf-m-info {
15007
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-info__icon--Color);
15008
+ }
15009
+ .pf-v5-c-empty-state.pf-m-custom {
15010
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-custom__icon--Color);
15011
+ }
14987
15012
 
14988
15013
  .pf-v5-c-empty-state__content {
14989
15014
  max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
@@ -15029,11 +15054,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15029
15054
  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
15030
15055
  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
15031
15056
  --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
15032
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
15033
- --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
15034
- --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
15035
- --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
15036
- --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
15037
15057
  --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
15038
15058
  --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
15039
15059
  --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -15043,6 +15063,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15043
15063
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
15044
15064
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
15045
15065
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
15066
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
15067
+ --pf-v5-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
15068
+ --pf-v5-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
15046
15069
  --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
15047
15070
  --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
15048
15071
  --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -15077,7 +15100,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15077
15100
  }
15078
15101
 
15079
15102
  .pf-v5-c-expandable-section.pf-m-expanded {
15080
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
15103
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section--m-expanded__toggle-text--Color);
15081
15104
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
15082
15105
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
15083
15106
  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
@@ -15132,23 +15155,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15132
15155
  padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
15133
15156
  padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
15134
15157
  padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
15135
- color: var(--pf-v5-c-expandable-section__toggle--Color);
15136
15158
  background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
15137
15159
  border: none;
15138
15160
  border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
15139
15161
  }
15140
- .pf-v5-c-expandable-section__toggle:hover {
15141
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
15162
+ .pf-v5-c-expandable-section__toggle:is(:hover, :focus) {
15163
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section__toggle-text--hover--Color);
15142
15164
  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
15143
15165
  }
15144
- .pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
15145
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
15146
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
15147
- }
15148
- .pf-v5-c-expandable-section__toggle:focus {
15149
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
15150
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
15151
- }
15152
15166
 
15153
15167
  .pf-v5-c-expandable-section__toggle-icon {
15154
15168
  min-width: var(--pf-v5-c-expandable-section__toggle-icon--MinWidth);
@@ -15164,6 +15178,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15164
15178
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15165
15179
  }
15166
15180
 
15181
+ .pf-v5-c-expandable-section__toggle-text {
15182
+ color: var(--pf-v5-c-expandable-section__toggle-text--Color);
15183
+ }
15184
+
15167
15185
  .pf-v5-c-expandable-section__content {
15168
15186
  max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
15169
15187
  padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);