@patternfly/patternfly 6.0.0-alpha.76 → 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 (49) 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/CodeBlock/code-block.css +4 -0
  9. package/components/CodeBlock/code-block.scss +4 -0
  10. package/components/CodeEditor/code-editor.css +91 -73
  11. package/components/CodeEditor/code-editor.scss +99 -82
  12. package/components/FormControl/form-control.css +3 -3
  13. package/components/FormControl/form-control.scss +3 -3
  14. package/components/Icon/icon.css +27 -27
  15. package/components/Icon/icon.scss +27 -27
  16. package/components/Label/label-group.css +1 -1
  17. package/components/Label/label-group.scss +1 -1
  18. package/components/Label/label.css +2 -2
  19. package/components/Label/label.scss +2 -2
  20. package/components/MenuToggle/menu-toggle.css +4 -4
  21. package/components/MenuToggle/menu-toggle.scss +4 -4
  22. package/components/ProgressStepper/progress-stepper.css +2 -2
  23. package/components/ProgressStepper/progress-stepper.scss +2 -2
  24. package/components/Table/table-grid.css +29 -45
  25. package/components/Table/table-grid.scss +40 -53
  26. package/components/Table/table-scrollable.css +6 -6
  27. package/components/Table/table-scrollable.scss +8 -8
  28. package/components/Table/table-tree-view.css +76 -74
  29. package/components/Table/table-tree-view.scss +44 -39
  30. package/components/Table/table.css +54 -74
  31. package/components/Table/table.scss +68 -86
  32. package/components/Tile/tile.css +1 -1
  33. package/components/Tile/tile.scss +1 -1
  34. package/components/TreeView/tree-view.css +76 -97
  35. package/components/TreeView/tree-view.scss +82 -113
  36. package/docs/components/CodeEditor/examples/CodeEditor.md +144 -132
  37. package/docs/components/TreeView/examples/TreeView.md +7 -57
  38. package/package.json +1 -1
  39. package/patternfly-base-no-globals-theme-dark-unversioned.css +26 -23
  40. package/patternfly-base-no-globals.css +26 -23
  41. package/patternfly-base-theme-dark-unversioned.css +26 -23
  42. package/patternfly-base.css +26 -23
  43. package/patternfly-no-globals.css +404 -442
  44. package/patternfly-theme-dark-unversioned.css +404 -442
  45. package/patternfly.css +404 -442
  46. package/patternfly.min.css +1 -1
  47. package/patternfly.min.css.map +1 -1
  48. package/components/CodeEditor/themes/dark/code-editor.scss +0 -14
  49. package/components/TreeView/themes/dark/tree-view.scss +0 -8
package/patternfly-no-globals.css CHANGED
@@ -420,10 +420,6 @@ html .ws-preview {
420
420
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
421
421
  }
422
422
 
423
- /**
424
- * Do not edit directly
425
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
426
- */
427
423
  :root {
428
424
  --pf-t--color--red--70: #5f0000;
429
425
  --pf-t--color--red--60: #a60000;
@@ -618,10 +614,10 @@ html .ws-preview {
618
614
  --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
619
615
  --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
620
616
  --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
621
- --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
617
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
622
618
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
623
619
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
624
- --pf-t--global--border--width--button--active: var(--pf-t--global--border--width--200);
620
+ --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
625
621
  --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
626
622
  --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
627
623
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
@@ -632,7 +628,7 @@ html .ws-preview {
632
628
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
633
629
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
634
630
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
635
- --pf-t--global--border--width--divider--active: var(--pf-t--global--border--width--100);
631
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
636
632
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
637
633
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
638
634
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
@@ -777,7 +773,6 @@ html .ws-preview {
777
773
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
778
774
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
779
775
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
780
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
781
776
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
782
777
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
783
778
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -789,6 +784,14 @@ html .ws-preview {
789
784
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
790
785
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
791
786
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
787
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
788
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
789
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
790
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
791
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
792
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
793
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
794
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
792
795
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
793
796
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
794
797
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
@@ -857,10 +860,12 @@ html .ws-preview {
857
860
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
858
861
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
859
862
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
860
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
863
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
861
864
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
862
865
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
863
866
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
867
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
868
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
864
869
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
865
870
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
866
871
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -945,22 +950,18 @@ html .ws-preview {
945
950
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
946
951
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
947
952
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
948
- --pf-t--global--icon--size--body--lg: var(--pf-t--global--font--size--body--lg);
949
- --pf-t--global--icon--size--body--default: var(--pf-t--global--font--size--body--default);
950
- --pf-t--global--icon--size--body--sm: var(--pf-t--global--font--size--body--sm);
951
- --pf-t--global--icon--size--heading--h6: var(--pf-t--global--font--size--heading--h6);
952
- --pf-t--global--icon--size--heading--h5: var(--pf-t--global--font--size--heading--h5);
953
- --pf-t--global--icon--size--heading--h4: var(--pf-t--global--font--size--heading--h4);
954
- --pf-t--global--icon--size--heading--h3: var(--pf-t--global--font--size--heading--h3);
955
- --pf-t--global--icon--size--heading--h2: var(--pf-t--global--font--size--heading--h2);
956
- --pf-t--global--icon--size--heading--h1: var(--pf-t--global--font--size--heading--h1);
953
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
954
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
955
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
956
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
957
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
958
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
959
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
960
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
961
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
957
962
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
958
963
  }
959
964
 
960
- /**
961
- * Do not edit directly
962
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
963
- */
964
965
  :root:where(.pf-v5-theme-dark) {
965
966
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
966
967
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
@@ -1211,6 +1212,8 @@ html .ws-preview {
1211
1212
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1212
1213
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1213
1214
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1215
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1216
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
1214
1217
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1215
1218
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1216
1219
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1303,7 +1306,7 @@ html .ws-preview {
1303
1306
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1304
1307
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1305
1308
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1306
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
1309
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1307
1310
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1308
1311
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1309
1312
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
@@ -7834,7 +7837,7 @@ button.pf-v5-c-breadcrumb__link {
7834
7837
  --pf-v5-c-button--hover--TextDecoration: none;
7835
7838
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
7836
7839
  --pf-v5-c-button--m-clicked--BorderColor: transparent;
7837
- --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--active);
7840
+ --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
7838
7841
  --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7839
7842
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7840
7843
  --pf-v5-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -7955,7 +7958,7 @@ button.pf-v5-c-breadcrumb__link {
7955
7958
  --pf-v5-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
7956
7959
  --pf-v5-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
7957
7960
  --pf-v5-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
7958
- --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--active);
7961
+ --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
7959
7962
  --pf-v5-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
7960
7963
  --pf-v5-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
7961
7964
  --pf-v5-c-button--m-stateful--PaddingLeft: var(--pf-t--global--spacer--md);
@@ -9327,6 +9330,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9327
9330
  --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
9328
9331
  --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
9329
9332
  --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
9333
+ --pf-v5-c-code-block__header--PaddingTop: var(--pf-t--global--spacer--xs);
9334
+ --pf-v5-c-code-block__header--PaddingBottom: var(--pf-t--global--spacer--xs);
9330
9335
  --pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
9331
9336
  --pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
9332
9337
  --pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
@@ -9344,6 +9349,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9344
9349
 
9345
9350
  .pf-v5-c-code-block__header {
9346
9351
  display: flex;
9352
+ padding-block-start: var(--pf-v5-c-code-block__header--PaddingTop);
9353
+ padding-block-end: var(--pf-v5-c-code-block__header--PaddingBottom);
9347
9354
  padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
9348
9355
  padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
9349
9356
  border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
@@ -9372,42 +9379,58 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9372
9379
  font-family: var(--pf-v5-c-code-block__code--FontFamily, inherit);
9373
9380
  }
9374
9381
 
9375
- .pf-v5-c-code-editor {
9376
- --pf-v5-c-code-editor__controls--c-button--m-control--Color: var(--pf-v5-global--Color--200);
9377
- --pf-v5-c-code-editor__controls--c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
9378
- --pf-v5-c-code-editor__controls--c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
9379
- --pf-v5-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
9380
- --pf-v5-c-code-editor__header--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9381
- --pf-v5-c-code-editor__header--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
9382
- --pf-v5-c-code-editor__main--BorderColor: var(--pf-v5-global--BorderColor--100);
9383
- --pf-v5-c-code-editor__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9384
- --pf-v5-c-code-editor__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9385
- --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--300);
9386
- --pf-v5-c-code-editor__main--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9387
- --pf-v5-c-code-editor__main--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
9388
- --pf-v5-c-code-editor__main--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
9382
+ :where(:root), :where(.pf-v5-c-code-editor) {
9383
+ --pf-v5-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9384
+ --pf-v5-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
9385
+ --pf-v5-c-code-editor__header--before--BorderBottomWidth: var(--pf-t--global--border--width--box--default);
9386
+ --pf-v5-c-code-editor__header--before--BorderBottomColor: var(--pf-t--global--border--color--default);
9387
+ --pf-v5-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9388
+ --pf-v5-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9389
+ --pf-v5-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
9390
+ --pf-v5-c-code-editor__header-content--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
9391
+ --pf-v5-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9392
+ --pf-v5-c-code-editor__header-content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9393
+ --pf-v5-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
9394
+ --pf-v5-c-code-editor__upload--PaddingInlineStart: var(--pf-t--global--spacer--md);
9395
+ --pf-v5-c-code-editor__upload--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9396
+ --pf-v5-c-code-editor__upload--PaddingBlockStart: var(--pf-t--global--spacer--md);
9397
+ --pf-v5-c-code-editor__upload--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9398
+ --pf-v5-c-code-editor__upload--BorderRadius: var(--pf-t--global--border--radius--medium);
9399
+ --pf-v5-c-code-editor__main--BorderColor: var(--pf-t--global--border--color--default);
9400
+ --pf-v5-c-code-editor__main--BorderWidth: var(--pf-t--global--border--width--box--default);
9401
+ --pf-v5-c-code-editor__main--BorderEndStartRadius: var(--pf-t--global--border--radius--medium);
9402
+ --pf-v5-c-code-editor__main--BorderEndEndRadius: var(--pf-t--global--border--radius--medium);
9403
+ --pf-v5-c-code-editor__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9404
+ --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9405
+ --pf-v5-c-code-editor__upload--before--BorderWidth: 0;
9406
+ --pf-v5-c-code-editor__upload--before--BorderColor: transparent;
9407
+ --pf-v5-c-code-editor__main--m-drag-hover--before--BorderWidth: var(--pf-t--global--border--width--divider--hover);
9408
+ --pf-v5-c-code-editor__main--m-drag-hover--before--BorderColor: var( --pf-t--global--border--color--clicked);
9409
+ --pf-v5-c-code-editor__main--m-drag-hover--after--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9389
9410
  --pf-v5-c-code-editor__main--m-drag-hover--after--Opacity: .1;
9390
- --pf-v5-c-code-editor__code--PaddingTop: var(--pf-v5-global--spacer--sm);
9391
- --pf-v5-c-code-editor__code--PaddingRight: var(--pf-v5-global--spacer--sm);
9392
- --pf-v5-c-code-editor__code--PaddingBottom: var(--pf-v5-global--spacer--sm);
9393
- --pf-v5-c-code-editor__code--PaddingLeft: var(--pf-v5-global--spacer--sm);
9394
- --pf-v5-c-code-editor__code-pre--FontSize: var(--pf-v5-global--FontSize--sm);
9395
- --pf-v5-c-code-editor__code-pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9396
- --pf-v5-c-code-editor__header-main--PaddingRight: var(--pf-v5-global--spacer--sm);
9397
- --pf-v5-c-code-editor__header-main--PaddingLeft: var(--pf-v5-global--spacer--sm);
9398
- --pf-v5-c-code-editor__tab--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9399
- --pf-v5-c-code-editor__tab--Color: var(--pf-v5-global--Color--200);
9400
- --pf-v5-c-code-editor__tab--PaddingTop: var(--pf-v5-global--spacer--form-element);
9401
- --pf-v5-c-code-editor__tab--PaddingRight: var(--pf-v5-global--spacer--sm);
9402
- --pf-v5-c-code-editor__tab--PaddingBottom: var(--pf-v5-global--spacer--form-element);
9403
- --pf-v5-c-code-editor__tab--PaddingLeft: var(--pf-v5-global--spacer--sm);
9404
- --pf-v5-c-code-editor__tab--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
9405
- --pf-v5-c-code-editor__tab--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
9411
+ --pf-v5-c-code-editor__code--PaddingTop: var(--pf-t--global--spacer--sm);
9412
+ --pf-v5-c-code-editor__code--PaddingRight: var(--pf-t--global--spacer--sm);
9413
+ --pf-v5-c-code-editor__code--PaddingBottom: var(--pf-t--global--spacer--sm);
9414
+ --pf-v5-c-code-editor__code--PaddingLeft: var(--pf-t--global--spacer--sm);
9415
+ --pf-v5-c-code-editor__code-pre--FontSize: var(--pf-t--global--font--size--sm);
9416
+ --pf-v5-c-code-editor__code-pre--FontFamily: var(--pf-t--global--font--family--mono);
9417
+ --pf-v5-c-code-editor__header-main--PaddingRight: var(--pf-t--global--spacer--sm);
9418
+ --pf-v5-c-code-editor__header-main--PaddingLeft: var(--pf-t--global--spacer--sm);
9419
+ --pf-v5-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9420
+ --pf-v5-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
9421
+ --pf-v5-c-code-editor__tab--PaddingTop: var(--pf-t--global--spacer--sm);
9422
+ --pf-v5-c-code-editor__tab--PaddingRight: var( --pf-t--global--spacer--sm);
9423
+ --pf-v5-c-code-editor__tab--PaddingBottom: var(--pf-t--global--spacer--sm);
9424
+ --pf-v5-c-code-editor__tab--PaddingLeft: var( --pf-t--global--spacer--sm);
9425
+ --pf-v5-c-code-editor__tab--BorderTopWidth: var(--pf-t--global--border--width--box--default);
9426
+ --pf-v5-c-code-editor__tab--BorderRightWidth: var(--pf-t--global--border--width--box--default);
9406
9427
  --pf-v5-c-code-editor__tab--BorderBottomWidth: 0;
9407
- --pf-v5-c-code-editor__tab--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
9408
- --pf-v5-c-code-editor__tab--BorderColor: var(--pf-v5-global--BorderColor--100);
9409
- --pf-v5-c-code-editor__tab-icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
9428
+ --pf-v5-c-code-editor__tab--BorderLeftWidth: var(--pf-t--global--border--width--box--default);
9429
+ --pf-v5-c-code-editor__tab--BorderColor: var(--pf-t--global--border--color--default);
9430
+ --pf-v5-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
9431
+ --pf-v5-c-code-editor__tab-icon--text--MarginLeft: var(--pf-t--global--spacer--sm);
9410
9432
  }
9433
+
9411
9434
  .pf-v5-c-code-editor.pf-m-read-only {
9412
9435
  --pf-v5-c-code-editor__main--BackgroundColor: var(--pf-v5-c-code-editor--m-read-only__main--BackgroundColor);
9413
9436
  }
@@ -9415,7 +9438,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9415
9438
  .pf-v5-c-code-editor__header {
9416
9439
  position: relative;
9417
9440
  display: flex;
9418
- align-items: flex-end;
9419
9441
  }
9420
9442
  .pf-v5-c-code-editor__header::before {
9421
9443
  position: absolute;
@@ -9426,54 +9448,65 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9426
9448
  content: "";
9427
9449
  border-block-end: var(--pf-v5-c-code-editor__header--before--BorderBottomWidth) solid var(--pf-v5-c-code-editor__header--before--BorderBottomColor);
9428
9450
  }
9451
+ .pf-v5-c-code-editor__header.pf-m-plain {
9452
+ --pf-v5-c-code-editor__header-content--BackgroundColor: var(--pf-v5-c-code-editor__header-content--m-plain--BackgroundColor);
9453
+ }
9429
9454
 
9430
- .pf-v5-c-code-editor__controls {
9455
+ .pf-v5-c-code-editor__header-content {
9431
9456
  display: flex;
9457
+ flex: 1;
9458
+ align-items: flex-end;
9459
+ padding-block-start: var(--pf-v5-c-code-editor__header-content--PaddingBlockStart);
9460
+ padding-block-end: var(--pf-v5-c-code-editor__header-content--PaddingBlockEnd);
9461
+ padding-inline-start: var(--pf-v5-c-code-editor__header-content--PaddingInlineStart);
9462
+ padding-inline-end: var(--pf-v5-c-code-editor__header-content--PaddingInlineEnd);
9463
+ background-color: var(--pf-v5-c-code-editor__header-content--BackgroundColor);
9464
+ border-start-start-radius: var(--pf-v5-c-code-editor__header-content--BorderStartStartRadius);
9432
9465
  }
9433
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control {
9434
- --pf-v5-c-button--m-control--Color: var(--pf-v5-c-code-editor__controls--c-button--m-control--Color);
9435
- }
9436
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control:hover {
9437
- --pf-v5-c-code-editor__controls--c-button--m-control--Color: var(--pf-v5-c-code-editor__controls--c-button--m-control--hover--Color);
9438
- }
9439
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control:focus {
9440
- --pf-v5-c-code-editor__controls--c-button--m-control--Color: var(--pf-v5-c-code-editor__controls--c-button--m-control--focus--Color);
9441
- }
9442
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control:disabled::after {
9443
- border-block-end-color: var(--pf-v5-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor);
9466
+
9467
+ .pf-v5-c-code-editor__controls {
9468
+ display: flex;
9469
+ gap: var(--pf-v5-c-code-editor__controls--Gap);
9470
+ align-items: flex-start;
9444
9471
  }
9445
9472
 
9446
9473
  .pf-v5-c-code-editor__header-main {
9447
9474
  flex-grow: 1;
9475
+ align-self: center;
9448
9476
  padding-inline-start: var(--pf-v5-c-code-editor__header-main--PaddingLeft);
9449
9477
  padding-inline-end: var(--pf-v5-c-code-editor__header-main--PaddingRight);
9450
9478
  }
9451
9479
 
9480
+ .pf-v5-c-code-editor__upload {
9481
+ position: relative;
9482
+ padding-block-start: var(--pf-v5-c-code-editor__upload--PaddingBlockStart);
9483
+ padding-block-end: var(--pf-v5-c-code-editor__upload--PaddingBlockEnd);
9484
+ padding-inline-start: var(--pf-v5-c-code-editor__upload--PaddingInlineStart);
9485
+ padding-inline-end: var(--pf-v5-c-code-editor__upload--PaddingInlineEnd);
9486
+ }
9487
+ .pf-v5-c-code-editor__upload::before {
9488
+ position: absolute;
9489
+ inset-block-start: var(--pf-v5-c-code-editor__upload--PaddingBlockStart);
9490
+ inset-block-end: var(--pf-v5-c-code-editor__upload--PaddingBlockEnd);
9491
+ inset-inline-start: var(--pf-v5-c-code-editor__upload--PaddingInlineStart);
9492
+ inset-inline-end: var(--pf-v5-c-code-editor__upload--PaddingInlineEnd);
9493
+ content: "";
9494
+ border: var(--pf-v5-c-code-editor__upload--before--BorderWidth) dashed var(--pf-v5-c-code-editor__upload--before--BorderColor);
9495
+ border-radius: var(--pf-v5-c-code-editor__upload--BorderRadius);
9496
+ }
9497
+
9452
9498
  .pf-v5-c-code-editor__main {
9453
9499
  position: relative;
9454
9500
  color: var(--pf-v5-c-code-editor__main--Color, inherit);
9455
9501
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
9456
9502
  border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
9457
9503
  border-color: var(--pf-v5-c-code-editor__main--BorderColor);
9504
+ border-end-start-radius: var(--pf-v5-c-code-editor__main--BorderEndStartRadius);
9505
+ border-end-end-radius: var(--pf-v5-c-code-editor__main--BorderEndEndRadius);
9458
9506
  }
9459
- .pf-v5-c-code-editor__main.pf-m-drag-hover::after {
9460
- position: absolute;
9461
- inset-block-start: 0;
9462
- inset-block-end: 0;
9463
- inset-inline-start: 0;
9464
- inset-inline-end: 0;
9465
- content: "";
9466
- background-color: var(--pf-v5-c-code-editor__main--m-drag-hover--after--BackgroundColor);
9467
- opacity: var(--pf-v5-c-code-editor__main--m-drag-hover--after--Opacity);
9468
- }
9469
- .pf-v5-c-code-editor__main.pf-m-drag-hover::before {
9470
- position: absolute;
9471
- inset-block-start: 0;
9472
- inset-block-end: 0;
9473
- inset-inline-start: 0;
9474
- inset-inline-end: 0;
9475
- content: "";
9476
- border: var(--pf-v5-c-code-editor__main--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-code-editor__main--m-drag-hover--before--BorderColor);
9507
+ .pf-v5-c-code-editor__main.pf-m-drag-hover {
9508
+ --pf-v5-c-code-editor__upload--before--BorderWidth: var(--pf-v5-c-code-editor__main--m-drag-hover--before--BorderWidth);
9509
+ --pf-v5-c-code-editor__upload--before--BorderColor: var(--pf-v5-c-code-editor__main--m-drag-hover--before--BorderColor);
9477
9510
  }
9478
9511
  .pf-v5-c-code-editor__main .monaco-editor {
9479
9512
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
@@ -9504,7 +9537,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9504
9537
  padding-block-end: var(--pf-v5-c-code-editor__tab--PaddingBottom);
9505
9538
  padding-inline-start: var(--pf-v5-c-code-editor__tab--PaddingLeft);
9506
9539
  padding-inline-end: var(--pf-v5-c-code-editor__tab--PaddingRight);
9507
- margin-inline-start: auto;
9508
9540
  color: var(--pf-v5-c-code-editor__tab--Color);
9509
9541
  background-color: var(--pf-v5-c-code-editor__tab--BackgroundColor);
9510
9542
  border-color: var(--pf-v5-c-code-editor__tab--BorderColor);
@@ -9513,24 +9545,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9513
9545
  border-block-end-width: var(--pf-v5-c-code-editor__tab--BorderBottomWidth);
9514
9546
  border-inline-start-width: var(--pf-v5-c-code-editor__tab--BorderLeftWidth);
9515
9547
  border-inline-end-width: var(--pf-v5-c-code-editor__tab--BorderRightWidth);
9548
+ border-start-end-radius: var(--pf-v5-c-code-editor__tab--BorderStartEndRadius);
9516
9549
  }
9517
9550
 
9518
9551
  .pf-v5-c-code-editor__tab-icon + .pf-v5-c-code-editor__tab-text {
9519
9552
  margin-inline-start: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
9520
9553
  }
9521
9554
 
9522
- :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 {
9523
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9524
- }
9525
-
9526
- :where(.pf-v5-theme-dark) .pf-v5-c-code-editor {
9527
- --pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
9528
- --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
9529
- }
9530
- :where(.pf-v5-theme-dark) .pf-v5-c-code-editor__controls > * + * {
9531
- border-inline-start: 1px solid var(--pf-v5-global--palette--black-700);
9532
- }
9533
-
9534
9555
  .pf-v5-c-content {
9535
9556
  --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9536
9557
  --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -16963,9 +16984,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16963
16984
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
16964
16985
  --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
16965
16986
  --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
16966
- --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
16987
+ --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16967
16988
  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
16968
- --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
16989
+ --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16969
16990
  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
16970
16991
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
16971
16992
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
@@ -16975,7 +16996,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16975
16996
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
16976
16997
  --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
16977
16998
  --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
16978
- --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
16999
+ --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
16979
17000
  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
16980
17001
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
16981
17002
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
@@ -17372,24 +17393,24 @@ select ~ .pf-v5-c-form-control__utilities {
17372
17393
  --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
17373
17394
  --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
17374
17395
  --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
17375
- --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
17376
- --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
17377
- --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
17378
- --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
17379
- --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
17380
- --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
17381
- --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
17382
- --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
17383
- --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
17384
- --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
17385
- --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
17386
- --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
17387
- --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
17388
- --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
17389
- --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
17390
- --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
17391
- --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
17392
- --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
17396
+ --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
17397
+ --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
17398
+ --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
17399
+ --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
17400
+ --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
17401
+ --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
17402
+ --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
17403
+ --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
17404
+ --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
17405
+ --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
17406
+ --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
17407
+ --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
17408
+ --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
17409
+ --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
17410
+ --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
17411
+ --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
17412
+ --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
17413
+ --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
17393
17414
  --pf-v5-c-icon--m-inline--Width: 1em;
17394
17415
  --pf-v5-c-icon--m-inline--Height: 1em;
17395
17416
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
@@ -17407,15 +17428,15 @@ select ~ .pf-v5-c-form-control__utilities {
17407
17428
  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
17408
17429
  --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
17409
17430
  --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
17410
- --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
17411
- --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
17412
- --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
17413
- --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
17414
- --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
17415
- --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
17416
- --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
17417
- --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
17418
- --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
17431
+ --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
17432
+ --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
17433
+ --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
17434
+ --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
17435
+ --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
17436
+ --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
17437
+ --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
17438
+ --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
17439
+ --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
17419
17440
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
17420
17441
  }
17421
17442
 
@@ -18311,10 +18332,10 @@ label.pf-v5-c-input-group__text {
18311
18332
  --pf-v5-c-label__content--MaxWidth: 100%;
18312
18333
  --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
18313
18334
  --pf-v5-c-label__content--Cursor: initial;
18314
- --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
18335
+ --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18315
18336
  --pf-v5-c-label__text--MaxWidth: 100%;
18316
18337
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
18317
- --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18338
+ --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18318
18339
  --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
18319
18340
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
18320
18341
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -18649,7 +18670,7 @@ input.pf-v5-c-label__content {
18649
18670
  --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
18650
18671
  --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
18651
18672
  --pf-v5-c-label-group__label--MaxWidth: 18ch;
18652
- --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18673
+ --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18653
18674
  --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
18654
18675
  --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18655
18676
  --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -20334,7 +20355,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20334
20355
  --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20335
20356
  --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
20336
20357
  --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
20337
- --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
20358
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--clicked);
20338
20359
  --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
20339
20360
  --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
20340
20361
  --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
@@ -20348,14 +20369,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20348
20369
  --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
20349
20370
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
20350
20371
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
20351
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20372
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20352
20373
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20353
20374
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
20354
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20375
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20355
20376
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20356
20377
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
20357
20378
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
20358
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20379
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20359
20380
  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20360
20381
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
20361
20382
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
@@ -23915,7 +23936,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23915
23936
  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
23916
23937
  --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
23917
23938
  --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
23918
- --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--body--sm);
23939
+ --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
23919
23940
  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
23920
23941
  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
23921
23942
  --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
@@ -23933,7 +23954,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23933
23954
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
23934
23955
  --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
23935
23956
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
23936
- --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--body--default);
23957
+ --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
23937
23958
  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
23938
23959
  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23939
23960
  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
@@ -26248,27 +26269,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26248
26269
  .pf-v5-c-table[class*=pf-m-grid] {
26249
26270
  --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
26250
26271
  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26251
- --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
26272
+ --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
26252
26273
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26253
26274
  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26254
26275
  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26255
- --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
26256
- --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26257
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
26258
- --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26259
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26260
- --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26261
- --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
26262
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26263
- --pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26264
- --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
26265
- --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
26266
- --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
26267
- --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
26276
+ --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26277
+ --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26278
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26279
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26280
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26281
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--md);
26282
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26283
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-t--global--spacer--xl);
26284
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-t--global--spacer--lg);
26285
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-t--global--spacer--xl);
26286
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-t--global--spacer--lg);
26268
26287
  --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
26269
26288
  --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
26270
26289
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26271
- --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
26290
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26272
26291
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26273
26292
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26274
26293
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
@@ -26276,48 +26295,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26276
26295
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
26277
26296
  --pf-v5-c-table--m-grid--cell--PaddingBottom: 0;
26278
26297
  --pf-v5-c-table--m-grid--cell--PaddingLeft: 0;
26279
- --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26280
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26281
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26282
- --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26298
+ --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26299
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26300
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26301
+ --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26283
26302
  --pf-v5-c-table--cell--responsive--PaddingRight: 0;
26284
26303
  --pf-v5-c-table--cell--responsive--PaddingLeft: 0;
26285
- --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26286
- --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26287
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
26288
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
26304
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26305
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26306
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-t--global--spacer--xs);
26307
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-t--global--spacer--xs);
26289
26308
  --pf-v5-c-table--m-compact__check--responsive--MarginTop: 0.4375rem;
26290
- --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
26291
- --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
26309
+ --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1);
26310
+ --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-t--global--spacer--xs) * -1);
26292
26311
  --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
26293
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26294
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26295
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26296
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26312
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26313
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26297
26314
  --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26298
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
26315
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26299
26316
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
26300
26317
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
26301
- --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);
26318
+ --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-t--global--spacer--xl);
26302
26319
  --pf-v5-c-table--m-grid__action--MarginTop: 0.375rem;
26303
- --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-v5-global--spacer--xl);
26304
- --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-v5-global--spacer--2xl);
26320
+ --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-t--global--spacer--xl);
26321
+ --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-t--global--spacer--2xl);
26305
26322
  --pf-v5-c-table--m-grid__check--favorite--action--MarginLeft: calc(var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft));
26306
26323
  --pf-v5-c-table__toggle__icon--Transition: .2s ease-in 0s;
26307
26324
  --pf-v5-c-table__toggle--m-expanded__icon--Rotate: 180deg;
26308
26325
  }
26309
- @media screen and (max-width: 1200px) {
26310
- .pf-v5-c-table[class*=pf-m-grid] {
26311
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
26312
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
26313
- }
26314
- }
26315
- @media screen and (max-width: 1200px) {
26316
- .pf-v5-c-table[class*=pf-m-grid] {
26317
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight);
26318
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft);
26319
- }
26320
- }
26321
26326
 
26322
26327
  .pf-m-grid.pf-v5-c-table {
26323
26328
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-grid--cell--PaddingTop);
@@ -27911,18 +27916,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27911
27916
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27912
27917
  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
27913
27918
  --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27914
- --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27915
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27916
- --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27917
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27918
- --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27919
- --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27919
+ --pf-v5-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
27920
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
27921
+ --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
27922
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
27920
27923
  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
27921
27924
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27922
27925
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27923
27926
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27924
27927
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27925
- --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27928
+ --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
27926
27929
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
27927
27930
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27928
27931
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
@@ -27930,10 +27933,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27930
27933
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27931
27934
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
27932
27935
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
27933
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
27934
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27935
- --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27936
- --pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27936
+ --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
27937
+ --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
27937
27938
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
27938
27939
  --pf-v5-c-table--cell--MinWidth: 0;
27939
27940
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -27950,8 +27951,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27950
27951
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27951
27952
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
27952
27953
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
27953
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(0.375rem * -1);
27954
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(0.375rem * -1);
27954
+ --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27955
+ --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27955
27956
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27956
27957
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27957
27958
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
@@ -27960,7 +27961,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27960
27961
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27961
27962
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27962
27963
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27963
- --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27964
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
27964
27965
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27965
27966
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27966
27967
  --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
@@ -27969,19 +27970,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27969
27970
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27970
27971
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27971
27972
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
27972
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27973
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27974
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27975
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27976
- --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27973
+ --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27974
+ --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
27975
+ --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
27976
+ --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
27977
+ --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
27977
27978
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27978
27979
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27979
27980
  --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27980
27981
  --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27981
- --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27982
- --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27983
- --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27984
- --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27982
+ --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
27983
+ --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
27984
+ --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
27985
+ --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
27985
27986
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27986
27987
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27987
27988
  --pf-v5-c-table__action--PaddingTop: 0;
@@ -27995,19 +27996,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
27995
27996
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
27996
27997
  --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
27997
27998
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
27998
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27999
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27999
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28000
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28000
28001
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
28001
28002
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
28002
- --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28003
+ --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28003
28004
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
28004
28005
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
28005
- --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
28006
+ --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28006
28007
  --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
28007
- --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
28008
- --pf-v5-c-table__sort__button--PaddingRight: var(--pf-v5-global--spacer--sm);
28009
- --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
28010
- --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28008
+ --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
28009
+ --pf-v5-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
28010
+ --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
28011
+ --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
28011
28012
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
28012
28013
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
28013
28014
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
@@ -28019,18 +28020,18 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28019
28020
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
28020
28021
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28021
28022
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28022
- --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
28023
+ --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28023
28024
  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
28024
28025
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28025
28026
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28026
28027
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28027
28028
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
28028
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
28029
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
28029
28030
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
28030
- --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28031
- --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28032
- --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
28033
- --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28031
+ --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28032
+ --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28033
+ --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
28034
+ --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
28034
28035
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28035
28036
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28036
28037
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -28041,33 +28042,31 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28041
28042
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28042
28043
  --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28043
28044
  --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28044
- --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28045
+ --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28045
28046
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
28046
28047
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28047
28048
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28048
28049
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28049
- --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
28050
- --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
28051
- --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
28052
- --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
28053
- --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
28054
- --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-v5-global--spacer--sm);
28055
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
28056
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
28057
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
28058
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
28050
+ --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
28051
+ --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
28052
+ --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
28053
+ --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28054
+ --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
28055
+ --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
28056
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28057
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28059
28058
  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
28060
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
28061
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
28062
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
28063
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
28059
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28060
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
28061
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28062
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
28064
28063
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28065
28064
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28066
28065
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28067
28066
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28068
28067
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
28069
28068
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
28070
- --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28069
+ --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28071
28070
  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28072
28071
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28073
28072
  --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
@@ -28080,14 +28079,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28080
28079
  --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28081
28080
  --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28082
28081
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28083
- --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
28082
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
28084
28083
  --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28085
28084
  --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28086
28085
  --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28087
28086
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28088
28087
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
28089
28088
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
28090
- --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28089
+ --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28091
28090
  --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28092
28091
  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28093
28092
  --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
@@ -28099,36 +28098,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28099
28098
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28100
28099
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28101
28100
  --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28102
- --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28101
+ --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28103
28102
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28104
28103
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
28105
28104
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28106
28105
  --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28107
28106
  --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28108
28107
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28109
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
28110
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
28108
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28109
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
28111
28110
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28112
28111
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28113
- --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
28112
+ --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
28114
28113
  color: var(--pf-v5-global--Color--100);
28115
28114
  width: 100%;
28116
28115
  background-color: var(--pf-v5-c-table--BackgroundColor);
28117
28116
  }
28118
- @media screen and (max-width: 1200px) {
28119
- .pf-v5-c-table {
28120
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
28121
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
28122
- }
28123
- }
28124
- @media screen and (min-width: 1200px) {
28125
- .pf-v5-c-table {
28126
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingRight);
28127
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft);
28128
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);
28129
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight);
28130
- }
28131
- }
28132
28117
  .pf-v5-c-table.pf-m-fixed {
28133
28118
  table-layout: fixed;
28134
28119
  }
@@ -28157,7 +28142,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28157
28142
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
28158
28143
  position: sticky;
28159
28144
  inset-block-start: 0;
28160
- z-index: var(--pf-v5-global--ZIndex--xs);
28145
+ z-index: var(--pf-t--global--Zindex--xs);
28161
28146
  background: var(--pf-v5-c-table--BackgroundColor);
28162
28147
  }
28163
28148
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
@@ -28941,14 +28926,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28941
28926
  .pf-v5-c-table {
28942
28927
  --pf-v5-c-table__sticky-cell--MinWidth--base: 12.5rem;
28943
28928
  --pf-v5-c-table__sticky-cell--MinWidth: var(--pf-v5-c-table__sticky-cell--MinWidth--base);
28944
- --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
28929
+ --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
28945
28930
  --pf-v5-c-table__sticky-cell--Right: auto;
28946
28931
  --pf-v5-c-table__sticky-cell--Left: auto;
28947
- --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
28948
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
28949
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
28950
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
28951
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
28932
+ --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28933
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
28934
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
28935
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
28936
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
28952
28937
  --pf-v5-c-table__sticky-cell--m-right--Right: 0;
28953
28938
  --pf-v5-c-table__sticky-cell--m-left--Left: 0;
28954
28939
  --pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v5-c-table__sticky-cell--ZIndex) + 1);
@@ -28998,23 +28983,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28998
28983
  overflow: auto;
28999
28984
  }
29000
28985
 
29001
- .pf-v5-c-table {
29002
- --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));
29003
- --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-v5-global--spacer--md));
28986
+ :where(:root),
28987
+ :where(.pf-v5-c-table) {
28988
+ --pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
28989
+ --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
29004
28990
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29005
28991
  --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
29006
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-v5-global--spacer--sm);
29007
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-v5-global--spacer--sm);
29008
- --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-v5-global--spacer--sm);
29009
- --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29010
- --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-v5-global--spacer--sm);
28992
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
28993
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
28994
+ --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
28995
+ --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
28996
+ --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
29011
28997
  --pf-v5-c-table--m-tree-view__toggle--Position: absolute;
29012
28998
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29013
28999
  --pf-v5-c-table--m-tree-view__toggle--TranslateX: -100%;
29014
- --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29000
+ --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
29015
29001
  --pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
29016
29002
  --pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
29017
29003
  }
29004
+
29018
29005
  .pf-v5-c-table.pf-m-tree-view > tbody > tr {
29019
29006
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29020
29007
  }
@@ -29102,23 +29089,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29102
29089
  }
29103
29090
 
29104
29091
  .pf-m-tree-view-grid.pf-v5-c-table {
29105
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29106
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29107
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29092
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29093
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29094
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29108
29095
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29109
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29110
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29111
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29096
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29097
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29098
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29112
29099
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29113
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29114
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29115
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29100
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29101
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29102
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29116
29103
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29117
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29118
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29104
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29105
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29119
29106
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29120
29107
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29121
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29108
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29122
29109
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29123
29110
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29124
29111
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29174,7 +29161,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29174
29161
  grid-column: 2;
29175
29162
  }
29176
29163
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29177
- font-weight: var(--pf-v5-global--FontWeight--bold);
29164
+ font-weight: var(--pf-t--global--FontWeight--bold);
29178
29165
  text-align: start;
29179
29166
  content: attr(data-label);
29180
29167
  }
@@ -29242,23 +29229,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29242
29229
 
29243
29230
  @media screen and (max-width: 768px) {
29244
29231
  .pf-m-tree-view-grid-md.pf-v5-c-table {
29245
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29246
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29247
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29232
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29233
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29234
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29248
29235
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29249
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29250
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29251
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29236
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29237
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29238
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29252
29239
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29253
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29254
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29255
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29240
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29241
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29242
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29256
29243
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29257
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29258
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29244
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29245
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29259
29246
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29260
29247
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29261
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29248
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29262
29249
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29263
29250
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29264
29251
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29314,7 +29301,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29314
29301
  grid-column: 2;
29315
29302
  }
29316
29303
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29317
- font-weight: var(--pf-v5-global--FontWeight--bold);
29304
+ font-weight: var(--pf-t--global--FontWeight--bold);
29318
29305
  text-align: start;
29319
29306
  content: attr(data-label);
29320
29307
  }
@@ -29383,23 +29370,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29383
29370
 
29384
29371
  @media screen and (max-width: 992px) {
29385
29372
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
29386
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29387
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29388
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29373
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29374
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29375
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29389
29376
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29390
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29391
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29392
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29377
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29378
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29379
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29393
29380
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29394
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29395
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29396
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29381
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29382
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29383
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29397
29384
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29398
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29399
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29385
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29386
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29400
29387
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29401
29388
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29402
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29389
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29403
29390
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29404
29391
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29405
29392
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29455,7 +29442,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29455
29442
  grid-column: 2;
29456
29443
  }
29457
29444
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29458
- font-weight: var(--pf-v5-global--FontWeight--bold);
29445
+ font-weight: var(--pf-t--global--FontWeight--bold);
29459
29446
  text-align: start;
29460
29447
  content: attr(data-label);
29461
29448
  }
@@ -29524,23 +29511,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29524
29511
 
29525
29512
  @media screen and (max-width: 1200px) {
29526
29513
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
29527
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29528
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29529
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29514
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29515
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29516
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29530
29517
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29531
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29532
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29533
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29518
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29519
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29520
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29534
29521
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29535
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29536
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29537
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29522
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29523
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29524
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29538
29525
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29539
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29540
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29526
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29527
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29541
29528
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29542
29529
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29543
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29530
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29544
29531
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29545
29532
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29546
29533
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29596,7 +29583,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29596
29583
  grid-column: 2;
29597
29584
  }
29598
29585
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29599
- font-weight: var(--pf-v5-global--FontWeight--bold);
29586
+ font-weight: var(--pf-t--global--FontWeight--bold);
29600
29587
  text-align: start;
29601
29588
  content: attr(data-label);
29602
29589
  }
@@ -29665,23 +29652,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29665
29652
 
29666
29653
  @media screen and (max-width: 1450px) {
29667
29654
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
29668
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29669
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29670
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29655
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29656
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29657
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29671
29658
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29672
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29673
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29674
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29659
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29660
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29661
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29675
29662
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29676
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29677
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29678
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29663
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29664
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29665
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29679
29666
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29680
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29681
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29667
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29668
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29682
29669
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29683
29670
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29684
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29671
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29685
29672
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29686
29673
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29687
29674
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29737,7 +29724,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29737
29724
  grid-column: 2;
29738
29725
  }
29739
29726
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29740
- font-weight: var(--pf-v5-global--FontWeight--bold);
29727
+ font-weight: var(--pf-t--global--FontWeight--bold);
29741
29728
  text-align: start;
29742
29729
  content: attr(data-label);
29743
29730
  }
@@ -30818,7 +30805,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30818
30805
  --pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
30819
30806
  --pf-v5-c-tile--after--BackgroundColor: transparent;
30820
30807
  --pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
30821
- --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
30808
+ --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
30822
30809
  --pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
30823
30810
  --pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
30824
30811
  --pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -31381,120 +31368,114 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31381
31368
  font-size: var(--pf-v5-c-number-input__icon--FontSize);
31382
31369
  }
31383
31370
 
31384
- .pf-v5-c-tree-view {
31385
- --pf-v5-c-tree-view--PaddingTop: var(--pf-v5-global--spacer--sm);
31386
- --pf-v5-c-tree-view--PaddingBottom: var(--pf-v5-global--spacer--sm);
31387
- --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));
31388
- --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));
31389
- --pf-v5-c-tree-view__node--PaddingTop--base: var(--pf-v5-global--spacer--sm);
31390
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31391
- --pf-v5-c-tree-view__node--PaddingRight: var(--pf-v5-global--spacer--sm);
31392
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-global--spacer--sm);
31371
+ :where(:root),
31372
+ :where(.pf-v5-c-tree-view) {
31373
+ --pf-v5-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth));
31374
+ --pf-v5-c-tree-view__node--nested-indent--base: calc(var(--pf-v5-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
31375
+ --pf-v5-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
31376
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-t--global--spacer--sm);
31377
+ --pf-v5-c-tree-view__node--PaddingRight: var(--pf-t--global--spacer--sm);
31378
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-t--global--spacer--sm);
31393
31379
  --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view__node--indent--base);
31394
- --pf-v5-c-tree-view__node--Color: var(--pf-v5-global--Color--100);
31395
- --pf-v5-c-tree-view__node--m-current--Color: var(--pf-v5-global--link--Color);
31396
- --pf-v5-c-tree-view__node--m-current--FontWeight: var(--pf-v5-global--FontWeight--bold);
31380
+ --pf-v5-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
31397
31381
  --pf-v5-c-tree-view__node--BackgroundColor: transparent;
31382
+ --pf-v5-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
31383
+ --pf-v5-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
31384
+ --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
31398
31385
  --pf-v5-c-tree-view__node-container--Display: contents;
31399
- --pf-v5-c-tree-view__node-content--RowGap: var(--pf-v5-global--spacer--sm);
31386
+ --pf-v5-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
31400
31387
  --pf-v5-c-tree-view__node-content--Overflow: visible;
31401
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31402
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31403
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31388
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop);
31404
31389
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
31405
31390
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
31406
31391
  --pf-v5-c-tree-view__node-toggle--Position: absolute;
31407
- --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-v5-global--Color--200);
31392
+ --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-t--global--icon--color--subtle);
31408
31393
  --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
31409
- --pf-v5-c-tree-view__node-toggle--hover--Color: var(--pf-v5-global--Color--100);
31410
- --pf-v5-c-tree-view__node-toggle--focus--Color: var(--pf-v5-global--Color--100);
31411
- --pf-v5-c-tree-view__node-toggle--active--Color: var(--pf-v5-global--Color--100);
31412
31394
  --pf-v5-c-tree-view__node-toggle--BackgroundColor: transparent;
31413
- --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-v5-global--Color--100);
31414
- --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
31415
- --pf-v5-c-tree-view__node-toggle-icon--Transition: transform var(--pf-v5-global--TransitionDuration) var(--pf-v5-global--TimingFunction);
31416
- --pf-v5-c-tree-view__node-toggle-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
31417
- --pf-v5-c-tree-view__node-toggle-button--PaddingRight: var(--pf-v5-global--spacer--md);
31418
- --pf-v5-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
31419
- --pf-v5-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-v5-global--spacer--md);
31420
- --pf-v5-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
31421
- --pf-v5-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
31422
- --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-v5-global--spacer--sm);
31423
- --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-v5-global--spacer--sm);
31424
- --pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
31425
- --pf-v5-c-tree-view__search--PaddingTop: var(--pf-v5-global--spacer--sm);
31426
- --pf-v5-c-tree-view__search--PaddingRight: var(--pf-v5-global--spacer--sm);
31427
- --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-v5-global--spacer--sm);
31428
- --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-v5-global--spacer--sm);
31429
- --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
31430
- --pf-v5-c-tree-view__node-icon--Color: var(--pf-v5-global--icon--Color--light);
31395
+ --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
31396
+ --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--body--default);
31397
+ --pf-v5-c-tree-view__node-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
31398
+ --pf-v5-c-tree-view__node-toggle--PaddingRight: var(--pf-t--global--spacer--md);
31399
+ --pf-v5-c-tree-view__node-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
31400
+ --pf-v5-c-tree-view__node-toggle--PaddingLeft: var(--pf-t--global--spacer--md);
31401
+ --pf-v5-c-tree-view__node-toggle--MarginTop: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31402
+ --pf-v5-c-tree-view__node-toggle--MarginBottom: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31403
+ --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-t--global--spacer--sm);
31404
+ --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-t--global--spacer--sm);
31405
+ --pf-v5-c-tree-view__search--PaddingTop: var(--pf-t--global--spacer--sm);
31406
+ --pf-v5-c-tree-view__search--PaddingRight: var(--pf-t--global--spacer--sm);
31407
+ --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-t--global--spacer--sm);
31408
+ --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-t--global--spacer--sm);
31409
+ --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-t--global--spacer--sm);
31410
+ --pf-v5-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
31431
31411
  --pf-v5-c-tree-view__node-toggle-icon--base--Rotate: 0;
31432
31412
  --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
31433
31413
  --pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
31434
31414
  --pf-v5-c-tree-view__node-text--max-lines: 1;
31435
- --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
31436
- --pf-v5-c-tree-view__action--MarginLeft: var(--pf-v5-global--spacer--md);
31415
+ --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
31416
+ --pf-v5-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
31437
31417
  --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--guide-left--base);
31438
- --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-v5-global--BorderColor--100);
31439
- --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-v5-global--BorderWidth--sm);
31418
+ --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-t--global--border--color--default);
31419
+ --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-t--global--border--width--divider--default);
31440
31420
  --pf-v5-c-tree-view--m-guides--guide-left--base: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides__list-node--guide-width--base));
31441
31421
  --pf-v5-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth) / 2);
31442
- --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-v5-global--spacer--lg);
31422
+ --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-t--global--spacer--lg);
31443
31423
  --pf-v5-c-tree-view--m-guides__list-item--before--Top: 0;
31444
31424
  --pf-v5-c-tree-view--m-guides__list-item--before--Width: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31445
31425
  --pf-v5-c-tree-view--m-guides__list-item--before--Height: 100%;
31446
31426
  --pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31447
31427
  --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
31448
31428
  --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top);
31449
- --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-v5-global--ZIndex--xs);
31429
+ --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--Zindex--xs);
31450
31430
  --pf-v5-c-tree-view--m-guides__node--before--Width: 1rem;
31451
31431
  --pf-v5-c-tree-view--m-guides__node--before--Height: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31452
31432
  --pf-v5-c-tree-view--m-guides__node--before--Top: 1.125rem;
31453
31433
  --pf-v5-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31454
- --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-v5-global--spacer--md);
31434
+ --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-t--global--spacer--md);
31455
31435
  --pf-v5-c-tree-view--m-compact--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
31456
31436
  --pf-v5-c-tree-view--m-compact__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31457
- --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-v5-global--spacer--lg);
31437
+ --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-t--global--spacer--lg);
31458
31438
  --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--base-border--Left);
31439
+ --pf-v5-c-tree-view--m-compact__node--Color: var(--pf-t--global--text--color--regular);
31459
31440
  --pf-v5-c-tree-view--m-compact__node--PaddingTop: 0;
31460
31441
  --pf-v5-c-tree-view--m-compact__node--PaddingBottom: 0;
31461
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-v5-global--spacer--sm);
31462
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-v5-global--spacer--sm);
31442
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-t--global--spacer--sm);
31443
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-t--global--spacer--sm);
31463
31444
  --pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop));
31464
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31465
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31445
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
31446
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-t--global--border--color--default);
31466
31447
  --pf-v5-c-tree-view--m-compact__list-item--before--Top: 0;
31467
31448
  --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
31468
- --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view__node--PaddingTop--base) * -1);
31469
- --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view__node--PaddingTop--base));
31449
+ --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) * -1);
31450
+ --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop));
31470
31451
  --pf-v5-c-tree-view--m-compact__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31471
31452
  --pf-v5-c-tree-view--m-compact__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
31472
31453
  --pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31473
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
31474
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
31454
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -.5);
31455
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -1.5);
31475
31456
  --pf-v5-c-tree-view--m-compact__node-container--Display: flex;
31476
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-v5-global--spacer--lg);
31477
- --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-v5-global--spacer--lg);
31478
- --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-v5-global--spacer--lg);
31457
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-t--global--spacer--lg);
31458
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-t--global--spacer--lg);
31459
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-t--global--spacer--lg);
31479
31460
  --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
31480
- --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-v5-global--spacer--xs);
31481
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-v5-global--spacer--md);
31482
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-v5-global--spacer--lg);
31483
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-v5-global--spacer--md);
31484
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-v5-global--spacer--lg);
31485
- --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31461
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-t--global--spacer--xs);
31462
+ --pf-v5-c-tree-view--m-compact__node-container--BorderRadius: var(--pf-t--global--border--radius--small);
31463
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-t--global--spacer--md);
31464
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-t--global--spacer--lg);
31465
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-t--global--spacer--md);
31466
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-t--global--spacer--lg);
31467
+ --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31486
31468
  --pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
31487
31469
  --pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
31488
- --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-v5-global--spacer--sm);
31470
+ --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-t--global--spacer--sm);
31489
31471
  --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31490
31472
  --pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31491
- --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-v5-global--spacer--2xl);
31473
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-t--global--spacer--2xl);
31492
31474
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
31493
31475
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
31494
31476
  --pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
31495
- padding-block-start: var(--pf-v5-c-tree-view--PaddingTop);
31496
- padding-block-end: var(--pf-v5-c-tree-view--PaddingBottom);
31497
31477
  }
31478
+
31498
31479
  .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item {
31499
31480
  position: relative;
31500
31481
  }
@@ -31528,11 +31509,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31528
31509
  --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
31529
31510
  }
31530
31511
  .pf-v5-c-tree-view.pf-m-compact {
31512
+ --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view--m-compact__node--Color);
31531
31513
  --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--PaddingTop);
31532
31514
  --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--PaddingBottom);
31533
31515
  --pf-v5-c-tree-view__node-container--Display: var(--pf-v5-c-tree-view--m-compact__node-container--Display);
31534
31516
  --pf-v5-c-tree-view__node--hover--BackgroundColor: transparent;
31535
- --pf-v5-c-tree-view__node--focus--BackgroundColor: transparent;
31536
31517
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
31537
31518
  }
31538
31519
  .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item {
@@ -31609,7 +31590,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31609
31590
  display: inline-block;
31610
31591
  min-width: var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth);
31611
31592
  text-align: center;
31612
- transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
31613
31593
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
31614
31594
  }
31615
31595
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
@@ -31647,30 +31627,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31647
31627
  }
31648
31628
  .pf-v5-c-tree-view__node.pf-m-current {
31649
31629
  --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view__node--m-current--Color);
31650
- font-weight: var(--pf-v5-c-tree-view__node--m-current--FontWeight);
31651
- }
31652
- .pf-v5-c-tree-view__node:focus {
31653
- --pf-v5-c-tree-view__node--BackgroundColor: var(--pf-v5-c-tree-view__node--focus--BackgroundColor);
31654
31630
  }
31655
31631
  .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count {
31656
31632
  margin-inline-start: var(--pf-v5-c-tree-view__node-count--MarginLeft);
31657
31633
  }
31658
- .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count .pf-v5-c-badge.pf-m-read {
31659
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31660
- }
31661
- .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 {
31662
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--hover--Color);
31663
- }
31664
- .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 {
31665
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--focus--Color);
31666
- }
31667
- .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 {
31668
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--active--Color);
31669
- }
31670
31634
 
31671
31635
  .pf-v5-c-tree-view__node-container {
31672
31636
  display: var(--pf-v5-c-tree-view__node-container--Display);
31673
31637
  flex-grow: 1;
31638
+ border-radius: var(--pf-v5-c-tree-view--m-compact__node-container--BorderRadius);
31674
31639
  }
31675
31640
 
31676
31641
  .pf-v5-c-tree-view__node-content {
@@ -31693,12 +31658,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31693
31658
  display: inline-flex;
31694
31659
  align-items: center;
31695
31660
  justify-content: center;
31696
- padding-block-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop);
31697
- padding-block-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom);
31698
- padding-inline-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
31699
- padding-inline-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight);
31700
- margin-block-start: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
31701
- margin-block-end: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
31661
+ padding-block-start: var(--pf-v5-c-tree-view__node-toggle--PaddingTop);
31662
+ padding-block-end: var(--pf-v5-c-tree-view__node-toggle--PaddingBottom);
31663
+ padding-inline-start: var(--pf-v5-c-tree-view__node-toggle--PaddingLeft);
31664
+ padding-inline-end: var(--pf-v5-c-tree-view__node-toggle--PaddingRight);
31665
+ margin-block-start: var(--pf-v5-c-tree-view__node-toggle--MarginTop);
31666
+ margin-block-end: var(--pf-v5-c-tree-view__node-toggle--MarginBottom);
31702
31667
  color: var(--pf-v5-c-tree-view__node-toggle--Color);
31703
31668
  background-color: var(--pf-v5-c-tree-view__node-toggle--BackgroundColor);
31704
31669
  border: 0;
@@ -31753,6 +31718,8 @@ label.pf-v5-c-tree-view__node-text {
31753
31718
  .pf-v5-c-tree-view__content {
31754
31719
  display: flex;
31755
31720
  align-items: center;
31721
+ background-color: var(--pf-v5-c-tree-view__content--BackgroundColor);
31722
+ border-radius: var(--pf-v5-c-tree-view__content--BorderRadius);
31756
31723
  }
31757
31724
 
31758
31725
  .pf-v5-c-tree-view__content:hover,
@@ -31761,7 +31728,11 @@ label.pf-v5-c-tree-view__node-text {
31761
31728
  }
31762
31729
 
31763
31730
  .pf-v5-c-tree-view__action {
31764
- margin-inline-start: var(--pf-v5-c-tree-view__action--MarginLeft);
31731
+ margin-inline-end: var(--pf-v5-c-tree-view__action--MarginInlineEnd);
31732
+ }
31733
+
31734
+ .pf-v5-c-tree-view__content:has(> .pf-v5-c-tree-view__node.pf-m-current) {
31735
+ --pf-v5-c-tree-view__content--BackgroundColor: var(--pf-v5-c-tree-view__node--m-current--BackgroundColor);
31765
31736
  }
31766
31737
 
31767
31738
  .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
@@ -31851,15 +31822,6 @@ label.pf-v5-c-tree-view__node-text {
31851
31822
  --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31852
31823
  }
31853
31824
 
31854
- :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 {
31855
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31856
- }
31857
-
31858
- :where(.pf-v5-theme-dark) .pf-v5-c-tree-view {
31859
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31860
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31861
- }
31862
-
31863
31825
  .pf-v5-c-wizard {
31864
31826
  --pf-v5-c-wizard--Height: 100%;
31865
31827
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;