@patternfly/react-styles 6.0.0-alpha.11 → 6.0.0-alpha.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/components/Accordion/accordion.css +1 -1
  3. package/css/components/Alert/alert.css +2 -0
  4. package/css/components/Breadcrumb/breadcrumb.css +9 -1
  5. package/css/components/Button/button.css +44 -46
  6. package/css/components/CalendarMonth/calendar-month.css +61 -92
  7. package/css/components/CalendarMonth/calendar-month.d.ts +2 -4
  8. package/css/components/CalendarMonth/calendar-month.js +2 -4
  9. package/css/components/CalendarMonth/calendar-month.mjs +2 -4
  10. package/css/components/CodeBlock/code-block.css +4 -0
  11. package/css/components/CodeEditor/code-editor.css +94 -72
  12. package/css/components/CodeEditor/code-editor.d.ts +4 -4
  13. package/css/components/CodeEditor/code-editor.js +4 -4
  14. package/css/components/CodeEditor/code-editor.mjs +4 -4
  15. package/css/components/DataList/data-list.css +1 -1
  16. package/css/components/DatePicker/date-picker.css +13 -14
  17. package/css/components/DatePicker/date-picker.d.ts +1 -2
  18. package/css/components/DatePicker/date-picker.js +1 -2
  19. package/css/components/DatePicker/date-picker.mjs +1 -2
  20. package/css/components/Divider/divider.css +8 -6
  21. package/css/components/DualListSelector/dual-list-selector.css +54 -51
  22. package/css/components/DualListSelector/dual-list-selector.d.ts +1 -2
  23. package/css/components/DualListSelector/dual-list-selector.js +1 -2
  24. package/css/components/DualListSelector/dual-list-selector.mjs +1 -2
  25. package/css/components/Form/form.css +3 -7
  26. package/css/components/FormControl/form-control.css +6 -6
  27. package/css/components/Icon/icon.css +27 -27
  28. package/css/components/Label/label-group.css +1 -1
  29. package/css/components/Label/label.css +18 -14
  30. package/css/components/Login/login.css +5 -22
  31. package/css/components/Login/login.d.ts +1 -1
  32. package/css/components/Login/login.js +1 -1
  33. package/css/components/Login/login.mjs +1 -1
  34. package/css/components/Menu/menu.css +387 -419
  35. package/css/components/Menu/menu.d.ts +5 -8
  36. package/css/components/Menu/menu.js +5 -8
  37. package/css/components/Menu/menu.mjs +5 -8
  38. package/css/components/MenuToggle/menu-toggle.css +219 -272
  39. package/css/components/MenuToggle/menu-toggle.d.ts +7 -8
  40. package/css/components/MenuToggle/menu-toggle.js +7 -8
  41. package/css/components/MenuToggle/menu-toggle.mjs +7 -8
  42. package/css/components/NotificationBadge/notification-badge.css +4 -4
  43. package/css/components/Pagination/pagination.css +3 -13
  44. package/css/components/ProgressStepper/progress-stepper.css +72 -69
  45. package/css/components/ProgressStepper/progress-stepper.d.ts +1 -0
  46. package/css/components/ProgressStepper/progress-stepper.js +1 -0
  47. package/css/components/ProgressStepper/progress-stepper.mjs +1 -0
  48. package/css/components/SimpleList/simple-list.css +0 -3
  49. package/css/components/Table/table-grid.css +31 -47
  50. package/css/components/Table/table-scrollable.css +6 -6
  51. package/css/components/Table/table-tree-view.css +81 -74
  52. package/css/components/Table/table-tree-view.d.ts +1 -0
  53. package/css/components/Table/table-tree-view.js +1 -0
  54. package/css/components/Table/table-tree-view.mjs +1 -0
  55. package/css/components/Table/table.css +156 -255
  56. package/css/components/Table/table.d.ts +0 -1
  57. package/css/components/Table/table.js +0 -1
  58. package/css/components/Table/table.mjs +0 -1
  59. package/css/components/Tabs/tabs.css +1 -2
  60. package/css/components/TextInputGroup/text-input-group.css +0 -14
  61. package/css/components/TextInputGroup/text-input-group.d.ts +1 -3
  62. package/css/components/TextInputGroup/text-input-group.js +1 -3
  63. package/css/components/TextInputGroup/text-input-group.mjs +1 -3
  64. package/css/components/Tile/tile.css +1 -1
  65. package/css/components/TreeView/tree-view.css +76 -97
  66. package/css/components/TreeView/tree-view.d.ts +0 -4
  67. package/css/components/TreeView/tree-view.js +0 -4
  68. package/css/components/TreeView/tree-view.mjs +0 -4
  69. package/css/components/Wizard/wizard.css +122 -205
  70. package/css/components/Wizard/wizard.d.ts +0 -3
  71. package/css/components/Wizard/wizard.js +0 -3
  72. package/css/components/Wizard/wizard.mjs +0 -3
  73. package/css/docs/components/Menu/examples/Menu.css +7 -11
  74. package/css/docs/components/Menu/examples/Menu.d.ts +2 -1
  75. package/css/docs/components/Menu/examples/Menu.js +2 -1
  76. package/css/docs/components/Menu/examples/Menu.mjs +2 -1
  77. package/package.json +3 -3
package/css/components/Table/table-tree-view.css CHANGED
@@ -1,20 +1,23 @@
1
- .pf-v5-c-table {
2
- --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));
3
- --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));
1
+ :where(:root),
2
+ :where(.pf-v5-c-table) {
3
+ --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));
4
+ --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));
5
+ --pf-v5-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
4
6
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
5
7
  --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
6
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-v5-global--spacer--sm);
7
- --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-v5-global--spacer--sm);
8
- --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-v5-global--spacer--sm);
9
- --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-v5-global--FontSize--md);
10
- --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-v5-global--spacer--sm);
8
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
9
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
10
+ --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
11
+ --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
12
+ --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
11
13
  --pf-v5-c-table--m-tree-view__toggle--Position: absolute;
12
14
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
13
15
  --pf-v5-c-table--m-tree-view__toggle--TranslateX: -100%;
14
- --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);
16
+ --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
15
17
  --pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
16
18
  --pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
17
19
  }
20
+
18
21
  .pf-v5-c-table.pf-m-tree-view > tbody > tr {
19
22
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
20
23
  }
@@ -76,6 +79,10 @@
76
79
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
77
80
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
78
81
  }
82
+ .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-button {
83
+ margin-block-start: -50%;
84
+ margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-button--MarginRight);
85
+ }
79
86
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__check {
80
87
  margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight);
81
88
  }
@@ -102,23 +109,23 @@
102
109
  }
103
110
 
104
111
  .pf-m-tree-view-grid.pf-v5-c-table {
105
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
106
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
107
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
112
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
113
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
114
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
108
115
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
109
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
110
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
111
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
116
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
117
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
118
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
112
119
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
113
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
114
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
115
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
120
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
121
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
122
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
116
123
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
117
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
118
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
124
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
125
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
119
126
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
120
127
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
121
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
128
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
122
129
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
123
130
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
124
131
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -174,7 +181,7 @@
174
181
  grid-column: 2;
175
182
  }
176
183
  .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
177
- font-weight: var(--pf-v5-global--FontWeight--bold);
184
+ font-weight: var(--pf-t--global--font--weight--body--bold);
178
185
  text-align: start;
179
186
  content: attr(data-label);
180
187
  }
@@ -242,23 +249,23 @@
242
249
 
243
250
  @media screen and (max-width: 768px) {
244
251
  .pf-m-tree-view-grid-md.pf-v5-c-table {
245
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
246
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
247
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
252
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
253
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
254
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
248
255
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
249
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
250
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
251
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
256
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
257
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
258
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
252
259
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
253
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
254
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
255
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
260
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
261
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
262
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
256
263
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
257
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
258
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
264
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
265
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
259
266
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
260
267
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
261
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
268
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
262
269
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
263
270
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
264
271
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -314,7 +321,7 @@
314
321
  grid-column: 2;
315
322
  }
316
323
  .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
317
- font-weight: var(--pf-v5-global--FontWeight--bold);
324
+ font-weight: var(--pf-t--global--font--weight--body--bold);
318
325
  text-align: start;
319
326
  content: attr(data-label);
320
327
  }
@@ -383,23 +390,23 @@
383
390
 
384
391
  @media screen and (max-width: 992px) {
385
392
  .pf-m-tree-view-grid-lg.pf-v5-c-table {
386
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
387
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
388
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
393
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
394
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
395
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
389
396
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
390
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
391
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
392
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
397
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
398
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
399
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
393
400
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
394
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
395
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
396
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
401
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
402
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
403
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
397
404
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
398
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
399
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
405
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
406
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
400
407
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
401
408
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
402
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
409
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
403
410
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
404
411
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
405
412
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -455,7 +462,7 @@
455
462
  grid-column: 2;
456
463
  }
457
464
  .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
458
- font-weight: var(--pf-v5-global--FontWeight--bold);
465
+ font-weight: var(--pf-t--global--font--weight--body--bold);
459
466
  text-align: start;
460
467
  content: attr(data-label);
461
468
  }
@@ -524,23 +531,23 @@
524
531
 
525
532
  @media screen and (max-width: 1200px) {
526
533
  .pf-m-tree-view-grid-xl.pf-v5-c-table {
527
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
528
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
529
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
534
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
535
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
536
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
530
537
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
531
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
532
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
533
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
538
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
539
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
540
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
534
541
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
535
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
536
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
537
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
542
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
543
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
544
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
538
545
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
539
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
540
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
546
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
547
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
541
548
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
542
549
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
543
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
550
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
544
551
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
545
552
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
546
553
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -596,7 +603,7 @@
596
603
  grid-column: 2;
597
604
  }
598
605
  .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
599
- font-weight: var(--pf-v5-global--FontWeight--bold);
606
+ font-weight: var(--pf-t--global--font--weight--body--bold);
600
607
  text-align: start;
601
608
  content: attr(data-label);
602
609
  }
@@ -665,23 +672,23 @@
665
672
 
666
673
  @media screen and (max-width: 1450px) {
667
674
  .pf-m-tree-view-grid-2xl.pf-v5-c-table {
668
- --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
669
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--md);
670
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--md);
675
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
676
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
677
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
671
678
  --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
672
- --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-v5-global--spacer--sm);
673
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-v5-global--spacer--md);
674
- --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-v5-global--spacer--md);
679
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
680
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
681
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
675
682
  --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
676
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-v5-global--spacer--xl);
677
- --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-v5-global--spacer--xl);
678
- --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xl);
683
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
684
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
685
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
679
686
  --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
680
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v5-global--spacer--xs);
681
- --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v5-global--spacer--xs);
687
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
688
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
682
689
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
683
690
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
684
- --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-v5-global--spacer--sm);
691
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
685
692
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
686
693
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
687
694
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -737,7 +744,7 @@
737
744
  grid-column: 2;
738
745
  }
739
746
  .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
740
- font-weight: var(--pf-v5-global--FontWeight--bold);
747
+ font-weight: var(--pf-t--global--font--weight--body--bold);
741
748
  text-align: start;
742
749
  content: attr(data-label);
743
750
  }
package/css/components/Table/table-tree-view.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import './table-tree-view.css';
2
2
  declare const _default: {
3
+ "button": "pf-v5-c-button",
3
4
  "dirRtl": "pf-v5-m-dir-rtl",
4
5
  "dropdown": "pf-v5-c-dropdown",
5
6
  "modifiers": {
package/css/components/Table/table-tree-view.js CHANGED
@@ -2,6 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  require('./table-tree-view.css');
4
4
  exports.default = {
5
+ "button": "pf-v5-c-button",
5
6
  "dirRtl": "pf-v5-m-dir-rtl",
6
7
  "dropdown": "pf-v5-c-dropdown",
7
8
  "modifiers": {
package/css/components/Table/table-tree-view.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import './table-tree-view.css';
2
2
  export default {
3
+ "button": "pf-v5-c-button",
3
4
  "dirRtl": "pf-v5-m-dir-rtl",
4
5
  "dropdown": "pf-v5-c-dropdown",
5
6
  "modifiers": {