@patternfly/patternfly 6.0.0-alpha.89 → 6.0.0-alpha.90

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 (30) hide show
  1. package/base/patternfly-variables.css +167 -31
  2. package/base/tokens/_tokens-charts.scss +26 -26
  3. package/base/tokens/_tokens-dark.scss +14 -9
  4. package/base/tokens/_tokens-default.scss +66 -6
  5. package/base/tokens/_tokens-font.scss +94 -23
  6. package/base/tokens/_tokens-palette.scss +1 -1
  7. package/components/Button/button.css +0 -22
  8. package/components/Button/button.scss +0 -22
  9. package/components/Label/label.css +5 -7
  10. package/components/Label/label.scss +5 -8
  11. package/components/Menu/menu.css +0 -4
  12. package/components/Menu/menu.scss +0 -4
  13. package/components/MenuToggle/menu-toggle.css +0 -2
  14. package/components/MenuToggle/menu-toggle.scss +0 -3
  15. package/components/SimpleList/simple-list.css +0 -3
  16. package/components/SimpleList/simple-list.scss +0 -4
  17. package/components/Tabs/tabs.css +0 -1
  18. package/components/Tabs/tabs.scss +1 -3
  19. package/components/Wizard/wizard.css +0 -6
  20. package/components/Wizard/wizard.scss +1 -9
  21. package/package.json +1 -1
  22. package/patternfly-base-no-globals-theme-dark-unversioned.css +167 -31
  23. package/patternfly-base-no-globals.css +167 -31
  24. package/patternfly-base-theme-dark-unversioned.css +167 -31
  25. package/patternfly-base.css +167 -31
  26. package/patternfly-no-globals.css +172 -76
  27. package/patternfly-theme-dark-unversioned.css +172 -76
  28. package/patternfly.css +172 -76
  29. package/patternfly.min.css +1 -1
  30. package/patternfly.min.css.map +1 -1
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -498,27 +498,98 @@ html .ws-preview {
498
498
  --pf-t--global--text-decoration--200: underline;
499
499
  --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
500
500
  --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
501
- --pf-t--global--mix-blend-mode--100: multiply;
502
- --pf-t--global--mix-blend-mode--200: screen;
503
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
504
- --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
505
- --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
506
- --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
507
- --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
508
- --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
509
- --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
510
- --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
511
- --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
512
- --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
513
- --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
514
- --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
515
- --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
516
- --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
517
- --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
518
- --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
501
+ --pf-t--global--box-shadow--sm:
502
+ var(--pf-t--global--box-shadow--X--sm--default)
503
+ var(--pf-t--global--box-shadow--Y--sm--default)
504
+ var(--pf-t--global--box-shadow--blur--sm)
505
+ var(--pf-t--global--box-shadow--spread--sm)
506
+ var(--pf-t--global--box-shadow--color--sm);
507
+ --pf-t--global--box-shadow--sm--top:
508
+ var(--pf-t--global--box-shadow--X--sm--top)
509
+ var(--pf-t--global--box-shadow--Y--sm--top)
510
+ var(--pf-t--global--box-shadow--blur--sm)
511
+ var(--pf-t--global--box-shadow--spread--sm)
512
+ var(--pf-t--global--box-shadow--color--sm);
513
+ --pf-t--global--box-shadow--sm--bottom:
514
+ var(--pf-t--global--box-shadow--X--sm--bottom)
515
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
516
+ var(--pf-t--global--box-shadow--blur--sm)
517
+ var(--pf-t--global--box-shadow--spread--sm)
518
+ var(--pf-t--global--box-shadow--color--sm);
519
+ --pf-t--global--box-shadow--sm--left:
520
+ var(--pf-t--global--box-shadow--X--sm--left)
521
+ var(--pf-t--global--box-shadow--Y--sm--left)
522
+ var(--pf-t--global--box-shadow--blur--sm)
523
+ var(--pf-t--global--box-shadow--spread--sm)
524
+ var(--pf-t--global--box-shadow--color--sm);
525
+ --pf-t--global--box-shadow--sm--right:
526
+ var(--pf-t--global--box-shadow--X--sm--right)
527
+ var(--pf-t--global--box-shadow--Y--sm--right)
528
+ var(--pf-t--global--box-shadow--blur--sm)
529
+ var(--pf-t--global--box-shadow--spread--sm)
530
+ var(--pf-t--global--box-shadow--color--sm);
531
+ --pf-t--global--box-shadow--md:
532
+ var(--pf-t--global--box-shadow--X--md--default)
533
+ var(--pf-t--global--box-shadow--Y--md--default)
534
+ var(--pf-t--global--box-shadow--blur--md)
535
+ var(--pf-t--global--box-shadow--spread--md)
536
+ var(--pf-t--global--box-shadow--color--md);
537
+ --pf-t--global--box-shadow--md--top:
538
+ var(--pf-t--global--box-shadow--X--md--top)
539
+ var(--pf-t--global--box-shadow--Y--md--top)
540
+ var(--pf-t--global--box-shadow--blur--md)
541
+ var(--pf-t--global--box-shadow--spread--md)
542
+ var(--pf-t--global--box-shadow--color--md);
543
+ --pf-t--global--box-shadow--md--bottom:
544
+ var(--pf-t--global--box-shadow--X--md--bottom)
545
+ var(--pf-t--global--box-shadow--Y--md--bottom)
546
+ var(--pf-t--global--box-shadow--blur--md)
547
+ var(--pf-t--global--box-shadow--spread--md)
548
+ var(--pf-t--global--box-shadow--color--md);
549
+ --pf-t--global--box-shadow--md--left:
550
+ var(--pf-t--global--box-shadow--X--md--left)
551
+ var(--pf-t--global--box-shadow--Y--md--left)
552
+ var(--pf-t--global--box-shadow--blur--md)
553
+ var(--pf-t--global--box-shadow--spread--md)
554
+ var(--pf-t--global--box-shadow--color--md);
555
+ --pf-t--global--box-shadow--md--right:
556
+ var(--pf-t--global--box-shadow--X--md--right)
557
+ var(--pf-t--global--box-shadow--Y--md--right)
558
+ var(--pf-t--global--box-shadow--blur--md)
559
+ var(--pf-t--global--box-shadow--spread--md)
560
+ var(--pf-t--global--box-shadow--color--md);
561
+ --pf-t--global--box-shadow--lg:
562
+ var(--pf-t--global--box-shadow--X--lg--default)
563
+ var(--pf-t--global--box-shadow--Y--lg--default)
564
+ var(--pf-t--global--box-shadow--blur--lg)
565
+ var(--pf-t--global--box-shadow--spread--lg)
566
+ var(--pf-t--global--box-shadow--color--lg);
567
+ --pf-t--global--box-shadow--lg--top:
568
+ var(--pf-t--global--box-shadow--X--lg--top)
569
+ var(--pf-t--global--box-shadow--Y--lg--top)
570
+ var(--pf-t--global--box-shadow--blur--lg)
571
+ var(--pf-t--global--box-shadow--spread--lg)
572
+ var(--pf-t--global--box-shadow--color--lg);
573
+ --pf-t--global--box-shadow--lg--bottom:
574
+ var(--pf-t--global--box-shadow--X--lg--bottom)
575
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
576
+ var(--pf-t--global--box-shadow--blur--lg)
577
+ var(--pf-t--global--box-shadow--spread--lg)
578
+ var(--pf-t--global--box-shadow--color--lg);
579
+ --pf-t--global--box-shadow--lg--left:
580
+ var(--pf-t--global--box-shadow--X--lg--left)
581
+ var(--pf-t--global--box-shadow--Y--lg--left)
582
+ var(--pf-t--global--box-shadow--blur--lg)
583
+ var(--pf-t--global--box-shadow--spread--lg)
584
+ var(--pf-t--global--box-shadow--color--lg);
585
+ --pf-t--global--box-shadow--lg--right:
586
+ var(--pf-t--global--box-shadow--X--lg--right)
587
+ var(--pf-t--global--box-shadow--Y--lg--right)
588
+ var(--pf-t--global--box-shadow--blur--lg)
589
+ var(--pf-t--global--box-shadow--spread--lg)
590
+ var(--pf-t--global--box-shadow--color--lg);
519
591
  }
520
592
  :root:where(.pf-v5-theme-dark) {
521
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
522
593
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
523
594
  --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
524
595
  --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
@@ -601,7 +672,28 @@ html .ws-preview {
601
672
 
602
673
  :root {
603
674
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
675
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
604
676
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
677
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
678
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
679
+ --pf-t--global--box-shadow--spread--100: 0px;
680
+ --pf-t--global--box-shadow--blur--300: 24px;
681
+ --pf-t--global--box-shadow--blur--200: 8px;
682
+ --pf-t--global--box-shadow--blur--100: 2px;
683
+ --pf-t--global--box-shadow--Y--700: 8px;
684
+ --pf-t--global--box-shadow--Y--600: 4px;
685
+ --pf-t--global--box-shadow--Y--500: 1px;
686
+ --pf-t--global--box-shadow--Y--400: 0px;
687
+ --pf-t--global--box-shadow--Y--300: -1px;
688
+ --pf-t--global--box-shadow--Y--200: -4px;
689
+ --pf-t--global--box-shadow--Y--100: -8px;
690
+ --pf-t--global--box-shadow--X--700: 8px;
691
+ --pf-t--global--box-shadow--X--600: 4px;
692
+ --pf-t--global--box-shadow--X--500: 1px;
693
+ --pf-t--global--box-shadow--X--400: 0px;
694
+ --pf-t--global--box-shadow--X--300: -1px;
695
+ --pf-t--global--box-shadow--X--200: -4px;
696
+ --pf-t--global--box-shadow--X--100: -8px;
605
697
  --pf-t--global--Zindex--600: 600;
606
698
  --pf-t--global--Zindex--500: 500;
607
699
  --pf-t--global--Zindex--400: 400;
@@ -644,7 +736,7 @@ html .ws-preview {
644
736
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
645
737
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
646
738
  --pf-t--global--text--color--300: var(--pf-t--color--white);
647
- --pf-t--global--text--color--200: var(--pf-t--color--gray--50);
739
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
648
740
  --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
649
741
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
650
742
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
@@ -694,12 +786,53 @@ html .ws-preview {
694
786
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
695
787
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
696
788
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
789
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
790
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
697
791
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
698
792
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
699
793
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
700
794
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
701
795
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
702
796
  --pf-t--global--background--color--100: var(--pf-t--color--white);
797
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
798
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
799
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
800
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
801
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
802
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
803
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
804
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
805
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
806
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
807
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
808
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
809
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
810
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
811
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
812
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
813
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
814
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
815
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
816
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
817
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
818
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
819
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
820
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
821
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
822
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
823
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
824
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
825
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
826
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
827
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
828
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
829
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
830
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
831
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
832
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
833
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
834
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
835
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
703
836
  --pf-t--global--Zindex--2xl: 600;
704
837
  --pf-t--global--Zindex--xl: 500;
705
838
  --pf-t--global--Zindex--lg: 400;
@@ -735,10 +868,10 @@ html .ws-preview {
735
868
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
736
869
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
737
870
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
738
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
739
871
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
740
872
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
741
873
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
874
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
742
875
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
743
876
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
744
877
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -829,8 +962,6 @@ html .ws-preview {
829
962
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
830
963
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
831
964
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
832
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--200);
833
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
834
965
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
835
966
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
836
967
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -965,8 +1096,8 @@ html .ws-preview {
965
1096
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
966
1097
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
967
1098
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
968
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
969
1099
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1100
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
970
1101
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
971
1102
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
972
1103
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
@@ -1072,8 +1203,15 @@ html .ws-preview {
1072
1203
 
1073
1204
  :root:where(.pf-v5-theme-dark) {
1074
1205
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
1206
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
1207
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
1075
1208
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
1209
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
1210
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
1211
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
1076
1212
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
1213
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
1214
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
1077
1215
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
1078
1216
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
1079
1217
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
@@ -1082,7 +1220,7 @@ html .ws-preview {
1082
1220
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
1083
1221
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
1084
1222
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
1085
- --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--40);
1223
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
1086
1224
  --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
1087
1225
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
1088
1226
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -1138,7 +1276,7 @@ html .ws-preview {
1138
1276
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
1139
1277
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
1140
1278
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
1141
- --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
1279
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
1142
1280
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
1143
1281
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
1144
1282
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
@@ -1247,8 +1385,8 @@ html .ws-preview {
1247
1385
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1248
1386
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
1249
1387
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1250
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--200);
1251
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--200);
1388
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
1389
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
1252
1390
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1253
1391
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
1254
1392
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
@@ -1411,14 +1549,12 @@ html .ws-preview {
1411
1549
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1412
1550
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1413
1551
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1414
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1415
1552
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1553
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1416
1554
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1417
1555
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1418
1556
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1419
1557
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1420
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
1421
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1422
1558
  }
1423
1559
 
1424
1560
  @font-face {
@@ -8063,7 +8199,6 @@ button.pf-v5-c-breadcrumb__link {
8063
8199
  --pf-v5-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
8064
8200
  --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
8065
8201
  --pf-v5-c-button--TextDecoration: none;
8066
- --pf-v5-c-button--MixBlendMode: normal;
8067
8202
  --pf-v5-c-button--hover--BackgroundColor: transparent;
8068
8203
  --pf-v5-c-button--hover--BorderColor: transparent;
8069
8204
  --pf-v5-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
@@ -8112,8 +8247,6 @@ button.pf-v5-c-breadcrumb__link {
8112
8247
  --pf-v5-c-button--m-link--PaddingLeft: var(--pf-t--global--spacer--md);
8113
8248
  --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
8114
8249
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8115
- --pf-v5-c-button--m-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8116
- --pf-v5-c-button--m-link--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8117
8250
  --pf-v5-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
8118
8251
  --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
8119
8252
  --pf-v5-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -8138,8 +8271,6 @@ button.pf-v5-c-breadcrumb__link {
8138
8271
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
8139
8272
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
8140
8273
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
8141
- --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
8142
- --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
8143
8274
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
8144
8275
  --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
8145
8276
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -8151,8 +8282,6 @@ button.pf-v5-c-breadcrumb__link {
8151
8282
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
8152
8283
  --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
8153
8284
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8154
- --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8155
- --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8156
8285
  --pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
8157
8286
  --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
8158
8287
  --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -8164,8 +8293,6 @@ button.pf-v5-c-breadcrumb__link {
8164
8293
  --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
8165
8294
  --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8166
8295
  --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
8167
- --pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode: normal;
8168
- --pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode: normal;
8169
8296
  --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
8170
8297
  --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
8171
8298
  --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
@@ -8249,7 +8376,6 @@ button.pf-v5-c-breadcrumb__link {
8249
8376
  --pf-v5-c-button--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8250
8377
  --pf-v5-c-button--m-small--PaddingLeft: var(--pf-t--global--spacer--md);
8251
8378
  --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
8252
- --pf-v5-c-button--disabled--MixBlendMode: normal;
8253
8379
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8254
8380
  --pf-v5-c-button--disabled--BorderColor: transparent;
8255
8381
  --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
@@ -8306,7 +8432,6 @@ button.pf-v5-c-breadcrumb__link {
8306
8432
  border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
8307
8433
  border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
8308
8434
  border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
8309
- mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
8310
8435
  }
8311
8436
  .pf-v5-c-button::after {
8312
8437
  position: absolute;
@@ -8374,13 +8499,11 @@ button.pf-v5-c-breadcrumb__link {
8374
8499
  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-link--BorderRadius);
8375
8500
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-link--BackgroundColor);
8376
8501
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-link__icon--Color);
8377
- --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--hover--MixBlendMode);
8378
8502
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-link--hover--Color);
8379
8503
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
8380
8504
  --pf-v5-c-button--hover__icon--Color: var(--pf-v5-c-button--m-link--hover__icon--Color);
8381
8505
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-link--m-clicked--Color);
8382
8506
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-clicked--BackgroundColor);
8383
- --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-clicked--MixBlendMode);
8384
8507
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-clicked__icon--Color);
8385
8508
  }
8386
8509
  .pf-v5-c-button.pf-m-link.pf-m-inline {
@@ -8395,9 +8518,7 @@ button.pf-v5-c-breadcrumb__link {
8395
8518
  --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left);
8396
8519
  --pf-v5-c-button--hover--TextDecoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
8397
8520
  --pf-v5-c-button--hover--BackgroundColor: transparent;
8398
- --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode);
8399
8521
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
8400
- --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode);
8401
8522
  --pf-v5-c-button--disabled--BackgroundColor: transparent;
8402
8523
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--m-inline--disabled--Color);
8403
8524
  --pf-v5-c-button--disabled__icon--Color: var(--pf-v5-c-button--m-link--m-inline--disabled__icon--Color);
@@ -8508,10 +8629,8 @@ button.pf-v5-c-breadcrumb__link {
8508
8629
  --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
8509
8630
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8510
8631
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8511
- --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--hover--MixBlendMode);
8512
8632
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-plain--m-clicked--Color);
8513
8633
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-clicked--BackgroundColor);
8514
- --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-clicked--MixBlendMode);
8515
8634
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8516
8635
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8517
8636
  --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
@@ -8528,8 +8647,6 @@ button.pf-v5-c-breadcrumb__link {
8528
8647
  --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
8529
8648
  --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
8530
8649
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
8531
- --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode);
8532
- --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode);
8533
8650
  min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
8534
8651
  }
8535
8652
  .pf-v5-c-button.pf-m-block {
@@ -8555,7 +8672,6 @@ button.pf-v5-c-breadcrumb__link {
8555
8672
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--hover--BorderColor);
8556
8673
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--hover--BorderWidth);
8557
8674
  --pf-v5-c-button--TextDecoration: var(--pf-v5-c-button--hover--TextDecoration);
8558
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--hover--MixBlendMode);
8559
8675
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--hover__icon--Color);
8560
8676
  }
8561
8677
  .pf-v5-c-button.pf-m-clicked {
@@ -8563,7 +8679,6 @@ button.pf-v5-c-breadcrumb__link {
8563
8679
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-clicked--BackgroundColor);
8564
8680
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--m-clicked--BorderWidth);
8565
8681
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--m-clicked--BorderColor);
8566
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-clicked--MixBlendMode);
8567
8682
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-clicked__icon--Color);
8568
8683
  }
8569
8684
  .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
@@ -8573,7 +8688,6 @@ button.pf-v5-c-breadcrumb__link {
8573
8688
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
8574
8689
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
8575
8690
  --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
8576
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--disabled--MixBlendMode);
8577
8691
  color: var(--pf-v5-c-button--disabled--Color);
8578
8692
  background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
8579
8693
  }
@@ -18626,7 +18740,6 @@ label.pf-v5-c-input-group__text {
18626
18740
  --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
18627
18741
  --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
18628
18742
  --pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
18629
- --pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
18630
18743
  --pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
18631
18744
  --pf-v5-c-label--m-add--BackgroundColor: transparent;
18632
18745
  --pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -18772,7 +18885,7 @@ label.pf-v5-c-input-group__text {
18772
18885
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
18773
18886
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
18774
18887
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
18775
- --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
18888
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color);
18776
18889
  }
18777
18890
  .pf-v5-c-label.pf-m-warning {
18778
18891
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
@@ -18784,7 +18897,7 @@ label.pf-v5-c-input-group__text {
18784
18897
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
18785
18898
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
18786
18899
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
18787
- --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color) ;
18900
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color);
18788
18901
  }
18789
18902
  .pf-v5-c-label.pf-m-danger {
18790
18903
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
@@ -18796,7 +18909,7 @@ label.pf-v5-c-input-group__text {
18796
18909
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
18797
18910
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
18798
18911
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
18799
- --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color) ;
18912
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color);
18800
18913
  }
18801
18914
  .pf-v5-c-label.pf-m-info {
18802
18915
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
@@ -18808,7 +18921,7 @@ label.pf-v5-c-input-group__text {
18808
18921
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
18809
18922
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
18810
18923
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
18811
- --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color) ;
18924
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color);
18812
18925
  }
18813
18926
  .pf-v5-c-label.pf-m-custom {
18814
18927
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
@@ -18820,7 +18933,7 @@ label.pf-v5-c-input-group__text {
18820
18933
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
18821
18934
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
18822
18935
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
18823
- --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
18936
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color);
18824
18937
  }
18825
18938
  .pf-v5-c-label.pf-m-compact {
18826
18939
  --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
@@ -18865,7 +18978,6 @@ label.pf-v5-c-input-group__text {
18865
18978
  .pf-v5-c-label.pf-m-overflow {
18866
18979
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
18867
18980
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
18868
- mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
18869
18981
  }
18870
18982
  .pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
18871
18983
  --pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);
@@ -20069,8 +20181,6 @@ ul.pf-v5-c-list {
20069
20181
  --pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
20070
20182
  --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20071
20183
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20072
- --pf-v5-c-menu__list-item--MixBlendMode: normal;
20073
- --pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
20074
20184
  --pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
20075
20185
  --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
20076
20186
  --pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20361,7 +20471,6 @@ ul.pf-v5-c-list {
20361
20471
  inset: 0;
20362
20472
  content: "";
20363
20473
  background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20364
- mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
20365
20474
  }
20366
20475
  .pf-v5-c-menu__list-item.pf-m-load {
20367
20476
  --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
@@ -20385,7 +20494,6 @@ ul.pf-v5-c-list {
20385
20494
  }
20386
20495
  .pf-v5-c-menu__list-item:has(> :hover) {
20387
20496
  --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20388
- --pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
20389
20497
  }
20390
20498
  .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
20391
20499
  .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
@@ -20606,7 +20714,6 @@ ul.pf-v5-c-list {
20606
20714
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
20607
20715
  --pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20608
20716
  --pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
20609
- --pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
20610
20717
  --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20611
20718
  --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20612
20719
  --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
@@ -20705,7 +20812,6 @@ ul.pf-v5-c-list {
20705
20812
  --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
20706
20813
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20707
20814
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor);
20708
- mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
20709
20815
  }
20710
20816
  .pf-v5-c-menu-toggle.pf-m-plain::before {
20711
20817
  border: none;
@@ -25635,7 +25741,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25635
25741
  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
25636
25742
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
25637
25743
  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
25638
- --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
25639
25744
  --pf-v5-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
25640
25745
  --pf-v5-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
25641
25746
  --pf-v5-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
@@ -25674,12 +25779,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25674
25779
  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
25675
25780
  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
25676
25781
  text-decoration: none;
25677
- mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
25678
25782
  }
25679
25783
  .pf-v5-c-simple-list__item-link.pf-m-current {
25680
25784
  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
25681
25785
  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
25682
- mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
25683
25786
  }
25684
25787
 
25685
25788
  .pf-v5-c-simple-list__title {
@@ -30386,7 +30489,6 @@ tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
30386
30489
 
30387
30490
  .pf-v5-c-tabs__link:where(:hover, :focus) {
30388
30491
  --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--hover--BackgroundColor);
30389
- mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
30390
30492
  }
30391
30493
  .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled {
30392
30494
  pointer-events: none;
@@ -31873,13 +31975,10 @@ label.pf-v5-c-tree-view__node-text {
31873
31975
  --pf-v5-c-wizard__nav-link--BorderRadius: var(--pf-t--global--border--radius--small);
31874
31976
  --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-t--global--text--color--subtle);
31875
31977
  --pf-v5-c-wizard__nav-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
31876
- --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31877
31978
  --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-t--global--text--color--regular);
31878
31979
  --pf-v5-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
31879
- --pf-v5-c-wizard__nav-link--m-current--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31880
31980
  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
31881
31981
  --pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
31882
- --pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode: normal;
31883
31982
  --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
31884
31983
  --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
31885
31984
  --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -32218,7 +32317,6 @@ label.pf-v5-c-tree-view__node-text {
32218
32317
  .pf-v5-c-wizard__nav-link.pf-m-current {
32219
32318
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
32220
32319
  --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--BackgroundColor);
32221
- mix-blend-mode: var(--pf-v5-c-wizard__nav-link--m-current--MixBlendMode);
32222
32320
  }
32223
32321
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
32224
32322
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
@@ -32228,12 +32326,10 @@ label.pf-v5-c-tree-view__node-text {
32228
32326
  .pf-v5-c-wizard__nav-link:where(:hover, :focus) {
32229
32327
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32230
32328
  --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--hover--BackgroundColor);
32231
- mix-blend-mode: var(--pf-v5-c-wizard__nav-link--hover--MixBlendMode);
32232
32329
  }
32233
32330
  .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
32234
32331
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
32235
32332
  --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor);
32236
- --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode);
32237
32333
  pointer-events: none;
32238
32334
  }
32239
32335
  .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {