@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-no-globals.css CHANGED
@@ -497,26 +497,27 @@
497
497
  */
498
498
  :root {
499
499
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
500
- --pf-t--global--spacer--800: 80;
501
- --pf-t--global--spacer--700: 64;
502
- --pf-t--global--spacer--600: 48;
503
- --pf-t--global--spacer--500: 32;
504
- --pf-t--global--spacer--400: 24;
505
- --pf-t--global--spacer--300: 16;
506
- --pf-t--global--spacer--200: 8;
507
- --pf-t--global--spacer--100: 4;
508
- --pf-t--global--icon--size--400: 56;
509
- --pf-t--global--icon--size--300: 24;
510
- --pf-t--global--icon--size--200: 16;
511
- --pf-t--global--icon--size--100: 12;
512
- --pf-t--global--border--width--300: 3;
513
- --pf-t--global--border--width--200: 2;
514
- --pf-t--global--border--width--100: 1;
515
- --pf-t--global--border--radius--500: 999;
516
- --pf-t--global--border--radius--400: 24;
517
- --pf-t--global--border--radius--300: 16;
518
- --pf-t--global--border--radius--200: 6;
519
- --pf-t--global--border--radius--100: 4;
500
+ --pf-t--global--spacer--800: 80px;
501
+ --pf-t--global--spacer--700: 64px;
502
+ --pf-t--global--spacer--600: 48px;
503
+ --pf-t--global--spacer--500: 32px;
504
+ --pf-t--global--spacer--400: 24px;
505
+ --pf-t--global--spacer--300: 16px;
506
+ --pf-t--global--spacer--200: 8px;
507
+ --pf-t--global--spacer--100: 4px;
508
+ --pf-t--global--icon--size--400: 56px;
509
+ --pf-t--global--icon--size--300: 24px;
510
+ --pf-t--global--icon--size--200: 16px;
511
+ --pf-t--global--icon--size--100: 12px;
512
+ --pf-t--global--border--width--300: 3px;
513
+ --pf-t--global--border--width--200: 2px;
514
+ --pf-t--global--border--width--100: 1px;
515
+ --pf-t--global--border--radius--500: 999px;
516
+ --pf-t--global--border--radius--400: 24px;
517
+ --pf-t--global--border--radius--300: 16px;
518
+ --pf-t--global--border--radius--200: 6px;
519
+ --pf-t--global--border--radius--100: 4px;
520
+ --pf-t--global--border--radius--000: 0px;
520
521
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
521
522
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
522
523
  --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
@@ -574,37 +575,38 @@
574
575
  --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
575
576
  --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
576
577
  --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
577
- --pf-t--global--spacer--sm: 8;
578
- --pf-t--global--spacer--xl: 32;
579
- --pf-t--global--spacer--xs: 4;
580
- --pf-t--global--spacer--2xl: 48;
581
- --pf-t--global--spacer--lg: 24;
582
- --pf-t--global--spacer--md: 16;
583
- --pf-t--global--spacer--3xl: 64;
584
- --pf-t--global--spacer--4xl: 80;
578
+ --pf-t--global--spacer--sm: 8px;
579
+ --pf-t--global--spacer--xl: 32px;
580
+ --pf-t--global--spacer--xs: 4px;
581
+ --pf-t--global--spacer--2xl: 48px;
582
+ --pf-t--global--spacer--lg: 24px;
583
+ --pf-t--global--spacer--md: 16px;
584
+ --pf-t--global--spacer--3xl: 64px;
585
+ --pf-t--global--spacer--4xl: 80px;
585
586
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
586
587
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
587
588
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
588
- --pf-t--global--icon--size--sm: 12;
589
- --pf-t--global--icon--size--md: 16;
590
- --pf-t--global--icon--size--lg: 24;
591
- --pf-t--global--icon--size--xl: 56;
589
+ --pf-t--global--icon--size--sm: 12px;
590
+ --pf-t--global--icon--size--md: 16px;
591
+ --pf-t--global--icon--size--lg: 24px;
592
+ --pf-t--global--icon--size--xl: 56px;
592
593
  --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
593
594
  --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
594
- --pf-t--global--border--width--divider--default: 1;
595
- --pf-t--global--border--width--divider--hover: 1;
596
- --pf-t--global--border--width--divider--active: 1;
597
- --pf-t--global--border--width--control--hover: 1;
598
- --pf-t--global--border--width--control--active: 2;
599
- --pf-t--global--border--width--control--default: 1;
600
- --pf-t--global--border--width--button--hover: 2;
601
- --pf-t--global--border--width--button--default: 1;
602
- --pf-t--global--border--width--button--active: 2;
603
- --pf-t--global--border--radius--pill: 999;
604
- --pf-t--global--border--radius--tiny: 4;
605
- --pf-t--global--border--radius--medium: 16;
606
- --pf-t--global--border--radius--large: 24;
607
- --pf-t--global--border--radius--small: 6;
595
+ --pf-t--global--border--width--divider--default: 1px;
596
+ --pf-t--global--border--width--divider--hover: 1px;
597
+ --pf-t--global--border--width--divider--active: 1px;
598
+ --pf-t--global--border--width--control--hover: 1px;
599
+ --pf-t--global--border--width--control--active: 2px;
600
+ --pf-t--global--border--width--control--default: 1px;
601
+ --pf-t--global--border--width--button--hover: 2px;
602
+ --pf-t--global--border--width--button--default: 1px;
603
+ --pf-t--global--border--width--button--active: 2px;
604
+ --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
605
+ --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
606
+ --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
607
+ --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
608
+ --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
609
+ --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--000);
608
610
  --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
609
611
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
610
612
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
@@ -713,6 +715,7 @@
713
715
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
714
716
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
715
717
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
718
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
716
719
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
717
720
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
718
721
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
@@ -831,6 +834,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
@@ -7624,175 +7691,177 @@ button.pf-v5-c-breadcrumb__link {
7624
7691
  }
7625
7692
 
7626
7693
  .pf-v5-c-button {
7627
- --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
7628
- --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--md);
7629
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
7630
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--md);
7631
- --pf-v5-c-button--LineHeight: var(--pf-v5-global--LineHeight--md);
7632
- --pf-v5-c-button--FontWeight: var(--pf-v5-global--FontWeight--normal);
7633
- --pf-v5-c-button--FontSize: var(--pf-v5-global--FontSize--md);
7694
+ --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7695
+ --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
7696
+ --pf-v5-c-button--PaddingBottom: var(--pf-t--global--spacer--sm);
7697
+ --pf-v5-c-button--PaddingLeft: var(--pf-t--global--spacer--lg);
7698
+ --pf-v5-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7699
+ --pf-v5-c-button--FontWeight: var(--pf-t--global--font--weight--body);
7700
+ --pf-v5-c-button--FontSize: var(--pf-t--global--font--size--body--md);
7634
7701
  --pf-v5-c-button--BackgroundColor: transparent;
7635
- --pf-v5-c-button--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7636
- --pf-v5-c-button--after--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
7702
+ --pf-v5-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7703
+ --pf-v5-c-button--after--BorderRadius: var(--pf-t--global--border--radius--pill);
7637
7704
  --pf-v5-c-button--after--BorderColor: transparent;
7638
- --pf-v5-c-button--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7639
- --pf-v5-c-button--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7640
- --pf-v5-c-button--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7641
- --pf-v5-c-button--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
7642
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--100);
7643
- --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
7705
+ --pf-v5-c-button--after--BorderWidth: var(--pf-t--global--border--width--button--default);
7706
+ --pf-v5-c-button--hover--after--BorderWidth: var(--pf-t--global--border--width--button--hover);
7707
+ --pf-v5-c-button--focus--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7708
+ --pf-v5-c-button--active--after--BorderWidth: var(--pf-t--global--border--width--button--active);
7709
+ --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--disabled--default);
7710
+ --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7644
7711
  --pf-v5-c-button--disabled--after--BorderColor: transparent;
7645
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--100);
7646
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--Color--light-100);
7647
- --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
7648
- --pf-v5-c-button--m-primary--hover--Color: var(--pf-v5-global--Color--light-100);
7649
- --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
7650
- --pf-v5-c-button--m-primary--focus--Color: var(--pf-v5-global--Color--light-100);
7651
- --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
7652
- --pf-v5-c-button--m-primary--active--Color: var(--pf-v5-global--Color--light-100);
7712
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7713
+ --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7714
+ --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
7715
+ --pf-v5-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
7716
+ --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pf-t--global--color--brand--active);
7717
+ --pf-v5-c-button--m-primary--focus--Color: var(--pf-t--global--text--color--on-brand--active);
7718
+ --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--active);
7719
+ --pf-v5-c-button--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--active);
7653
7720
  --pf-v5-c-button--m-secondary--BackgroundColor: transparent;
7654
- --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-v5-global--primary-color--100);
7655
- --pf-v5-c-button--m-secondary--Color: var(--pf-v5-global--primary-color--100);
7721
+ --pf-v5-c-button--m-secondary--after--BorderColor: var(--pf-t--global--border--color--brand--default);
7722
+ --pf-v5-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
7656
7723
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: transparent;
7657
- --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-v5-global--primary-color--100);
7658
- --pf-v5-c-button--m-secondary--hover--Color: var(--pf-v5-global--primary-color--100);
7724
+ --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--pf-t--global--border--color--brand--hover);
7725
+ --pf-v5-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
7659
7726
  --pf-v5-c-button--m-secondary--focus--BackgroundColor: transparent;
7660
- --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-v5-global--primary-color--100);
7661
- --pf-v5-c-button--m-secondary--focus--Color: var(--pf-v5-global--primary-color--100);
7727
+ --pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7728
+ --pf-v5-c-button--m-secondary--focus--Color: var(--pf-t--global--text--color--brand--active);
7662
7729
  --pf-v5-c-button--m-secondary--active--BackgroundColor: transparent;
7663
- --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-v5-global--primary-color--100);
7664
- --pf-v5-c-button--m-secondary--active--Color: var(--pf-v5-global--primary-color--100);
7730
+ --pf-v5-c-button--m-secondary--active--after--BorderColor: var(--pf-t--global--border--color--brand--active);
7731
+ --pf-v5-c-button--m-secondary--active--Color: var(--pf-t--global--text--color--brand--active);
7665
7732
  --pf-v5-c-button--m-secondary--m-danger--BackgroundColor: transparent;
7666
- --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-v5-global--danger-color--100);
7667
- --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-v5-global--danger-color--100);
7733
+ --pf-v5-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7734
+ --pf-v5-c-button--m-secondary--m-danger--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7668
7735
  --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor: transparent;
7669
- --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7670
- --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-v5-global--danger-color--100);
7736
+ --pf-v5-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7737
+ --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
7671
7738
  --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor: transparent;
7672
- --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7673
- --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-v5-global--danger-color--100);
7739
+ --pf-v5-c-button--m-secondary--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7740
+ --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7674
7741
  --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor: transparent;
7675
- --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7676
- --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-v5-global--danger-color--100);
7742
+ --pf-v5-c-button--m-secondary--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7743
+ --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor: var(--pf-t--global--border--color--status--danger--active);
7677
7744
  --pf-v5-c-button--m-tertiary--BackgroundColor: transparent;
7678
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--Color--100);
7679
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--Color--100);
7745
+ --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-t--global--border--color--default);
7746
+ --pf-v5-c-button--m-tertiary--Color: var(--pf-t--global--text--color--regular);
7680
7747
  --pf-v5-c-button--m-tertiary--hover--BackgroundColor: transparent;
7681
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--Color--100);
7682
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--Color--100);
7748
+ --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
7749
+ --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--regular);
7683
7750
  --pf-v5-c-button--m-tertiary--focus--BackgroundColor: transparent;
7684
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--Color--100);
7685
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--Color--100);
7751
+ --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-t--global--border--color--active);
7752
+ --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-t--global--text--color--regular);
7686
7753
  --pf-v5-c-button--m-tertiary--active--BackgroundColor: transparent;
7687
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--Color--100);
7688
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--Color--100);
7689
- --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-v5-global--warning-color--100);
7690
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--Color--dark-100);
7691
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7692
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--Color--dark-100);
7693
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7694
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--Color--dark-100);
7695
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--palette--gold-500);
7696
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--Color--dark-100);
7697
- --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-global--danger-color--100);
7698
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--Color--light-100);
7699
- --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-global--danger-color--200);
7700
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--Color--light-100);
7701
- --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-v5-global--danger-color--200);
7702
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--Color--light-100);
7703
- --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-v5-global--danger-color--200);
7704
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--Color--light-100);
7754
+ --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-t--global--border--color--active);
7755
+ --pf-v5-c-button--m-tertiary--active--Color: var(--pf-t--global--text--color--regular);
7756
+ --pf-v5-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
7757
+ --pf-v5-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
7758
+ --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
7759
+ --pf-v5-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7760
+ --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7761
+ --pf-v5-c-button--m-warning--focus--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7762
+ --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-t--global--color--status--warning--active);
7763
+ --pf-v5-c-button--m-warning--active--Color: var(--pf-t--global--text--color--status--on-warning--hover);
7764
+ --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
7765
+ --pf-v5-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
7766
+ --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
7767
+ --pf-v5-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7768
+ --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7769
+ --pf-v5-c-button--m-danger--focus--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7770
+ --pf-v5-c-button--m-danger--active--BackgroundColor: var(--pf-t--global--color--status--danger--active);
7771
+ --pf-v5-c-button--m-danger--active--Color: var(--pf-t--global--text--color--status--on-danger--hover);
7705
7772
  --pf-v5-c-button--m-link--BackgroundColor: transparent;
7706
- --pf-v5-c-button--m-link--Color: var(--pf-v5-global--link--Color);
7773
+ --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--link--default);
7707
7774
  --pf-v5-c-button--m-link--hover--BackgroundColor: transparent;
7708
- --pf-v5-c-button--m-link--hover--Color: var(--pf-v5-global--link--Color--hover);
7775
+ --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
7709
7776
  --pf-v5-c-button--m-link--focus--BackgroundColor: transparent;
7710
- --pf-v5-c-button--m-link--focus--Color: var(--pf-v5-global--link--Color--hover);
7777
+ --pf-v5-c-button--m-link--focus--Color: var(--pf-t--global--text--color--link--hover);
7711
7778
  --pf-v5-c-button--m-link--active--BackgroundColor: transparent;
7712
- --pf-v5-c-button--m-link--active--Color: var(--pf-v5-global--link--Color--hover);
7779
+ --pf-v5-c-button--m-link--active--Color: var(--pf-t--global--text--color--link--hover);
7713
7780
  --pf-v5-c-button--m-link--disabled--BackgroundColor: transparent;
7714
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
7781
+ --pf-v5-c-button--m-link--disabled--Color: var(--pf-t--global--text--color--disabled--light);
7782
+ --pf-v5-c-button--m-link--not--m-inline--TextDecoration: none;
7715
7783
  --pf-v5-c-button--m-link--m-inline--FontSize: inherit;
7716
- --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
7717
- --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-v5-global--link--Color--hover);
7784
+ --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7785
+ --pf-v5-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--link--hover);
7718
7786
  --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
7719
7787
  --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
7720
7788
  --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
7721
7789
  --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
7722
- --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-v5-global--spacer--xs);
7723
- --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-v5-global--spacer--sm));
7790
+ --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
7791
+ --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
7724
7792
  --pf-v5-c-button--m-link--m-danger--BackgroundColor: transparent;
7725
- --pf-v5-c-button--m-link--m-danger--Color: var(--pf-v5-global--danger-color--100);
7793
+ --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
7726
7794
  --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
7727
- --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-v5-global--danger-color--200);
7795
+ --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
7728
7796
  --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor: transparent;
7729
- --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-v5-global--danger-color--200);
7797
+ --pf-v5-c-button--m-link--m-danger--focus--Color: var(--pf-t--global--text--color--status--danger--active);
7730
7798
  --pf-v5-c-button--m-link--m-danger--active--BackgroundColor: transparent;
7731
- --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-v5-global--danger-color--200);
7732
- --pf-v5-c-button--m-plain--BackgroundColor: transparent;
7733
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--200);
7734
- --pf-v5-c-button--m-plain--hover--BackgroundColor: transparent;
7735
- --pf-v5-c-button--m-plain--hover--Color: var(--pf-v5-global--Color--100);
7799
+ --pf-v5-c-button--m-link--m-danger--active--Color: var(--pf-t--global--text--color--status--danger--active);
7800
+ --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7801
+ --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7802
+ --pf-v5-c-button--m-plain--hover--BackgroundColor: --pf-t--global--background--color--action--plain--hover;
7803
+ --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--text--color--regular);
7736
7804
  --pf-v5-c-button--m-plain--focus--BackgroundColor: transparent;
7737
- --pf-v5-c-button--m-plain--focus--Color: var(--pf-v5-global--Color--100);
7805
+ --pf-v5-c-button--m-plain--focus--Color: var(--pf-t--global--text--color--regular);
7738
7806
  --pf-v5-c-button--m-plain--active--BackgroundColor: transparent;
7739
- --pf-v5-c-button--m-plain--active--Color: var(--pf-v5-global--Color--100);
7740
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
7807
+ --pf-v5-c-button--m-plain--active--Color: var(--pf-t--global--text--color--regular);
7808
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
7741
7809
  --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
7742
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7743
- --pf-v5-c-button--m-control--Color: var(--pf-v5-global--Color--100);
7810
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
7811
+ --pf-v5-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7812
+ --pf-v5-c-button--m-control--Color: var(--pf-t--global--text--color--subtle);
7744
7813
  --pf-v5-c-button--m-control--BorderRadius: 0;
7745
- --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7746
- --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-v5-global--BorderColor--300);
7747
- --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-v5-global--BorderColor--300);
7748
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
7749
- --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
7750
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
7751
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7752
- --pf-v5-c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
7753
- --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7754
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7755
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7756
- --pf-v5-c-button--m-control--active--Color: var(--pf-v5-global--Color--100);
7757
- --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7758
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7759
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7760
- --pf-v5-c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
7761
- --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7762
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7763
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
7764
- --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-v5-global--Color--100);
7765
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
7766
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
7814
+ --pf-v5-c-button--m-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7815
+ --pf-v5-c-button--m-control--after--BorderTopColor: var(--pf-t--global--border--color--default);
7816
+ --pf-v5-c-button--m-control--after--BorderRightColor: var(--pf-t--global--border--color--default);
7817
+ --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-t--global--border--color--default);
7818
+ --pf-v5-c-button--m-control--after--BorderLeftColor: var(--pf-t--global--border--color--default);
7819
+ --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7820
+ --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7821
+ --pf-v5-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
7822
+ --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
7823
+ --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-t--global--background--color--secondary--hover);
7824
+ --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7825
+ --pf-v5-c-button--m-control--active--Color: var(--pf-t--global--text--color--regular);
7826
+ --pf-v5-c-button--m-control--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7827
+ --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-t--global--color--brand--active);
7828
+ --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-t--global--background--color--brand--active);
7829
+ --pf-v5-c-button--m-control--focus--Color: var(--pf-t--global--text--color--regular);
7830
+ --pf-v5-c-button--m-control--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
7831
+ --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7832
+ --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7833
+ --pf-v5-c-button--m-control--m-expanded--Color: var(--pf-t--global--text--color--inverse);
7834
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--200);
7835
+ --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-t--global--color--brand--hover);
7767
7836
  --pf-v5-c-button--m-small--FontSize: var(--pf-v5-global--FontSize--sm);
7768
- --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-v5-global--spacer--md);
7769
- --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-v5-global--spacer--xl);
7770
- --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-v5-global--spacer--md);
7771
- --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-v5-global--spacer--xl);
7772
- --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-v5-global--FontWeight--bold);
7773
- --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-v5-global--FontSize--lg);
7774
- --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-v5-global--spacer--xs);
7775
- --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-v5-global--spacer--xs);
7837
+ --pf-v5-c-button--m-display-lg--PaddingTop: var(--pf-t--global--spacer--md);
7838
+ --pf-v5-c-button--m-display-lg--PaddingRight: var(--pf-t--global--spacer--xl);
7839
+ --pf-v5-c-button--m-display-lg--PaddingBottom: var(--pf-t--global--spacer--md);
7840
+ --pf-v5-c-button--m-display-lg--PaddingLeft: var(--pf-t--global--spacer--xl);
7841
+ --pf-v5-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
7842
+ --pf-v5-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
7843
+ --pf-v5-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
7844
+ --pf-v5-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
7776
7845
  --pf-v5-c-button__progress--width: calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm));
7777
7846
  --pf-v5-c-button__progress--Opacity: 0;
7778
7847
  --pf-v5-c-button__progress--TranslateY: -50%;
7779
7848
  --pf-v5-c-button__progress--TranslateX: 0;
7780
7849
  --pf-v5-c-button__progress--Top: 50%;
7781
- --pf-v5-c-button__progress--Left: var(--pf-v5-global--spacer--md);
7850
+ --pf-v5-c-button__progress--Left: var(--pf-t--global--spacer--md);
7782
7851
  --pf-v5-c-button--m-progress--TransitionProperty: padding;
7783
7852
  --pf-v5-c-button--m-progress--TransitionDuration: var(--pf-v5-global--TransitionDuration);
7784
- --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7785
- --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7786
- --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-v5-global--spacer--md);
7787
- --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width));
7788
- --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-v5-global--primary-color--100);
7853
+ --pf-v5-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7854
+ --pf-v5-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width) / 2);
7855
+ --pf-v5-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
7856
+ --pf-v5-c-button--m-in-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v5-c-button__progress--width));
7857
+ --pf-v5-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--color--brand--default);
7789
7858
  --pf-v5-c-button--m-in-progress--m-plain__progress--Left: 50%;
7790
7859
  --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
7791
7860
  --pf-v5-c-button__count--MarginLeft: var(--pf-v5-global--spacer--sm);
7792
- --pf-v5-c-button--disabled__c-badge--Color: var(--pf-v5-global--Color--dark-100);
7793
- --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
7794
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--BorderColor--300);
7795
- --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
7861
+ --pf-v5-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled--default);
7862
+ --pf-v5-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7863
+ --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
7864
+ --pf-v5-c-button--m-primary__c-badge--BorderWidth: var(--pf-t--global--border--width--300);
7796
7865
  position: relative;
7797
7866
  display: inline-block;
7798
7867
  padding: var(--pf-v5-c-button--PaddingTop) var(--pf-v5-c-button--PaddingRight) var(--pf-v5-c-button--PaddingBottom) var(--pf-v5-c-button--PaddingLeft);
@@ -7853,10 +7922,6 @@ button.pf-v5-c-breadcrumb__link {
7853
7922
  --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--focus--Color);
7854
7923
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--focus--BackgroundColor);
7855
7924
  }
7856
- .pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active {
7857
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-c-button--m-primary--active--Color);
7858
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-c-button--m-primary--active--BackgroundColor);
7859
- }
7860
7925
  .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread {
7861
7926
  border: var(--pf-v5-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor);
7862
7927
  }
@@ -7906,6 +7971,9 @@ button.pf-v5-c-breadcrumb__link {
7906
7971
  color: var(--pf-v5-c-button--m-link--Color);
7907
7972
  background-color: var(--pf-v5-c-button--m-link--BackgroundColor);
7908
7973
  }
7974
+ .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 {
7975
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
7976
+ }
7909
7977
  .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
7910
7978
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--hover--Color);
7911
7979
  --pf-v5-c-button--m-link--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
@@ -7929,7 +7997,6 @@ button.pf-v5-c-breadcrumb__link {
7929
7997
  }
7930
7998
  .pf-v5-c-button.pf-m-link.pf-m-inline:hover {
7931
7999
  --pf-v5-c-button--m-link--Color: var(--pf-v5-c-button--m-link--m-inline--hover--Color);
7932
- text-decoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
7933
8000
  }
7934
8001
  .pf-v5-c-button.pf-m-link.pf-m-display-lg {
7935
8002
  --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -8048,12 +8115,17 @@ button.pf-v5-c-breadcrumb__link {
8048
8115
  .pf-v5-c-button.pf-m-plain {
8049
8116
  --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
8050
8117
  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
8118
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
8119
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
8120
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
8121
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
8122
+ --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
8051
8123
  color: var(--pf-v5-c-button--m-plain--Color);
8052
8124
  background-color: var(--pf-v5-c-button--m-plain--BackgroundColor);
8053
8125
  }
8054
- .pf-v5-c-button.pf-m-plain:hover {
8055
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--hover--Color);
8126
+ .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
8056
8127
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8128
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
8057
8129
  }
8058
8130
  .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active {
8059
8131
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-button--m-plain--active--Color);
@@ -8128,58 +8200,6 @@ button.pf-v5-c-breadcrumb__link {
8128
8200
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
8129
8201
  }
8130
8202
 
8131
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
8132
- :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
8133
- :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
8134
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
8135
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8136
- }
8137
-
8138
- :where(.pf-v5-theme-dark) .pf-v5-c-button {
8139
- --pf-v5-c-button--disabled--Color: var(--pf-v5-global--disabled-color--300);
8140
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8141
- --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400);
8142
- --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8143
- --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100);
8144
- --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8145
- --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100);
8146
- --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8147
- --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100);
8148
- --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100);
8149
- --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100);
8150
- --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900);
8151
- --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900);
8152
- --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900);
8153
- --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900);
8154
- --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200);
8155
- --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200);
8156
- --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200);
8157
- --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900);
8158
- --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900);
8159
- --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900);
8160
- --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900);
8161
- --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--disabled-color--100);
8162
- --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8163
- --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8164
- --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8165
- --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8166
- --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
8167
- --pf-v5-c-button--m-control--after--BorderTopColor: transparent;
8168
- --pf-v5-c-button--m-control--after--BorderRightColor: transparent;
8169
- --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
8170
- --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
8171
- --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8172
- --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8173
- --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8174
- --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--primary-color--100);
8175
- --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
8176
- --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100);
8177
- }
8178
- :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled::after {
8179
- border: 0;
8180
- border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
8181
- }
8182
-
8183
8203
  .pf-v5-c-calendar-month {
8184
8204
  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8185
8205
  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
@@ -11483,7 +11503,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11483
11503
 
11484
11504
  .pf-v5-c-toolbar {
11485
11505
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
11486
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11487
11506
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11488
11507
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11489
11508
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -27012,26 +27031,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27012
27031
  }
27013
27032
 
27014
27033
  .pf-v5-c-table {
27015
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27016
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
27017
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27018
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
27019
- --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
27034
+ --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27035
+ --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27036
+ --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27037
+ --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
27038
+ --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27020
27039
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27021
27040
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27022
27041
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27023
27042
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27024
27043
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27025
27044
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27026
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
27027
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
27028
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
27029
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
27045
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
27046
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27047
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27048
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27030
27049
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27031
27050
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27032
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
27033
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
27034
- --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
27051
+ --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
27052
+ --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27053
+ --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
27035
27054
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27036
27055
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27037
27056
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -27048,10 +27067,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27048
27067
  --pf-v5-c-table--cell--TextOverflow: clip;
27049
27068
  --pf-v5-c-table--cell--WhiteSpace: normal;
27050
27069
  --pf-v5-c-table--cell--WordBreak: normal;
27051
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
27052
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
27053
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
27054
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
27070
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
27071
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
27072
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
27073
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
27055
27074
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
27056
27075
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27057
27076
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -27062,33 +27081,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
27062
27081
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27063
27082
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27064
27083
  --pf-v5-c-table__button--BackgroundColor: transparent;
27065
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
27066
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
27067
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
27068
- --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
27084
+ --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27085
+ --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27086
+ --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27087
+ --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27069
27088
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27070
27089
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27071
27090
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27072
27091
  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27073
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27074
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27075
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
27076
- --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
27092
+ --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27093
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27094
+ --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27095
+ --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
27077
27096
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27078
27097
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27079
27098
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27080
27099
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27081
27100
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27082
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
27083
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
27084
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
27085
- --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
27101
+ --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27102
+ --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27103
+ --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27104
+ --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27086
27105
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27087
27106
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27088
27107
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27089
27108
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27090
27109
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27091
- --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27110
+ --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27092
27111
  --pf-v5-c-table__action--PaddingTop: 0;
27093
27112
  --pf-v5-c-table__action--PaddingRight: 0;
27094
27113
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27106,7 +27125,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27106
27125
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27107
27126
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27108
27127
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27109
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
27128
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
27110
27129
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27111
27130
  --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));
27112
27131
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27116,19 +27135,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27116
27135
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27117
27136
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27118
27137
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27119
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27120
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
27138
+ --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27139
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
27121
27140
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27122
27141
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27123
27142
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27124
27143
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27125
27144
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27126
- --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
27145
+ --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27127
27146
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27128
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27129
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27130
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27131
- --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
27147
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
27148
+ --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27149
+ --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27150
+ --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27132
27151
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27133
27152
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27134
27153
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27136,18 +27155,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27136
27155
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27137
27156
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27138
27157
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27139
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27140
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27141
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27142
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27143
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27144
- --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
27158
+ --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27159
+ --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27160
+ --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27161
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
27162
+ --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27163
+ --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27145
27164
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27146
27165
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27147
27166
  --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);
27148
27167
  --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);
27149
27168
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27150
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
27169
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
27151
27170
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27152
27171
  --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);
27153
27172
  --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);
@@ -27161,60 +27180,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27161
27180
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27162
27181
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27163
27182
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27164
- --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
27183
+ --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
27165
27184
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27166
27185
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27167
27186
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27168
27187
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27169
27188
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27170
27189
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27171
- --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
27190
+ --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27172
27191
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27173
27192
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27174
27193
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27194
+ --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27175
27195
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27176
- --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);
27177
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27178
- --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);
27179
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27180
- --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);
27181
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27182
- --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);
27196
+ --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);
27197
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27198
+ --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);
27199
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27200
+ --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);
27201
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
27202
+ --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);
27183
27203
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27184
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27185
- --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);
27186
- --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27204
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27205
+ --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);
27206
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27187
27207
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27188
27208
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27189
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27190
- --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);
27191
- --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);
27209
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27210
+ --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);
27211
+ --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);
27192
27212
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27193
27213
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27194
27214
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27195
27215
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27196
- --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);
27197
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27198
- --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);
27199
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27200
- --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);
27201
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27202
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27203
- --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);
27204
- --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27216
+ --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);
27217
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27218
+ --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);
27219
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27220
+ --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);
27221
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27222
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
27223
+ --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);
27224
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27205
27225
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27206
- --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);
27226
+ --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);
27207
27227
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27208
27228
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27209
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27210
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27211
- --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);
27212
- --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);
27229
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
27230
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27231
+ --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);
27232
+ --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);
27213
27233
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27214
27234
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27215
27235
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27216
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27217
- --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
27236
+ --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
27237
+ --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27218
27238
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27219
27239
  color: var(--pf-v5-global--Color--100);
27220
27240
  width: 100%;
@@ -27463,27 +27483,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27463
27483
  .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 {
27464
27484
  border-left-width: 0;
27465
27485
  }
27486
+ .pf-v5-c-table tr.pf-m-clickable:last-child {
27487
+ border-bottom-color: transparent;
27488
+ }
27489
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
27490
+ position: relative;
27491
+ }
27492
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
27493
+ position: absolute;
27494
+ inset: 0;
27495
+ content: "";
27496
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27497
+ border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
27498
+ }
27466
27499
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27467
27500
  cursor: pointer;
27468
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27469
27501
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27470
27502
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27471
27503
  }
27472
- .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 {
27473
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27474
- }
27475
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27476
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
27504
+ .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 {
27477
27505
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27478
27506
  }
27479
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27480
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27481
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27482
- }
27483
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27484
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27485
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27486
- }
27487
27507
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27488
27508
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27489
27509
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);