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

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 (23) 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 +113 -46
  5. package/base/tokens/_tokens-default.scss +49 -48
  6. package/base/tokens/_tokens-font.scss +94 -0
  7. package/components/Button/button.css +137 -177
  8. package/components/Button/button.scss +157 -139
  9. package/components/Table/table.css +90 -89
  10. package/components/Table/table.scss +92 -95
  11. package/components/Toolbar/toolbar.css +0 -1
  12. package/components/Toolbar/toolbar.scss +0 -1
  13. package/docs/demos/Page/examples/Penta.md +672 -0
  14. package/package.json +1 -1
  15. package/patternfly-base-no-globals-theme-dark-unversioned.css +113 -46
  16. package/patternfly-base-no-globals.css +113 -46
  17. package/patternfly-base-theme-dark-unversioned.css +125 -58
  18. package/patternfly-base.css +125 -58
  19. package/patternfly-no-globals.css +340 -320
  20. package/patternfly-theme-dark-unversioned.css +352 -332
  21. package/patternfly.css +352 -332
  22. package/patternfly.min.css +1 -1
  23. package/patternfly.min.css.map +1 -1
package/patternfly.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,70 @@
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
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
885
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
886
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
887
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
888
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
889
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
890
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
891
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
892
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
893
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
894
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
895
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
896
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
897
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
898
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
899
+ }
900
+
834
901
  /**
835
902
  * Do not edit directly
836
903
  * Generated on Mon, 14 Aug 2023 18:11:22 GMT
@@ -1303,10 +1370,10 @@ body) {
1303
1370
  }
1304
1371
 
1305
1372
  :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);
1373
+ font-family: var(--pf-t--global--font--family--body);
1374
+ font-size: var(--pf-t--global--font--size--body);
1375
+ font-weight: var(--pf-t--global--font--weight--body);
1376
+ line-height: var(--pf-t--global--font--line-height--body);
1310
1377
  }
1311
1378
 
1312
1379
  :where(h1,
@@ -1316,7 +1383,7 @@ h4,
1316
1383
  h5,
1317
1384
  h6) {
1318
1385
  font-size: 100%;
1319
- font-weight: var(--pf-v5-global--FontWeight--normal);
1386
+ font-weight: var(--pf-t--global--font--weight--body);
1320
1387
  }
1321
1388
 
1322
1389
  :where(ul) {
@@ -1331,8 +1398,8 @@ textarea) {
1331
1398
  margin: 0;
1332
1399
  font-family: inherit;
1333
1400
  font-size: 100%;
1334
- line-height: var(--pf-v5-global--LineHeight--md);
1335
- color: var(--pf-v5-global--Color--100);
1401
+ line-height: var(--pf-t--global--font--line-height--body);
1402
+ color: var(--pf-t--global--text--color--regular);
1336
1403
  }
1337
1404
 
1338
1405
  :where(img,
@@ -1362,18 +1429,18 @@ th) {
1362
1429
 
1363
1430
  :where(code,
1364
1431
  pre) {
1365
- font-family: var(--pf-v5-global--FontFamily--monospace);
1432
+ font-family: var(--pf-t--global--font--family--mono);
1366
1433
  }
1367
1434
 
1368
1435
  :where(a) {
1369
1436
  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);
1437
+ color: var(--pf-t--global--text--color--link--default);
1438
+ text-decoration: var(--pf-t--global--link--text-decoration);
1372
1439
  }
1373
1440
 
1374
1441
  :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);
1442
+ --pf-v5-global--link--Color: var(--pf-t--global--text--color--link--hover);
1443
+ --pf-v5-global--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
1377
1444
  }
1378
1445
 
1379
1446
  :where(a,
@@ -7741,175 +7808,177 @@ button.pf-v5-c-breadcrumb__link {
7741
7808
  }
7742
7809
 
7743
7810
  .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);
7811
+ --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7812
+ --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
7813
+ --pf-v5-c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
7814
+ --pf-v5-c-button--PaddingLeft: var(--pf-t--global--spacer--lg);
7815
+ --pf-v5-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7816
+ --pf-v5-c-button--FontWeight: var(--pf-t--global--font--weight--body);
7817
+ --pf-v5-c-button--FontSize: var(--pf-t--global--font--size--body--md);
7751
7818
  --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);
7819
+ --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7820
+ --pf-v5-c-button--after--BorderRadius: var(--pf-t--global--border--radius--pill);
7754
7821
  --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);
7822
+ --pf-v5-c-button--after--BorderWidth: var(--pf-t--global--border--width--button--default);
7823
+ --pf-v5-c-button--hover--after--BorderWidth: var(--pf-t--global--border--width--button--hover);
7824
+ --pf-v5-c-button--focus--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7825
+ --pf-v5-c-button--active--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7826
+ --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--disabled--default);
7827
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7761
7828
  --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);
7829
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7830
+ --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7831
+ --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
7832
+ --pf-v5-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
7833
+ --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-t--global--color--brand--active);
7834
+ --pf-v5-c-button--m-primary--focus--Color: var(--pf-t--global--text--color--on-brand--active);
7835
+ --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--active);
7836
+ --pf-v5-c-button--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--active);
7770
7837
  --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);
7838
+ --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-t--global--border--color--brand--default);
7839
+ --pf-v5-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
7773
7840
  --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);
7841
+ --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-t--global--border--color--brand--hover);
7842
+ --pf-v5-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
7776
7843
  --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);
7844
+ --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7845
+ --pf-v5-c-button--m-secondary--focus--Color: var(--pf-t--global--text--color--brand--active);
7779
7846
  --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);
7847
+ --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7848
+ --pf-v5-c-button--m-secondary--active--Color: var(--pf-t--global--text--color--brand--active);
7782
7849
  --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);
7850
+ --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7851
+ --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7785
7852
  --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);
7853
+ --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7854
+ --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
7788
7855
  --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);
7856
+ --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7857
+ --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7791
7858
  --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);
7859
+ --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7860
+ --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7794
7861
  --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);
7862
+ --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-t--global--border--color--default);
7863
+ --pf-v5-c-button--m-tertiary--Color: var(--pf-t--global--text--color--regular);
7797
7864
  --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);
7865
+ --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
7866
+ --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--regular);
7800
7867
  --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);
7868
+ --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-t--global--border--color--active);
7869
+ --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-t--global--text--color--regular);
7803
7870
  --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);
7871
+ --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-t--global--border--color--active);
7872
+ --pf-v5-c-button--m-tertiary--active--Color: var(--pf-t--global--text--color--regular);
7873
+ --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
7874
+ --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
7875
+ --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
7876
+ --pf-v5-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7877
+ --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7878
+ --pf-v5-c-button--m-warning--focus--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7879
+ --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7880
+ --pf-v5-c-button--m-warning--active--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7881
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
7882
+ --pf-v5-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
7883
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
7884
+ --pf-v5-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7885
+ --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7886
+ --pf-v5-c-button--m-danger--focus--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7887
+ --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7888
+ --pf-v5-c-button--m-danger--active--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7822
7889
  --pf-v5-c-button--m-link--BackgroundColor: transparent;
7823
- --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
7890
+ --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--link--default);
7824
7891
  --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);
7892
+ --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
7826
7893
  --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);
7894
+ --pf-v5-c-button--m-link--focus--Color: var(--pf-t--global--text--color--link--hover);
7828
7895
  --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);
7896
+ --pf-v5-c-button--m-link--active--Color: var(--pf-t--global--text--color--link--hover);
7830
7897
  --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);
7898
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-t--global--text--color--disabled--light);
7899
+ --pf-v5-c-button--m-link--not--m-inline--TextDecoration: none;
7832
7900
  --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);
7901
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7902
+ --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--link--hover);
7835
7903
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
7836
7904
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
7837
7905
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
7838
7906
  --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));
7907
+ --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7908
+ --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
7909
  --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);
7910
+ --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7843
7911
  --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);
7912
+ --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7845
7913
  --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);
7914
+ --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7847
7915
  --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);
7916
+ --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7917
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7918
+ --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7919
+ --pf-v5-c-button--m-plain--hover--BackgroundColor: --pf-t--global--background--color--action--plain--hover;
7920
+ --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--text--color--regular);
7853
7921
  --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
7854
- --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
7922
+ --pf-v5-c-button--m-plain--focus--Color: var(--pf-t--global--text--color--regular);
7855
7923
  --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);
7924
+ --pf-v5-c-button--m-plain--active--Color: var(--pf-t--global--text--color--regular);
7925
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
7858
7926
  --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);
7927
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
7928
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7929
+ --pf-v5-c-button--m-control--Color: var(--pf-t--global--text--color--subtle);
7861
7930
  --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);
7931
+ --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7932
+ --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-t--global--border--color--default);
7933
+ --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-t--global--border--color--default);
7934
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-t--global--border--color--default);
7935
+ --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-t--global--border--color--default);
7936
+ --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7937
+ --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7938
+ --pf-v5-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
7939
+ --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
7940
+ --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-t--global--background--color--secondary--hover);
7941
+ --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7942
+ --pf-v5-c-button--m-control--active--Color: var(--pf-t--global--text--color--regular);
7943
+ --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7944
+ --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-t--global--color--brand--active);
7945
+ --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-t--global--background--color--brand--active);
7946
+ --pf-v5-c-button--m-control--focus--Color: var(--pf-t--global--text--color--regular);
7947
+ --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7948
+ --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7949
+ --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7950
+ --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-t--global--text--color--inverse);
7951
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--200);
7952
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7884
7953
  --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);
7954
+ --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-t--global--spacer--md);
7955
+ --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-t--global--spacer--xl);
7956
+ --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-t--global--spacer--md);
7957
+ --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-t--global--spacer--xl);
7958
+ --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
7959
+ --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
7960
+ --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
7961
+ --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
7893
7962
  --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
7894
7963
  --pf-v5-c-button__progress--Opacity: 0;
7895
7964
  --pf-v5-c-button__progress--TranslateY: -50%;
7896
7965
  --pf-v5-c-button__progress--TranslateX: 0;
7897
7966
  --pf-v5-c-button__progress--Top: 50%;
7898
- --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
7967
+ --pf-v5-c-button__progress--Left: var(--pf-t--global--spacer--md);
7899
7968
  --pf-v5-c-button--m-progress--TransitionProperty: padding;
7900
7969
  --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);
7970
+ --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7971
+ --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7972
+ --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
7973
+ --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width));
7974
+ --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--color--brand--default);
7906
7975
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
7907
7976
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7908
7977
  --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);
7978
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
7979
+ --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7980
+ --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7981
+ --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--300);
7913
7982
  position: relative;
7914
7983
  display: inline-block;
7915
7984
  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 +8039,6 @@ button.pf-v5-c-breadcrumb__link {
7970
8039
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
7971
8040
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
7972
8041
  }
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
8042
  .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
7978
8043
  border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
7979
8044
  }
@@ -8023,6 +8088,9 @@ button.pf-v5-c-breadcrumb__link {
8023
8088
  color: var(--pf-v5-c-button--m-link--Color);
8024
8089
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
8025
8090
  }
8091
+ .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 {
8092
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
8093
+ }
8026
8094
  .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
8027
8095
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
8028
8096
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
@@ -8046,7 +8114,6 @@ button.pf-v5-c-breadcrumb__link {
8046
8114
  }
8047
8115
  .pf-v5-c-button.pf-m-link.pf-m-inline:hover {
8048
8116
  --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
8117
  }
8051
8118
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
8052
8119
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -8165,12 +8232,17 @@ button.pf-v5-c-breadcrumb__link {
8165
8232
  .pf-v5-c-button.pf-m-plain {
8166
8233
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8167
8234
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8235
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8236
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8237
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8238
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8239
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8168
8240
  color: var(--pf-v5-c-button--m-plain--Color);
8169
8241
  background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
8170
8242
  }
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);
8243
+ .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
8244
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8245
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
8174
8246
  }
8175
8247
  .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
8176
8248
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
@@ -8245,58 +8317,6 @@ button.pf-v5-c-breadcrumb__link {
8245
8317
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
8246
8318
  }
8247
8319
 
8248
- :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,
8249
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8250
- :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,
8251
- :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 {
8252
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8253
- }
8254
-
8255
- :where(.pf-v5-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-v5-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
8320
  .pf-v5-c-calendar-month {
8301
8321
  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8302
8322
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
@@ -11600,7 +11620,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11600
11620
 
11601
11621
  .pf-v5-c-toolbar {
11602
11622
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
11603
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11604
11623
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11605
11624
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11606
11625
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -27129,26 +27148,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27129
27148
  }
27130
27149
 
27131
27150
  .pf-v5-c-table {
27132
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27133
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
27134
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27135
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
27136
- --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
27151
+ --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27152
+ --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27153
+ --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27154
+ --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
27155
+ --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27137
27156
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27138
27157
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27139
27158
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27140
27159
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27141
27160
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27142
27161
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27143
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
27144
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
27145
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
27146
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
27162
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
27163
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27164
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27165
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27147
27166
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27148
27167
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27149
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
27150
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
27151
- --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
27168
+ --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
27169
+ --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27170
+ --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
27152
27171
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27153
27172
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27154
27173
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -27165,10 +27184,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27165
27184
  --pf-v5-c-table--cell--TextOverflow: clip;
27166
27185
  --pf-v5-c-table--cell--WhiteSpace: normal;
27167
27186
  --pf-v5-c-table--cell--WordBreak: normal;
27168
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
27169
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
27170
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
27171
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
27187
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
27188
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
27189
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
27190
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
27172
27191
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
27173
27192
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27174
27193
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -27179,33 +27198,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
27179
27198
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27180
27199
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27181
27200
  --pf-v5-c-table__button--BackgroundColor: transparent;
27182
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
27183
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
27184
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
27185
- --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
27201
+ --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27202
+ --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27203
+ --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27204
+ --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27186
27205
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27187
27206
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27188
27207
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27189
27208
  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27190
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27191
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27192
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
27193
- --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
27209
+ --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27210
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27211
+ --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27212
+ --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
27194
27213
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27195
27214
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27196
27215
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27197
27216
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27198
27217
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27199
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
27200
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
27201
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
27202
- --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
27218
+ --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27219
+ --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27220
+ --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27221
+ --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27203
27222
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27204
27223
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27205
27224
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27206
27225
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27207
27226
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27208
- --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27227
+ --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27209
27228
  --pf-v5-c-table__action--PaddingTop: 0;
27210
27229
  --pf-v5-c-table__action--PaddingRight: 0;
27211
27230
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27223,7 +27242,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27223
27242
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27224
27243
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27225
27244
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27226
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
27245
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
27227
27246
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27228
27247
  --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
27229
27248
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27233,19 +27252,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27233
27252
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27234
27253
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27235
27254
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27236
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27237
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
27255
+ --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27256
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
27238
27257
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27239
27258
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27240
27259
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27241
27260
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27242
27261
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27243
- --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
27262
+ --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27244
27263
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27245
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27246
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27247
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27248
- --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
27264
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
27265
+ --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27266
+ --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27267
+ --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27249
27268
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27250
27269
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27251
27270
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27253,18 +27272,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27253
27272
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27254
27273
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27255
27274
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27256
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27257
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27258
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27259
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27260
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27261
- --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
27275
+ --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27276
+ --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27277
+ --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27278
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
27279
+ --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27280
+ --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27262
27281
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27263
27282
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27264
27283
  --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27265
27284
  --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27266
27285
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27267
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
27286
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
27268
27287
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27269
27288
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
27270
27289
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
@@ -27278,60 +27297,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27278
27297
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27279
27298
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27280
27299
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27281
- --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
27300
+ --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
27282
27301
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27283
27302
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27284
27303
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27285
27304
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27286
27305
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27287
27306
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27288
- --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
27307
+ --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27289
27308
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27290
27309
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27291
27310
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27311
+ --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27292
27312
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27293
- --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27294
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27295
- --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27296
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27297
- --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27298
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27299
- --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27313
+ --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27314
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27315
+ --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27316
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27317
+ --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27318
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
27319
+ --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27300
27320
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27301
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27302
- --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27303
- --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27321
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27322
+ --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27323
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27304
27324
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27305
27325
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27306
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27307
- --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27308
- --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27326
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27327
+ --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27328
+ --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27309
27329
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27310
27330
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27311
27331
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27312
27332
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27313
- --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27314
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27315
- --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27316
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27317
- --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27318
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27319
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27320
- --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27321
- --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27333
+ --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27334
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27335
+ --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27336
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27337
+ --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27338
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27339
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
27340
+ --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27341
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27322
27342
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27323
- --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27343
+ --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27324
27344
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27325
27345
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27326
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27327
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27328
- --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27329
- --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27346
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
27347
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27348
+ --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27349
+ --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27330
27350
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27331
27351
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27332
27352
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27333
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27334
- --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
27353
+ --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
27354
+ --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27335
27355
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27336
27356
  color: var(--pf-v5-global--Color--100);
27337
27357
  width: 100%;
@@ -27580,27 +27600,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27580
27600
  .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
27581
27601
  border-left-width: 0;
27582
27602
  }
27603
+ .pf-v5-c-table tr.pf-m-clickable:last-child {
27604
+ border-bottom-color: transparent;
27605
+ }
27606
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
27607
+ position: relative;
27608
+ }
27609
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
27610
+ position: absolute;
27611
+ inset: 0;
27612
+ content: "";
27613
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27614
+ border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
27615
+ }
27583
27616
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27584
27617
  cursor: pointer;
27585
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27586
27618
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27587
27619
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27588
27620
  }
27589
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected {
27590
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27591
- }
27592
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27593
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
27621
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27594
27622
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27595
27623
  }
27596
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27597
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27598
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27599
- }
27600
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27601
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27602
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27603
- }
27604
27624
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27605
27625
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27606
27626
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);