@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-theme-dark-unversioned.css CHANGED
@@ -420,10 +420,6 @@ html .ws-preview {
420
420
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
421
421
  }
422
422
 
423
- /**
424
- * Do not edit directly
425
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
426
- */
427
423
  :root {
428
424
  --pf-t--color--red--70: #5f0000;
429
425
  --pf-t--color--red--60: #a60000;
@@ -618,10 +614,10 @@ html .ws-preview {
618
614
  --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
619
615
  --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
620
616
  --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
621
- --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
617
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
622
618
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
623
619
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
624
- --pf-t--global--border--width--button--active: var(--pf-t--global--border--width--200);
620
+ --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
625
621
  --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
626
622
  --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
627
623
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
@@ -632,7 +628,7 @@ html .ws-preview {
632
628
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
633
629
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
634
630
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
635
- --pf-t--global--border--width--divider--active: var(--pf-t--global--border--width--100);
631
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
636
632
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
637
633
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
638
634
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
@@ -777,7 +773,6 @@ html .ws-preview {
777
773
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
778
774
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
779
775
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
780
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
781
776
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
782
777
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
783
778
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -789,6 +784,14 @@ html .ws-preview {
789
784
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
790
785
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
791
786
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
787
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
788
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
789
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
790
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
791
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
792
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
793
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
794
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
792
795
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
793
796
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
794
797
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
@@ -857,10 +860,12 @@ html .ws-preview {
857
860
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
858
861
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
859
862
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
860
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
863
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
861
864
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
862
865
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
863
866
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
867
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
868
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
864
869
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
865
870
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
866
871
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -945,22 +950,18 @@ html .ws-preview {
945
950
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
946
951
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
947
952
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
948
- --pf-t--global--icon--size--body--lg: var(--pf-t--global--font--size--body--lg);
949
- --pf-t--global--icon--size--body--default: var(--pf-t--global--font--size--body--default);
950
- --pf-t--global--icon--size--body--sm: var(--pf-t--global--font--size--body--sm);
951
- --pf-t--global--icon--size--heading--h6: var(--pf-t--global--font--size--heading--h6);
952
- --pf-t--global--icon--size--heading--h5: var(--pf-t--global--font--size--heading--h5);
953
- --pf-t--global--icon--size--heading--h4: var(--pf-t--global--font--size--heading--h4);
954
- --pf-t--global--icon--size--heading--h3: var(--pf-t--global--font--size--heading--h3);
955
- --pf-t--global--icon--size--heading--h2: var(--pf-t--global--font--size--heading--h2);
956
- --pf-t--global--icon--size--heading--h1: var(--pf-t--global--font--size--heading--h1);
953
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
954
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
955
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
956
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
957
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
958
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
959
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
960
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
961
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
957
962
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
958
963
  }
959
964
 
960
- /**
961
- * Do not edit directly
962
- * Generated on Tue, 05 Dec 2023 16:11:05 GMT
963
- */
964
965
  :root:where(.pf-v5-theme-dark) {
965
966
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
966
967
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
@@ -1211,6 +1212,8 @@ html .ws-preview {
1211
1212
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1212
1213
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1213
1214
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1215
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1216
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
1214
1217
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1215
1218
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1216
1219
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1303,7 +1306,7 @@ html .ws-preview {
1303
1306
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1304
1307
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1305
1308
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1306
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
1309
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1307
1310
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1308
1311
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1309
1312
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
@@ -7951,7 +7954,7 @@ button.pf-v5-c-breadcrumb__link {
7951
7954
  --pf-v5-c-button--hover--TextDecoration: none;
7952
7955
  --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
7953
7956
  --pf-v5-c-button--m-clicked--BorderColor: transparent;
7954
- --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--active);
7957
+ --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
7955
7958
  --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
7956
7959
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
7957
7960
  --pf-v5-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -8072,7 +8075,7 @@ button.pf-v5-c-breadcrumb__link {
8072
8075
  --pf-v5-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
8073
8076
  --pf-v5-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
8074
8077
  --pf-v5-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
8075
- --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--active);
8078
+ --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
8076
8079
  --pf-v5-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
8077
8080
  --pf-v5-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
8078
8081
  --pf-v5-c-button--m-stateful--PaddingLeft: var(--pf-t--global--spacer--md);
@@ -9444,6 +9447,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9444
9447
  --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
9445
9448
  --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
9446
9449
  --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
9450
+ --pf-v5-c-code-block__header--PaddingTop: var(--pf-t--global--spacer--xs);
9451
+ --pf-v5-c-code-block__header--PaddingBottom: var(--pf-t--global--spacer--xs);
9447
9452
  --pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
9448
9453
  --pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
9449
9454
  --pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
@@ -9461,6 +9466,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9461
9466
 
9462
9467
  .pf-v5-c-code-block__header {
9463
9468
  display: flex;
9469
+ padding-block-start: var(--pf-v5-c-code-block__header--PaddingTop);
9470
+ padding-block-end: var(--pf-v5-c-code-block__header--PaddingBottom);
9464
9471
  padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
9465
9472
  padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
9466
9473
  border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
@@ -9489,42 +9496,58 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9489
9496
  font-family: var(--pf-v5-c-code-block__code--FontFamily, inherit);
9490
9497
  }
9491
9498
 
9492
- .pf-v5-c-code-editor {
9493
- --pf-v5-c-code-editor__controls--c-button--m-control--Color: var(--pf-v5-global--Color--200);
9494
- --pf-v5-c-code-editor__controls--c-button--m-control--hover--Color: var(--pf-v5-global--Color--100);
9495
- --pf-v5-c-code-editor__controls--c-button--m-control--focus--Color: var(--pf-v5-global--Color--100);
9496
- --pf-v5-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
9497
- --pf-v5-c-code-editor__header--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9498
- --pf-v5-c-code-editor__header--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
9499
- --pf-v5-c-code-editor__main--BorderColor: var(--pf-v5-global--BorderColor--100);
9500
- --pf-v5-c-code-editor__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9501
- --pf-v5-c-code-editor__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9502
- --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--300);
9503
- --pf-v5-c-code-editor__main--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9504
- --pf-v5-c-code-editor__main--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
9505
- --pf-v5-c-code-editor__main--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
9499
+ :where(:root), :where(.pf-v5-c-code-editor) {
9500
+ --pf-v5-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9501
+ --pf-v5-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
9502
+ --pf-v5-c-code-editor__header--before--BorderBottomWidth: var(--pf-t--global--border--width--box--default);
9503
+ --pf-v5-c-code-editor__header--before--BorderBottomColor: var(--pf-t--global--border--color--default);
9504
+ --pf-v5-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9505
+ --pf-v5-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9506
+ --pf-v5-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
9507
+ --pf-v5-c-code-editor__header-content--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
9508
+ --pf-v5-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9509
+ --pf-v5-c-code-editor__header-content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9510
+ --pf-v5-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
9511
+ --pf-v5-c-code-editor__upload--PaddingInlineStart: var(--pf-t--global--spacer--md);
9512
+ --pf-v5-c-code-editor__upload--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9513
+ --pf-v5-c-code-editor__upload--PaddingBlockStart: var(--pf-t--global--spacer--md);
9514
+ --pf-v5-c-code-editor__upload--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9515
+ --pf-v5-c-code-editor__upload--BorderRadius: var(--pf-t--global--border--radius--medium);
9516
+ --pf-v5-c-code-editor__main--BorderColor: var(--pf-t--global--border--color--default);
9517
+ --pf-v5-c-code-editor__main--BorderWidth: var(--pf-t--global--border--width--box--default);
9518
+ --pf-v5-c-code-editor__main--BorderEndStartRadius: var(--pf-t--global--border--radius--medium);
9519
+ --pf-v5-c-code-editor__main--BorderEndEndRadius: var(--pf-t--global--border--radius--medium);
9520
+ --pf-v5-c-code-editor__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9521
+ --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9522
+ --pf-v5-c-code-editor__upload--before--BorderWidth: 0;
9523
+ --pf-v5-c-code-editor__upload--before--BorderColor: transparent;
9524
+ --pf-v5-c-code-editor__main--m-drag-hover--before--BorderWidth: var(--pf-t--global--border--width--divider--hover);
9525
+ --pf-v5-c-code-editor__main--m-drag-hover--before--BorderColor: var( --pf-t--global--border--color--clicked);
9526
+ --pf-v5-c-code-editor__main--m-drag-hover--after--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9506
9527
  --pf-v5-c-code-editor__main--m-drag-hover--after--Opacity: .1;
9507
- --pf-v5-c-code-editor__code--PaddingTop: var(--pf-v5-global--spacer--sm);
9508
- --pf-v5-c-code-editor__code--PaddingRight: var(--pf-v5-global--spacer--sm);
9509
- --pf-v5-c-code-editor__code--PaddingBottom: var(--pf-v5-global--spacer--sm);
9510
- --pf-v5-c-code-editor__code--PaddingLeft: var(--pf-v5-global--spacer--sm);
9511
- --pf-v5-c-code-editor__code-pre--FontSize: var(--pf-v5-global--FontSize--sm);
9512
- --pf-v5-c-code-editor__code-pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9513
- --pf-v5-c-code-editor__header-main--PaddingRight: var(--pf-v5-global--spacer--sm);
9514
- --pf-v5-c-code-editor__header-main--PaddingLeft: var(--pf-v5-global--spacer--sm);
9515
- --pf-v5-c-code-editor__tab--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9516
- --pf-v5-c-code-editor__tab--Color: var(--pf-v5-global--Color--200);
9517
- --pf-v5-c-code-editor__tab--PaddingTop: var(--pf-v5-global--spacer--form-element);
9518
- --pf-v5-c-code-editor__tab--PaddingRight: var(--pf-v5-global--spacer--sm);
9519
- --pf-v5-c-code-editor__tab--PaddingBottom: var(--pf-v5-global--spacer--form-element);
9520
- --pf-v5-c-code-editor__tab--PaddingLeft: var(--pf-v5-global--spacer--sm);
9521
- --pf-v5-c-code-editor__tab--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
9522
- --pf-v5-c-code-editor__tab--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
9528
+ --pf-v5-c-code-editor__code--PaddingTop: var(--pf-t--global--spacer--sm);
9529
+ --pf-v5-c-code-editor__code--PaddingRight: var(--pf-t--global--spacer--sm);
9530
+ --pf-v5-c-code-editor__code--PaddingBottom: var(--pf-t--global--spacer--sm);
9531
+ --pf-v5-c-code-editor__code--PaddingLeft: var(--pf-t--global--spacer--sm);
9532
+ --pf-v5-c-code-editor__code-pre--FontSize: var(--pf-t--global--font--size--sm);
9533
+ --pf-v5-c-code-editor__code-pre--FontFamily: var(--pf-t--global--font--family--mono);
9534
+ --pf-v5-c-code-editor__header-main--PaddingRight: var(--pf-t--global--spacer--sm);
9535
+ --pf-v5-c-code-editor__header-main--PaddingLeft: var(--pf-t--global--spacer--sm);
9536
+ --pf-v5-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9537
+ --pf-v5-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
9538
+ --pf-v5-c-code-editor__tab--PaddingTop: var(--pf-t--global--spacer--sm);
9539
+ --pf-v5-c-code-editor__tab--PaddingRight: var( --pf-t--global--spacer--sm);
9540
+ --pf-v5-c-code-editor__tab--PaddingBottom: var(--pf-t--global--spacer--sm);
9541
+ --pf-v5-c-code-editor__tab--PaddingLeft: var( --pf-t--global--spacer--sm);
9542
+ --pf-v5-c-code-editor__tab--BorderTopWidth: var(--pf-t--global--border--width--box--default);
9543
+ --pf-v5-c-code-editor__tab--BorderRightWidth: var(--pf-t--global--border--width--box--default);
9523
9544
  --pf-v5-c-code-editor__tab--BorderBottomWidth: 0;
9524
- --pf-v5-c-code-editor__tab--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
9525
- --pf-v5-c-code-editor__tab--BorderColor: var(--pf-v5-global--BorderColor--100);
9526
- --pf-v5-c-code-editor__tab-icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
9545
+ --pf-v5-c-code-editor__tab--BorderLeftWidth: var(--pf-t--global--border--width--box--default);
9546
+ --pf-v5-c-code-editor__tab--BorderColor: var(--pf-t--global--border--color--default);
9547
+ --pf-v5-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
9548
+ --pf-v5-c-code-editor__tab-icon--text--MarginLeft: var(--pf-t--global--spacer--sm);
9527
9549
  }
9550
+
9528
9551
  .pf-v5-c-code-editor.pf-m-read-only {
9529
9552
  --pf-v5-c-code-editor__main--BackgroundColor: var(--pf-v5-c-code-editor--m-read-only__main--BackgroundColor);
9530
9553
  }
@@ -9532,7 +9555,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9532
9555
  .pf-v5-c-code-editor__header {
9533
9556
  position: relative;
9534
9557
  display: flex;
9535
- align-items: flex-end;
9536
9558
  }
9537
9559
  .pf-v5-c-code-editor__header::before {
9538
9560
  position: absolute;
@@ -9543,54 +9565,65 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9543
9565
  content: "";
9544
9566
  border-block-end: var(--pf-v5-c-code-editor__header--before--BorderBottomWidth) solid var(--pf-v5-c-code-editor__header--before--BorderBottomColor);
9545
9567
  }
9568
+ .pf-v5-c-code-editor__header.pf-m-plain {
9569
+ --pf-v5-c-code-editor__header-content--BackgroundColor: var(--pf-v5-c-code-editor__header-content--m-plain--BackgroundColor);
9570
+ }
9546
9571
 
9547
- .pf-v5-c-code-editor__controls {
9572
+ .pf-v5-c-code-editor__header-content {
9548
9573
  display: flex;
9574
+ flex: 1;
9575
+ align-items: flex-end;
9576
+ padding-block-start: var(--pf-v5-c-code-editor__header-content--PaddingBlockStart);
9577
+ padding-block-end: var(--pf-v5-c-code-editor__header-content--PaddingBlockEnd);
9578
+ padding-inline-start: var(--pf-v5-c-code-editor__header-content--PaddingInlineStart);
9579
+ padding-inline-end: var(--pf-v5-c-code-editor__header-content--PaddingInlineEnd);
9580
+ background-color: var(--pf-v5-c-code-editor__header-content--BackgroundColor);
9581
+ border-start-start-radius: var(--pf-v5-c-code-editor__header-content--BorderStartStartRadius);
9549
9582
  }
9550
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control {
9551
- --pf-v5-c-button--m-control--Color: var(--pf-v5-c-code-editor__controls--c-button--m-control--Color);
9552
- }
9553
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control:hover {
9554
- --pf-v5-c-code-editor__controls--c-button--m-control--Color: var(--pf-v5-c-code-editor__controls--c-button--m-control--hover--Color);
9555
- }
9556
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control:focus {
9557
- --pf-v5-c-code-editor__controls--c-button--m-control--Color: var(--pf-v5-c-code-editor__controls--c-button--m-control--focus--Color);
9558
- }
9559
- .pf-v5-c-code-editor__controls .pf-v5-c-button.pf-m-control:disabled::after {
9560
- border-block-end-color: var(--pf-v5-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor);
9583
+
9584
+ .pf-v5-c-code-editor__controls {
9585
+ display: flex;
9586
+ gap: var(--pf-v5-c-code-editor__controls--Gap);
9587
+ align-items: flex-start;
9561
9588
  }
9562
9589
 
9563
9590
  .pf-v5-c-code-editor__header-main {
9564
9591
  flex-grow: 1;
9592
+ align-self: center;
9565
9593
  padding-inline-start: var(--pf-v5-c-code-editor__header-main--PaddingLeft);
9566
9594
  padding-inline-end: var(--pf-v5-c-code-editor__header-main--PaddingRight);
9567
9595
  }
9568
9596
 
9597
+ .pf-v5-c-code-editor__upload {
9598
+ position: relative;
9599
+ padding-block-start: var(--pf-v5-c-code-editor__upload--PaddingBlockStart);
9600
+ padding-block-end: var(--pf-v5-c-code-editor__upload--PaddingBlockEnd);
9601
+ padding-inline-start: var(--pf-v5-c-code-editor__upload--PaddingInlineStart);
9602
+ padding-inline-end: var(--pf-v5-c-code-editor__upload--PaddingInlineEnd);
9603
+ }
9604
+ .pf-v5-c-code-editor__upload::before {
9605
+ position: absolute;
9606
+ inset-block-start: var(--pf-v5-c-code-editor__upload--PaddingBlockStart);
9607
+ inset-block-end: var(--pf-v5-c-code-editor__upload--PaddingBlockEnd);
9608
+ inset-inline-start: var(--pf-v5-c-code-editor__upload--PaddingInlineStart);
9609
+ inset-inline-end: var(--pf-v5-c-code-editor__upload--PaddingInlineEnd);
9610
+ content: "";
9611
+ border: var(--pf-v5-c-code-editor__upload--before--BorderWidth) dashed var(--pf-v5-c-code-editor__upload--before--BorderColor);
9612
+ border-radius: var(--pf-v5-c-code-editor__upload--BorderRadius);
9613
+ }
9614
+
9569
9615
  .pf-v5-c-code-editor__main {
9570
9616
  position: relative;
9571
9617
  color: var(--pf-v5-c-code-editor__main--Color, inherit);
9572
9618
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
9573
9619
  border: var(--pf-v5-c-code-editor__main--BorderWidth) solid;
9574
9620
  border-color: var(--pf-v5-c-code-editor__main--BorderColor);
9621
+ border-end-start-radius: var(--pf-v5-c-code-editor__main--BorderEndStartRadius);
9622
+ border-end-end-radius: var(--pf-v5-c-code-editor__main--BorderEndEndRadius);
9575
9623
  }
9576
- .pf-v5-c-code-editor__main.pf-m-drag-hover::after {
9577
- position: absolute;
9578
- inset-block-start: 0;
9579
- inset-block-end: 0;
9580
- inset-inline-start: 0;
9581
- inset-inline-end: 0;
9582
- content: "";
9583
- background-color: var(--pf-v5-c-code-editor__main--m-drag-hover--after--BackgroundColor);
9584
- opacity: var(--pf-v5-c-code-editor__main--m-drag-hover--after--Opacity);
9585
- }
9586
- .pf-v5-c-code-editor__main.pf-m-drag-hover::before {
9587
- position: absolute;
9588
- inset-block-start: 0;
9589
- inset-block-end: 0;
9590
- inset-inline-start: 0;
9591
- inset-inline-end: 0;
9592
- content: "";
9593
- 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);
9624
+ .pf-v5-c-code-editor__main.pf-m-drag-hover {
9625
+ --pf-v5-c-code-editor__upload--before--BorderWidth: var(--pf-v5-c-code-editor__main--m-drag-hover--before--BorderWidth);
9626
+ --pf-v5-c-code-editor__upload--before--BorderColor: var(--pf-v5-c-code-editor__main--m-drag-hover--before--BorderColor);
9594
9627
  }
9595
9628
  .pf-v5-c-code-editor__main .monaco-editor {
9596
9629
  background-color: var(--pf-v5-c-code-editor__main--BackgroundColor);
@@ -9621,7 +9654,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9621
9654
  padding-block-end: var(--pf-v5-c-code-editor__tab--PaddingBottom);
9622
9655
  padding-inline-start: var(--pf-v5-c-code-editor__tab--PaddingLeft);
9623
9656
  padding-inline-end: var(--pf-v5-c-code-editor__tab--PaddingRight);
9624
- margin-inline-start: auto;
9625
9657
  color: var(--pf-v5-c-code-editor__tab--Color);
9626
9658
  background-color: var(--pf-v5-c-code-editor__tab--BackgroundColor);
9627
9659
  border-color: var(--pf-v5-c-code-editor__tab--BorderColor);
@@ -9630,24 +9662,13 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9630
9662
  border-block-end-width: var(--pf-v5-c-code-editor__tab--BorderBottomWidth);
9631
9663
  border-inline-start-width: var(--pf-v5-c-code-editor__tab--BorderLeftWidth);
9632
9664
  border-inline-end-width: var(--pf-v5-c-code-editor__tab--BorderRightWidth);
9665
+ border-start-end-radius: var(--pf-v5-c-code-editor__tab--BorderStartEndRadius);
9633
9666
  }
9634
9667
 
9635
9668
  .pf-v5-c-code-editor__tab-icon + .pf-v5-c-code-editor__tab-text {
9636
9669
  margin-inline-start: var(--pf-v5-c-code-editor__tab-icon--text--MarginLeft);
9637
9670
  }
9638
9671
 
9639
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
9640
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9641
- }
9642
-
9643
- :where(.pf-theme-dark) .pf-v5-c-code-editor {
9644
- --pf-v5-c-code-editor--m-read-only__main--Color: var(--pf-v5-global--disabled-color--300);
9645
- --pf-v5-c-code-editor--m-read-only__main--BackgroundColor: var(--pf-v5-global--disabled-color--200);
9646
- }
9647
- :where(.pf-theme-dark) .pf-v5-c-code-editor__controls > * + * {
9648
- border-inline-start: 1px solid var(--pf-v5-global--palette--black-700);
9649
- }
9650
-
9651
9672
  .pf-v5-c-content {
9652
9673
  --pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
9653
9674
  --pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -17080,9 +17101,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17080
17101
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
17081
17102
  --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
17082
17103
  --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
17083
- --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
17104
+ --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17084
17105
  --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17085
- --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
17106
+ --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17086
17107
  --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
17087
17108
  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17088
17109
  --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
@@ -17092,7 +17113,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
17092
17113
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17093
17114
  --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
17094
17115
  --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
17095
- --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
17116
+ --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
17096
17117
  --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
17097
17118
  --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
17098
17119
  --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
@@ -17489,24 +17510,24 @@ select ~ .pf-v5-c-form-control__utilities {
17489
17510
  --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
17490
17511
  --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
17491
17512
  --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
17492
- --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
17493
- --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
17494
- --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
17495
- --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
17496
- --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
17497
- --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
17498
- --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
17499
- --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
17500
- --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
17501
- --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
17502
- --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
17503
- --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
17504
- --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
17505
- --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
17506
- --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
17507
- --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
17508
- --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
17509
- --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
17513
+ --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
17514
+ --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
17515
+ --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
17516
+ --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
17517
+ --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
17518
+ --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
17519
+ --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
17520
+ --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
17521
+ --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
17522
+ --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
17523
+ --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
17524
+ --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
17525
+ --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
17526
+ --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
17527
+ --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
17528
+ --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
17529
+ --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
17530
+ --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
17510
17531
  --pf-v5-c-icon--m-inline--Width: 1em;
17511
17532
  --pf-v5-c-icon--m-inline--Height: 1em;
17512
17533
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
@@ -17524,15 +17545,15 @@ select ~ .pf-v5-c-form-control__utilities {
17524
17545
  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
17525
17546
  --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
17526
17547
  --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
17527
- --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
17528
- --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
17529
- --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
17530
- --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
17531
- --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
17532
- --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
17533
- --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
17534
- --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
17535
- --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
17548
+ --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
17549
+ --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
17550
+ --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
17551
+ --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
17552
+ --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
17553
+ --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
17554
+ --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
17555
+ --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
17556
+ --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
17536
17557
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
17537
17558
  }
17538
17559
 
@@ -18428,10 +18449,10 @@ label.pf-v5-c-input-group__text {
18428
18449
  --pf-v5-c-label__content--MaxWidth: 100%;
18429
18450
  --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
18430
18451
  --pf-v5-c-label__content--Cursor: initial;
18431
- --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
18452
+ --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18432
18453
  --pf-v5-c-label__text--MaxWidth: 100%;
18433
18454
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
18434
- --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18455
+ --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18435
18456
  --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
18436
18457
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
18437
18458
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -18766,7 +18787,7 @@ input.pf-v5-c-label__content {
18766
18787
  --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
18767
18788
  --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
18768
18789
  --pf-v5-c-label-group__label--MaxWidth: 18ch;
18769
- --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18790
+ --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
18770
18791
  --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
18771
18792
  --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
18772
18793
  --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
@@ -20451,7 +20472,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20451
20472
  --pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20452
20473
  --pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
20453
20474
  --pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
20454
- --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
20475
+ --pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--clicked);
20455
20476
  --pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
20456
20477
  --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
20457
20478
  --pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
@@ -20465,14 +20486,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20465
20486
  --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
20466
20487
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
20467
20488
  --pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
20468
- --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20489
+ --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20469
20490
  --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20470
20491
  --pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
20471
- --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20492
+ --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20472
20493
  --pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20473
20494
  --pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
20474
20495
  --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
20475
- --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
20496
+ --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--clicked);
20476
20497
  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
20477
20498
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
20478
20499
  --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
@@ -24032,7 +24053,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24032
24053
  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
24033
24054
  --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
24034
24055
  --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
24035
- --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--body--sm);
24056
+ --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
24036
24057
  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
24037
24058
  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
24038
24059
  --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
@@ -24050,7 +24071,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24050
24071
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
24051
24072
  --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
24052
24073
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
24053
- --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--body--default);
24074
+ --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24054
24075
  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
24055
24076
  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24056
24077
  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
@@ -26365,27 +26386,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26365
26386
  .pf-v5-c-table[class*=pf-m-grid] {
26366
26387
  --pf-v5-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
26367
26388
  --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26368
- --pf-v5-c-table__tbody--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
26389
+ --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
26369
26390
  --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
26370
26391
  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
26371
26392
  --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
26372
- --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
26373
- --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26374
- --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-t--global--border--width--divider--default);
26375
- --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26376
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26377
- --pf-v5-c-table__tr--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26378
- --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--md);
26379
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26380
- --pf-v5-c-table__tr--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26381
- --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-v5-global--spacer--xl);
26382
- --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-v5-global--spacer--lg);
26383
- --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-v5-global--spacer--xl);
26384
- --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-v5-global--spacer--lg);
26393
+ --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26394
+ --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26395
+ --pf-v5-c-table__tr--responsive--MarginTop: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26396
+ --pf-v5-c-table__tr--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26397
+ --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26398
+ --pf-v5-c-table__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--md);
26399
+ --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26400
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-t--global--spacer--xl);
26401
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-t--global--spacer--lg);
26402
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-t--global--spacer--xl);
26403
+ --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-t--global--spacer--lg);
26385
26404
  --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
26386
26405
  --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
26387
26406
  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26388
- --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-v5-global--active-color--400);
26407
+ --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26389
26408
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
26390
26409
  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
26391
26410
  --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
@@ -26393,48 +26412,34 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
26393
26412
  --pf-v5-c-table--m-grid--cell--PaddingRight: 0;
26394
26413
  --pf-v5-c-table--m-grid--cell--PaddingBottom: 0;
26395
26414
  --pf-v5-c-table--m-grid--cell--PaddingLeft: 0;
26396
- --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-v5-global--spacer--md);
26397
- --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-v5-global--spacer--md);
26398
- --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26399
- --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26415
+ --pf-v5-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
26416
+ --pf-v5-c-table--cell--responsive--PaddingTop: var(--pf-t--global--spacer--md);
26417
+ --pf-v5-c-table--cell--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26418
+ --pf-v5-c-table--cell--first-child--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26400
26419
  --pf-v5-c-table--cell--responsive--PaddingRight: 0;
26401
26420
  --pf-v5-c-table--cell--responsive--PaddingLeft: 0;
26402
- --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-v5-global--spacer--sm);
26403
- --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-v5-global--spacer--sm);
26404
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-v5-global--spacer--xs);
26405
- --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-v5-global--spacer--xs);
26421
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
26422
+ --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
26423
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-t--global--spacer--xs);
26424
+ --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-t--global--spacer--xs);
26406
26425
  --pf-v5-c-table--m-compact__check--responsive--MarginTop: 0.4375rem;
26407
- --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
26408
- --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
26426
+ --pf-v5-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1);
26427
+ --pf-v5-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-t--global--spacer--xs) * -1);
26409
26428
  --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
26410
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-global--spacer--lg);
26411
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-global--spacer--lg);
26412
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight: var(--pf-v5-global--spacer--md);
26413
- --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
26429
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
26430
+ --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
26414
26431
  --pf-v5-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26415
- --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-t--global--border--width--divider--default);
26432
+ --pf-v5-c-table__check--responsive--MarginLeft: var(--pf-v5-c-table__tbody--responsive--border-width--base);
26416
26433
  --pf-v5-c-table__check--responsive--MarginTop: 0.875rem;
26417
26434
  --pf-v5-c-table--m-grid__favorite--MarginTop: 0.5rem;
26418
- --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-v5-global--spacer--xl);
26435
+ --pf-v5-c-table--m-grid__check--favorite--MarginLeft: var(--pf-t--global--spacer--xl);
26419
26436
  --pf-v5-c-table--m-grid__action--MarginTop: 0.375rem;
26420
- --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-v5-global--spacer--xl);
26421
- --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-v5-global--spacer--2xl);
26437
+ --pf-v5-c-table__action--responsive--MarginLeft: var(--pf-t--global--spacer--xl);
26438
+ --pf-v5-c-table--m-grid__favorite--action--MarginLeft: var(--pf-t--global--spacer--2xl);
26422
26439
  --pf-v5-c-table--m-grid__check--favorite--action--MarginLeft: calc(var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft));
26423
26440
  --pf-v5-c-table__toggle__icon--Transition: .2s ease-in 0s;
26424
26441
  --pf-v5-c-table__toggle--m-expanded__icon--Rotate: 180deg;
26425
26442
  }
26426
- @media screen and (max-width: 1200px) {
26427
- .pf-v5-c-table[class*=pf-m-grid] {
26428
- --pf-v5-c-table__tr--responsive--PaddingRight: var(--pf-v5-c-table__tr--responsive--xl--PaddingRight);
26429
- --pf-v5-c-table__tr--responsive--PaddingLeft: var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft);
26430
- }
26431
- }
26432
- @media screen and (max-width: 1200px) {
26433
- .pf-v5-c-table[class*=pf-m-grid] {
26434
- --pf-v5-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight);
26435
- --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft);
26436
- }
26437
- }
26438
26443
 
26439
26444
  .pf-m-grid.pf-v5-c-table {
26440
26445
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-grid--cell--PaddingTop);
@@ -28028,18 +28033,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28028
28033
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
28029
28034
  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
28030
28035
  --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
28031
- --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
28032
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
28033
- --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
28034
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
28035
- --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
28036
- --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
28036
+ --pf-v5-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
28037
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
28038
+ --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
28039
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
28037
28040
  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
28038
28041
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
28039
28042
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
28040
28043
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
28041
28044
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
28042
- --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
28045
+ --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
28043
28046
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
28044
28047
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
28045
28048
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
@@ -28047,10 +28050,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28047
28050
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
28048
28051
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
28049
28052
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
28050
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
28051
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
28052
- --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
28053
- --pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
28053
+ --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28054
+ --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28054
28055
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
28055
28056
  --pf-v5-c-table--cell--MinWidth: 0;
28056
28057
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -28067,8 +28068,8 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28067
28068
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
28068
28069
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
28069
28070
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
28070
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(0.375rem * -1);
28071
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(0.375rem * -1);
28071
+ --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28072
+ --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28072
28073
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
28073
28074
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
28074
28075
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
@@ -28077,7 +28078,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28077
28078
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
28078
28079
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
28079
28080
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
28080
- --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
28081
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
28081
28082
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
28082
28083
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
28083
28084
  --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
@@ -28086,19 +28087,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28086
28087
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
28087
28088
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
28088
28089
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
28089
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28090
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
28091
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28092
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
28093
- --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
28090
+ --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28091
+ --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
28092
+ --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28093
+ --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
28094
+ --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
28094
28095
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
28095
28096
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
28096
28097
  --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
28097
28098
  --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
28098
- --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28099
- --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
28100
- --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28101
- --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
28099
+ --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28100
+ --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
28101
+ --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28102
+ --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
28102
28103
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
28103
28104
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28104
28105
  --pf-v5-c-table__action--PaddingTop: 0;
@@ -28112,19 +28113,19 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28112
28113
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
28113
28114
  --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
28114
28115
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
28115
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
28116
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
28116
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28117
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28117
28118
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
28118
28119
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
28119
- --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28120
+ --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
28120
28121
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
28121
28122
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
28122
- --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
28123
+ --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28123
28124
  --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
28124
- --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
28125
- --pf-v5-c-table__sort__button--PaddingRight: var(--pf-v5-global--spacer--sm);
28126
- --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
28127
- --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28125
+ --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
28126
+ --pf-v5-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
28127
+ --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
28128
+ --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
28128
28129
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
28129
28130
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
28130
28131
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
@@ -28136,18 +28137,18 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28136
28137
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
28137
28138
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
28138
28139
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28139
- --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
28140
+ --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28140
28141
  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
28141
28142
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28142
28143
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28143
28144
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28144
28145
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
28145
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
28146
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
28146
28147
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
28147
- --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
28148
- --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
28149
- --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
28150
- --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
28148
+ --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
28149
+ --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
28150
+ --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
28151
+ --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
28151
28152
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28152
28153
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
28153
28154
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -28158,33 +28159,31 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28158
28159
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
28159
28160
  --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28160
28161
  --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28161
- --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
28162
+ --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
28162
28163
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
28163
28164
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28164
28165
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28165
28166
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
28166
- --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
28167
- --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
28168
- --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
28169
- --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
28170
- --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
28171
- --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-v5-global--spacer--sm);
28172
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
28173
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
28174
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
28175
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
28167
+ --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
28168
+ --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
28169
+ --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
28170
+ --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28171
+ --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
28172
+ --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
28173
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
28174
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
28176
28175
  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
28177
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
28178
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
28179
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
28180
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
28176
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
28177
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
28178
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
28179
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
28181
28180
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
28182
28181
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
28183
28182
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28184
28183
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28185
28184
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
28186
28185
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
28187
- --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28186
+ --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28188
28187
  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28189
28188
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28190
28189
  --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
@@ -28197,14 +28196,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28197
28196
  --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28198
28197
  --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28199
28198
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28200
- --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
28199
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
28201
28200
  --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28202
28201
  --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28203
28202
  --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28204
28203
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28205
28204
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
28206
28205
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
28207
- --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28206
+ --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28208
28207
  --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28209
28208
  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28210
28209
  --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
@@ -28216,36 +28215,22 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28216
28215
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28217
28216
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
28218
28217
  --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28219
- --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
28218
+ --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28220
28219
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
28221
28220
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
28222
28221
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
28223
28222
  --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
28224
28223
  --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
28225
28224
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28226
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
28227
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
28225
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28226
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
28228
28227
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28229
28228
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28230
- --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
28229
+ --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
28231
28230
  color: var(--pf-v5-global--Color--100);
28232
28231
  width: 100%;
28233
28232
  background-color: var(--pf-v5-c-table--BackgroundColor);
28234
28233
  }
28235
- @media screen and (max-width: 1200px) {
28236
- .pf-v5-c-table {
28237
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
28238
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
28239
- }
28240
- }
28241
- @media screen and (min-width: 1200px) {
28242
- .pf-v5-c-table {
28243
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingRight);
28244
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft);
28245
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);
28246
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight);
28247
- }
28248
- }
28249
28234
  .pf-v5-c-table.pf-m-fixed {
28250
28235
  table-layout: fixed;
28251
28236
  }
@@ -28274,7 +28259,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28274
28259
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
28275
28260
  position: sticky;
28276
28261
  inset-block-start: 0;
28277
- z-index: var(--pf-v5-global--ZIndex--xs);
28262
+ z-index: var(--pf-t--global--Zindex--xs);
28278
28263
  background: var(--pf-v5-c-table--BackgroundColor);
28279
28264
  }
28280
28265
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
@@ -29058,14 +29043,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29058
29043
  .pf-v5-c-table {
29059
29044
  --pf-v5-c-table__sticky-cell--MinWidth--base: 12.5rem;
29060
29045
  --pf-v5-c-table__sticky-cell--MinWidth: var(--pf-v5-c-table__sticky-cell--MinWidth--base);
29061
- --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
29046
+ --pf-v5-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
29062
29047
  --pf-v5-c-table__sticky-cell--Right: auto;
29063
29048
  --pf-v5-c-table__sticky-cell--Left: auto;
29064
- --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29065
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
29066
- --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
29067
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
29068
- --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
29049
+ --pf-v5-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29050
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
29051
+ --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
29052
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
29053
+ --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
29069
29054
  --pf-v5-c-table__sticky-cell--m-right--Right: 0;
29070
29055
  --pf-v5-c-table__sticky-cell--m-left--Left: 0;
29071
29056
  --pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v5-c-table__sticky-cell--ZIndex) + 1);
@@ -29115,23 +29100,25 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29115
29100
  overflow: auto;
29116
29101
  }
29117
29102
 
29118
- .pf-v5-c-table {
29119
- --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));
29120
- --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-v5-global--spacer--md));
29103
+ :where(:root),
29104
+ :where(.pf-v5-c-table) {
29105
+ --pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
29106
+ --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
29121
29107
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29122
29108
  --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
29123
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-v5-global--spacer--sm);
29124
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-v5-global--spacer--sm);
29125
- --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-v5-global--spacer--sm);
29126
- --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29127
- --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-v5-global--spacer--sm);
29109
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
29110
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
29111
+ --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
29112
+ --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
29113
+ --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
29128
29114
  --pf-v5-c-table--m-tree-view__toggle--Position: absolute;
29129
29115
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29130
29116
  --pf-v5-c-table--m-tree-view__toggle--TranslateX: -100%;
29131
- --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
29117
+ --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
29132
29118
  --pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
29133
29119
  --pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
29134
29120
  }
29121
+
29135
29122
  .pf-v5-c-table.pf-m-tree-view > tbody > tr {
29136
29123
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
29137
29124
  }
@@ -29219,23 +29206,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29219
29206
  }
29220
29207
 
29221
29208
  .pf-m-tree-view-grid.pf-v5-c-table {
29222
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29223
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29224
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29209
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29210
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29211
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29225
29212
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29226
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29227
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29228
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29213
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29214
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29215
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29229
29216
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29230
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29231
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29232
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29217
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29218
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29219
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29233
29220
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29234
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29235
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29221
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29222
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29236
29223
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29237
29224
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29238
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29225
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29239
29226
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29240
29227
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29241
29228
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29291,7 +29278,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29291
29278
  grid-column: 2;
29292
29279
  }
29293
29280
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29294
- font-weight: var(--pf-v5-global--FontWeight--bold);
29281
+ font-weight: var(--pf-t--global--FontWeight--bold);
29295
29282
  text-align: start;
29296
29283
  content: attr(data-label);
29297
29284
  }
@@ -29359,23 +29346,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29359
29346
 
29360
29347
  @media screen and (max-width: 768px) {
29361
29348
  .pf-m-tree-view-grid-md.pf-v5-c-table {
29362
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29363
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29364
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29349
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29350
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29351
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29365
29352
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29366
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29367
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29368
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29353
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29354
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29355
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29369
29356
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29370
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29371
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29372
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29357
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29358
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29359
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29373
29360
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29374
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29375
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29361
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29362
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29376
29363
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29377
29364
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29378
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29365
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29379
29366
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29380
29367
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29381
29368
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29431,7 +29418,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29431
29418
  grid-column: 2;
29432
29419
  }
29433
29420
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29434
- font-weight: var(--pf-v5-global--FontWeight--bold);
29421
+ font-weight: var(--pf-t--global--FontWeight--bold);
29435
29422
  text-align: start;
29436
29423
  content: attr(data-label);
29437
29424
  }
@@ -29500,23 +29487,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29500
29487
 
29501
29488
  @media screen and (max-width: 992px) {
29502
29489
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
29503
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29504
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29505
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29490
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29491
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29492
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29506
29493
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29507
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29508
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29509
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29494
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29495
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29496
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29510
29497
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29511
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29512
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29513
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29498
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29499
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29500
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29514
29501
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29515
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29516
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29502
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29503
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29517
29504
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29518
29505
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29519
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29506
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29520
29507
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29521
29508
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29522
29509
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29572,7 +29559,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29572
29559
  grid-column: 2;
29573
29560
  }
29574
29561
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29575
- font-weight: var(--pf-v5-global--FontWeight--bold);
29562
+ font-weight: var(--pf-t--global--FontWeight--bold);
29576
29563
  text-align: start;
29577
29564
  content: attr(data-label);
29578
29565
  }
@@ -29641,23 +29628,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29641
29628
 
29642
29629
  @media screen and (max-width: 1200px) {
29643
29630
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
29644
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29645
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29646
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29631
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29632
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29633
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29647
29634
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29648
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29649
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29650
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29635
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29636
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29637
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29651
29638
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29652
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29653
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29654
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29639
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29640
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29641
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29655
29642
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29656
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29657
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29643
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29644
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29658
29645
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29659
29646
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29660
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29647
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29661
29648
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29662
29649
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29663
29650
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29713,7 +29700,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29713
29700
  grid-column: 2;
29714
29701
  }
29715
29702
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29716
- font-weight: var(--pf-v5-global--FontWeight--bold);
29703
+ font-weight: var(--pf-t--global--FontWeight--bold);
29717
29704
  text-align: start;
29718
29705
  content: attr(data-label);
29719
29706
  }
@@ -29782,23 +29769,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29782
29769
 
29783
29770
  @media screen and (max-width: 1450px) {
29784
29771
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
29785
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29786
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
29787
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
29772
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29773
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
29774
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
29788
29775
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
29789
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
29790
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
29791
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
29776
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
29777
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
29778
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
29792
29779
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
29793
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
29794
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
29795
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
29780
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
29781
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
29782
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
29796
29783
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
29797
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
29798
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
29784
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
29785
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
29799
29786
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
29800
29787
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
29801
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
29788
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
29802
29789
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
29803
29790
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
29804
29791
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -29854,7 +29841,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29854
29841
  grid-column: 2;
29855
29842
  }
29856
29843
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
29857
- font-weight: var(--pf-v5-global--FontWeight--bold);
29844
+ font-weight: var(--pf-t--global--FontWeight--bold);
29858
29845
  text-align: start;
29859
29846
  content: attr(data-label);
29860
29847
  }
@@ -30935,7 +30922,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30935
30922
  --pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
30936
30923
  --pf-v5-c-tile--after--BackgroundColor: transparent;
30937
30924
  --pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
30938
- --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
30925
+ --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
30939
30926
  --pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
30940
30927
  --pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
30941
30928
  --pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -31498,120 +31485,114 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31498
31485
  font-size: var(--pf-v5-c-number-input__icon--FontSize);
31499
31486
  }
31500
31487
 
31501
- .pf-v5-c-tree-view {
31502
- --pf-v5-c-tree-view--PaddingTop: var(--pf-v5-global--spacer--sm);
31503
- --pf-v5-c-tree-view--PaddingBottom: var(--pf-v5-global--spacer--sm);
31504
- --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));
31505
- --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));
31506
- --pf-v5-c-tree-view__node--PaddingTop--base: var(--pf-v5-global--spacer--sm);
31507
- --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31508
- --pf-v5-c-tree-view__node--PaddingRight: var(--pf-v5-global--spacer--sm);
31509
- --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-global--spacer--sm);
31488
+ :where(:root),
31489
+ :where(.pf-v5-c-tree-view) {
31490
+ --pf-v5-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth));
31491
+ --pf-v5-c-tree-view__node--nested-indent--base: calc(var(--pf-v5-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
31492
+ --pf-v5-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
31493
+ --pf-v5-c-tree-view__node--PaddingTop: var(--pf-t--global--spacer--sm);
31494
+ --pf-v5-c-tree-view__node--PaddingRight: var(--pf-t--global--spacer--sm);
31495
+ --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-t--global--spacer--sm);
31510
31496
  --pf-v5-c-tree-view__node--PaddingLeft: var(--pf-v5-c-tree-view__node--indent--base);
31511
- --pf-v5-c-tree-view__node--Color: var(--pf-v5-global--Color--100);
31512
- --pf-v5-c-tree-view__node--m-current--Color: var(--pf-v5-global--link--Color);
31513
- --pf-v5-c-tree-view__node--m-current--FontWeight: var(--pf-v5-global--FontWeight--bold);
31497
+ --pf-v5-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
31514
31498
  --pf-v5-c-tree-view__node--BackgroundColor: transparent;
31499
+ --pf-v5-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
31500
+ --pf-v5-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
31501
+ --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
31515
31502
  --pf-v5-c-tree-view__node-container--Display: contents;
31516
- --pf-v5-c-tree-view__node-content--RowGap: var(--pf-v5-global--spacer--sm);
31503
+ --pf-v5-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
31517
31504
  --pf-v5-c-tree-view__node-content--Overflow: visible;
31518
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31519
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31520
- --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop--base);
31505
+ --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view__node--PaddingTop);
31521
31506
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v5-c-tree-view__node--PaddingLeft);
31522
31507
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
31523
31508
  --pf-v5-c-tree-view__node-toggle--Position: absolute;
31524
- --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-v5-global--Color--200);
31509
+ --pf-v5-c-tree-view__node-toggle--Color--base: var(--pf-t--global--icon--color--subtle);
31525
31510
  --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--Color--base);
31526
- --pf-v5-c-tree-view__node-toggle--hover--Color: var(--pf-v5-global--Color--100);
31527
- --pf-v5-c-tree-view__node-toggle--focus--Color: var(--pf-v5-global--Color--100);
31528
- --pf-v5-c-tree-view__node-toggle--active--Color: var(--pf-v5-global--Color--100);
31529
31511
  --pf-v5-c-tree-view__node-toggle--BackgroundColor: transparent;
31530
- --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-v5-global--Color--100);
31531
- --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
31532
- --pf-v5-c-tree-view__node-toggle-icon--Transition: transform var(--pf-v5-global--TransitionDuration) var(--pf-v5-global--TimingFunction);
31533
- --pf-v5-c-tree-view__node-toggle-button--PaddingTop: var(--pf-v5-global--spacer--form-element);
31534
- --pf-v5-c-tree-view__node-toggle-button--PaddingRight: var(--pf-v5-global--spacer--md);
31535
- --pf-v5-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
31536
- --pf-v5-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-v5-global--spacer--md);
31537
- --pf-v5-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
31538
- --pf-v5-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
31539
- --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-v5-global--spacer--sm);
31540
- --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-v5-global--spacer--sm);
31541
- --pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
31542
- --pf-v5-c-tree-view__search--PaddingTop: var(--pf-v5-global--spacer--sm);
31543
- --pf-v5-c-tree-view__search--PaddingRight: var(--pf-v5-global--spacer--sm);
31544
- --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-v5-global--spacer--sm);
31545
- --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-v5-global--spacer--sm);
31546
- --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-v5-global--spacer--sm);
31547
- --pf-v5-c-tree-view__node-icon--Color: var(--pf-v5-global--icon--Color--light);
31512
+ --pf-v5-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
31513
+ --pf-v5-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--body--default);
31514
+ --pf-v5-c-tree-view__node-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
31515
+ --pf-v5-c-tree-view__node-toggle--PaddingRight: var(--pf-t--global--spacer--md);
31516
+ --pf-v5-c-tree-view__node-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
31517
+ --pf-v5-c-tree-view__node-toggle--PaddingLeft: var(--pf-t--global--spacer--md);
31518
+ --pf-v5-c-tree-view__node-toggle--MarginTop: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31519
+ --pf-v5-c-tree-view__node-toggle--MarginBottom: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingTop) * -1);
31520
+ --pf-v5-c-tree-view__node-check--MarginRight: var(--pf-t--global--spacer--sm);
31521
+ --pf-v5-c-tree-view__node-count--MarginLeft: var(--pf-t--global--spacer--sm);
31522
+ --pf-v5-c-tree-view__search--PaddingTop: var(--pf-t--global--spacer--sm);
31523
+ --pf-v5-c-tree-view__search--PaddingRight: var(--pf-t--global--spacer--sm);
31524
+ --pf-v5-c-tree-view__search--PaddingBottom: var(--pf-t--global--spacer--sm);
31525
+ --pf-v5-c-tree-view__search--PaddingLeft: var(--pf-t--global--spacer--sm);
31526
+ --pf-v5-c-tree-view__node-icon--PaddingRight: var(--pf-t--global--spacer--sm);
31527
+ --pf-v5-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
31548
31528
  --pf-v5-c-tree-view__node-toggle-icon--base--Rotate: 0;
31549
31529
  --pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
31550
31530
  --pf-v5-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
31551
31531
  --pf-v5-c-tree-view__node-text--max-lines: 1;
31552
- --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
31553
- --pf-v5-c-tree-view__action--MarginLeft: var(--pf-v5-global--spacer--md);
31532
+ --pf-v5-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
31533
+ --pf-v5-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
31554
31534
  --pf-v5-c-tree-view--m-guides--guide--Left: var(--pf-v5-c-tree-view--m-guides--guide-left--base);
31555
- --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-v5-global--BorderColor--100);
31556
- --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-v5-global--BorderWidth--sm);
31535
+ --pf-v5-c-tree-view--m-guides--guide-color--base: var(--pf-t--global--border--color--default);
31536
+ --pf-v5-c-tree-view--m-guides--guide-width--base: var(--pf-t--global--border--width--divider--default);
31557
31537
  --pf-v5-c-tree-view--m-guides--guide-left--base: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-guides__list-node--guide-width--base));
31558
31538
  --pf-v5-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth) / 2);
31559
- --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-v5-global--spacer--lg);
31539
+ --pf-v5-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-t--global--spacer--lg);
31560
31540
  --pf-v5-c-tree-view--m-guides__list-item--before--Top: 0;
31561
31541
  --pf-v5-c-tree-view--m-guides__list-item--before--Width: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31562
31542
  --pf-v5-c-tree-view--m-guides__list-item--before--Height: 100%;
31563
31543
  --pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31564
31544
  --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
31565
31545
  --pf-v5-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-guides__list-item--last-child--before--Top);
31566
- --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-v5-global--ZIndex--xs);
31546
+ --pf-v5-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--Zindex--xs);
31567
31547
  --pf-v5-c-tree-view--m-guides__node--before--Width: 1rem;
31568
31548
  --pf-v5-c-tree-view--m-guides__node--before--Height: var(--pf-v5-c-tree-view--m-guides--guide-width--base);
31569
31549
  --pf-v5-c-tree-view--m-guides__node--before--Top: 1.125rem;
31570
31550
  --pf-v5-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-v5-c-tree-view--m-guides--guide-color--base);
31571
- --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-v5-global--spacer--md);
31551
+ --pf-v5-c-tree-view--m-compact--base-border--Left--offset: var(--pf-t--global--spacer--md);
31572
31552
  --pf-v5-c-tree-view--m-compact--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--base-border--Left--offset));
31573
31553
  --pf-v5-c-tree-view--m-compact__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31574
- --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-v5-global--spacer--lg);
31554
+ --pf-v5-c-tree-view--m-compact__node--nested-indent--base: var(--pf-t--global--spacer--lg);
31575
31555
  --pf-v5-c-tree-view--m-compact--border--Left: var(--pf-v5-c-tree-view--m-compact--base-border--Left);
31556
+ --pf-v5-c-tree-view--m-compact__node--Color: var(--pf-t--global--text--color--regular);
31576
31557
  --pf-v5-c-tree-view--m-compact__node--PaddingTop: 0;
31577
31558
  --pf-v5-c-tree-view--m-compact__node--PaddingBottom: 0;
31578
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-v5-global--spacer--sm);
31579
- --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-v5-global--spacer--sm);
31559
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-t--global--spacer--sm);
31560
+ --pf-v5-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-t--global--spacer--sm);
31580
31561
  --pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop));
31581
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31582
- --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31562
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
31563
+ --pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-t--global--border--color--default);
31583
31564
  --pf-v5-c-tree-view--m-compact__list-item--before--Top: 0;
31584
31565
  --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
31585
- --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view__node--PaddingTop--base) * -1);
31586
- --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view__node--PaddingTop--base));
31566
+ --pf-v5-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) * -1);
31567
+ --pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v5-c-tree-view--m-compact__node--before--Top) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop));
31587
31568
  --pf-v5-c-tree-view--m-compact__node--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31588
31569
  --pf-v5-c-tree-view--m-compact__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
31589
31570
  --pf-v5-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-v5-c-tree-view--m-compact__node--indent--base);
31590
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
31591
- --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
31571
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -.5);
31572
+ --pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v5-c-tree-view__node-toggle--PaddingLeft) * -1.5);
31592
31573
  --pf-v5-c-tree-view--m-compact__node-container--Display: flex;
31593
- --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-v5-global--spacer--lg);
31594
- --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-v5-global--spacer--lg);
31595
- --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-v5-global--spacer--lg);
31574
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-t--global--spacer--lg);
31575
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-t--global--spacer--lg);
31576
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-t--global--spacer--lg);
31596
31577
  --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom--base);
31597
- --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-v5-global--spacer--xs);
31598
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-v5-global--spacer--md);
31599
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-v5-global--spacer--lg);
31600
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-v5-global--spacer--md);
31601
- --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-v5-global--spacer--lg);
31602
- --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31578
+ --pf-v5-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-t--global--spacer--xs);
31579
+ --pf-v5-c-tree-view--m-compact__node-container--BorderRadius: var(--pf-t--global--border--radius--small);
31580
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-t--global--spacer--md);
31581
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-t--global--spacer--lg);
31582
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-t--global--spacer--md);
31583
+ --pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-t--global--spacer--lg);
31584
+ --pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31603
31585
  --pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
31604
31586
  --pf-v5-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
31605
- --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-v5-global--spacer--sm);
31587
+ --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-t--global--spacer--sm);
31606
31588
  --pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31607
31589
  --pf-v5-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-v5-c-tree-view__node--indent--base);
31608
- --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-v5-global--spacer--2xl);
31590
+ --pf-v5-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-t--global--spacer--2xl);
31609
31591
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
31610
31592
  --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
31611
31593
  --pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
31612
- padding-block-start: var(--pf-v5-c-tree-view--PaddingTop);
31613
- padding-block-end: var(--pf-v5-c-tree-view--PaddingBottom);
31614
31594
  }
31595
+
31615
31596
  .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item {
31616
31597
  position: relative;
31617
31598
  }
@@ -31645,11 +31626,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31645
31626
  --pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
31646
31627
  }
31647
31628
  .pf-v5-c-tree-view.pf-m-compact {
31629
+ --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view--m-compact__node--Color);
31648
31630
  --pf-v5-c-tree-view__node--PaddingTop: var(--pf-v5-c-tree-view--m-compact__node--PaddingTop);
31649
31631
  --pf-v5-c-tree-view__node--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__node--PaddingBottom);
31650
31632
  --pf-v5-c-tree-view__node-container--Display: var(--pf-v5-c-tree-view--m-compact__node-container--Display);
31651
31633
  --pf-v5-c-tree-view__node--hover--BackgroundColor: transparent;
31652
- --pf-v5-c-tree-view__node--focus--BackgroundColor: transparent;
31653
31634
  --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
31654
31635
  }
31655
31636
  .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item {
@@ -31726,7 +31707,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31726
31707
  display: inline-block;
31727
31708
  min-width: var(--pf-v5-c-tree-view__node-toggle-icon--MinWidth);
31728
31709
  text-align: center;
31729
- transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
31730
31710
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
31731
31711
  }
31732
31712
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
@@ -31764,30 +31744,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31764
31744
  }
31765
31745
  .pf-v5-c-tree-view__node.pf-m-current {
31766
31746
  --pf-v5-c-tree-view__node--Color: var(--pf-v5-c-tree-view__node--m-current--Color);
31767
- font-weight: var(--pf-v5-c-tree-view__node--m-current--FontWeight);
31768
- }
31769
- .pf-v5-c-tree-view__node:focus {
31770
- --pf-v5-c-tree-view__node--BackgroundColor: var(--pf-v5-c-tree-view__node--focus--BackgroundColor);
31771
31747
  }
31772
31748
  .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count {
31773
31749
  margin-inline-start: var(--pf-v5-c-tree-view__node-count--MarginLeft);
31774
31750
  }
31775
- .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count .pf-v5-c-badge.pf-m-read {
31776
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31777
- }
31778
- .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 {
31779
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--hover--Color);
31780
- }
31781
- .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 {
31782
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--focus--Color);
31783
- }
31784
- .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 {
31785
- --pf-v5-c-tree-view__node-toggle--Color: var(--pf-v5-c-tree-view__node-toggle--active--Color);
31786
- }
31787
31751
 
31788
31752
  .pf-v5-c-tree-view__node-container {
31789
31753
  display: var(--pf-v5-c-tree-view__node-container--Display);
31790
31754
  flex-grow: 1;
31755
+ border-radius: var(--pf-v5-c-tree-view--m-compact__node-container--BorderRadius);
31791
31756
  }
31792
31757
 
31793
31758
  .pf-v5-c-tree-view__node-content {
@@ -31810,12 +31775,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
31810
31775
  display: inline-flex;
31811
31776
  align-items: center;
31812
31777
  justify-content: center;
31813
- padding-block-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop);
31814
- padding-block-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom);
31815
- padding-inline-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
31816
- padding-inline-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight);
31817
- margin-block-start: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
31818
- margin-block-end: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
31778
+ padding-block-start: var(--pf-v5-c-tree-view__node-toggle--PaddingTop);
31779
+ padding-block-end: var(--pf-v5-c-tree-view__node-toggle--PaddingBottom);
31780
+ padding-inline-start: var(--pf-v5-c-tree-view__node-toggle--PaddingLeft);
31781
+ padding-inline-end: var(--pf-v5-c-tree-view__node-toggle--PaddingRight);
31782
+ margin-block-start: var(--pf-v5-c-tree-view__node-toggle--MarginTop);
31783
+ margin-block-end: var(--pf-v5-c-tree-view__node-toggle--MarginBottom);
31819
31784
  color: var(--pf-v5-c-tree-view__node-toggle--Color);
31820
31785
  background-color: var(--pf-v5-c-tree-view__node-toggle--BackgroundColor);
31821
31786
  border: 0;
@@ -31870,6 +31835,8 @@ label.pf-v5-c-tree-view__node-text {
31870
31835
  .pf-v5-c-tree-view__content {
31871
31836
  display: flex;
31872
31837
  align-items: center;
31838
+ background-color: var(--pf-v5-c-tree-view__content--BackgroundColor);
31839
+ border-radius: var(--pf-v5-c-tree-view__content--BorderRadius);
31873
31840
  }
31874
31841
 
31875
31842
  .pf-v5-c-tree-view__content:hover,
@@ -31878,7 +31845,11 @@ label.pf-v5-c-tree-view__node-text {
31878
31845
  }
31879
31846
 
31880
31847
  .pf-v5-c-tree-view__action {
31881
- margin-inline-start: var(--pf-v5-c-tree-view__action--MarginLeft);
31848
+ margin-inline-end: var(--pf-v5-c-tree-view__action--MarginInlineEnd);
31849
+ }
31850
+
31851
+ .pf-v5-c-tree-view__content:has(> .pf-v5-c-tree-view__node.pf-m-current) {
31852
+ --pf-v5-c-tree-view__content--BackgroundColor: var(--pf-v5-c-tree-view__node--m-current--BackgroundColor);
31882
31853
  }
31883
31854
 
31884
31855
  .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
@@ -31968,15 +31939,6 @@ label.pf-v5-c-tree-view__node-text {
31968
31939
  --pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
31969
31940
  }
31970
31941
 
31971
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
31972
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
31973
- }
31974
-
31975
- :where(.pf-theme-dark) .pf-v5-c-tree-view {
31976
- --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31977
- --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
31978
- }
31979
-
31980
31942
  .pf-v5-c-wizard {
31981
31943
  --pf-v5-c-wizard--Height: 100%;
31982
31944
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;