@patternfly/patternfly 6.0.0-alpha.2 → 6.0.0-alpha.3

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 (18) hide show
  1. package/base/_globals.scss +14 -12
  2. package/base/_variables.scss +1 -0
  3. package/base/patternfly-globals.css +12 -12
  4. package/base/patternfly-variables.css +98 -46
  5. package/base/tokens/_tokens-default.scss +49 -48
  6. package/base/tokens/_tokens-font.scss +65 -0
  7. package/components/Button/button.css +137 -177
  8. package/components/Button/button.scss +157 -139
  9. package/package.json +1 -1
  10. package/patternfly-base-no-globals-theme-dark-unversioned.css +98 -46
  11. package/patternfly-base-no-globals.css +98 -46
  12. package/patternfly-base-theme-dark-unversioned.css +110 -58
  13. package/patternfly-base.css +110 -58
  14. package/patternfly-no-globals.css +235 -230
  15. package/patternfly-theme-dark-unversioned.css +247 -242
  16. package/patternfly.css +247 -242
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -497,26 +497,27 @@
497
497
  */
498
498
  :root {
499
499
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
500
- --pf-t--global--spacer--800: 80;
501
- --pf-t--global--spacer--700: 64;
502
- --pf-t--global--spacer--600: 48;
503
- --pf-t--global--spacer--500: 32;
504
- --pf-t--global--spacer--400: 24;
505
- --pf-t--global--spacer--300: 16;
506
- --pf-t--global--spacer--200: 8;
507
- --pf-t--global--spacer--100: 4;
508
- --pf-t--global--icon--size--400: 56;
509
- --pf-t--global--icon--size--300: 24;
510
- --pf-t--global--icon--size--200: 16;
511
- --pf-t--global--icon--size--100: 12;
512
- --pf-t--global--border--width--300: 3;
513
- --pf-t--global--border--width--200: 2;
514
- --pf-t--global--border--width--100: 1;
515
- --pf-t--global--border--radius--500: 999;
516
- --pf-t--global--border--radius--400: 24;
517
- --pf-t--global--border--radius--300: 16;
518
- --pf-t--global--border--radius--200: 6;
519
- --pf-t--global--border--radius--100: 4;
500
+ --pf-t--global--spacer--800: 80px;
501
+ --pf-t--global--spacer--700: 64px;
502
+ --pf-t--global--spacer--600: 48px;
503
+ --pf-t--global--spacer--500: 32px;
504
+ --pf-t--global--spacer--400: 24px;
505
+ --pf-t--global--spacer--300: 16px;
506
+ --pf-t--global--spacer--200: 8px;
507
+ --pf-t--global--spacer--100: 4px;
508
+ --pf-t--global--icon--size--400: 56px;
509
+ --pf-t--global--icon--size--300: 24px;
510
+ --pf-t--global--icon--size--200: 16px;
511
+ --pf-t--global--icon--size--100: 12px;
512
+ --pf-t--global--border--width--300: 3px;
513
+ --pf-t--global--border--width--200: 2px;
514
+ --pf-t--global--border--width--100: 1px;
515
+ --pf-t--global--border--radius--500: 999px;
516
+ --pf-t--global--border--radius--400: 24px;
517
+ --pf-t--global--border--radius--300: 16px;
518
+ --pf-t--global--border--radius--200: 6px;
519
+ --pf-t--global--border--radius--100: 4px;
520
+ --pf-t--global--border--radius--000: 0px;
520
521
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
521
522
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
522
523
  --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
@@ -574,37 +575,38 @@
574
575
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
575
576
  --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
576
577
  --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
577
- --pf-t--global--spacer--sm: 8;
578
- --pf-t--global--spacer--xl: 32;
579
- --pf-t--global--spacer--xs: 4;
580
- --pf-t--global--spacer--2xl: 48;
581
- --pf-t--global--spacer--lg: 24;
582
- --pf-t--global--spacer--md: 16;
583
- --pf-t--global--spacer--3xl: 64;
584
- --pf-t--global--spacer--4xl: 80;
578
+ --pf-t--global--spacer--sm: 8px;
579
+ --pf-t--global--spacer--xl: 32px;
580
+ --pf-t--global--spacer--xs: 4px;
581
+ --pf-t--global--spacer--2xl: 48px;
582
+ --pf-t--global--spacer--lg: 24px;
583
+ --pf-t--global--spacer--md: 16px;
584
+ --pf-t--global--spacer--3xl: 64px;
585
+ --pf-t--global--spacer--4xl: 80px;
585
586
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
586
587
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
587
588
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
588
- --pf-t--global--icon--size--sm: 12;
589
- --pf-t--global--icon--size--md: 16;
590
- --pf-t--global--icon--size--lg: 24;
591
- --pf-t--global--icon--size--xl: 56;
589
+ --pf-t--global--icon--size--sm: 12px;
590
+ --pf-t--global--icon--size--md: 16px;
591
+ --pf-t--global--icon--size--lg: 24px;
592
+ --pf-t--global--icon--size--xl: 56px;
592
593
  --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
593
594
  --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
594
- --pf-t--global--border--width--divider--default: 1;
595
- --pf-t--global--border--width--divider--hover: 1;
596
- --pf-t--global--border--width--divider--active: 1;
597
- --pf-t--global--border--width--control--hover: 1;
598
- --pf-t--global--border--width--control--active: 2;
599
- --pf-t--global--border--width--control--default: 1;
600
- --pf-t--global--border--width--button--hover: 2;
601
- --pf-t--global--border--width--button--default: 1;
602
- --pf-t--global--border--width--button--active: 2;
603
- --pf-t--global--border--radius--pill: 999;
604
- --pf-t--global--border--radius--tiny: 4;
605
- --pf-t--global--border--radius--medium: 16;
606
- --pf-t--global--border--radius--large: 24;
607
- --pf-t--global--border--radius--small: 6;
595
+ --pf-t--global--border--width--divider--default: 1px;
596
+ --pf-t--global--border--width--divider--hover: 1px;
597
+ --pf-t--global--border--width--divider--active: 1px;
598
+ --pf-t--global--border--width--control--hover: 1px;
599
+ --pf-t--global--border--width--control--active: 2px;
600
+ --pf-t--global--border--width--control--default: 1px;
601
+ --pf-t--global--border--width--button--hover: 2px;
602
+ --pf-t--global--border--width--button--default: 1px;
603
+ --pf-t--global--border--width--button--active: 2px;
604
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
605
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
606
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
607
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
608
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
609
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--000);
608
610
  --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
609
611
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
610
612
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
@@ -713,6 +715,7 @@
713
715
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
714
716
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
715
717
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
718
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
716
719
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
717
720
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
718
721
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
@@ -831,6 +834,55 @@
831
834
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
832
835
  }
833
836
 
837
+ :root {
838
+ --pf-t--global--font--family--100: redhattext;
839
+ --pf-t--global--font--family--200: redhatdisplay;
840
+ --pf-t--global--font--family--300: redhatmono;
841
+ --pf-t--global--font--line-height--100: 1.3;
842
+ --pf-t--global--font--line-height--200: 1.5;
843
+ --pf-t--global--font--weight--body--100: 400;
844
+ --pf-t--global--font--weight--body--200: 600;
845
+ --pf-t--global--font--weight--heading--100: 700;
846
+ --pf-t--global--font--weight--heading--200: 700;
847
+ --pf-t--global--font--size--body--100: 12px;
848
+ --pf-t--global--font--size--body--200: 14px;
849
+ --pf-t--global--font--size--body--300: 16px;
850
+ --pf-t--global--font--size--heading--100: 16px;
851
+ --pf-t--global--font--size--heading--200: 18px;
852
+ --pf-t--global--font--size--heading--300: 20px;
853
+ --pf-t--global--font--size--heading--400: 24px;
854
+ --pf-t--global--font--size--heading--500: 28px;
855
+ --pf-t--global--font--size--heading--600: 36px;
856
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
857
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
858
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
859
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
860
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
861
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
862
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
863
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
864
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
865
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--body--100);
866
+ --pf-t--global--font--size--body--md: var(--pf-t--global--font--size--body--200);
867
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--body--300);
868
+ --pf-t--global--font--size--body: var(--pf-t--global--font--size--body--md);
869
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--heading--100);
870
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--heading--200);
871
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--heading--300);
872
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--heading--400);
873
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--heading--500);
874
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--heading--600);
875
+ --pf-t--global--text-decoration--100: none;
876
+ --pf-t--global--text-decoration--200: underline;
877
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--200);
878
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
879
+ --pf-t--global--mix-blend-mode--100: multiply;
880
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
881
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
882
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
883
+ --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
884
+ }
885
+
834
886
  /**
835
887
  * Do not edit directly
836
888
  * Generated on Mon, 14 Aug 2023 18:11:22 GMT
@@ -7624,175 +7676,177 @@ button.pf-v5-c-breadcrumb__link {
7624
7676
  }
7625
7677
 
7626
7678
  .pf-v5-c-button {
7627
- --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
7628
- --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
7629
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
7630
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
7631
- --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
7632
- --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
7633
- --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
7679
+ --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7680
+ --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
7681
+ --pf-v5-c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
7682
+ --pf-v5-c-button--PaddingLeft: var(--pf-t--global--spacer--lg);
7683
+ --pf-v5-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7684
+ --pf-v5-c-button--FontWeight: var(--pf-t--global--font--weight--body);
7685
+ --pf-v5-c-button--FontSize: var(--pf-t--global--font--size--body--md);
7634
7686
  --pf-v5-c-button--BackgroundColor: transparent;
7635
- --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7636
- --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7687
+ --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7688
+ --pf-v5-c-button--after--BorderRadius: var(--pf-t--global--border--radius--pill);
7637
7689
  --pf-v5-c-button--after--BorderColor: transparent;
7638
- --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7639
- --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7640
- --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7641
- --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7642
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
7643
- --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7690
+ --pf-v5-c-button--after--BorderWidth: var(--pf-t--global--border--width--button--default);
7691
+ --pf-v5-c-button--hover--after--BorderWidth: var(--pf-t--global--border--width--button--hover);
7692
+ --pf-v5-c-button--focus--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7693
+ --pf-v5-c-button--active--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7694
+ --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--disabled--default);
7695
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7644
7696
  --pf-v5-c-button--disabled--after--BorderColor: transparent;
7645
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
7646
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
7647
- --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
7648
- --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
7649
- --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
7650
- --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
7651
- --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
7652
- --pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100);
7697
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7698
+ --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7699
+ --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
7700
+ --pf-v5-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
7701
+ --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-t--global--color--brand--active);
7702
+ --pf-v5-c-button--m-primary--focus--Color: var(--pf-t--global--text--color--on-brand--active);
7703
+ --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--active);
7704
+ --pf-v5-c-button--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--active);
7653
7705
  --pf-v5-c-button--m-secondary--BackgroundColor: transparent;
7654
- --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
7655
- --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
7706
+ --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-t--global--border--color--brand--default);
7707
+ --pf-v5-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
7656
7708
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent;
7657
- --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100);
7658
- --pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100);
7709
+ --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-t--global--border--color--brand--hover);
7710
+ --pf-v5-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
7659
7711
  --pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent;
7660
- --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100);
7661
- --pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100);
7712
+ --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7713
+ --pf-v5-c-button--m-secondary--focus--Color: var(--pf-t--global--text--color--brand--active);
7662
7714
  --pf-v5-c-button--m-secondary--active--BackgroundColor: transparent;
7663
- --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100);
7664
- --pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100);
7715
+ --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7716
+ --pf-v5-c-button--m-secondary--active--Color: var(--pf-t--global--text--color--brand--active);
7665
7717
  --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent;
7666
- --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100);
7667
- --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100);
7718
+ --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7719
+ --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7668
7720
  --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
7669
- --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7670
- --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100);
7721
+ --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7722
+ --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
7671
7723
  --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
7672
- --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7673
- --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100);
7724
+ --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7725
+ --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7674
7726
  --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
7675
- --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7676
- --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100);
7727
+ --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7728
+ --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7677
7729
  --pf-v5-c-button--m-tertiary--BackgroundColor: transparent;
7678
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100);
7679
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100);
7730
+ --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-t--global--border--color--default);
7731
+ --pf-v5-c-button--m-tertiary--Color: var(--pf-t--global--text--color--regular);
7680
7732
  --pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent;
7681
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100);
7682
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100);
7733
+ --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
7734
+ --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--regular);
7683
7735
  --pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent;
7684
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100);
7685
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100);
7736
+ --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-t--global--border--color--active);
7737
+ --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-t--global--text--color--regular);
7686
7738
  --pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent;
7687
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100);
7688
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100);
7689
- --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100);
7690
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100);
7691
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7692
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100);
7693
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7694
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100);
7695
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7696
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100);
7697
- --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100);
7698
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100);
7699
- --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200);
7700
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100);
7701
- --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200);
7702
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100);
7703
- --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200);
7704
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100);
7739
+ --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-t--global--border--color--active);
7740
+ --pf-v5-c-button--m-tertiary--active--Color: var(--pf-t--global--text--color--regular);
7741
+ --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
7742
+ --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
7743
+ --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
7744
+ --pf-v5-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7745
+ --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7746
+ --pf-v5-c-button--m-warning--focus--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7747
+ --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7748
+ --pf-v5-c-button--m-warning--active--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7749
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
7750
+ --pf-v5-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
7751
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
7752
+ --pf-v5-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7753
+ --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7754
+ --pf-v5-c-button--m-danger--focus--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7755
+ --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7756
+ --pf-v5-c-button--m-danger--active--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7705
7757
  --pf-v5-c-button--m-link--BackgroundColor: transparent;
7706
- --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
7758
+ --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--link--default);
7707
7759
  --pf-v5-c-button--m-link--hover--BackgroundColor: transparent;
7708
- --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
7760
+ --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
7709
7761
  --pf-v5-c-button--m-link--focus--BackgroundColor: transparent;
7710
- --pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover);
7762
+ --pf-v5-c-button--m-link--focus--Color: var(--pf-t--global--text--color--link--hover);
7711
7763
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7712
- --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
7764
+ --pf-v5-c-button--m-link--active--Color: var(--pf-t--global--text--color--link--hover);
7713
7765
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7714
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7766
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-t--global--text--color--disabled--light);
7767
+ --pf-v5-c-button--m-link--not--m-inline--TextDecoration: none;
7715
7768
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7716
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7717
- --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
7769
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7770
+ --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--link--hover);
7718
7771
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
7719
7772
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
7720
7773
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
7721
7774
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7722
- --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs);
7723
- --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-v5-global--spacer--sm));
7775
+ --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7776
+ --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));
7724
7777
  --pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent;
7725
- --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100);
7778
+ --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7726
7779
  --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
7727
- --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7780
+ --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7728
7781
  --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
7729
- --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7782
+ --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7730
7783
  --pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent;
7731
- --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7732
- --pf-v5-c-button--m-plain--BackgroundColor: transparent;
7733
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200);
7734
- --pf-v5-c-button--m-plain--hover--BackgroundColor: transparent;
7735
- --pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100);
7784
+ --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7785
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7786
+ --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7787
+ --pf-v5-c-button--m-plain--hover--BackgroundColor: --pf-t--global--background--color--action--plain--hover;
7788
+ --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--text--color--regular);
7736
7789
  --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
7737
- --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
7790
+ --pf-v5-c-button--m-plain--focus--Color: var(--pf-t--global--text--color--regular);
7738
7791
  --pf-v5-c-button--m-plain--active--BackgroundColor: transparent;
7739
- --pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100);
7740
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
7792
+ --pf-v5-c-button--m-plain--active--Color: var(--pf-t--global--text--color--regular);
7793
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
7741
7794
  --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
7742
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7743
- --pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100);
7795
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
7796
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7797
+ --pf-v5-c-button--m-control--Color: var(--pf-t--global--text--color--subtle);
7744
7798
  --pf-v5-c-button--m-control--BorderRadius: 0;
7745
- --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7746
- --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300);
7747
- --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300);
7748
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
7749
- --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
7750
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
7751
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7752
- --pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
7753
- --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7754
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7755
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7756
- --pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100);
7757
- --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7758
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7759
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7760
- --pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
7761
- --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7762
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7763
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7764
- --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100);
7765
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7766
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7799
+ --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7800
+ --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-t--global--border--color--default);
7801
+ --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-t--global--border--color--default);
7802
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-t--global--border--color--default);
7803
+ --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-t--global--border--color--default);
7804
+ --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7805
+ --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7806
+ --pf-v5-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
7807
+ --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
7808
+ --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-t--global--background--color--secondary--hover);
7809
+ --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7810
+ --pf-v5-c-button--m-control--active--Color: var(--pf-t--global--text--color--regular);
7811
+ --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7812
+ --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-t--global--color--brand--active);
7813
+ --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-t--global--background--color--brand--active);
7814
+ --pf-v5-c-button--m-control--focus--Color: var(--pf-t--global--text--color--regular);
7815
+ --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7816
+ --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7817
+ --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7818
+ --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-t--global--text--color--inverse);
7819
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--200);
7820
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7767
7821
  --pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm);
7768
- --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md);
7769
- --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl);
7770
- --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md);
7771
- --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl);
7772
- --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold);
7773
- --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg);
7774
- --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs);
7775
- --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs);
7822
+ --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-t--global--spacer--md);
7823
+ --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-t--global--spacer--xl);
7824
+ --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-t--global--spacer--md);
7825
+ --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-t--global--spacer--xl);
7826
+ --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
7827
+ --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
7828
+ --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
7829
+ --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
7776
7830
  --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
7777
7831
  --pf-v5-c-button__progress--Opacity: 0;
7778
7832
  --pf-v5-c-button__progress--TranslateY: -50%;
7779
7833
  --pf-v5-c-button__progress--TranslateX: 0;
7780
7834
  --pf-v5-c-button__progress--Top: 50%;
7781
- --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
7835
+ --pf-v5-c-button__progress--Left: var(--pf-t--global--spacer--md);
7782
7836
  --pf-v5-c-button--m-progress--TransitionProperty: padding;
7783
7837
  --pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration);
7784
- --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7785
- --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7786
- --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md);
7787
- --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width));
7788
- --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100);
7838
+ --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7839
+ --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7840
+ --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
7841
+ --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width));
7842
+ --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--color--brand--default);
7789
7843
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
7790
7844
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7791
7845
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
7792
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100);
7793
- --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7794
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300);
7795
- --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7846
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
7847
+ --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7848
+ --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7849
+ --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--300);
7796
7850
  position: relative;
7797
7851
  display: inline-block;
7798
7852
  padding: var(--pf-v5-c-button--PaddingTop) var(--pf-v5-c-button--PaddingRight) var(--pf-v5-c-button--PaddingBottom) var(--pf-v5-c-button--PaddingLeft);
@@ -7853,10 +7907,6 @@ button.pf-v5-c-breadcrumb__link {
7853
7907
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
7854
7908
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
7855
7909
  }
7856
- .pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active {
7857
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color);
7858
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor);
7859
- }
7860
7910
  .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
7861
7911
  border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
7862
7912
  }
@@ -7906,6 +7956,9 @@ button.pf-v5-c-breadcrumb__link {
7906
7956
  color: var(--pf-v5-c-button--m-link--Color);
7907
7957
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
7908
7958
  }
7959
+ .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover, .pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus, .pf-v5-c-button.pf-m-link:not(.pf-m-inline):active {
7960
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
7961
+ }
7909
7962
  .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
7910
7963
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
7911
7964
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
@@ -7929,7 +7982,6 @@ button.pf-v5-c-breadcrumb__link {
7929
7982
  }
7930
7983
  .pf-v5-c-button.pf-m-link.pf-m-inline:hover {
7931
7984
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color);
7932
- text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
7933
7985
  }
7934
7986
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
7935
7987
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -8048,12 +8100,17 @@ button.pf-v5-c-breadcrumb__link {
8048
8100
  .pf-v5-c-button.pf-m-plain {
8049
8101
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8050
8102
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8103
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8104
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8105
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8106
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8107
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8051
8108
  color: var(--pf-v5-c-button--m-plain--Color);
8052
8109
  background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
8053
8110
  }
8054
- .pf-v5-c-button.pf-m-plain:hover {
8055
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8111
+ .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
8056
8112
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8113
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
8057
8114
  }
8058
8115
  .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
8059
8116
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
@@ -8128,58 +8185,6 @@ button.pf-v5-c-breadcrumb__link {
8128
8185
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
8129
8186
  }
8130
8187
 
8131
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
8132
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8133
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8134
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8135
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8136
- }
8137
-
8138
- :where(.pf-v5-theme-dark) .pf-v5-c-button {
8139
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
8140
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8141
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
8142
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8143
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
8144
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8145
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
8146
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8147
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
8148
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8149
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
8150
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
8151
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
8152
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
8153
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
8154
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
8155
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
8156
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
8157
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
8158
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
8159
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
8160
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
8161
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
8162
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8163
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8164
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8165
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8166
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8167
- --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
8168
- --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
8169
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
8170
- --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
8171
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8172
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8173
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8174
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8175
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
8176
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
8177
- }
8178
- :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
8179
- border: 0;
8180
- border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
8181
- }
8182
-
8183
8188
  .pf-v5-c-calendar-month {
8184
8189
  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8185
8190
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);