@patternfly/patternfly 6.0.0-alpha.104 → 6.0.0-alpha.106

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 (22) hide show
  1. package/base/patternfly-variables.css +22 -19
  2. package/base/tokens/_tokens-charts.scss +6 -6
  3. package/base/tokens/_tokens-dark.scss +4 -3
  4. package/base/tokens/_tokens-default.scss +20 -18
  5. package/base/tokens/_tokens-palette.scss +1 -1
  6. package/components/FormControl/form-control.scss +1 -1
  7. package/components/Label/label.css +14 -0
  8. package/components/Label/label.scss +19 -0
  9. package/components/MenuToggle/menu-toggle.css +24 -0
  10. package/components/MenuToggle/menu-toggle.scss +36 -0
  11. package/docs/components/Label/examples/Label.md +1781 -56
  12. package/docs/components/MenuToggle/examples/MenuToggle.md +64 -0
  13. package/package.json +1 -1
  14. package/patternfly-base-no-globals-theme-dark-unversioned.css +22 -19
  15. package/patternfly-base-no-globals.css +22 -19
  16. package/patternfly-base-theme-dark-unversioned.css +22 -19
  17. package/patternfly-base.css +22 -19
  18. package/patternfly-no-globals.css +60 -19
  19. package/patternfly-theme-dark-unversioned.css +60 -19
  20. package/patternfly.css +60 -19
  21. package/patternfly.min.css +1 -1
  22. package/patternfly.min.css.map +1 -1
package/patternfly-base.css CHANGED
@@ -564,18 +564,18 @@ html .ws-preview {
564
564
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
565
565
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
566
566
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
567
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--60);
568
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--50);
567
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
568
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
569
569
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
570
570
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
571
571
  --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
572
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--60);
573
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--50);
572
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
573
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
574
574
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
575
575
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
576
576
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
577
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--60);
578
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--50);
577
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
578
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
579
579
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
580
580
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
581
581
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
@@ -646,6 +646,7 @@ html .ws-preview {
646
646
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
647
647
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
648
648
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
649
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
649
650
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
650
651
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
651
652
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -694,9 +695,6 @@ html .ws-preview {
694
695
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
695
696
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
696
697
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
697
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
698
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
699
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
700
698
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
701
699
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
702
700
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -808,6 +806,7 @@ html .ws-preview {
808
806
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
809
807
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
810
808
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
809
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
811
810
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
812
811
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
813
812
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
@@ -859,13 +858,13 @@ html .ws-preview {
859
858
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
860
859
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
861
860
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
862
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--regular);
861
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
863
862
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
864
863
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
865
864
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
866
865
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
867
866
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
868
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--regular);
867
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
869
868
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
870
869
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
871
870
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -877,13 +876,16 @@ html .ws-preview {
877
876
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
878
877
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
879
878
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
880
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--regular);
879
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
880
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
881
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
882
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
881
883
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
882
884
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
883
885
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
884
886
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
885
887
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
886
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--regular);
888
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
887
889
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
888
890
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
889
891
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -948,13 +950,13 @@ html .ws-preview {
948
950
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
949
951
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
950
952
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
951
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--regular);
953
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
952
954
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
953
955
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
954
956
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
955
957
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
956
958
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
957
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--regular);
959
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
958
960
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
959
961
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
960
962
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -966,7 +968,7 @@ html .ws-preview {
966
968
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
967
969
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
968
970
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
969
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--regular);
971
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
970
972
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
971
973
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
972
974
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
@@ -975,7 +977,7 @@ html .ws-preview {
975
977
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
976
978
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
977
979
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
978
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--regular);
980
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
979
981
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
980
982
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
981
983
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -1050,8 +1052,8 @@ html .ws-preview {
1050
1052
  --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
1051
1053
  --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
1052
1054
  --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
1053
- --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--20);
1054
- --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--30);
1055
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
1056
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
1055
1057
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
1056
1058
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
1057
1059
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
@@ -1118,6 +1120,7 @@ html .ws-preview {
1118
1120
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
1119
1121
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1120
1122
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1123
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
1121
1124
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
1122
1125
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
1123
1126
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
package/patternfly-no-globals.css CHANGED
@@ -660,18 +660,18 @@ html .ws-preview {
660
660
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
661
661
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
662
662
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
663
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--60);
664
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--50);
663
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
664
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
665
665
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
666
666
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
667
667
  --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
668
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--60);
669
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--50);
668
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
669
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
670
670
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
671
671
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
672
672
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
673
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--60);
674
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--50);
673
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
674
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
675
675
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
676
676
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
677
677
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
@@ -742,6 +742,7 @@ html .ws-preview {
742
742
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
743
743
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
744
744
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
745
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
745
746
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
746
747
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
747
748
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -790,9 +791,6 @@ html .ws-preview {
790
791
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
791
792
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
792
793
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
793
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
794
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
795
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
796
794
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
797
795
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
798
796
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -904,6 +902,7 @@ html .ws-preview {
904
902
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
905
903
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
906
904
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
905
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
907
906
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
908
907
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
909
908
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
@@ -955,13 +954,13 @@ html .ws-preview {
955
954
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
956
955
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
957
956
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
958
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--regular);
957
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
959
958
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
960
959
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
961
960
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
962
961
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
963
962
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
964
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--regular);
963
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
965
964
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
966
965
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
967
966
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -973,13 +972,16 @@ html .ws-preview {
973
972
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
974
973
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
975
974
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
976
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--regular);
975
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
976
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
977
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
978
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
977
979
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
978
980
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
979
981
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
980
982
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
981
983
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
982
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--regular);
984
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
983
985
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
984
986
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
985
987
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -1044,13 +1046,13 @@ html .ws-preview {
1044
1046
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
1045
1047
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1046
1048
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1047
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--regular);
1049
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1048
1050
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1049
1051
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1050
1052
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1051
1053
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1052
1054
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1053
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--regular);
1055
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1054
1056
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1055
1057
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1056
1058
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1062,7 +1064,7 @@ html .ws-preview {
1062
1064
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1063
1065
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1064
1066
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1065
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--regular);
1067
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1066
1068
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1067
1069
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1068
1070
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
@@ -1071,7 +1073,7 @@ html .ws-preview {
1071
1073
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
1072
1074
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1073
1075
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1074
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--regular);
1076
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1075
1077
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1076
1078
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1077
1079
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -1146,8 +1148,8 @@ html .ws-preview {
1146
1148
  --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
1147
1149
  --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
1148
1150
  --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
1149
- --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--20);
1150
- --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--30);
1151
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
1152
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
1151
1153
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
1152
1154
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
1153
1155
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
@@ -1214,6 +1216,7 @@ html .ws-preview {
1214
1216
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
1215
1217
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1216
1218
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1219
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
1217
1220
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
1218
1221
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
1219
1222
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
@@ -18537,6 +18540,10 @@ label.pf-v6-c-input-group__text {
18537
18540
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
18538
18541
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
18539
18542
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
18543
+ --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
18544
+ --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
18545
+ --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
18546
+ --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
18540
18547
  }
18541
18548
 
18542
18549
  .pf-v6-c-label {
@@ -18771,6 +18778,16 @@ label.pf-v6-c-input-group__text {
18771
18778
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
18772
18779
  --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
18773
18780
  }
18781
+ .pf-v6-c-label.pf-m-disabled {
18782
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
18783
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-disabled--Color);
18784
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-disabled__icon--Color);
18785
+ --pf-v6-c-label--BorderWidth: 0;
18786
+ pointer-events: none;
18787
+ }
18788
+ .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
18789
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
18790
+ }
18774
18791
 
18775
18792
  .pf-v6-c-label,
18776
18793
  .pf-v6-c-label__content {
@@ -20492,6 +20509,13 @@ ul.pf-v6-c-list {
20492
20509
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20493
20510
  --pf-v6-c-menu-toggle--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
20494
20511
  --pf-v6-c-menu-toggle--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
20512
+ --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
20513
+ --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
20514
+ --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20515
+ --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
20516
+ --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
20517
+ --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
20518
+ --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
20495
20519
  }
20496
20520
 
20497
20521
  .pf-v6-c-menu-toggle {
@@ -20626,6 +20650,18 @@ ul.pf-v6-c-list {
20626
20650
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
20627
20651
  background-color: transparent;
20628
20652
  }
20653
+ .pf-v6-c-menu-toggle.pf-m-success {
20654
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
20655
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
20656
+ }
20657
+ .pf-v6-c-menu-toggle.pf-m-warning {
20658
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
20659
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
20660
+ }
20661
+ .pf-v6-c-menu-toggle.pf-m-danger {
20662
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
20663
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
20664
+ }
20629
20665
 
20630
20666
  .pf-v6-c-menu-toggle.pf-m-split-button {
20631
20667
  --pf-v6-c-menu-toggle--ColumnGap: 0;
@@ -20768,6 +20804,11 @@ ul.pf-v6-c-list {
20768
20804
  color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
20769
20805
  }
20770
20806
 
20807
+ .pf-v6-c-menu-toggle__status-icon {
20808
+ margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
20809
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
20810
+ }
20811
+
20771
20812
  :root {
20772
20813
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20773
20814
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -660,18 +660,18 @@ html .ws-preview {
660
660
  --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
661
661
  --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
662
662
  --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
663
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--60);
664
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--50);
663
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
664
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
665
665
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
666
666
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
667
667
  --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
668
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--60);
669
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--50);
668
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
669
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
670
670
  --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
671
671
  --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
672
672
  --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
673
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--60);
674
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--50);
673
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
674
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
675
675
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
676
676
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
677
677
  --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
@@ -742,6 +742,7 @@ html .ws-preview {
742
742
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
743
743
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
744
744
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
745
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
745
746
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
746
747
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
747
748
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -790,9 +791,6 @@ html .ws-preview {
790
791
  --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
791
792
  --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
792
793
  --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
793
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
794
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
795
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
796
794
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
797
795
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
798
796
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -904,6 +902,7 @@ html .ws-preview {
904
902
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--300);
905
903
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
906
904
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
905
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
907
906
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
908
907
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
909
908
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
@@ -955,13 +954,13 @@ html .ws-preview {
955
954
  --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
956
955
  --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
957
956
  --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
958
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--regular);
957
+ --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
959
958
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
960
959
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
961
960
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
962
961
  --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
963
962
  --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
964
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--regular);
963
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
965
964
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
966
965
  --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
967
966
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -973,13 +972,16 @@ html .ws-preview {
973
972
  --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
974
973
  --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
975
974
  --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
976
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--regular);
975
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
976
+ --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
977
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
978
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
977
979
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--regular);
978
980
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--regular);
979
981
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
980
982
  --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
981
983
  --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
982
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--regular);
984
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
983
985
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
984
986
  --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
985
987
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -1044,13 +1046,13 @@ html .ws-preview {
1044
1046
  --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
1045
1047
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
1046
1048
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
1047
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--regular);
1049
+ --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
1048
1050
  --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
1049
1051
  --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
1050
1052
  --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
1051
1053
  --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
1052
1054
  --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1053
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--regular);
1055
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1054
1056
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1055
1057
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1056
1058
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1062,7 +1064,7 @@ html .ws-preview {
1062
1064
  --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1063
1065
  --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
1064
1066
  --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1065
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--regular);
1067
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1066
1068
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
1067
1069
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1068
1070
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
@@ -1071,7 +1073,7 @@ html .ws-preview {
1071
1073
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
1072
1074
  --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
1073
1075
  --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1074
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--regular);
1076
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1075
1077
  --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1076
1078
  --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1077
1079
  --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
@@ -1146,8 +1148,8 @@ html .ws-preview {
1146
1148
  --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
1147
1149
  --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
1148
1150
  --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
1149
- --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--20);
1150
- --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--30);
1151
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
1152
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
1151
1153
  --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
1152
1154
  --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
1153
1155
  --pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
@@ -1214,6 +1216,7 @@ html .ws-preview {
1214
1216
  --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
1215
1217
  --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1216
1218
  --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1219
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
1217
1220
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
1218
1221
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
1219
1222
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
@@ -18654,6 +18657,10 @@ label.pf-v6-c-input-group__text {
18654
18657
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
18655
18658
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
18656
18659
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
18660
+ --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
18661
+ --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
18662
+ --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
18663
+ --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
18657
18664
  }
18658
18665
 
18659
18666
  .pf-v6-c-label {
@@ -18888,6 +18895,16 @@ label.pf-v6-c-input-group__text {
18888
18895
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
18889
18896
  --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
18890
18897
  }
18898
+ .pf-v6-c-label.pf-m-disabled {
18899
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
18900
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-disabled--Color);
18901
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-disabled__icon--Color);
18902
+ --pf-v6-c-label--BorderWidth: 0;
18903
+ pointer-events: none;
18904
+ }
18905
+ .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
18906
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
18907
+ }
18891
18908
 
18892
18909
  .pf-v6-c-label,
18893
18910
  .pf-v6-c-label__content {
@@ -20609,6 +20626,13 @@ ul.pf-v6-c-list {
20609
20626
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20610
20627
  --pf-v6-c-menu-toggle--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
20611
20628
  --pf-v6-c-menu-toggle--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
20629
+ --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
20630
+ --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
20631
+ --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20632
+ --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
20633
+ --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
20634
+ --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
20635
+ --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
20612
20636
  }
20613
20637
 
20614
20638
  .pf-v6-c-menu-toggle {
@@ -20743,6 +20767,18 @@ ul.pf-v6-c-list {
20743
20767
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
20744
20768
  background-color: transparent;
20745
20769
  }
20770
+ .pf-v6-c-menu-toggle.pf-m-success {
20771
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
20772
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
20773
+ }
20774
+ .pf-v6-c-menu-toggle.pf-m-warning {
20775
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
20776
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
20777
+ }
20778
+ .pf-v6-c-menu-toggle.pf-m-danger {
20779
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
20780
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
20781
+ }
20746
20782
 
20747
20783
  .pf-v6-c-menu-toggle.pf-m-split-button {
20748
20784
  --pf-v6-c-menu-toggle--ColumnGap: 0;
@@ -20885,6 +20921,11 @@ ul.pf-v6-c-list {
20885
20921
  color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
20886
20922
  }
20887
20923
 
20924
+ .pf-v6-c-menu-toggle__status-icon {
20925
+ margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
20926
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
20927
+ }
20928
+
20888
20929
  :root {
20889
20930
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20890
20931
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);