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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Alert/alert.css +2 -0
  3. package/css/components/Breadcrumb/breadcrumb.css +9 -1
  4. package/css/components/Button/button.css +44 -24
  5. package/css/components/CalendarMonth/calendar-month.css +61 -92
  6. package/css/components/CalendarMonth/calendar-month.d.ts +2 -4
  7. package/css/components/CalendarMonth/calendar-month.js +2 -4
  8. package/css/components/CalendarMonth/calendar-month.mjs +2 -4
  9. package/css/components/CodeBlock/code-block.css +4 -0
  10. package/css/components/CodeEditor/code-editor.css +94 -72
  11. package/css/components/CodeEditor/code-editor.d.ts +4 -4
  12. package/css/components/CodeEditor/code-editor.js +4 -4
  13. package/css/components/CodeEditor/code-editor.mjs +4 -4
  14. package/css/components/DatePicker/date-picker.css +13 -14
  15. package/css/components/DatePicker/date-picker.d.ts +1 -2
  16. package/css/components/DatePicker/date-picker.js +1 -2
  17. package/css/components/DatePicker/date-picker.mjs +1 -2
  18. package/css/components/Divider/divider.css +8 -6
  19. package/css/components/DualListSelector/dual-list-selector.css +56 -48
  20. package/css/components/DualListSelector/dual-list-selector.d.ts +1 -2
  21. package/css/components/DualListSelector/dual-list-selector.js +1 -2
  22. package/css/components/DualListSelector/dual-list-selector.mjs +1 -2
  23. package/css/components/FormControl/form-control.css +3 -3
  24. package/css/components/Icon/icon.css +27 -27
  25. package/css/components/Label/label-group.css +1 -1
  26. package/css/components/Label/label.css +13 -7
  27. package/css/components/Menu/menu.css +388 -419
  28. package/css/components/Menu/menu.d.ts +5 -8
  29. package/css/components/Menu/menu.js +5 -8
  30. package/css/components/Menu/menu.mjs +5 -8
  31. package/css/components/MenuToggle/menu-toggle.css +229 -265
  32. package/css/components/MenuToggle/menu-toggle.d.ts +7 -8
  33. package/css/components/MenuToggle/menu-toggle.js +7 -8
  34. package/css/components/MenuToggle/menu-toggle.mjs +7 -8
  35. package/css/components/Pagination/pagination.css +2 -12
  36. package/css/components/ProgressStepper/progress-stepper.css +72 -69
  37. package/css/components/ProgressStepper/progress-stepper.d.ts +1 -0
  38. package/css/components/ProgressStepper/progress-stepper.js +1 -0
  39. package/css/components/ProgressStepper/progress-stepper.mjs +1 -0
  40. package/css/components/Table/table-grid.css +29 -45
  41. package/css/components/Table/table-scrollable.css +6 -6
  42. package/css/components/Table/table-tree-view.css +76 -74
  43. package/css/components/Table/table.css +54 -74
  44. package/css/components/TextInputGroup/text-input-group.css +0 -14
  45. package/css/components/TextInputGroup/text-input-group.d.ts +1 -3
  46. package/css/components/TextInputGroup/text-input-group.js +1 -3
  47. package/css/components/TextInputGroup/text-input-group.mjs +1 -3
  48. package/css/components/Tile/tile.css +1 -1
  49. package/css/components/TreeView/tree-view.css +76 -97
  50. package/css/components/TreeView/tree-view.d.ts +0 -4
  51. package/css/components/TreeView/tree-view.js +0 -4
  52. package/css/components/TreeView/tree-view.mjs +0 -4
  53. package/css/components/Wizard/wizard.css +128 -205
  54. package/css/components/Wizard/wizard.d.ts +0 -3
  55. package/css/components/Wizard/wizard.js +0 -3
  56. package/css/components/Wizard/wizard.mjs +0 -3
  57. package/css/docs/components/Menu/examples/Menu.css +7 -11
  58. package/css/docs/components/Menu/examples/Menu.d.ts +2 -1
  59. package/css/docs/components/Menu/examples/Menu.js +2 -1
  60. package/css/docs/components/Menu/examples/Menu.mjs +2 -1
  61. package/package.json +3 -3
@@ -1,20 +1,22 @@
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));
4
5
  --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
5
6
  --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);
7
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
8
+ --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
9
+ --pf-v5-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
10
+ --pf-v5-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
11
+ --pf-v5-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
11
12
  --pf-v5-c-table--m-tree-view__toggle--Position: absolute;
12
13
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
13
14
  --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);
15
+ --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
15
16
  --pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
16
17
  --pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
17
18
  }
19
+
18
20
  .pf-v5-c-table.pf-m-tree-view > tbody > tr {
19
21
  --pf-v5-c-table--m-tree-view__toggle--Left: var(--pf-v5-c-table__tree-view-main--PaddingLeft);
20
22
  }
@@ -102,23 +104,23 @@
102
104
  }
103
105
 
104
106
  .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);
107
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
108
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
109
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
108
110
  --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);
111
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
112
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
113
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
112
114
  --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);
115
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
116
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
117
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
116
118
  --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);
119
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
120
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
119
121
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
120
122
  --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);
123
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
122
124
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
123
125
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
124
126
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -174,7 +176,7 @@
174
176
  grid-column: 2;
175
177
  }
176
178
  .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);
179
+ font-weight: var(--pf-t--global--FontWeight--bold);
178
180
  text-align: start;
179
181
  content: attr(data-label);
180
182
  }
@@ -242,23 +244,23 @@
242
244
 
243
245
  @media screen and (max-width: 768px) {
244
246
  .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);
247
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
248
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
249
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
248
250
  --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);
251
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
252
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
253
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
252
254
  --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);
255
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
256
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
257
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
256
258
  --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);
259
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
260
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
259
261
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
260
262
  --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);
263
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
262
264
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
263
265
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
264
266
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -314,7 +316,7 @@
314
316
  grid-column: 2;
315
317
  }
316
318
  .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);
319
+ font-weight: var(--pf-t--global--FontWeight--bold);
318
320
  text-align: start;
319
321
  content: attr(data-label);
320
322
  }
@@ -383,23 +385,23 @@
383
385
 
384
386
  @media screen and (max-width: 992px) {
385
387
  .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);
388
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
389
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
390
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
389
391
  --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);
392
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
393
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
394
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
393
395
  --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);
396
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
397
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
398
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
397
399
  --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);
400
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
401
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
400
402
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
401
403
  --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);
404
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
403
405
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
404
406
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
405
407
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -455,7 +457,7 @@
455
457
  grid-column: 2;
456
458
  }
457
459
  .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);
460
+ font-weight: var(--pf-t--global--FontWeight--bold);
459
461
  text-align: start;
460
462
  content: attr(data-label);
461
463
  }
@@ -524,23 +526,23 @@
524
526
 
525
527
  @media screen and (max-width: 1200px) {
526
528
  .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);
529
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
530
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
531
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
530
532
  --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);
533
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
534
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
535
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
534
536
  --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);
537
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
538
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
539
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
538
540
  --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);
541
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
542
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
541
543
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
542
544
  --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);
545
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
544
546
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
545
547
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
546
548
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -596,7 +598,7 @@
596
598
  grid-column: 2;
597
599
  }
598
600
  .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);
601
+ font-weight: var(--pf-t--global--FontWeight--bold);
600
602
  text-align: start;
601
603
  content: attr(data-label);
602
604
  }
@@ -665,23 +667,23 @@
665
667
 
666
668
  @media screen and (max-width: 1450px) {
667
669
  .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);
670
+ --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
671
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
672
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
671
673
  --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);
674
+ --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
675
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
676
+ --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
675
677
  --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);
678
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
679
+ --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
680
+ --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
679
681
  --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);
682
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
683
+ --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
682
684
  --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
683
685
  --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);
686
+ --pf-v5-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
685
687
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
686
688
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
687
689
  --pf-v5-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
@@ -737,7 +739,7 @@
737
739
  grid-column: 2;
738
740
  }
739
741
  .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);
742
+ font-weight: var(--pf-t--global--FontWeight--bold);
741
743
  text-align: start;
742
744
  content: attr(data-label);
743
745
  }
@@ -65,18 +65,16 @@
65
65
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
66
66
  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
67
67
  --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
68
- --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
69
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
70
- --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
71
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
72
- --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
73
- --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
68
+ --pf-v5-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
69
+ --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
70
+ --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
71
+ --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
74
72
  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
75
73
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
76
74
  --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
77
75
  --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
78
76
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
79
- --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
77
+ --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
80
78
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
81
79
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
82
80
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
@@ -84,10 +82,8 @@
84
82
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
85
83
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
86
84
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
87
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
88
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
89
- --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
90
- --pf-v5-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
85
+ --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
86
+ --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
91
87
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
92
88
  --pf-v5-c-table--cell--MinWidth: 0;
93
89
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -104,8 +100,8 @@
104
100
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
105
101
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
106
102
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
107
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(0.375rem * -1);
108
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(0.375rem * -1);
103
+ --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
104
+ --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
109
105
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
110
106
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
111
107
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
@@ -114,7 +110,7 @@
114
110
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
115
111
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
116
112
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
117
- --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
113
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
118
114
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
119
115
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
120
116
  --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
@@ -123,19 +119,19 @@
123
119
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
124
120
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
125
121
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
126
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
127
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
128
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
129
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
130
- --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
122
+ --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
123
+ --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
124
+ --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
125
+ --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
126
+ --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
131
127
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
132
128
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
133
129
  --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
134
130
  --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
135
- --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
136
- --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
137
- --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
138
- --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
131
+ --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
132
+ --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
133
+ --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
134
+ --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
139
135
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
140
136
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
141
137
  --pf-v5-c-table__action--PaddingTop: 0;
@@ -149,19 +145,19 @@
149
145
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
150
146
  --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
151
147
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
152
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
153
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
148
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
149
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
154
150
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
155
151
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
156
- --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
152
+ --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
157
153
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
158
154
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
159
- --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
155
+ --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
160
156
  --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));
161
- --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
162
- --pf-v5-c-table__sort__button--PaddingRight: var(--pf-v5-global--spacer--sm);
163
- --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
164
- --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
157
+ --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
158
+ --pf-v5-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--sm);
159
+ --pf-v5-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--control--vertical);
160
+ --pf-v5-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--sm);
165
161
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
166
162
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
167
163
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
@@ -173,18 +169,18 @@
173
169
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
174
170
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
175
171
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
176
- --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
172
+ --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
177
173
  --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
178
174
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
179
175
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
180
176
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
181
177
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
182
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
178
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
183
179
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
184
- --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
185
- --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
186
- --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
187
- --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
180
+ --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
181
+ --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
182
+ --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
183
+ --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
188
184
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
189
185
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
190
186
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -195,33 +191,31 @@
195
191
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
196
192
  --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);
197
193
  --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);
198
- --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
194
+ --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
199
195
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
200
196
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
201
197
  --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);
202
198
  --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);
203
- --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs));
204
- --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-v5-global--spacer--sm);
205
- --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
206
- --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-v5-global--spacer--sm);
207
- --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
208
- --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-v5-global--spacer--sm);
209
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--md);
210
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
211
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
212
- --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
199
+ --pf-v5-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
200
+ --pf-v5-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
201
+ --pf-v5-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
202
+ --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
203
+ --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
204
+ --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
205
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
206
+ --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
213
207
  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
214
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
215
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
216
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
217
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
208
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
209
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
210
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
211
+ --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
218
212
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
219
213
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
220
214
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
221
215
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
222
216
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
223
217
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
224
- --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
218
+ --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
225
219
  --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);
226
220
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
227
221
  --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);
@@ -234,14 +228,14 @@
234
228
  --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);
235
229
  --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
236
230
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
237
- --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
231
+ --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-t--global--color--brand--default);
238
232
  --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
239
233
  --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);
240
234
  --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);
241
235
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
242
236
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
243
237
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
244
- --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
238
+ --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
245
239
  --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);
246
240
  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
247
241
  --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);
@@ -253,36 +247,22 @@
253
247
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
254
248
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
255
249
  --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);
256
- --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
250
+ --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
257
251
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
258
252
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
259
253
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
260
254
  --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);
261
255
  --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);
262
256
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
263
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
264
- --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
257
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
258
+ --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
265
259
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
266
260
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
267
- --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
261
+ --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
268
262
  color: var(--pf-v5-global--Color--100);
269
263
  width: 100%;
270
264
  background-color: var(--pf-v5-c-table--BackgroundColor);
271
265
  }
272
- @media screen and (max-width: 1200px) {
273
- .pf-v5-c-table {
274
- --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-c-table__caption--xl--PaddingRight);
275
- --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-c-table__caption--xl--PaddingLeft);
276
- }
277
- }
278
- @media screen and (min-width: 1200px) {
279
- .pf-v5-c-table {
280
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingRight);
281
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft);
282
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft);
283
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight);
284
- }
285
- }
286
266
  .pf-v5-c-table.pf-m-fixed {
287
267
  table-layout: fixed;
288
268
  }
@@ -311,7 +291,7 @@
311
291
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
312
292
  position: sticky;
313
293
  inset-block-start: 0;
314
- z-index: var(--pf-v5-global--ZIndex--xs);
294
+ z-index: var(--pf-t--global--Zindex--xs);
315
295
  background: var(--pf-v5-c-table--BackgroundColor);
316
296
  }
317
297
  .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
@@ -25,8 +25,6 @@
25
25
  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
26
26
  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
27
27
  --pf-v5-c-text-input-group__icon--TranslateY: -50%;
28
- --pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
29
- --pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
30
28
  --pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
31
29
  --pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
32
30
  --pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
@@ -139,19 +137,7 @@
139
137
  .pf-v5-c-text-input-group__utilities > * + * {
140
138
  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
141
139
  }
142
- .pf-v5-c-text-input-group__utilities .pf-v5-c-button {
143
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
144
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
145
- }
146
140
 
147
141
  .pf-v5-c-text-input-group__group {
148
142
  display: flex;
149
- }
150
-
151
- :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
152
- --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
153
- --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
154
- --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
155
- --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
156
- --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
157
143
  }
@@ -1,6 +1,5 @@
1
1
  import './text-input-group.css';
2
2
  declare const _default: {
3
- "button": "pf-v5-c-button",
4
3
  "chipGroupMain": "pf-v5-c-chip-group__main",
5
4
  "modifiers": {
6
5
  "disabled": "pf-m-disabled",
@@ -14,7 +13,6 @@ declare const _default: {
14
13
  "textInputGroupMain": "pf-v5-c-text-input-group__main",
15
14
  "textInputGroupText": "pf-v5-c-text-input-group__text",
16
15
  "textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
17
- "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities",
18
- "themeDark": "pf-v5-theme-dark"
16
+ "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
19
17
  };
20
18
  export default _default;
@@ -2,7 +2,6 @@
2
2
  exports.__esModule = true;
3
3
  require('./text-input-group.css');
4
4
  exports.default = {
5
- "button": "pf-v5-c-button",
6
5
  "chipGroupMain": "pf-v5-c-chip-group__main",
7
6
  "modifiers": {
8
7
  "disabled": "pf-m-disabled",
@@ -16,6 +15,5 @@ exports.default = {
16
15
  "textInputGroupMain": "pf-v5-c-text-input-group__main",
17
16
  "textInputGroupText": "pf-v5-c-text-input-group__text",
18
17
  "textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
19
- "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities",
20
- "themeDark": "pf-v5-theme-dark"
18
+ "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
21
19
  };
@@ -1,6 +1,5 @@
1
1
  import './text-input-group.css';
2
2
  export default {
3
- "button": "pf-v5-c-button",
4
3
  "chipGroupMain": "pf-v5-c-chip-group__main",
5
4
  "modifiers": {
6
5
  "disabled": "pf-m-disabled",
@@ -14,6 +13,5 @@ export default {
14
13
  "textInputGroupMain": "pf-v5-c-text-input-group__main",
15
14
  "textInputGroupText": "pf-v5-c-text-input-group__text",
16
15
  "textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
17
- "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities",
18
- "themeDark": "pf-v5-theme-dark"
16
+ "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
19
17
  };
@@ -11,7 +11,7 @@
11
11
  --pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
12
12
  --pf-v5-c-tile--after--BackgroundColor: transparent;
13
13
  --pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
14
- --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
14
+ --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
15
15
  --pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
16
16
  --pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
17
17
  --pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);