@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-no-globals.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 {
@@ -7946,7 +8082,6 @@ button.pf-v5-c-breadcrumb__link {
7946
8082
  --pf-v5-c-button--BorderWidth: var(--pf-t--global--border--width--button--default);
7947
8083
  --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7948
8084
  --pf-v5-c-button--TextDecoration: none;
7949
- --pf-v5-c-button--MixBlendMode: normal;
7950
8085
  --pf-v5-c-button--hover--BackgroundColor: transparent;
7951
8086
  --pf-v5-c-button--hover--BorderColor: transparent;
7952
8087
  --pf-v5-c-button--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
@@ -7995,8 +8130,6 @@ button.pf-v5-c-breadcrumb__link {
7995
8130
  --pf-v5-c-button--m-link--PaddingLeft: var(--pf-t--global--spacer--md);
7996
8131
  --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
7997
8132
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7998
- --pf-v5-c-button--m-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7999
- --pf-v5-c-button--m-link--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8000
8133
  --pf-v5-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
8001
8134
  --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
8002
8135
  --pf-v5-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -8021,8 +8154,6 @@ button.pf-v5-c-breadcrumb__link {
8021
8154
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
8022
8155
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
8023
8156
  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
8024
- --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
8025
- --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
8026
8157
  --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
8027
8158
  --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));
8028
8159
  --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -8034,8 +8165,6 @@ button.pf-v5-c-breadcrumb__link {
8034
8165
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
8035
8166
  --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
8036
8167
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8037
- --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8038
- --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8039
8168
  --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));
8040
8169
  --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
8041
8170
  --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -8047,8 +8176,6 @@ button.pf-v5-c-breadcrumb__link {
8047
8176
  --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
8048
8177
  --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8049
8178
  --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
8050
- --pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode: normal;
8051
- --pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode: normal;
8052
8179
  --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
8053
8180
  --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
8054
8181
  --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
@@ -8132,7 +8259,6 @@ button.pf-v5-c-breadcrumb__link {
8132
8259
  --pf-v5-c-button--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8133
8260
  --pf-v5-c-button--m-small--PaddingLeft: var(--pf-t--global--spacer--md);
8134
8261
  --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
8135
- --pf-v5-c-button--disabled--MixBlendMode: normal;
8136
8262
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8137
8263
  --pf-v5-c-button--disabled--BorderColor: transparent;
8138
8264
  --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
@@ -8189,7 +8315,6 @@ button.pf-v5-c-breadcrumb__link {
8189
8315
  border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
8190
8316
  border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
8191
8317
  border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
8192
- mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
8193
8318
  }
8194
8319
  .pf-v5-c-button::after {
8195
8320
  position: absolute;
@@ -8257,13 +8382,11 @@ button.pf-v5-c-breadcrumb__link {
8257
8382
  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-link--BorderRadius);
8258
8383
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-link--BackgroundColor);
8259
8384
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-link__icon--Color);
8260
- --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--hover--MixBlendMode);
8261
8385
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-link--hover--Color);
8262
8386
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
8263
8387
  --pf-v5-c-button--hover__icon--Color: var(--pf-v5-c-button--m-link--hover__icon--Color);
8264
8388
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-link--m-clicked--Color);
8265
8389
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-clicked--BackgroundColor);
8266
- --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-clicked--MixBlendMode);
8267
8390
  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-clicked__icon--Color);
8268
8391
  }
8269
8392
  .pf-v5-c-button.pf-m-link.pf-m-inline {
@@ -8278,9 +8401,7 @@ button.pf-v5-c-breadcrumb__link {
8278
8401
  --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left);
8279
8402
  --pf-v5-c-button--hover--TextDecoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
8280
8403
  --pf-v5-c-button--hover--BackgroundColor: transparent;
8281
- --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode);
8282
8404
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
8283
- --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode);
8284
8405
  --pf-v5-c-button--disabled--BackgroundColor: transparent;
8285
8406
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--m-inline--disabled--Color);
8286
8407
  --pf-v5-c-button--disabled__icon--Color: var(--pf-v5-c-button--m-link--m-inline--disabled__icon--Color);
@@ -8391,10 +8512,8 @@ button.pf-v5-c-breadcrumb__link {
8391
8512
  --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
8392
8513
  --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8393
8514
  --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8394
- --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--hover--MixBlendMode);
8395
8515
  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-plain--m-clicked--Color);
8396
8516
  --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-clicked--BackgroundColor);
8397
- --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-clicked--MixBlendMode);
8398
8517
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8399
8518
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8400
8519
  --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
@@ -8411,8 +8530,6 @@ button.pf-v5-c-breadcrumb__link {
8411
8530
  --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
8412
8531
  --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
8413
8532
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
8414
- --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode);
8415
- --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode);
8416
8533
  min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
8417
8534
  }
8418
8535
  .pf-v5-c-button.pf-m-block {
@@ -8438,7 +8555,6 @@ button.pf-v5-c-breadcrumb__link {
8438
8555
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--hover--BorderColor);
8439
8556
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--hover--BorderWidth);
8440
8557
  --pf-v5-c-button--TextDecoration: var(--pf-v5-c-button--hover--TextDecoration);
8441
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--hover--MixBlendMode);
8442
8558
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--hover__icon--Color);
8443
8559
  }
8444
8560
  .pf-v5-c-button.pf-m-clicked {
@@ -8446,7 +8562,6 @@ button.pf-v5-c-breadcrumb__link {
8446
8562
  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-clicked--BackgroundColor);
8447
8563
  --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--m-clicked--BorderWidth);
8448
8564
  --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--m-clicked--BorderColor);
8449
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-clicked--MixBlendMode);
8450
8565
  --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-clicked__icon--Color);
8451
8566
  }
8452
8567
  .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
@@ -8456,7 +8571,6 @@ button.pf-v5-c-breadcrumb__link {
8456
8571
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
8457
8572
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
8458
8573
  --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
8459
- --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--disabled--MixBlendMode);
8460
8574
  color: var(--pf-v5-c-button--disabled--Color);
8461
8575
  background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
8462
8576
  }
@@ -18509,7 +18623,6 @@ label.pf-v5-c-input-group__text {
18509
18623
  --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
18510
18624
  --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
18511
18625
  --pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
18512
- --pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
18513
18626
  --pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
18514
18627
  --pf-v5-c-label--m-add--BackgroundColor: transparent;
18515
18628
  --pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
@@ -18655,7 +18768,7 @@ label.pf-v5-c-input-group__text {
18655
18768
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
18656
18769
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
18657
18770
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
18658
- --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) ;
18771
+ --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);
18659
18772
  }
18660
18773
  .pf-v5-c-label.pf-m-warning {
18661
18774
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
@@ -18667,7 +18780,7 @@ label.pf-v5-c-input-group__text {
18667
18780
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
18668
18781
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
18669
18782
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
18670
- --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) ;
18783
+ --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);
18671
18784
  }
18672
18785
  .pf-v5-c-label.pf-m-danger {
18673
18786
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
@@ -18679,7 +18792,7 @@ label.pf-v5-c-input-group__text {
18679
18792
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
18680
18793
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
18681
18794
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
18682
- --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) ;
18795
+ --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);
18683
18796
  }
18684
18797
  .pf-v5-c-label.pf-m-info {
18685
18798
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
@@ -18691,7 +18804,7 @@ label.pf-v5-c-input-group__text {
18691
18804
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
18692
18805
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
18693
18806
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
18694
- --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) ;
18807
+ --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);
18695
18808
  }
18696
18809
  .pf-v5-c-label.pf-m-custom {
18697
18810
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
@@ -18703,7 +18816,7 @@ label.pf-v5-c-input-group__text {
18703
18816
  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
18704
18817
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
18705
18818
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
18706
- --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) ;
18819
+ --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);
18707
18820
  }
18708
18821
  .pf-v5-c-label.pf-m-compact {
18709
18822
  --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
@@ -18748,7 +18861,6 @@ label.pf-v5-c-input-group__text {
18748
18861
  .pf-v5-c-label.pf-m-overflow {
18749
18862
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
18750
18863
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
18751
- mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
18752
18864
  }
18753
18865
  .pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
18754
18866
  --pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);
@@ -19952,8 +20064,6 @@ ul.pf-v5-c-list {
19952
20064
  --pf-v5-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
19953
20065
  --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19954
20066
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
19955
- --pf-v5-c-menu__list-item--MixBlendMode: normal;
19956
- --pf-v5-c-menu__list-item--MixBlendMode--hover: var(--pf-t--global--background--color--action--plain--hover--blend);
19957
20067
  --pf-v5-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
19958
20068
  --pf-v5-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
19959
20069
  --pf-v5-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20244,7 +20354,6 @@ ul.pf-v5-c-list {
20244
20354
  inset: 0;
20245
20355
  content: "";
20246
20356
  background-color: var(--pf-v5-c-menu__list-item--BackgroundColor);
20247
- mix-blend-mode: var(--pf-v5-c-menu__list-item--MixBlendMode);
20248
20357
  }
20249
20358
  .pf-v5-c-menu__list-item.pf-m-load {
20250
20359
  --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-load__item--Color);
@@ -20268,7 +20377,6 @@ ul.pf-v5-c-list {
20268
20377
  }
20269
20378
  .pf-v5-c-menu__list-item:has(> :hover) {
20270
20379
  --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--hover--BackgroundColor);
20271
- --pf-v5-c-menu__list-item--MixBlendMode: var(--pf-v5-c-menu__list-item--MixBlendMode--hover);
20272
20380
  }
20273
20381
  .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-select-icon,
20274
20382
  .pf-v5-c-menu__list-item:has(> :hover) .pf-v5-c-menu__item-external-icon {
@@ -20489,7 +20597,6 @@ ul.pf-v5-c-list {
20489
20597
  --pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
20490
20598
  --pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20491
20599
  --pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
20492
- --pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
20493
20600
  --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20494
20601
  --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20495
20602
  --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
@@ -20588,7 +20695,6 @@ ul.pf-v5-c-list {
20588
20695
  --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
20589
20696
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20590
20697
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor);
20591
- mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
20592
20698
  }
20593
20699
  .pf-v5-c-menu-toggle.pf-m-plain::before {
20594
20700
  border: none;
@@ -25518,7 +25624,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25518
25624
  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
25519
25625
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
25520
25626
  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
25521
- --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
25522
25627
  --pf-v5-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
25523
25628
  --pf-v5-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
25524
25629
  --pf-v5-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
@@ -25557,12 +25662,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25557
25662
  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
25558
25663
  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
25559
25664
  text-decoration: none;
25560
- mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
25561
25665
  }
25562
25666
  .pf-v5-c-simple-list__item-link.pf-m-current {
25563
25667
  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
25564
25668
  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
25565
- mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
25566
25669
  }
25567
25670
 
25568
25671
  .pf-v5-c-simple-list__title {
@@ -30269,7 +30372,6 @@ tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
30269
30372
 
30270
30373
  .pf-v5-c-tabs__link:where(:hover, :focus) {
30271
30374
  --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--hover--BackgroundColor);
30272
- mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
30273
30375
  }
30274
30376
  .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled {
30275
30377
  pointer-events: none;
@@ -31756,13 +31858,10 @@ label.pf-v5-c-tree-view__node-text {
31756
31858
  --pf-v5-c-wizard__nav-link--BorderRadius: var(--pf-t--global--border--radius--small);
31757
31859
  --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-t--global--text--color--subtle);
31758
31860
  --pf-v5-c-wizard__nav-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
31759
- --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31760
31861
  --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-t--global--text--color--regular);
31761
31862
  --pf-v5-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
31762
- --pf-v5-c-wizard__nav-link--m-current--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
31763
31863
  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
31764
31864
  --pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
31765
- --pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode: normal;
31766
31865
  --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
31767
31866
  --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
31768
31867
  --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
@@ -32101,7 +32200,6 @@ label.pf-v5-c-tree-view__node-text {
32101
32200
  .pf-v5-c-wizard__nav-link.pf-m-current {
32102
32201
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
32103
32202
  --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--BackgroundColor);
32104
- mix-blend-mode: var(--pf-v5-c-wizard__nav-link--m-current--MixBlendMode);
32105
32203
  }
32106
32204
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
32107
32205
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
@@ -32111,12 +32209,10 @@ label.pf-v5-c-tree-view__node-text {
32111
32209
  .pf-v5-c-wizard__nav-link:where(:hover, :focus) {
32112
32210
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32113
32211
  --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--hover--BackgroundColor);
32114
- mix-blend-mode: var(--pf-v5-c-wizard__nav-link--hover--MixBlendMode);
32115
32212
  }
32116
32213
  .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
32117
32214
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
32118
32215
  --pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor);
32119
- --pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode);
32120
32216
  pointer-events: none;
32121
32217
  }
32122
32218
  .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {