@patternfly/patternfly 6.0.0-alpha.77 → 6.0.0-alpha.78

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 (43) hide show
  1. package/base/patternfly-variables.css +26 -23
  2. package/base/tokens/_tokens-charts.scss +159 -0
  3. package/base/tokens/_tokens-dark.scss +7 -5
  4. package/base/tokens/_tokens-default.scss +27 -17
  5. package/base/tokens/_tokens-palette.scss +4 -4
  6. package/components/Button/button.css +2 -2
  7. package/components/Button/button.scss +2 -2
  8. package/components/FormControl/form-control.css +3 -3
  9. package/components/FormControl/form-control.scss +3 -3
  10. package/components/Icon/icon.css +27 -27
  11. package/components/Icon/icon.scss +27 -27
  12. package/components/Label/label-group.css +1 -1
  13. package/components/Label/label-group.scss +1 -1
  14. package/components/Label/label.css +2 -2
  15. package/components/Label/label.scss +2 -2
  16. package/components/MenuToggle/menu-toggle.css +4 -4
  17. package/components/MenuToggle/menu-toggle.scss +4 -4
  18. package/components/ProgressStepper/progress-stepper.css +2 -2
  19. package/components/ProgressStepper/progress-stepper.scss +2 -2
  20. package/components/Table/table-grid.css +29 -45
  21. package/components/Table/table-grid.scss +40 -53
  22. package/components/Table/table-scrollable.css +6 -6
  23. package/components/Table/table-scrollable.scss +8 -8
  24. package/components/Table/table-tree-view.css +76 -74
  25. package/components/Table/table-tree-view.scss +44 -39
  26. package/components/Table/table.css +54 -74
  27. package/components/Table/table.scss +68 -86
  28. package/components/Tile/tile.css +1 -1
  29. package/components/Tile/tile.scss +1 -1
  30. package/components/TreeView/tree-view.css +76 -97
  31. package/components/TreeView/tree-view.scss +82 -113
  32. package/docs/components/TreeView/examples/TreeView.md +7 -57
  33. package/package.json +1 -1
  34. package/patternfly-base-no-globals-theme-dark-unversioned.css +26 -23
  35. package/patternfly-base-no-globals.css +26 -23
  36. package/patternfly-base-theme-dark-unversioned.css +26 -23
  37. package/patternfly-base.css +26 -23
  38. package/patternfly-no-globals.css +309 -365
  39. package/patternfly-theme-dark-unversioned.css +309 -365
  40. package/patternfly.css +309 -365
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
  43. package/components/TreeView/themes/dark/tree-view.scss +0 -8
package/patternfly-no-globals.css CHANGED
@@ -420,10 +420,6 @@ html .ws-preview {
420
420
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
421
421
  }
422
422
 
423
- /**
424
- * Do not edit directly
425
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
426
- */
427
423
  :root {
428
424
  --pf-t--color--red--70: #5f0000;
429
425
  --pf-t--color--red--60: #a60000;
@@ -618,10 +614,10 @@ html .ws-preview {
618
614
  --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
619
615
  --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
620
616
  --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
621
- --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
617
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
622
618
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
623
619
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
624
- --pf-t--global--border--width--button--active: var(--pf-t--global--border--width--200);
620
+ --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
625
621
  --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
626
622
  --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
627
623
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
@@ -632,7 +628,7 @@ html .ws-preview {
632
628
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
633
629
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
634
630
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
635
- --pf-t--global--border--width--divider--active: var(--pf-t--global--border--width--100);
631
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
636
632
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
637
633
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
638
634
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
@@ -777,7 +773,6 @@ html .ws-preview {
777
773
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
778
774
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
779
775
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
780
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
781
776
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
782
777
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
783
778
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -789,6 +784,14 @@ html .ws-preview {
789
784
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
790
785
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
791
786
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
787
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
788
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
789
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
790
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
791
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
792
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
793
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
794
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
792
795
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
793
796
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
794
797
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
@@ -857,10 +860,12 @@ html .ws-preview {
857
860
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
858
861
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
859
862
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
860
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
863
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
861
864
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
862
865
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
863
866
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
867
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
868
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
864
869
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
865
870
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
866
871
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -945,22 +950,18 @@ html .ws-preview {
945
950
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
946
951
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
947
952
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
948
- --pf-t--global--icon--size--body--lg: var(--pf-t--global--font--size--body--lg);
949
- --pf-t--global--icon--size--body--default: var(--pf-t--global--font--size--body--default);
950
- --pf-t--global--icon--size--body--sm: var(--pf-t--global--font--size--body--sm);
951
- --pf-t--global--icon--size--heading--h6: var(--pf-t--global--font--size--heading--h6);
952
- --pf-t--global--icon--size--heading--h5: var(--pf-t--global--font--size--heading--h5);
953
- --pf-t--global--icon--size--heading--h4: var(--pf-t--global--font--size--heading--h4);
954
- --pf-t--global--icon--size--heading--h3: var(--pf-t--global--font--size--heading--h3);
955
- --pf-t--global--icon--size--heading--h2: var(--pf-t--global--font--size--heading--h2);
956
- --pf-t--global--icon--size--heading--h1: var(--pf-t--global--font--size--heading--h1);
953
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
954
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
955
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
956
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
957
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
958
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
959
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
960
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
961
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
957
962
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
958
963
  }
959
964
 
960
- /**
961
- * Do not edit directly
962
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
963
- */
964
965
  :root:where(.pf-v5-theme-dark) {
965
966
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
966
967
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
@@ -1211,6 +1212,8 @@ html .ws-preview {
1211
1212
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1212
1213
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1213
1214
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1215
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1216
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
1214
1217
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1215
1218
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1216
1219
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1303,7 +1306,7 @@ html .ws-preview {
1303
1306
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1304
1307
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1305
1308
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1306
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
1309
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1307
1310
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1308
1311
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1309
1312
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
@@ -7834,7 +7837,7 @@ button.pf-v5-c-breadcrumb__link {
7834
7837
  --pf-v5-c-button--hover--TextDecoration: none;
7835
7838
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
7836
7839
  --pf-v5-c-button--m-clicked--BorderColor: transparent;
7837
- --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--active);
7840
+ --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
7838
7841
  --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7839
7842
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7840
7843
  --pf-v5-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -7955,7 +7958,7 @@ button.pf-v5-c-breadcrumb__link {
7955
7958
  --pf-v5-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
7956
7959
  --pf-v5-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
7957
7960
  --pf-v5-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
7958
- --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--active);
7961
+ --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
7959
7962
  --pf-v5-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
7960
7963
  --pf-v5-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
7961
7964
  --pf-v5-c-button--m-stateful--PaddingLeft: var(--pf-t--global--spacer--md);
@@ -16981,9 +16984,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16981
16984
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
16982
16985
  --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
16983
16986
  --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
16984
- --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
16987
+ --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16985
16988
  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
16986
- --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
16989
+ --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16987
16990
  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
16988
16991
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
16989
16992
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
@@ -16993,7 +16996,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16993
16996
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
16994
16997
  --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
16995
16998
  --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
16996
- --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
16999
+ --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16997
17000
  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
16998
17001
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
16999
17002
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
@@ -17390,24 +17393,24 @@ select ~ .pf-v5-c-form-control__utilities {
17390
17393
  --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
17391
17394
  --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
17392
17395
  --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
17393
- --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
17394
- --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
17395
- --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
17396
- --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
17397
- --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
17398
- --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
17399
- --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
17400
- --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
17401
- --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
17402
- --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
17403
- --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
17404
- --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
17405
- --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
17406
- --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
17407
- --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
17408
- --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
17409
- --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
17410
- --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
17396
+ --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
17397
+ --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
17398
+ --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
17399
+ --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
17400
+ --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
17401
+ --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
17402
+ --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
17403
+ --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
17404
+ --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
17405
+ --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
17406
+ --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
17407
+ --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
17408
+ --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
17409
+ --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
17410
+ --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
17411
+ --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
17412
+ --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
17413
+ --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
17411
17414
  --pf-v5-c-icon--m-inline--Width: 1em;
17412
17415
  --pf-v5-c-icon--m-inline--Height: 1em;
17413
17416
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
@@ -17425,15 +17428,15 @@ select ~ .pf-v5-c-form-control__utilities {
17425
17428
  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
17426
17429
  --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
17427
17430
  --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
17428
- --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
17429
- --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
17430
- --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
17431
- --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
17432
- --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
17433
- --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
17434
- --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
17435
- --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
17436
- --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
17431
+ --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
17432
+ --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
17433
+ --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
17434
+ --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
17435
+ --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
17436
+ --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
17437
+ --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
17438
+ --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
17439
+ --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
17437
17440
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
17438
17441
  }
17439
17442
 
@@ -18329,10 +18332,10 @@ label.pf-v5-c-input-group__text {
18329
18332
  --pf-v5-c-label__content--MaxWidth: 100%;
18330
18333
  --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
18331
18334
  --pf-v5-c-label__content--Cursor: initial;
18332
- --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
18335
+ --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18333
18336
  --pf-v5-c-label__text--MaxWidth: 100%;
18334
18337
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
18335
- --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18338
+ --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18336
18339
  --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
18337
18340
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
18338
18341
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -18667,7 +18670,7 @@ input.pf-v5-c-label__content {
18667
18670
  --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
18668
18671
  --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
18669
18672
  --pf-v5-c-label-group__label--MaxWidth: 18ch;
18670
- --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18673
+ --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18671
18674
  --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
18672
18675
  --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18673
18676
  --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -20352,7 +20355,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20352
20355
  --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20353
20356
  --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
20354
20357
  --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
20355
- --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
20358
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--clicked);
20356
20359
  --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
20357
20360
  --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
20358
20361
  --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
@@ -20366,14 +20369,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20366
20369
  --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
20367
20370
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
20368
20371
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
20369
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20372
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20370
20373
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20371
20374
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
20372
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20375
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20373
20376
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20374
20377
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
20375
20378
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
20376
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20379
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20377
20380
  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20378
20381
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
20379
20382
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
@@ -23933,7 +23936,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23933
23936
  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
23934
23937
  --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
23935
23938
  --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
23936
- --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--body--sm);
23939
+ --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
23937
23940
  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
23938
23941
  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
23939
23942
  --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
@@ -23951,7 +23954,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23951
23954
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
23952
23955
  --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
23953
23956
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
23954
- --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--body--default);
23957
+ --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
23955
23958
  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
23956
23959
  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23957
23960
  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
@@ -26266,27 +26269,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26266
26269
  .pf-v5-c-table[class*=pf-m-grid] {
26267
26270
  --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
26268
26271
  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26269
- --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
26272
+ --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
26270
26273
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26271
26274
  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26272
26275
  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26273
- --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
26274
- --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26275
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
26276
- --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26277
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26278
- --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26279
- --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
26280
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26281
- --pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26282
- --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
26283
- --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
26284
- --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
26285
- --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
26276
+ --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26277
+ --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26278
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26279
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26280
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26281
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--md);
26282
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26283
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-t--global--spacer--xl);
26284
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-t--global--spacer--lg);
26285
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-t--global--spacer--xl);
26286
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-t--global--spacer--lg);
26286
26287
  --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
26287
26288
  --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
26288
26289
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26289
- --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
26290
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26290
26291
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26291
26292
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26292
26293
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
@@ -26294,48 +26295,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26294
26295
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
26295
26296
  --pf-v5-c-table--m-grid--cell--PaddingBottom: 0;
26296
26297
  --pf-v5-c-table--m-grid--cell--PaddingLeft: 0;
26297
- --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26298
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26299
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26300
- --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26298
+ --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26299
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26300
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26301
+ --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26301
26302
  --pf-v5-c-table--cell--responsive--PaddingRight: 0;
26302
26303
  --pf-v5-c-table--cell--responsive--PaddingLeft: 0;
26303
- --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26304
- --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26305
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
26306
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
26304
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26305
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26306
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-t--global--spacer--xs);
26307
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-t--global--spacer--xs);
26307
26308
  --pf-v5-c-table--m-compact__check--responsive--MarginTop: 0.4375rem;
26308
- --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
26309
- --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
26309
+ --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1);
26310
+ --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-t--global--spacer--xs) * -1);
26310
26311
  --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
26311
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26312
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26313
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26314
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26312
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26313
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26315
26314
  --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26316
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
26315
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26317
26316
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
26318
26317
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
26319
- --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);
26318
+ --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-t--global--spacer--xl);
26320
26319
  --pf-v5-c-table--m-grid__action--MarginTop: 0.375rem;
26321
- --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-v5-global--spacer--xl);
26322
- --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-v5-global--spacer--2xl);
26320
+ --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-t--global--spacer--xl);
26321
+ --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-t--global--spacer--2xl);
26323
26322
  --pf-v5-c-table--m-grid__check--favorite--action--MarginLeft: calc(var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft));
26324
26323
  --pf-v5-c-table__toggle__icon--Transition: .2s ease-in 0s;
26325
26324
  --pf-v5-c-table__toggle--m-expanded__icon--Rotate: 180deg;
26326
26325
  }
26327
- @media screen and (max-width: 1200px) {
26328
- .pf-v5-c-table[class*=pf-m-grid] {
26329
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
26330
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
26331
- }
26332
- }
26333
- @media screen and (max-width: 1200px) {
26334
- .pf-v5-c-table[class*=pf-m-grid] {
26335
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight);
26336
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft);
26337
- }
26338
- }
26339
26326
 
26340
26327
  .pf-m-grid.pf-v5-c-table {
26341
26328
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-grid--cell--PaddingTop);
@@ -27929,18 +27916,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27929
27916
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27930
27917
  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
27931
27918
  --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27932
- --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27933
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27934
- --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27935
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27936
- --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27937
- --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27919
+ --pf-v5-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
27920
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
27921
+ --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
27922
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
27938
27923
  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
27939
27924
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27940
27925
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27941
27926
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27942
27927
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27943
- --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27928
+ --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
27944
27929
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
27945
27930
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27946
27931
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
@@ -27948,10 +27933,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27948
27933
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27949
27934
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
27950
27935
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
27951
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
27952
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27953
- --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27954
- --pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27936
+ --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
27937
+ --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
27955
27938
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
27956
27939
  --pf-v5-c-table--cell--MinWidth: 0;
27957
27940
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -27968,8 +27951,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27968
27951
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27969
27952
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
27970
27953
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
27971
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(0.375rem * -1);
27972
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(0.375rem * -1);
27954
+ --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27955
+ --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27973
27956
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27974
27957
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27975
27958
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
@@ -27978,7 +27961,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27978
27961
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27979
27962
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27980
27963
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27981
- --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27964
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27982
27965
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27983
27966
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27984
27967
  --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
@@ -27987,19 +27970,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27987
27970
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27988
27971
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27989
27972
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
27990
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27991
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27992
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27993
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27994
- --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27973
+ --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27974
+ --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
27975
+ --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
27976
+ --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
27977
+ --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
27995
27978
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27996
27979
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27997
27980
  --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27998
27981
  --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27999
- --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28000
- --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
28001
- --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28002
- --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27982
+ --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27983
+ --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
27984
+ --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
27985
+ --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
28003
27986
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
28004
27987
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28005
27988
  --pf-v5-c-table__action--PaddingTop: 0;
@@ -28013,19 +27996,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28013
27996
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
28014
27997
  --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
28015
27998
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
28016
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
28017
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27999
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28000
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28018
28001
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
28019
28002
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
28020
- --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28003
+ --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28021
28004
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
28022
28005
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
28023
- --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
28006
+ --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28024
28007
  --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));
28025
- --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
28026
- --pf-v5-c-table__sort__button--PaddingRight: var(--pf-v5-global--spacer--sm);
28027
- --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
28028
- --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28008
+ --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
28009
+ --pf-v5-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
28010
+ --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
28011
+ --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
28029
28012
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
28030
28013
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
28031
28014
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
@@ -28037,18 +28020,18 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28037
28020
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
28038
28021
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28039
28022
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28040
- --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
28023
+ --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28041
28024
  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
28042
28025
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28043
28026
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28044
28027
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28045
28028
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
28046
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
28029
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
28047
28030
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
28048
- --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28049
- --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28050
- --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
28051
- --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28031
+ --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28032
+ --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28033
+ --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
28034
+ --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
28052
28035
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28053
28036
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28054
28037
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -28059,33 +28042,31 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28059
28042
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28060
28043
  --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);
28061
28044
  --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);
28062
- --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28045
+ --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28063
28046
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
28064
28047
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28065
28048
  --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);
28066
28049
  --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);
28067
- --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
28068
- --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
28069
- --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
28070
- --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
28071
- --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
28072
- --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-v5-global--spacer--sm);
28073
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
28074
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
28075
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
28076
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
28050
+ --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
28051
+ --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
28052
+ --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
28053
+ --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28054
+ --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
28055
+ --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
28056
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28057
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28077
28058
  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
28078
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
28079
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
28080
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
28081
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
28059
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28060
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
28061
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28062
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
28082
28063
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28083
28064
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28084
28065
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28085
28066
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28086
28067
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
28087
28068
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
28088
- --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28069
+ --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28089
28070
  --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);
28090
28071
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28091
28072
  --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);
@@ -28098,14 +28079,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28098
28079
  --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);
28099
28080
  --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28100
28081
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28101
- --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
28082
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
28102
28083
  --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28103
28084
  --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);
28104
28085
  --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);
28105
28086
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28106
28087
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
28107
28088
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
28108
- --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28089
+ --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28109
28090
  --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);
28110
28091
  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28111
28092
  --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);
@@ -28117,36 +28098,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28117
28098
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28118
28099
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28119
28100
  --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);
28120
- --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28101
+ --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28121
28102
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28122
28103
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
28123
28104
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28124
28105
  --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);
28125
28106
  --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);
28126
28107
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28127
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
28128
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
28108
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28109
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
28129
28110
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28130
28111
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28131
- --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
28112
+ --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
28132
28113
  color: var(--pf-v5-global--Color--100);
28133
28114
  width: 100%;
28134
28115
  background-color: var(--pf-v5-c-table--BackgroundColor);
28135
28116
  }
28136
- @media screen and (max-width: 1200px) {
28137
- .pf-v5-c-table {
28138
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
28139
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
28140
- }
28141
- }
28142
- @media screen and (min-width: 1200px) {
28143
- .pf-v5-c-table {
28144
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingRight);
28145
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft);
28146
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);
28147
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight);
28148
- }
28149
- }
28150
28117
  .pf-v5-c-table.pf-m-fixed {
28151
28118
  table-layout: fixed;
28152
28119
  }
@@ -28175,7 +28142,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28175
28142
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
28176
28143
  position: sticky;
28177
28144
  inset-block-start: 0;
28178
- z-index: var(--pf-v5-global--ZIndex--xs);
28145
+ z-index: var(--pf-t--global--Zindex--xs);
28179
28146
  background: var(--pf-v5-c-table--BackgroundColor);
28180
28147
  }
28181
28148
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
@@ -28959,14 +28926,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28959
28926
  .pf-v5-c-table {
28960
28927
  --pf-v5-c-table__sticky-cell--MinWidth--base: 12.5rem;
28961
28928
  --pf-v5-c-table__sticky-cell--MinWidth: var(--pf-v5-c-table__sticky-cell--MinWidth--base);
28962
- --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
28929
+ --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
28963
28930
  --pf-v5-c-table__sticky-cell--Right: auto;
28964
28931
  --pf-v5-c-table__sticky-cell--Left: auto;
28965
- --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
28966
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
28967
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
28968
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
28969
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
28932
+ --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28933
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
28934
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
28935
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
28936
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
28970
28937
  --pf-v5-c-table__sticky-cell--m-right--Right: 0;
28971
28938
  --pf-v5-c-table__sticky-cell--m-left--Left: 0;
28972
28939
  --pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v5-c-table__sticky-cell--ZIndex) + 1);
@@ -29016,23 +28983,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29016
28983
  overflow: auto;
29017
28984
  }
29018
28985
 
29019
- .pf-v5-c-table {
29020
- --pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-v5-global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
29021
- --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-v5-global--spacer--md));
28986
+ :where(:root),
28987
+ :where(.pf-v5-c-table) {
28988
+ --pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
28989
+ --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
29022
28990
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29023
28991
  --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
29024
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-v5-global--spacer--sm);
29025
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-v5-global--spacer--sm);
29026
- --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-v5-global--spacer--sm);
29027
- --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29028
- --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-v5-global--spacer--sm);
28992
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
28993
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
28994
+ --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
28995
+ --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
28996
+ --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
29029
28997
  --pf-v5-c-table--m-tree-view__toggle--Position: absolute;
29030
28998
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29031
28999
  --pf-v5-c-table--m-tree-view__toggle--TranslateX: -100%;
29032
- --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29000
+ --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
29033
29001
  --pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
29034
29002
  --pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
29035
29003
  }
29004
+
29036
29005
  .pf-v5-c-table.pf-m-tree-view > tbody > tr {
29037
29006
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29038
29007
  }
@@ -29120,23 +29089,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29120
29089
  }
29121
29090
 
29122
29091
  .pf-m-tree-view-grid.pf-v5-c-table {
29123
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29124
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29125
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29092
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29093
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29094
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29126
29095
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29127
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29128
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29129
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29096
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29097
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29098
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29130
29099
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29131
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29132
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29133
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29100
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29101
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29102
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29134
29103
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29135
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29136
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29104
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29105
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29137
29106
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29138
29107
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29139
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29108
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29140
29109
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29141
29110
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29142
29111
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29192,7 +29161,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29192
29161
  grid-column: 2;
29193
29162
  }
29194
29163
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29195
- font-weight: var(--pf-v5-global--FontWeight--bold);
29164
+ font-weight: var(--pf-t--global--FontWeight--bold);
29196
29165
  text-align: start;
29197
29166
  content: attr(data-label);
29198
29167
  }
@@ -29260,23 +29229,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29260
29229
 
29261
29230
  @media screen and (max-width: 768px) {
29262
29231
  .pf-m-tree-view-grid-md.pf-v5-c-table {
29263
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29264
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29265
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29232
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29233
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29234
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29266
29235
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29267
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29268
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29269
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29236
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29237
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29238
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29270
29239
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29271
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29272
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29273
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29240
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29241
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29242
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29274
29243
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29275
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29276
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29244
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29245
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29277
29246
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29278
29247
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29279
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29248
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29280
29249
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29281
29250
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29282
29251
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29332,7 +29301,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29332
29301
  grid-column: 2;
29333
29302
  }
29334
29303
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29335
- font-weight: var(--pf-v5-global--FontWeight--bold);
29304
+ font-weight: var(--pf-t--global--FontWeight--bold);
29336
29305
  text-align: start;
29337
29306
  content: attr(data-label);
29338
29307
  }
@@ -29401,23 +29370,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29401
29370
 
29402
29371
  @media screen and (max-width: 992px) {
29403
29372
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
29404
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29405
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29406
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29373
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29374
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29375
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29407
29376
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29408
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29409
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29410
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29377
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29378
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29379
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29411
29380
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29412
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29413
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29414
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29381
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29382
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29383
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29415
29384
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29416
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29417
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29385
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29386
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29418
29387
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29419
29388
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29420
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29389
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29421
29390
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29422
29391
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29423
29392
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29473,7 +29442,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29473
29442
  grid-column: 2;
29474
29443
  }
29475
29444
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29476
- font-weight: var(--pf-v5-global--FontWeight--bold);
29445
+ font-weight: var(--pf-t--global--FontWeight--bold);
29477
29446
  text-align: start;
29478
29447
  content: attr(data-label);
29479
29448
  }
@@ -29542,23 +29511,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29542
29511
 
29543
29512
  @media screen and (max-width: 1200px) {
29544
29513
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
29545
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29546
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29547
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29514
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29515
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29516
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29548
29517
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29549
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29550
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29551
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29518
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29519
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29520
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29552
29521
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29553
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29554
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29555
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29522
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29523
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29524
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29556
29525
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29557
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29558
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29526
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29527
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29559
29528
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29560
29529
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29561
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29530
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29562
29531
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29563
29532
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29564
29533
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29614,7 +29583,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29614
29583
  grid-column: 2;
29615
29584
  }
29616
29585
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29617
- font-weight: var(--pf-v5-global--FontWeight--bold);
29586
+ font-weight: var(--pf-t--global--FontWeight--bold);
29618
29587
  text-align: start;
29619
29588
  content: attr(data-label);
29620
29589
  }
@@ -29683,23 +29652,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29683
29652
 
29684
29653
  @media screen and (max-width: 1450px) {
29685
29654
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
29686
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29687
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29688
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29655
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29656
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29657
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29689
29658
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29690
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29691
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29692
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29659
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29660
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29661
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29693
29662
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29694
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29695
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29696
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29663
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29664
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29665
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29697
29666
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29698
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29699
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29667
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29668
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29700
29669
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29701
29670
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29702
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29671
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29703
29672
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29704
29673
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29705
29674
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29755,7 +29724,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29755
29724
  grid-column: 2;
29756
29725
  }
29757
29726
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29758
- font-weight: var(--pf-v5-global--FontWeight--bold);
29727
+ font-weight: var(--pf-t--global--FontWeight--bold);
29759
29728
  text-align: start;
29760
29729
  content: attr(data-label);
29761
29730
  }
@@ -30836,7 +30805,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30836
30805
  --pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
30837
30806
  --pf-v5-c-tile--after--BackgroundColor: transparent;
30838
30807
  --pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
30839
- --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
30808
+ --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
30840
30809
  --pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
30841
30810
  --pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
30842
30811
  --pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -31399,120 +31368,114 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31399
31368
  font-size: var(--pf-v5-c-number-input__icon--FontSize);
31400
31369
  }
31401
31370
 
31402
- .pf-v5-c-tree-view {
31403
- --pf-v5-c-tree-view--PaddingTop: var(--pf-v5-global--spacer--sm);
31404
- --pf-v5-c-tree-view--PaddingBottom: var(--pf-v5-global--spacer--sm);
31405
- --pf-v5-c-tree-view__node--indent--base: calc(var(--pf-v5-global--spacer--md) * 2 + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth));
31406
- --pf-v5-c-tree-view__node--nested-indent--base: calc(var(--pf-v5-c-tree-view__node--indent--base) - var(--pf-v5-global--spacer--md));
31407
- --pf-v5-c-tree-view__node--PaddingTop--base: var(--pf-v5-global--spacer--sm);
31408
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31409
- --pf-v5-c-tree-view__node--PaddingRight: var(--pf-v5-global--spacer--sm);
31410
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-global--spacer--sm);
31371
+ :where(:root),
31372
+ :where(.pf-v5-c-tree-view) {
31373
+ --pf-v5-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth));
31374
+ --pf-v5-c-tree-view__node--nested-indent--base: calc(var(--pf-v5-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
31375
+ --pf-v5-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
31376
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-t--global--spacer--sm);
31377
+ --pf-v5-c-tree-view__node--PaddingRight: var(--pf-t--global--spacer--sm);
31378
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-t--global--spacer--sm);
31411
31379
  --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view__node--indent--base);
31412
- --pf-v5-c-tree-view__node--Color: var(--pf-v5-global--Color--100);
31413
- --pf-v5-c-tree-view__node--m-current--Color: var(--pf-v5-global--link--Color);
31414
- --pf-v5-c-tree-view__node--m-current--FontWeight: var(--pf-v5-global--FontWeight--bold);
31380
+ --pf-v5-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
31415
31381
  --pf-v5-c-tree-view__node--BackgroundColor: transparent;
31382
+ --pf-v5-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
31383
+ --pf-v5-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
31384
+ --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
31416
31385
  --pf-v5-c-tree-view__node-container--Display: contents;
31417
- --pf-v5-c-tree-view__node-content--RowGap: var(--pf-v5-global--spacer--sm);
31386
+ --pf-v5-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
31418
31387
  --pf-v5-c-tree-view__node-content--Overflow: visible;
31419
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31420
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31421
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31388
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop);
31422
31389
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
31423
31390
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
31424
31391
  --pf-v5-c-tree-view__node-toggle--Position: absolute;
31425
- --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-v5-global--Color--200);
31392
+ --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-t--global--icon--color--subtle);
31426
31393
  --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
31427
- --pf-v5-c-tree-view__node-toggle--hover--Color: var(--pf-v5-global--Color--100);
31428
- --pf-v5-c-tree-view__node-toggle--focus--Color: var(--pf-v5-global--Color--100);
31429
- --pf-v5-c-tree-view__node-toggle--active--Color: var(--pf-v5-global--Color--100);
31430
31394
  --pf-v5-c-tree-view__node-toggle--BackgroundColor: transparent;
31431
- --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-v5-global--Color--100);
31432
- --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
31433
- --pf-v5-c-tree-view__node-toggle-icon--Transition: transform var(--pf-v5-global--TransitionDuration) var(--pf-v5-global--TimingFunction);
31434
- --pf-v5-c-tree-view__node-toggle-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
31435
- --pf-v5-c-tree-view__node-toggle-button--PaddingRight: var(--pf-v5-global--spacer--md);
31436
- --pf-v5-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
31437
- --pf-v5-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-v5-global--spacer--md);
31438
- --pf-v5-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
31439
- --pf-v5-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
31440
- --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-v5-global--spacer--sm);
31441
- --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-v5-global--spacer--sm);
31442
- --pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
31443
- --pf-v5-c-tree-view__search--PaddingTop: var(--pf-v5-global--spacer--sm);
31444
- --pf-v5-c-tree-view__search--PaddingRight: var(--pf-v5-global--spacer--sm);
31445
- --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-v5-global--spacer--sm);
31446
- --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-v5-global--spacer--sm);
31447
- --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
31448
- --pf-v5-c-tree-view__node-icon--Color: var(--pf-v5-global--icon--Color--light);
31395
+ --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
31396
+ --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--body--default);
31397
+ --pf-v5-c-tree-view__node-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
31398
+ --pf-v5-c-tree-view__node-toggle--PaddingRight: var(--pf-t--global--spacer--md);
31399
+ --pf-v5-c-tree-view__node-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
31400
+ --pf-v5-c-tree-view__node-toggle--PaddingLeft: var(--pf-t--global--spacer--md);
31401
+ --pf-v5-c-tree-view__node-toggle--MarginTop: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31402
+ --pf-v5-c-tree-view__node-toggle--MarginBottom: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31403
+ --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-t--global--spacer--sm);
31404
+ --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-t--global--spacer--sm);
31405
+ --pf-v5-c-tree-view__search--PaddingTop: var(--pf-t--global--spacer--sm);
31406
+ --pf-v5-c-tree-view__search--PaddingRight: var(--pf-t--global--spacer--sm);
31407
+ --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-t--global--spacer--sm);
31408
+ --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-t--global--spacer--sm);
31409
+ --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-t--global--spacer--sm);
31410
+ --pf-v5-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
31449
31411
  --pf-v5-c-tree-view__node-toggle-icon--base--Rotate: 0;
31450
31412
  --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
31451
31413
  --pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
31452
31414
  --pf-v5-c-tree-view__node-text--max-lines: 1;
31453
- --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
31454
- --pf-v5-c-tree-view__action--MarginLeft: var(--pf-v5-global--spacer--md);
31415
+ --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
31416
+ --pf-v5-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
31455
31417
  --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--guide-left--base);
31456
- --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-v5-global--BorderColor--100);
31457
- --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-v5-global--BorderWidth--sm);
31418
+ --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-t--global--border--color--default);
31419
+ --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-t--global--border--width--divider--default);
31458
31420
  --pf-v5-c-tree-view--m-guides--guide-left--base: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides__list-node--guide-width--base));
31459
31421
  --pf-v5-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth) / 2);
31460
- --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-v5-global--spacer--lg);
31422
+ --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-t--global--spacer--lg);
31461
31423
  --pf-v5-c-tree-view--m-guides__list-item--before--Top: 0;
31462
31424
  --pf-v5-c-tree-view--m-guides__list-item--before--Width: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31463
31425
  --pf-v5-c-tree-view--m-guides__list-item--before--Height: 100%;
31464
31426
  --pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31465
31427
  --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
31466
31428
  --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top);
31467
- --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-v5-global--ZIndex--xs);
31429
+ --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--Zindex--xs);
31468
31430
  --pf-v5-c-tree-view--m-guides__node--before--Width: 1rem;
31469
31431
  --pf-v5-c-tree-view--m-guides__node--before--Height: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31470
31432
  --pf-v5-c-tree-view--m-guides__node--before--Top: 1.125rem;
31471
31433
  --pf-v5-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31472
- --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-v5-global--spacer--md);
31434
+ --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-t--global--spacer--md);
31473
31435
  --pf-v5-c-tree-view--m-compact--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
31474
31436
  --pf-v5-c-tree-view--m-compact__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31475
- --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-v5-global--spacer--lg);
31437
+ --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-t--global--spacer--lg);
31476
31438
  --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--base-border--Left);
31439
+ --pf-v5-c-tree-view--m-compact__node--Color: var(--pf-t--global--text--color--regular);
31477
31440
  --pf-v5-c-tree-view--m-compact__node--PaddingTop: 0;
31478
31441
  --pf-v5-c-tree-view--m-compact__node--PaddingBottom: 0;
31479
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-v5-global--spacer--sm);
31480
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-v5-global--spacer--sm);
31442
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-t--global--spacer--sm);
31443
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-t--global--spacer--sm);
31481
31444
  --pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop));
31482
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31483
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31445
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
31446
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-t--global--border--color--default);
31484
31447
  --pf-v5-c-tree-view--m-compact__list-item--before--Top: 0;
31485
31448
  --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
31486
- --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view__node--PaddingTop--base) * -1);
31487
- --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view__node--PaddingTop--base));
31449
+ --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) * -1);
31450
+ --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop));
31488
31451
  --pf-v5-c-tree-view--m-compact__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31489
31452
  --pf-v5-c-tree-view--m-compact__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
31490
31453
  --pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31491
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
31492
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
31454
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -.5);
31455
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -1.5);
31493
31456
  --pf-v5-c-tree-view--m-compact__node-container--Display: flex;
31494
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-v5-global--spacer--lg);
31495
- --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-v5-global--spacer--lg);
31496
- --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-v5-global--spacer--lg);
31457
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-t--global--spacer--lg);
31458
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-t--global--spacer--lg);
31459
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-t--global--spacer--lg);
31497
31460
  --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
31498
- --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-v5-global--spacer--xs);
31499
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-v5-global--spacer--md);
31500
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-v5-global--spacer--lg);
31501
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-v5-global--spacer--md);
31502
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-v5-global--spacer--lg);
31503
- --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31461
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-t--global--spacer--xs);
31462
+ --pf-v5-c-tree-view--m-compact__node-container--BorderRadius: var(--pf-t--global--border--radius--small);
31463
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-t--global--spacer--md);
31464
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-t--global--spacer--lg);
31465
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-t--global--spacer--md);
31466
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-t--global--spacer--lg);
31467
+ --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31504
31468
  --pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
31505
31469
  --pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
31506
- --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-v5-global--spacer--sm);
31470
+ --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-t--global--spacer--sm);
31507
31471
  --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31508
31472
  --pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31509
- --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-v5-global--spacer--2xl);
31473
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-t--global--spacer--2xl);
31510
31474
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
31511
31475
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
31512
31476
  --pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
31513
- padding-block-start: var(--pf-v5-c-tree-view--PaddingTop);
31514
- padding-block-end: var(--pf-v5-c-tree-view--PaddingBottom);
31515
31477
  }
31478
+
31516
31479
  .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item {
31517
31480
  position: relative;
31518
31481
  }
@@ -31546,11 +31509,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31546
31509
  --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
31547
31510
  }
31548
31511
  .pf-v5-c-tree-view.pf-m-compact {
31512
+ --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view--m-compact__node--Color);
31549
31513
  --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--PaddingTop);
31550
31514
  --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--PaddingBottom);
31551
31515
  --pf-v5-c-tree-view__node-container--Display: var(--pf-v5-c-tree-view--m-compact__node-container--Display);
31552
31516
  --pf-v5-c-tree-view__node--hover--BackgroundColor: transparent;
31553
- --pf-v5-c-tree-view__node--focus--BackgroundColor: transparent;
31554
31517
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
31555
31518
  }
31556
31519
  .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item {
@@ -31627,7 +31590,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31627
31590
  display: inline-block;
31628
31591
  min-width: var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth);
31629
31592
  text-align: center;
31630
- transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
31631
31593
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
31632
31594
  }
31633
31595
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
@@ -31665,30 +31627,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31665
31627
  }
31666
31628
  .pf-v5-c-tree-view__node.pf-m-current {
31667
31629
  --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view__node--m-current--Color);
31668
- font-weight: var(--pf-v5-c-tree-view__node--m-current--FontWeight);
31669
- }
31670
- .pf-v5-c-tree-view__node:focus {
31671
- --pf-v5-c-tree-view__node--BackgroundColor: var(--pf-v5-c-tree-view__node--focus--BackgroundColor);
31672
31630
  }
31673
31631
  .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count {
31674
31632
  margin-inline-start: var(--pf-v5-c-tree-view__node-count--MarginLeft);
31675
31633
  }
31676
- .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count .pf-v5-c-badge.pf-m-read {
31677
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31678
- }
31679
- .pf-v5-c-tree-view__node:not(.pf-m-selectable):hover, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:hover {
31680
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--hover--Color);
31681
- }
31682
- .pf-v5-c-tree-view__node:not(.pf-m-selectable):focus, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:focus {
31683
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--focus--Color);
31684
- }
31685
- .pf-v5-c-tree-view__node:not(.pf-m-selectable):active, .pf-v5-c-tree-view__node.pf-m-selectable .pf-v5-c-tree-view__node-toggle:active {
31686
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--active--Color);
31687
- }
31688
31634
 
31689
31635
  .pf-v5-c-tree-view__node-container {
31690
31636
  display: var(--pf-v5-c-tree-view__node-container--Display);
31691
31637
  flex-grow: 1;
31638
+ border-radius: var(--pf-v5-c-tree-view--m-compact__node-container--BorderRadius);
31692
31639
  }
31693
31640
 
31694
31641
  .pf-v5-c-tree-view__node-content {
@@ -31711,12 +31658,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31711
31658
  display: inline-flex;
31712
31659
  align-items: center;
31713
31660
  justify-content: center;
31714
- padding-block-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop);
31715
- padding-block-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom);
31716
- padding-inline-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
31717
- padding-inline-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight);
31718
- margin-block-start: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
31719
- margin-block-end: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
31661
+ padding-block-start: var(--pf-v5-c-tree-view__node-toggle--PaddingTop);
31662
+ padding-block-end: var(--pf-v5-c-tree-view__node-toggle--PaddingBottom);
31663
+ padding-inline-start: var(--pf-v5-c-tree-view__node-toggle--PaddingLeft);
31664
+ padding-inline-end: var(--pf-v5-c-tree-view__node-toggle--PaddingRight);
31665
+ margin-block-start: var(--pf-v5-c-tree-view__node-toggle--MarginTop);
31666
+ margin-block-end: var(--pf-v5-c-tree-view__node-toggle--MarginBottom);
31720
31667
  color: var(--pf-v5-c-tree-view__node-toggle--Color);
31721
31668
  background-color: var(--pf-v5-c-tree-view__node-toggle--BackgroundColor);
31722
31669
  border: 0;
@@ -31771,6 +31718,8 @@ label.pf-v5-c-tree-view__node-text {
31771
31718
  .pf-v5-c-tree-view__content {
31772
31719
  display: flex;
31773
31720
  align-items: center;
31721
+ background-color: var(--pf-v5-c-tree-view__content--BackgroundColor);
31722
+ border-radius: var(--pf-v5-c-tree-view__content--BorderRadius);
31774
31723
  }
31775
31724
 
31776
31725
  .pf-v5-c-tree-view__content:hover,
@@ -31779,7 +31728,11 @@ label.pf-v5-c-tree-view__node-text {
31779
31728
  }
31780
31729
 
31781
31730
  .pf-v5-c-tree-view__action {
31782
- margin-inline-start: var(--pf-v5-c-tree-view__action--MarginLeft);
31731
+ margin-inline-end: var(--pf-v5-c-tree-view__action--MarginInlineEnd);
31732
+ }
31733
+
31734
+ .pf-v5-c-tree-view__content:has(> .pf-v5-c-tree-view__node.pf-m-current) {
31735
+ --pf-v5-c-tree-view__content--BackgroundColor: var(--pf-v5-c-tree-view__node--m-current--BackgroundColor);
31783
31736
  }
31784
31737
 
31785
31738
  .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
@@ -31869,15 +31822,6 @@ label.pf-v5-c-tree-view__node-text {
31869
31822
  --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31870
31823
  }
31871
31824
 
31872
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .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 {
31873
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31874
- }
31875
-
31876
- :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
31877
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31878
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31879
- }
31880
-
31881
31825
  .pf-v5-c-wizard {
31882
31826
  --pf-v5-c-wizard--Height: 100%;
31883
31827
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;