@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-theme-dark-unversioned.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
@@ -1303,10 +1355,10 @@ body) {
1303
1355
  }
1304
1356
 
1305
1357
  :where(body) {
1306
- font-family: var(--pf-v5-global--FontFamily--text);
1307
- font-size: var(--pf-v5-global--FontSize--md);
1308
- font-weight: var(--pf-v5-global--FontWeight--normal);
1309
- line-height: var(--pf-v5-global--LineHeight--md);
1358
+ font-family: var(--pf-t--global--font--family--body);
1359
+ font-size: var(--pf-t--global--font--size--body);
1360
+ font-weight: var(--pf-t--global--font--weight--body);
1361
+ line-height: var(--pf-t--global--font--line-height--body);
1310
1362
  }
1311
1363
 
1312
1364
  :where(h1,
@@ -1316,7 +1368,7 @@ h4,
1316
1368
  h5,
1317
1369
  h6) {
1318
1370
  font-size: 100%;
1319
- font-weight: var(--pf-v5-global--FontWeight--normal);
1371
+ font-weight: var(--pf-t--global--font--weight--body);
1320
1372
  }
1321
1373
 
1322
1374
  :where(ul) {
@@ -1331,8 +1383,8 @@ textarea) {
1331
1383
  margin: 0;
1332
1384
  font-family: inherit;
1333
1385
  font-size: 100%;
1334
- line-height: var(--pf-v5-global--LineHeight--md);
1335
- color: var(--pf-v5-global--Color--100);
1386
+ line-height: var(--pf-t--global--font--line-height--body);
1387
+ color: var(--pf-t--global--text--color--regular);
1336
1388
  }
1337
1389
 
1338
1390
  :where(img,
@@ -1362,18 +1414,18 @@ th) {
1362
1414
 
1363
1415
  :where(code,
1364
1416
  pre) {
1365
- font-family: var(--pf-v5-global--FontFamily--monospace);
1417
+ font-family: var(--pf-t--global--font--family--mono);
1366
1418
  }
1367
1419
 
1368
1420
  :where(a) {
1369
1421
  font-weight: var(--pf-v5-global--link--FontWeight);
1370
- color: var(--pf-v5-global--link--Color);
1371
- text-decoration: var(--pf-v5-global--link--TextDecoration);
1422
+ color: var(--pf-t--global--text--color--link--default);
1423
+ text-decoration: var(--pf-t--global--link--text-decoration);
1372
1424
  }
1373
1425
 
1374
1426
  :where(a:hover) {
1375
- --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--hover);
1376
- --pf-v5-global--link--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
1427
+ --pf-v5-global--link--Color: var(--pf-t--global--text--color--link--hover);
1428
+ --pf-v5-global--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
1377
1429
  }
1378
1430
 
1379
1431
  :where(a,
@@ -7741,175 +7793,177 @@ button.pf-v5-c-breadcrumb__link {
7741
7793
  }
7742
7794
 
7743
7795
  .pf-v5-c-button {
7744
- --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
7745
- --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
7746
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
7747
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
7748
- --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
7749
- --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
7750
- --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
7796
+ --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7797
+ --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
7798
+ --pf-v5-c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
7799
+ --pf-v5-c-button--PaddingLeft: var(--pf-t--global--spacer--lg);
7800
+ --pf-v5-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7801
+ --pf-v5-c-button--FontWeight: var(--pf-t--global--font--weight--body);
7802
+ --pf-v5-c-button--FontSize: var(--pf-t--global--font--size--body--md);
7751
7803
  --pf-v5-c-button--BackgroundColor: transparent;
7752
- --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7753
- --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7804
+ --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7805
+ --pf-v5-c-button--after--BorderRadius: var(--pf-t--global--border--radius--pill);
7754
7806
  --pf-v5-c-button--after--BorderColor: transparent;
7755
- --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7756
- --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7757
- --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7758
- --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7759
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
7760
- --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7807
+ --pf-v5-c-button--after--BorderWidth: var(--pf-t--global--border--width--button--default);
7808
+ --pf-v5-c-button--hover--after--BorderWidth: var(--pf-t--global--border--width--button--hover);
7809
+ --pf-v5-c-button--focus--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7810
+ --pf-v5-c-button--active--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7811
+ --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--disabled--default);
7812
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7761
7813
  --pf-v5-c-button--disabled--after--BorderColor: transparent;
7762
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
7763
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
7764
- --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
7765
- --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
7766
- --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
7767
- --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
7768
- --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
7769
- --pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100);
7814
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7815
+ --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7816
+ --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
7817
+ --pf-v5-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
7818
+ --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-t--global--color--brand--active);
7819
+ --pf-v5-c-button--m-primary--focus--Color: var(--pf-t--global--text--color--on-brand--active);
7820
+ --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--active);
7821
+ --pf-v5-c-button--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--active);
7770
7822
  --pf-v5-c-button--m-secondary--BackgroundColor: transparent;
7771
- --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
7772
- --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
7823
+ --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-t--global--border--color--brand--default);
7824
+ --pf-v5-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
7773
7825
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent;
7774
- --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100);
7775
- --pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100);
7826
+ --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-t--global--border--color--brand--hover);
7827
+ --pf-v5-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
7776
7828
  --pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent;
7777
- --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100);
7778
- --pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100);
7829
+ --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7830
+ --pf-v5-c-button--m-secondary--focus--Color: var(--pf-t--global--text--color--brand--active);
7779
7831
  --pf-v5-c-button--m-secondary--active--BackgroundColor: transparent;
7780
- --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100);
7781
- --pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100);
7832
+ --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7833
+ --pf-v5-c-button--m-secondary--active--Color: var(--pf-t--global--text--color--brand--active);
7782
7834
  --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent;
7783
- --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100);
7784
- --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100);
7835
+ --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7836
+ --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7785
7837
  --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
7786
- --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7787
- --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100);
7838
+ --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7839
+ --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
7788
7840
  --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
7789
- --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7790
- --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100);
7841
+ --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7842
+ --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7791
7843
  --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
7792
- --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7793
- --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100);
7844
+ --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7845
+ --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7794
7846
  --pf-v5-c-button--m-tertiary--BackgroundColor: transparent;
7795
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100);
7796
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100);
7847
+ --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-t--global--border--color--default);
7848
+ --pf-v5-c-button--m-tertiary--Color: var(--pf-t--global--text--color--regular);
7797
7849
  --pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent;
7798
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100);
7799
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100);
7850
+ --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
7851
+ --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--regular);
7800
7852
  --pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent;
7801
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100);
7802
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100);
7853
+ --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-t--global--border--color--active);
7854
+ --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-t--global--text--color--regular);
7803
7855
  --pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent;
7804
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100);
7805
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100);
7806
- --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100);
7807
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100);
7808
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7809
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100);
7810
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7811
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100);
7812
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7813
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100);
7814
- --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100);
7815
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100);
7816
- --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200);
7817
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100);
7818
- --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200);
7819
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100);
7820
- --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200);
7821
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100);
7856
+ --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-t--global--border--color--active);
7857
+ --pf-v5-c-button--m-tertiary--active--Color: var(--pf-t--global--text--color--regular);
7858
+ --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
7859
+ --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
7860
+ --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
7861
+ --pf-v5-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7862
+ --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7863
+ --pf-v5-c-button--m-warning--focus--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7864
+ --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7865
+ --pf-v5-c-button--m-warning--active--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7866
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
7867
+ --pf-v5-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
7868
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
7869
+ --pf-v5-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7870
+ --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7871
+ --pf-v5-c-button--m-danger--focus--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7872
+ --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7873
+ --pf-v5-c-button--m-danger--active--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7822
7874
  --pf-v5-c-button--m-link--BackgroundColor: transparent;
7823
- --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
7875
+ --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--link--default);
7824
7876
  --pf-v5-c-button--m-link--hover--BackgroundColor: transparent;
7825
- --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
7877
+ --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
7826
7878
  --pf-v5-c-button--m-link--focus--BackgroundColor: transparent;
7827
- --pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover);
7879
+ --pf-v5-c-button--m-link--focus--Color: var(--pf-t--global--text--color--link--hover);
7828
7880
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7829
- --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
7881
+ --pf-v5-c-button--m-link--active--Color: var(--pf-t--global--text--color--link--hover);
7830
7882
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7831
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7883
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-t--global--text--color--disabled--light);
7884
+ --pf-v5-c-button--m-link--not--m-inline--TextDecoration: none;
7832
7885
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7833
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7834
- --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
7886
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7887
+ --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--link--hover);
7835
7888
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
7836
7889
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
7837
7890
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
7838
7891
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7839
- --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs);
7840
- --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));
7892
+ --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7893
+ --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));
7841
7894
  --pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent;
7842
- --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100);
7895
+ --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7843
7896
  --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
7844
- --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7897
+ --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7845
7898
  --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
7846
- --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7899
+ --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7847
7900
  --pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent;
7848
- --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7849
- --pf-v5-c-button--m-plain--BackgroundColor: transparent;
7850
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200);
7851
- --pf-v5-c-button--m-plain--hover--BackgroundColor: transparent;
7852
- --pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100);
7901
+ --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7902
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7903
+ --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7904
+ --pf-v5-c-button--m-plain--hover--BackgroundColor: --pf-t--global--background--color--action--plain--hover;
7905
+ --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--text--color--regular);
7853
7906
  --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
7854
- --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
7907
+ --pf-v5-c-button--m-plain--focus--Color: var(--pf-t--global--text--color--regular);
7855
7908
  --pf-v5-c-button--m-plain--active--BackgroundColor: transparent;
7856
- --pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100);
7857
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
7909
+ --pf-v5-c-button--m-plain--active--Color: var(--pf-t--global--text--color--regular);
7910
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
7858
7911
  --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
7859
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7860
- --pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100);
7912
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
7913
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7914
+ --pf-v5-c-button--m-control--Color: var(--pf-t--global--text--color--subtle);
7861
7915
  --pf-v5-c-button--m-control--BorderRadius: 0;
7862
- --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7863
- --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300);
7864
- --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300);
7865
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
7866
- --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
7867
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
7868
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7869
- --pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
7870
- --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7871
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7872
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7873
- --pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100);
7874
- --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7875
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7876
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7877
- --pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
7878
- --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7879
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7880
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7881
- --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100);
7882
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7883
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7916
+ --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7917
+ --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-t--global--border--color--default);
7918
+ --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-t--global--border--color--default);
7919
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-t--global--border--color--default);
7920
+ --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-t--global--border--color--default);
7921
+ --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7922
+ --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7923
+ --pf-v5-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
7924
+ --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
7925
+ --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-t--global--background--color--secondary--hover);
7926
+ --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7927
+ --pf-v5-c-button--m-control--active--Color: var(--pf-t--global--text--color--regular);
7928
+ --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7929
+ --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-t--global--color--brand--active);
7930
+ --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-t--global--background--color--brand--active);
7931
+ --pf-v5-c-button--m-control--focus--Color: var(--pf-t--global--text--color--regular);
7932
+ --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7933
+ --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7934
+ --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7935
+ --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-t--global--text--color--inverse);
7936
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--200);
7937
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7884
7938
  --pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm);
7885
- --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md);
7886
- --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl);
7887
- --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md);
7888
- --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl);
7889
- --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold);
7890
- --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg);
7891
- --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs);
7892
- --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs);
7939
+ --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-t--global--spacer--md);
7940
+ --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-t--global--spacer--xl);
7941
+ --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-t--global--spacer--md);
7942
+ --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-t--global--spacer--xl);
7943
+ --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
7944
+ --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
7945
+ --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
7946
+ --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
7893
7947
  --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
7894
7948
  --pf-v5-c-button__progress--Opacity: 0;
7895
7949
  --pf-v5-c-button__progress--TranslateY: -50%;
7896
7950
  --pf-v5-c-button__progress--TranslateX: 0;
7897
7951
  --pf-v5-c-button__progress--Top: 50%;
7898
- --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
7952
+ --pf-v5-c-button__progress--Left: var(--pf-t--global--spacer--md);
7899
7953
  --pf-v5-c-button--m-progress--TransitionProperty: padding;
7900
7954
  --pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration);
7901
- --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7902
- --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7903
- --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md);
7904
- --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width));
7905
- --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100);
7955
+ --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7956
+ --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7957
+ --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
7958
+ --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width));
7959
+ --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--color--brand--default);
7906
7960
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
7907
7961
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7908
7962
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
7909
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100);
7910
- --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7911
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300);
7912
- --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7963
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
7964
+ --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7965
+ --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7966
+ --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--300);
7913
7967
  position: relative;
7914
7968
  display: inline-block;
7915
7969
  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);
@@ -7970,10 +8024,6 @@ button.pf-v5-c-breadcrumb__link {
7970
8024
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
7971
8025
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
7972
8026
  }
7973
- .pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active {
7974
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color);
7975
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor);
7976
- }
7977
8027
  .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
7978
8028
  border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
7979
8029
  }
@@ -8023,6 +8073,9 @@ button.pf-v5-c-breadcrumb__link {
8023
8073
  color: var(--pf-v5-c-button--m-link--Color);
8024
8074
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
8025
8075
  }
8076
+ .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 {
8077
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
8078
+ }
8026
8079
  .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
8027
8080
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
8028
8081
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
@@ -8046,7 +8099,6 @@ button.pf-v5-c-breadcrumb__link {
8046
8099
  }
8047
8100
  .pf-v5-c-button.pf-m-link.pf-m-inline:hover {
8048
8101
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color);
8049
- text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
8050
8102
  }
8051
8103
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
8052
8104
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -8165,12 +8217,17 @@ button.pf-v5-c-breadcrumb__link {
8165
8217
  .pf-v5-c-button.pf-m-plain {
8166
8218
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8167
8219
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8220
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8221
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8222
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8223
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8224
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8168
8225
  color: var(--pf-v5-c-button--m-plain--Color);
8169
8226
  background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
8170
8227
  }
8171
- .pf-v5-c-button.pf-m-plain:hover {
8172
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8228
+ .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
8173
8229
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8230
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
8174
8231
  }
8175
8232
  .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
8176
8233
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
@@ -8245,58 +8302,6 @@ button.pf-v5-c-breadcrumb__link {
8245
8302
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
8246
8303
  }
8247
8304
 
8248
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
8249
- :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8250
- :where(.pf-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8251
- :where(.pf-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8252
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8253
- }
8254
-
8255
- :where(.pf-theme-dark) .pf-v5-c-button {
8256
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
8257
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8258
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
8259
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8260
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
8261
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8262
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
8263
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8264
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
8265
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8266
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
8267
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
8268
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
8269
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
8270
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
8271
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
8272
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
8273
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
8274
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
8275
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
8276
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
8277
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
8278
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
8279
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8280
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8281
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8282
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8283
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8284
- --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
8285
- --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
8286
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
8287
- --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
8288
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8289
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8290
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8291
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8292
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
8293
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
8294
- }
8295
- :where(.pf-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
8296
- border: 0;
8297
- border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
8298
- }
8299
-
8300
8305
  .pf-v5-c-calendar-month {
8301
8306
  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8302
8307
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);