@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.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);
@@ -7951,7 +7954,7 @@ button.pf-v5-c-breadcrumb__link {
7951
7954
  --pf-v5-c-button--hover--TextDecoration: none;
7952
7955
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
7953
7956
  --pf-v5-c-button--m-clicked--BorderColor: transparent;
7954
- --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--active);
7957
+ --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
7955
7958
  --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7956
7959
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7957
7960
  --pf-v5-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -8072,7 +8075,7 @@ button.pf-v5-c-breadcrumb__link {
8072
8075
  --pf-v5-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
8073
8076
  --pf-v5-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
8074
8077
  --pf-v5-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
8075
- --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--active);
8078
+ --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
8076
8079
  --pf-v5-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
8077
8080
  --pf-v5-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
8078
8081
  --pf-v5-c-button--m-stateful--PaddingLeft: var(--pf-t--global--spacer--md);
@@ -17098,9 +17101,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17098
17101
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
17099
17102
  --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
17100
17103
  --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
17101
- --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
17104
+ --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17102
17105
  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17103
- --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
17106
+ --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17104
17107
  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
17105
17108
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17106
17109
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
@@ -17110,7 +17113,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17110
17113
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17111
17114
  --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
17112
17115
  --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
17113
- --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
17116
+ --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17114
17117
  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17115
17118
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
17116
17119
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
@@ -17507,24 +17510,24 @@ select ~ .pf-v5-c-form-control__utilities {
17507
17510
  --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
17508
17511
  --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
17509
17512
  --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
17510
- --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
17511
- --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
17512
- --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
17513
- --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
17514
- --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
17515
- --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
17516
- --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
17517
- --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
17518
- --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
17519
- --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
17520
- --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
17521
- --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
17522
- --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
17523
- --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
17524
- --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
17525
- --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
17526
- --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
17527
- --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
17513
+ --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
17514
+ --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
17515
+ --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
17516
+ --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
17517
+ --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
17518
+ --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
17519
+ --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
17520
+ --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
17521
+ --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
17522
+ --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
17523
+ --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
17524
+ --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
17525
+ --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
17526
+ --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
17527
+ --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
17528
+ --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
17529
+ --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
17530
+ --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
17528
17531
  --pf-v5-c-icon--m-inline--Width: 1em;
17529
17532
  --pf-v5-c-icon--m-inline--Height: 1em;
17530
17533
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
@@ -17542,15 +17545,15 @@ select ~ .pf-v5-c-form-control__utilities {
17542
17545
  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
17543
17546
  --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
17544
17547
  --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
17545
- --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
17546
- --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
17547
- --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
17548
- --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
17549
- --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
17550
- --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
17551
- --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
17552
- --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
17553
- --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
17548
+ --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
17549
+ --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
17550
+ --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
17551
+ --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
17552
+ --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
17553
+ --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
17554
+ --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
17555
+ --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
17556
+ --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
17554
17557
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
17555
17558
  }
17556
17559
 
@@ -18446,10 +18449,10 @@ label.pf-v5-c-input-group__text {
18446
18449
  --pf-v5-c-label__content--MaxWidth: 100%;
18447
18450
  --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
18448
18451
  --pf-v5-c-label__content--Cursor: initial;
18449
- --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
18452
+ --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18450
18453
  --pf-v5-c-label__text--MaxWidth: 100%;
18451
18454
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
18452
- --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18455
+ --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18453
18456
  --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
18454
18457
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
18455
18458
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -18784,7 +18787,7 @@ input.pf-v5-c-label__content {
18784
18787
  --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
18785
18788
  --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
18786
18789
  --pf-v5-c-label-group__label--MaxWidth: 18ch;
18787
- --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18790
+ --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18788
18791
  --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
18789
18792
  --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18790
18793
  --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -20469,7 +20472,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20469
20472
  --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20470
20473
  --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
20471
20474
  --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
20472
- --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
20475
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--clicked);
20473
20476
  --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
20474
20477
  --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
20475
20478
  --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
@@ -20483,14 +20486,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20483
20486
  --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
20484
20487
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
20485
20488
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
20486
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20489
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20487
20490
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20488
20491
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
20489
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20492
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20490
20493
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20491
20494
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
20492
20495
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
20493
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20496
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20494
20497
  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20495
20498
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
20496
20499
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
@@ -24050,7 +24053,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24050
24053
  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
24051
24054
  --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
24052
24055
  --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
24053
- --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--body--sm);
24056
+ --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
24054
24057
  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
24055
24058
  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
24056
24059
  --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
@@ -24068,7 +24071,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24068
24071
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
24069
24072
  --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
24070
24073
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
24071
- --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--body--default);
24074
+ --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24072
24075
  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
24073
24076
  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24074
24077
  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
@@ -26383,27 +26386,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26383
26386
  .pf-v5-c-table[class*=pf-m-grid] {
26384
26387
  --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
26385
26388
  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26386
- --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
26389
+ --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
26387
26390
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26388
26391
  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26389
26392
  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26390
- --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
26391
- --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26392
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
26393
- --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26394
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26395
- --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26396
- --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
26397
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26398
- --pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26399
- --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
26400
- --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
26401
- --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
26402
- --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
26393
+ --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26394
+ --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26395
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26396
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26397
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26398
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--md);
26399
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26400
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-t--global--spacer--xl);
26401
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-t--global--spacer--lg);
26402
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-t--global--spacer--xl);
26403
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-t--global--spacer--lg);
26403
26404
  --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
26404
26405
  --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
26405
26406
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26406
- --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
26407
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26407
26408
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26408
26409
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26409
26410
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
@@ -26411,48 +26412,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26411
26412
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
26412
26413
  --pf-v5-c-table--m-grid--cell--PaddingBottom: 0;
26413
26414
  --pf-v5-c-table--m-grid--cell--PaddingLeft: 0;
26414
- --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26415
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26416
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26417
- --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26415
+ --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26416
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26417
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26418
+ --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26418
26419
  --pf-v5-c-table--cell--responsive--PaddingRight: 0;
26419
26420
  --pf-v5-c-table--cell--responsive--PaddingLeft: 0;
26420
- --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26421
- --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26422
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
26423
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
26421
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26422
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26423
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-t--global--spacer--xs);
26424
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-t--global--spacer--xs);
26424
26425
  --pf-v5-c-table--m-compact__check--responsive--MarginTop: 0.4375rem;
26425
- --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
26426
- --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
26426
+ --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1);
26427
+ --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-t--global--spacer--xs) * -1);
26427
26428
  --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
26428
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26429
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26430
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26431
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26429
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26430
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26432
26431
  --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26433
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
26432
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26434
26433
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
26435
26434
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
26436
- --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);
26435
+ --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-t--global--spacer--xl);
26437
26436
  --pf-v5-c-table--m-grid__action--MarginTop: 0.375rem;
26438
- --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-v5-global--spacer--xl);
26439
- --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-v5-global--spacer--2xl);
26437
+ --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-t--global--spacer--xl);
26438
+ --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-t--global--spacer--2xl);
26440
26439
  --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));
26441
26440
  --pf-v5-c-table__toggle__icon--Transition: .2s ease-in 0s;
26442
26441
  --pf-v5-c-table__toggle--m-expanded__icon--Rotate: 180deg;
26443
26442
  }
26444
- @media screen and (max-width: 1200px) {
26445
- .pf-v5-c-table[class*=pf-m-grid] {
26446
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
26447
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
26448
- }
26449
- }
26450
- @media screen and (max-width: 1200px) {
26451
- .pf-v5-c-table[class*=pf-m-grid] {
26452
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight);
26453
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft);
26454
- }
26455
- }
26456
26443
 
26457
26444
  .pf-m-grid.pf-v5-c-table {
26458
26445
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-grid--cell--PaddingTop);
@@ -28046,18 +28033,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28046
28033
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
28047
28034
  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
28048
28035
  --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
28049
- --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
28050
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
28051
- --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
28052
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
28053
- --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
28054
- --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
28036
+ --pf-v5-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
28037
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
28038
+ --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
28039
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
28055
28040
  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
28056
28041
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
28057
28042
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
28058
28043
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
28059
28044
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
28060
- --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
28045
+ --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
28061
28046
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
28062
28047
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
28063
28048
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
@@ -28065,10 +28050,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28065
28050
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
28066
28051
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
28067
28052
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
28068
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
28069
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
28070
- --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
28071
- --pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
28053
+ --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28054
+ --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28072
28055
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
28073
28056
  --pf-v5-c-table--cell--MinWidth: 0;
28074
28057
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -28085,8 +28068,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28085
28068
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
28086
28069
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
28087
28070
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
28088
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(0.375rem * -1);
28089
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(0.375rem * -1);
28071
+ --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28072
+ --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28090
28073
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
28091
28074
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
28092
28075
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
@@ -28095,7 +28078,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28095
28078
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
28096
28079
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
28097
28080
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
28098
- --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
28081
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
28099
28082
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
28100
28083
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
28101
28084
  --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
@@ -28104,19 +28087,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28104
28087
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
28105
28088
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
28106
28089
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
28107
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28108
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
28109
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28110
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
28111
- --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
28090
+ --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28091
+ --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
28092
+ --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28093
+ --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
28094
+ --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
28112
28095
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
28113
28096
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
28114
28097
  --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
28115
28098
  --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
28116
- --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28117
- --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
28118
- --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28119
- --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
28099
+ --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28100
+ --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
28101
+ --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28102
+ --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
28120
28103
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
28121
28104
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28122
28105
  --pf-v5-c-table__action--PaddingTop: 0;
@@ -28130,19 +28113,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28130
28113
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
28131
28114
  --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
28132
28115
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
28133
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
28134
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
28116
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28117
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28135
28118
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
28136
28119
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
28137
- --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28120
+ --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28138
28121
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
28139
28122
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
28140
- --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
28123
+ --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28141
28124
  --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));
28142
- --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
28143
- --pf-v5-c-table__sort__button--PaddingRight: var(--pf-v5-global--spacer--sm);
28144
- --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
28145
- --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28125
+ --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
28126
+ --pf-v5-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
28127
+ --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
28128
+ --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
28146
28129
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
28147
28130
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
28148
28131
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
@@ -28154,18 +28137,18 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28154
28137
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
28155
28138
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28156
28139
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28157
- --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
28140
+ --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28158
28141
  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
28159
28142
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28160
28143
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28161
28144
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28162
28145
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
28163
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
28146
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
28164
28147
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
28165
- --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28166
- --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28167
- --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
28168
- --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28148
+ --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28149
+ --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28150
+ --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
28151
+ --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
28169
28152
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28170
28153
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28171
28154
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -28176,33 +28159,31 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28176
28159
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28177
28160
  --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);
28178
28161
  --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);
28179
- --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28162
+ --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28180
28163
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
28181
28164
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28182
28165
  --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);
28183
28166
  --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);
28184
- --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
28185
- --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
28186
- --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
28187
- --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
28188
- --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
28189
- --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-v5-global--spacer--sm);
28190
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
28191
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
28192
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
28193
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
28167
+ --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
28168
+ --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
28169
+ --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
28170
+ --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28171
+ --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
28172
+ --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
28173
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28174
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28194
28175
  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
28195
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
28196
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
28197
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
28198
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
28176
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28177
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
28178
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28179
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
28199
28180
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28200
28181
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28201
28182
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28202
28183
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28203
28184
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
28204
28185
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
28205
- --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28186
+ --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28206
28187
  --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);
28207
28188
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28208
28189
  --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);
@@ -28215,14 +28196,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28215
28196
  --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);
28216
28197
  --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28217
28198
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28218
- --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
28199
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
28219
28200
  --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28220
28201
  --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);
28221
28202
  --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);
28222
28203
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28223
28204
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
28224
28205
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
28225
- --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28206
+ --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28226
28207
  --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);
28227
28208
  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28228
28209
  --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);
@@ -28234,36 +28215,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28234
28215
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28235
28216
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28236
28217
  --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);
28237
- --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28218
+ --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28238
28219
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28239
28220
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
28240
28221
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28241
28222
  --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);
28242
28223
  --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);
28243
28224
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28244
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
28245
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
28225
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28226
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
28246
28227
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28247
28228
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28248
- --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
28229
+ --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
28249
28230
  color: var(--pf-v5-global--Color--100);
28250
28231
  width: 100%;
28251
28232
  background-color: var(--pf-v5-c-table--BackgroundColor);
28252
28233
  }
28253
- @media screen and (max-width: 1200px) {
28254
- .pf-v5-c-table {
28255
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
28256
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
28257
- }
28258
- }
28259
- @media screen and (min-width: 1200px) {
28260
- .pf-v5-c-table {
28261
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingRight);
28262
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft);
28263
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);
28264
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight);
28265
- }
28266
- }
28267
28234
  .pf-v5-c-table.pf-m-fixed {
28268
28235
  table-layout: fixed;
28269
28236
  }
@@ -28292,7 +28259,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28292
28259
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
28293
28260
  position: sticky;
28294
28261
  inset-block-start: 0;
28295
- z-index: var(--pf-v5-global--ZIndex--xs);
28262
+ z-index: var(--pf-t--global--Zindex--xs);
28296
28263
  background: var(--pf-v5-c-table--BackgroundColor);
28297
28264
  }
28298
28265
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
@@ -29076,14 +29043,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29076
29043
  .pf-v5-c-table {
29077
29044
  --pf-v5-c-table__sticky-cell--MinWidth--base: 12.5rem;
29078
29045
  --pf-v5-c-table__sticky-cell--MinWidth: var(--pf-v5-c-table__sticky-cell--MinWidth--base);
29079
- --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
29046
+ --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
29080
29047
  --pf-v5-c-table__sticky-cell--Right: auto;
29081
29048
  --pf-v5-c-table__sticky-cell--Left: auto;
29082
- --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29083
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
29084
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
29085
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
29086
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
29049
+ --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29050
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
29051
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
29052
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
29053
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
29087
29054
  --pf-v5-c-table__sticky-cell--m-right--Right: 0;
29088
29055
  --pf-v5-c-table__sticky-cell--m-left--Left: 0;
29089
29056
  --pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v5-c-table__sticky-cell--ZIndex) + 1);
@@ -29133,23 +29100,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29133
29100
  overflow: auto;
29134
29101
  }
29135
29102
 
29136
- .pf-v5-c-table {
29137
- --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));
29138
- --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));
29103
+ :where(:root),
29104
+ :where(.pf-v5-c-table) {
29105
+ --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));
29106
+ --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));
29139
29107
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29140
29108
  --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
29141
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-v5-global--spacer--sm);
29142
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-v5-global--spacer--sm);
29143
- --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-v5-global--spacer--sm);
29144
- --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29145
- --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-v5-global--spacer--sm);
29109
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
29110
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
29111
+ --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
29112
+ --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
29113
+ --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
29146
29114
  --pf-v5-c-table--m-tree-view__toggle--Position: absolute;
29147
29115
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29148
29116
  --pf-v5-c-table--m-tree-view__toggle--TranslateX: -100%;
29149
- --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29117
+ --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
29150
29118
  --pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
29151
29119
  --pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
29152
29120
  }
29121
+
29153
29122
  .pf-v5-c-table.pf-m-tree-view > tbody > tr {
29154
29123
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29155
29124
  }
@@ -29237,23 +29206,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29237
29206
  }
29238
29207
 
29239
29208
  .pf-m-tree-view-grid.pf-v5-c-table {
29240
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29241
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29242
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29209
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29210
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29211
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29243
29212
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29244
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29245
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29246
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29213
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29214
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29215
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29247
29216
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29248
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29249
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29250
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29217
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29218
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29219
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29251
29220
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29252
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29253
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29221
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29222
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29254
29223
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29255
29224
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29256
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29225
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29257
29226
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29258
29227
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29259
29228
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29309,7 +29278,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29309
29278
  grid-column: 2;
29310
29279
  }
29311
29280
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29312
- font-weight: var(--pf-v5-global--FontWeight--bold);
29281
+ font-weight: var(--pf-t--global--FontWeight--bold);
29313
29282
  text-align: start;
29314
29283
  content: attr(data-label);
29315
29284
  }
@@ -29377,23 +29346,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29377
29346
 
29378
29347
  @media screen and (max-width: 768px) {
29379
29348
  .pf-m-tree-view-grid-md.pf-v5-c-table {
29380
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29381
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29382
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29349
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29350
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29351
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29383
29352
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29384
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29385
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29386
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29353
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29354
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29355
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29387
29356
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29388
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29389
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29390
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29357
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29358
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29359
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29391
29360
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29392
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29393
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29361
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29362
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29394
29363
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29395
29364
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29396
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29365
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29397
29366
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29398
29367
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29399
29368
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29449,7 +29418,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29449
29418
  grid-column: 2;
29450
29419
  }
29451
29420
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29452
- font-weight: var(--pf-v5-global--FontWeight--bold);
29421
+ font-weight: var(--pf-t--global--FontWeight--bold);
29453
29422
  text-align: start;
29454
29423
  content: attr(data-label);
29455
29424
  }
@@ -29518,23 +29487,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29518
29487
 
29519
29488
  @media screen and (max-width: 992px) {
29520
29489
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
29521
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29522
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29523
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29490
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29491
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29492
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29524
29493
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29525
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29526
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29527
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29494
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29495
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29496
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29528
29497
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29529
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29530
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29531
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29498
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29499
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29500
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29532
29501
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29533
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29534
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29502
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29503
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29535
29504
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29536
29505
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29537
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29506
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29538
29507
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29539
29508
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29540
29509
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29590,7 +29559,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29590
29559
  grid-column: 2;
29591
29560
  }
29592
29561
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29593
- font-weight: var(--pf-v5-global--FontWeight--bold);
29562
+ font-weight: var(--pf-t--global--FontWeight--bold);
29594
29563
  text-align: start;
29595
29564
  content: attr(data-label);
29596
29565
  }
@@ -29659,23 +29628,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29659
29628
 
29660
29629
  @media screen and (max-width: 1200px) {
29661
29630
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
29662
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29663
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29664
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29631
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29632
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29633
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29665
29634
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29666
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29667
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29668
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29635
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29636
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29637
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29669
29638
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29670
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29671
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29672
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29639
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29640
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29641
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29673
29642
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29674
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29675
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29643
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29644
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29676
29645
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29677
29646
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29678
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29647
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29679
29648
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29680
29649
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29681
29650
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29731,7 +29700,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29731
29700
  grid-column: 2;
29732
29701
  }
29733
29702
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29734
- font-weight: var(--pf-v5-global--FontWeight--bold);
29703
+ font-weight: var(--pf-t--global--FontWeight--bold);
29735
29704
  text-align: start;
29736
29705
  content: attr(data-label);
29737
29706
  }
@@ -29800,23 +29769,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29800
29769
 
29801
29770
  @media screen and (max-width: 1450px) {
29802
29771
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
29803
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29804
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29805
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29772
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29773
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29774
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29806
29775
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29807
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29808
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29809
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29776
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29777
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29778
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29810
29779
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29811
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29812
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29813
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29780
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29781
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29782
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29814
29783
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29815
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29816
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29784
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29785
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29817
29786
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29818
29787
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29819
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29788
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29820
29789
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29821
29790
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29822
29791
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29872,7 +29841,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29872
29841
  grid-column: 2;
29873
29842
  }
29874
29843
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29875
- font-weight: var(--pf-v5-global--FontWeight--bold);
29844
+ font-weight: var(--pf-t--global--FontWeight--bold);
29876
29845
  text-align: start;
29877
29846
  content: attr(data-label);
29878
29847
  }
@@ -30953,7 +30922,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30953
30922
  --pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
30954
30923
  --pf-v5-c-tile--after--BackgroundColor: transparent;
30955
30924
  --pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
30956
- --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
30925
+ --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
30957
30926
  --pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
30958
30927
  --pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
30959
30928
  --pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -31516,120 +31485,114 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31516
31485
  font-size: var(--pf-v5-c-number-input__icon--FontSize);
31517
31486
  }
31518
31487
 
31519
- .pf-v5-c-tree-view {
31520
- --pf-v5-c-tree-view--PaddingTop: var(--pf-v5-global--spacer--sm);
31521
- --pf-v5-c-tree-view--PaddingBottom: var(--pf-v5-global--spacer--sm);
31522
- --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));
31523
- --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));
31524
- --pf-v5-c-tree-view__node--PaddingTop--base: var(--pf-v5-global--spacer--sm);
31525
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31526
- --pf-v5-c-tree-view__node--PaddingRight: var(--pf-v5-global--spacer--sm);
31527
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-global--spacer--sm);
31488
+ :where(:root),
31489
+ :where(.pf-v5-c-tree-view) {
31490
+ --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));
31491
+ --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));
31492
+ --pf-v5-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
31493
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-t--global--spacer--sm);
31494
+ --pf-v5-c-tree-view__node--PaddingRight: var(--pf-t--global--spacer--sm);
31495
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-t--global--spacer--sm);
31528
31496
  --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view__node--indent--base);
31529
- --pf-v5-c-tree-view__node--Color: var(--pf-v5-global--Color--100);
31530
- --pf-v5-c-tree-view__node--m-current--Color: var(--pf-v5-global--link--Color);
31531
- --pf-v5-c-tree-view__node--m-current--FontWeight: var(--pf-v5-global--FontWeight--bold);
31497
+ --pf-v5-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
31532
31498
  --pf-v5-c-tree-view__node--BackgroundColor: transparent;
31499
+ --pf-v5-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
31500
+ --pf-v5-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
31501
+ --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
31533
31502
  --pf-v5-c-tree-view__node-container--Display: contents;
31534
- --pf-v5-c-tree-view__node-content--RowGap: var(--pf-v5-global--spacer--sm);
31503
+ --pf-v5-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
31535
31504
  --pf-v5-c-tree-view__node-content--Overflow: visible;
31536
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31537
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31538
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31505
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop);
31539
31506
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
31540
31507
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
31541
31508
  --pf-v5-c-tree-view__node-toggle--Position: absolute;
31542
- --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-v5-global--Color--200);
31509
+ --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-t--global--icon--color--subtle);
31543
31510
  --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
31544
- --pf-v5-c-tree-view__node-toggle--hover--Color: var(--pf-v5-global--Color--100);
31545
- --pf-v5-c-tree-view__node-toggle--focus--Color: var(--pf-v5-global--Color--100);
31546
- --pf-v5-c-tree-view__node-toggle--active--Color: var(--pf-v5-global--Color--100);
31547
31511
  --pf-v5-c-tree-view__node-toggle--BackgroundColor: transparent;
31548
- --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-v5-global--Color--100);
31549
- --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
31550
- --pf-v5-c-tree-view__node-toggle-icon--Transition: transform var(--pf-v5-global--TransitionDuration) var(--pf-v5-global--TimingFunction);
31551
- --pf-v5-c-tree-view__node-toggle-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
31552
- --pf-v5-c-tree-view__node-toggle-button--PaddingRight: var(--pf-v5-global--spacer--md);
31553
- --pf-v5-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
31554
- --pf-v5-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-v5-global--spacer--md);
31555
- --pf-v5-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
31556
- --pf-v5-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
31557
- --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-v5-global--spacer--sm);
31558
- --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-v5-global--spacer--sm);
31559
- --pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
31560
- --pf-v5-c-tree-view__search--PaddingTop: var(--pf-v5-global--spacer--sm);
31561
- --pf-v5-c-tree-view__search--PaddingRight: var(--pf-v5-global--spacer--sm);
31562
- --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-v5-global--spacer--sm);
31563
- --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-v5-global--spacer--sm);
31564
- --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
31565
- --pf-v5-c-tree-view__node-icon--Color: var(--pf-v5-global--icon--Color--light);
31512
+ --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
31513
+ --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--body--default);
31514
+ --pf-v5-c-tree-view__node-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
31515
+ --pf-v5-c-tree-view__node-toggle--PaddingRight: var(--pf-t--global--spacer--md);
31516
+ --pf-v5-c-tree-view__node-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
31517
+ --pf-v5-c-tree-view__node-toggle--PaddingLeft: var(--pf-t--global--spacer--md);
31518
+ --pf-v5-c-tree-view__node-toggle--MarginTop: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31519
+ --pf-v5-c-tree-view__node-toggle--MarginBottom: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31520
+ --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-t--global--spacer--sm);
31521
+ --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-t--global--spacer--sm);
31522
+ --pf-v5-c-tree-view__search--PaddingTop: var(--pf-t--global--spacer--sm);
31523
+ --pf-v5-c-tree-view__search--PaddingRight: var(--pf-t--global--spacer--sm);
31524
+ --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-t--global--spacer--sm);
31525
+ --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-t--global--spacer--sm);
31526
+ --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-t--global--spacer--sm);
31527
+ --pf-v5-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
31566
31528
  --pf-v5-c-tree-view__node-toggle-icon--base--Rotate: 0;
31567
31529
  --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
31568
31530
  --pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
31569
31531
  --pf-v5-c-tree-view__node-text--max-lines: 1;
31570
- --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
31571
- --pf-v5-c-tree-view__action--MarginLeft: var(--pf-v5-global--spacer--md);
31532
+ --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
31533
+ --pf-v5-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
31572
31534
  --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--guide-left--base);
31573
- --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-v5-global--BorderColor--100);
31574
- --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-v5-global--BorderWidth--sm);
31535
+ --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-t--global--border--color--default);
31536
+ --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-t--global--border--width--divider--default);
31575
31537
  --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));
31576
31538
  --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);
31577
- --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-v5-global--spacer--lg);
31539
+ --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-t--global--spacer--lg);
31578
31540
  --pf-v5-c-tree-view--m-guides__list-item--before--Top: 0;
31579
31541
  --pf-v5-c-tree-view--m-guides__list-item--before--Width: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31580
31542
  --pf-v5-c-tree-view--m-guides__list-item--before--Height: 100%;
31581
31543
  --pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31582
31544
  --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
31583
31545
  --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);
31584
- --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-v5-global--ZIndex--xs);
31546
+ --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--Zindex--xs);
31585
31547
  --pf-v5-c-tree-view--m-guides__node--before--Width: 1rem;
31586
31548
  --pf-v5-c-tree-view--m-guides__node--before--Height: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31587
31549
  --pf-v5-c-tree-view--m-guides__node--before--Top: 1.125rem;
31588
31550
  --pf-v5-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31589
- --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-v5-global--spacer--md);
31551
+ --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-t--global--spacer--md);
31590
31552
  --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));
31591
31553
  --pf-v5-c-tree-view--m-compact__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31592
- --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-v5-global--spacer--lg);
31554
+ --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-t--global--spacer--lg);
31593
31555
  --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--base-border--Left);
31556
+ --pf-v5-c-tree-view--m-compact__node--Color: var(--pf-t--global--text--color--regular);
31594
31557
  --pf-v5-c-tree-view--m-compact__node--PaddingTop: 0;
31595
31558
  --pf-v5-c-tree-view--m-compact__node--PaddingBottom: 0;
31596
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-v5-global--spacer--sm);
31597
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-v5-global--spacer--sm);
31559
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-t--global--spacer--sm);
31560
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-t--global--spacer--sm);
31598
31561
  --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));
31599
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31600
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31562
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
31563
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-t--global--border--color--default);
31601
31564
  --pf-v5-c-tree-view--m-compact__list-item--before--Top: 0;
31602
31565
  --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
31603
- --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view__node--PaddingTop--base) * -1);
31604
- --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));
31566
+ --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);
31567
+ --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));
31605
31568
  --pf-v5-c-tree-view--m-compact__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31606
31569
  --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);
31607
31570
  --pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31608
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
31609
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
31571
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -.5);
31572
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -1.5);
31610
31573
  --pf-v5-c-tree-view--m-compact__node-container--Display: flex;
31611
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-v5-global--spacer--lg);
31612
- --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-v5-global--spacer--lg);
31613
- --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-v5-global--spacer--lg);
31574
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-t--global--spacer--lg);
31575
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-t--global--spacer--lg);
31576
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-t--global--spacer--lg);
31614
31577
  --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
31615
- --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-v5-global--spacer--xs);
31616
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-v5-global--spacer--md);
31617
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-v5-global--spacer--lg);
31618
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-v5-global--spacer--md);
31619
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-v5-global--spacer--lg);
31620
- --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31578
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-t--global--spacer--xs);
31579
+ --pf-v5-c-tree-view--m-compact__node-container--BorderRadius: var(--pf-t--global--border--radius--small);
31580
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-t--global--spacer--md);
31581
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-t--global--spacer--lg);
31582
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-t--global--spacer--md);
31583
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-t--global--spacer--lg);
31584
+ --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31621
31585
  --pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
31622
31586
  --pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
31623
- --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-v5-global--spacer--sm);
31587
+ --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-t--global--spacer--sm);
31624
31588
  --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));
31625
31589
  --pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31626
- --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-v5-global--spacer--2xl);
31590
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-t--global--spacer--2xl);
31627
31591
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
31628
31592
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
31629
31593
  --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);
31630
- padding-block-start: var(--pf-v5-c-tree-view--PaddingTop);
31631
- padding-block-end: var(--pf-v5-c-tree-view--PaddingBottom);
31632
31594
  }
31595
+
31633
31596
  .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 {
31634
31597
  position: relative;
31635
31598
  }
@@ -31663,11 +31626,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31663
31626
  --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
31664
31627
  }
31665
31628
  .pf-v5-c-tree-view.pf-m-compact {
31629
+ --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view--m-compact__node--Color);
31666
31630
  --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--PaddingTop);
31667
31631
  --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--PaddingBottom);
31668
31632
  --pf-v5-c-tree-view__node-container--Display: var(--pf-v5-c-tree-view--m-compact__node-container--Display);
31669
31633
  --pf-v5-c-tree-view__node--hover--BackgroundColor: transparent;
31670
- --pf-v5-c-tree-view__node--focus--BackgroundColor: transparent;
31671
31634
  --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);
31672
31635
  }
31673
31636
  .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item {
@@ -31744,7 +31707,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31744
31707
  display: inline-block;
31745
31708
  min-width: var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth);
31746
31709
  text-align: center;
31747
- transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
31748
31710
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
31749
31711
  }
31750
31712
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
@@ -31782,30 +31744,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31782
31744
  }
31783
31745
  .pf-v5-c-tree-view__node.pf-m-current {
31784
31746
  --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view__node--m-current--Color);
31785
- font-weight: var(--pf-v5-c-tree-view__node--m-current--FontWeight);
31786
- }
31787
- .pf-v5-c-tree-view__node:focus {
31788
- --pf-v5-c-tree-view__node--BackgroundColor: var(--pf-v5-c-tree-view__node--focus--BackgroundColor);
31789
31747
  }
31790
31748
  .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count {
31791
31749
  margin-inline-start: var(--pf-v5-c-tree-view__node-count--MarginLeft);
31792
31750
  }
31793
- .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count .pf-v5-c-badge.pf-m-read {
31794
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31795
- }
31796
- .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 {
31797
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--hover--Color);
31798
- }
31799
- .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 {
31800
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--focus--Color);
31801
- }
31802
- .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 {
31803
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--active--Color);
31804
- }
31805
31751
 
31806
31752
  .pf-v5-c-tree-view__node-container {
31807
31753
  display: var(--pf-v5-c-tree-view__node-container--Display);
31808
31754
  flex-grow: 1;
31755
+ border-radius: var(--pf-v5-c-tree-view--m-compact__node-container--BorderRadius);
31809
31756
  }
31810
31757
 
31811
31758
  .pf-v5-c-tree-view__node-content {
@@ -31828,12 +31775,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31828
31775
  display: inline-flex;
31829
31776
  align-items: center;
31830
31777
  justify-content: center;
31831
- padding-block-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop);
31832
- padding-block-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom);
31833
- padding-inline-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
31834
- padding-inline-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight);
31835
- margin-block-start: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
31836
- margin-block-end: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
31778
+ padding-block-start: var(--pf-v5-c-tree-view__node-toggle--PaddingTop);
31779
+ padding-block-end: var(--pf-v5-c-tree-view__node-toggle--PaddingBottom);
31780
+ padding-inline-start: var(--pf-v5-c-tree-view__node-toggle--PaddingLeft);
31781
+ padding-inline-end: var(--pf-v5-c-tree-view__node-toggle--PaddingRight);
31782
+ margin-block-start: var(--pf-v5-c-tree-view__node-toggle--MarginTop);
31783
+ margin-block-end: var(--pf-v5-c-tree-view__node-toggle--MarginBottom);
31837
31784
  color: var(--pf-v5-c-tree-view__node-toggle--Color);
31838
31785
  background-color: var(--pf-v5-c-tree-view__node-toggle--BackgroundColor);
31839
31786
  border: 0;
@@ -31888,6 +31835,8 @@ label.pf-v5-c-tree-view__node-text {
31888
31835
  .pf-v5-c-tree-view__content {
31889
31836
  display: flex;
31890
31837
  align-items: center;
31838
+ background-color: var(--pf-v5-c-tree-view__content--BackgroundColor);
31839
+ border-radius: var(--pf-v5-c-tree-view__content--BorderRadius);
31891
31840
  }
31892
31841
 
31893
31842
  .pf-v5-c-tree-view__content:hover,
@@ -31896,7 +31845,11 @@ label.pf-v5-c-tree-view__node-text {
31896
31845
  }
31897
31846
 
31898
31847
  .pf-v5-c-tree-view__action {
31899
- margin-inline-start: var(--pf-v5-c-tree-view__action--MarginLeft);
31848
+ margin-inline-end: var(--pf-v5-c-tree-view__action--MarginInlineEnd);
31849
+ }
31850
+
31851
+ .pf-v5-c-tree-view__content:has(> .pf-v5-c-tree-view__node.pf-m-current) {
31852
+ --pf-v5-c-tree-view__content--BackgroundColor: var(--pf-v5-c-tree-view__node--m-current--BackgroundColor);
31900
31853
  }
31901
31854
 
31902
31855
  .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
@@ -31986,15 +31939,6 @@ label.pf-v5-c-tree-view__node-text {
31986
31939
  --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));
31987
31940
  }
31988
31941
 
31989
- :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 {
31990
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31991
- }
31992
-
31993
- :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
31994
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31995
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31996
- }
31997
-
31998
31942
  .pf-v5-c-wizard {
31999
31943
  --pf-v5-c-wizard--Height: 100%;
32000
31944
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;