@patternfly/patternfly 6.0.0-alpha.3 → 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 (17) hide show
  1. package/base/patternfly-variables.css +15 -0
  2. package/base/tokens/_tokens-font.scss +29 -0
  3. package/components/Table/table.css +90 -89
  4. package/components/Table/table.scss +92 -95
  5. package/components/Toolbar/toolbar.css +0 -1
  6. package/components/Toolbar/toolbar.scss +0 -1
  7. package/docs/demos/Page/examples/Penta.md +672 -0
  8. package/package.json +1 -1
  9. package/patternfly-base-no-globals-theme-dark-unversioned.css +15 -0
  10. package/patternfly-base-no-globals.css +15 -0
  11. package/patternfly-base-theme-dark-unversioned.css +15 -0
  12. package/patternfly-base.css +15 -0
  13. package/patternfly-no-globals.css +105 -90
  14. package/patternfly-theme-dark-unversioned.css +105 -90
  15. package/patternfly.css +105 -90
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
package/patternfly-base-no-globals-theme-dark-unversioned.css CHANGED
@@ -816,6 +816,21 @@
816
816
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
817
817
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
818
818
  --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
819
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
820
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
821
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
822
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
823
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
824
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
825
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
826
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
827
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
828
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
829
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
830
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
831
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
832
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
833
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
819
834
  }
820
835
 
821
836
  /**
package/patternfly-base-no-globals.css CHANGED
@@ -816,6 +816,21 @@
816
816
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
817
817
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
818
818
  --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
819
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
820
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
821
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
822
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
823
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
824
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
825
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
826
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
827
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
828
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
829
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
830
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
831
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
832
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
833
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
819
834
  }
820
835
 
821
836
  /**
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -816,6 +816,21 @@
816
816
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
817
817
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
818
818
  --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
819
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
820
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
821
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
822
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
823
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
824
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
825
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
826
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
827
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
828
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
829
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
830
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
831
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
832
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
833
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
819
834
  }
820
835
 
821
836
  /**
package/patternfly-base.css CHANGED
@@ -816,6 +816,21 @@
816
816
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
817
817
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
818
818
  --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
819
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
820
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
821
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
822
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
823
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
824
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
825
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
826
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
827
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
828
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
829
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
830
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
831
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
832
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
833
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
819
834
  }
820
835
 
821
836
  /**
package/patternfly-no-globals.css CHANGED
@@ -881,6 +881,21 @@
881
881
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
882
882
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
883
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%);
884
899
  }
885
900
 
886
901
  /**
@@ -11488,7 +11503,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11488
11503
 
11489
11504
  .pf-v5-c-toolbar {
11490
11505
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
11491
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11492
11506
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11493
11507
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11494
11508
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -27017,26 +27031,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27017
27031
  }
27018
27032
 
27019
27033
  .pf-v5-c-table {
27020
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27021
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
27022
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27023
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
27024
- --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);
27025
27039
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27026
27040
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27027
27041
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27028
27042
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27029
27043
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27030
27044
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27031
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
27032
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
27033
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
27034
- --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);
27035
27049
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27036
27050
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27037
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
27038
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
27039
- --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);
27040
27054
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27041
27055
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27042
27056
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -27053,10 +27067,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27053
27067
  --pf-v5-c-table--cell--TextOverflow: clip;
27054
27068
  --pf-v5-c-table--cell--WhiteSpace: normal;
27055
27069
  --pf-v5-c-table--cell--WordBreak: normal;
27056
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
27057
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
27058
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
27059
- --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);
27060
27074
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
27061
27075
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27062
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));
@@ -27067,33 +27081,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
27067
27081
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27068
27082
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27069
27083
  --pf-v5-c-table__button--BackgroundColor: transparent;
27070
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
27071
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
27072
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
27073
- --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);
27074
27088
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27075
27089
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27076
27090
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27077
27091
  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27078
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27079
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27080
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
27081
- --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);
27082
27096
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27083
27097
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27084
27098
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27085
27099
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27086
27100
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27087
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
27088
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
27089
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
27090
- --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);
27091
27105
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27092
27106
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27093
27107
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27094
27108
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27095
27109
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27096
- --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);
27097
27111
  --pf-v5-c-table__action--PaddingTop: 0;
27098
27112
  --pf-v5-c-table__action--PaddingRight: 0;
27099
27113
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27111,7 +27125,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27111
27125
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27112
27126
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27113
27127
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27114
- --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);
27115
27129
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27116
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));
27117
27131
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27121,19 +27135,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27121
27135
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27122
27136
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27123
27137
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27124
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27125
- --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);
27126
27140
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27127
27141
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27128
27142
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27129
27143
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27130
27144
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27131
- --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);
27132
27146
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27133
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27134
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27135
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27136
- --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);
27137
27151
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27138
27152
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27139
27153
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27141,18 +27155,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27141
27155
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27142
27156
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27143
27157
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27144
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27145
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27146
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27147
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27148
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27149
- --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);
27150
27164
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27151
27165
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27152
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);
27153
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);
27154
27168
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27155
- --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);
27156
27170
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27157
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);
27158
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);
@@ -27166,60 +27180,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27166
27180
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27167
27181
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27168
27182
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27169
- --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);
27170
27184
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27171
27185
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27172
27186
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27173
27187
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27174
27188
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27175
27189
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27176
- --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);
27177
27191
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27178
27192
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27179
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);
27180
27195
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27181
- --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);
27182
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27183
- --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);
27184
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27185
- --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);
27186
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27187
- --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);
27188
27203
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27189
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27190
- --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);
27191
- --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));
27192
27207
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27193
27208
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27194
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27195
- --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);
27196
- --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);
27197
27212
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27198
27213
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27199
27214
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27200
27215
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27201
- --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);
27202
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27203
- --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);
27204
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27205
- --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);
27206
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27207
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27208
- --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);
27209
- --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);
27210
27225
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27211
- --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);
27212
27227
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27213
27228
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27214
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27215
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27216
- --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);
27217
- --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);
27218
27233
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27219
27234
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27220
27235
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27221
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27222
- --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);
27223
27238
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27224
27239
  color: var(--pf-v5-global--Color--100);
27225
27240
  width: 100%;
@@ -27468,27 +27483,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27468
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 {
27469
27484
  border-left-width: 0;
27470
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
+ }
27471
27499
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27472
27500
  cursor: pointer;
27473
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27474
27501
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27475
27502
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27476
27503
  }
27477
- .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 {
27478
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27479
- }
27480
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27481
- --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 {
27482
27505
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27483
27506
  }
27484
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27485
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27486
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27487
- }
27488
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27489
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27490
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27491
- }
27492
27507
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27493
27508
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27494
27509
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);