@patternfly/patternfly 6.6.0-prerelease.20 → 6.6.0-prerelease.22

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 (30) hide show
  1. package/components/Accordion/accordion.css +3 -3
  2. package/components/Accordion/accordion.scss +3 -3
  3. package/components/Alert/alert.css +5 -5
  4. package/components/Alert/alert.scss +5 -5
  5. package/components/Breadcrumb/breadcrumb.css +2 -2
  6. package/components/Breadcrumb/breadcrumb.scss +2 -2
  7. package/components/Card/card.css +4 -4
  8. package/components/Card/card.scss +4 -4
  9. package/components/DataList/data-list.css +5 -5
  10. package/components/DataList/data-list.scss +5 -5
  11. package/components/Hint/hint.css +2 -2
  12. package/components/Hint/hint.scss +2 -2
  13. package/components/Menu/menu.css +1 -1
  14. package/components/Menu/menu.scss +2 -2
  15. package/components/ModalBox/modal-box.css +1 -1
  16. package/components/ModalBox/modal-box.scss +1 -1
  17. package/components/Nav/nav.css +2 -2
  18. package/components/Nav/nav.scss +2 -2
  19. package/components/Popover/popover.css +1 -1
  20. package/components/Popover/popover.scss +1 -1
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/TreeView/tree-view.css +6 -6
  24. package/components/TreeView/tree-view.scss +6 -6
  25. package/components/_index.css +34 -34
  26. package/package.json +3 -3
  27. package/patternfly-no-globals.css +34 -34
  28. package/patternfly.css +34 -34
  29. package/patternfly.min.css +1 -1
  30. package/patternfly.min.css.map +1 -1
package/components/Accordion/accordion.css CHANGED
@@ -4,10 +4,10 @@
4
4
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
5
5
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6
6
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
8
8
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
10
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
11
11
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
12
12
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13
13
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
package/components/Accordion/accordion.scss CHANGED
@@ -11,10 +11,10 @@
11
11
 
12
12
  // accordion toggle
13
13
  --#{$accordion}__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14
- --#{$accordion}__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14
+ --#{$accordion}__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
15
15
  --#{$accordion}__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16
- --#{$accordion}__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17
- --#{$accordion}__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16
+ --#{$accordion}__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
17
+ --#{$accordion}__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
18
18
  --#{$accordion}__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
19
19
  --#{$accordion}__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20
20
  --#{$accordion}__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
package/components/Alert/alert.css CHANGED
@@ -14,9 +14,9 @@
14
14
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15
15
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
16
16
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
17
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
18
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
19
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
17
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
19
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
20
20
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
21
21
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
22
22
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -28,8 +28,8 @@
28
28
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
29
29
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
30
30
  --pf-v6-c-alert__title--max-lines: 1;
31
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
32
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
32
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
33
33
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
34
34
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
35
35
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
package/components/Alert/alert.scss CHANGED
@@ -19,9 +19,9 @@
19
19
  --#{$alert}--FontSize: var(--pf-t--global--font--size--body--default);
20
20
 
21
21
  // Toggle
22
- --#{$alert}__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
23
- --#{$alert}__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
24
- --#{$alert}__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
22
+ --#{$alert}__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
23
+ --#{$alert}__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
24
+ --#{$alert}__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
25
25
  --#{$alert}__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
26
26
 
27
27
  // Toggle icon
@@ -41,8 +41,8 @@
41
41
  --#{$alert}__title--max-lines: 1;
42
42
 
43
43
  // Action
44
- --#{$alert}__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
45
- --#{$alert}__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
44
+ --#{$alert}__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
45
+ --#{$alert}__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
46
46
  --#{$alert}__action--TranslateY: #{pf-size-prem(2px)};
47
47
  --#{$alert}__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
48
48
 
package/components/Breadcrumb/breadcrumb.css CHANGED
@@ -18,9 +18,9 @@
18
18
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
19
19
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
20
20
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
21
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
21
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
22
22
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
23
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
23
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
24
24
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
25
25
  }
26
26
 
package/components/Breadcrumb/breadcrumb.scss CHANGED
@@ -29,9 +29,9 @@
29
29
  --#{$breadcrumb}__heading--FontSize: var(--#{$breadcrumb}__item--FontSize);
30
30
 
31
31
  // breadcrumb dropdown
32
- --#{$breadcrumb}__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
32
+ --#{$breadcrumb}__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
33
33
  --#{$breadcrumb}__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
34
- --#{$breadcrumb}__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
34
+ --#{$breadcrumb}__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
35
35
  --#{$breadcrumb}__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
36
36
  }
37
37
 
package/components/Card/card.css CHANGED
@@ -22,13 +22,13 @@
22
22
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
23
23
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
24
24
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
25
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
26
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
25
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
26
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
27
27
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
28
28
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
29
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
29
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
30
30
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
31
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
32
32
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
33
33
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
34
34
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
package/components/Card/card.scss CHANGED
@@ -24,15 +24,15 @@
24
24
  --#{$card}__footer--Color: var(--pf-t--global--text--color--subtle);
25
25
  --#{$card}__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
26
26
  --#{$card}__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
27
- --#{$card}__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
28
- --#{$card}__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
27
+ --#{$card}__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
28
+ --#{$card}__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
29
29
  --#{$card}__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
30
30
  --#{$card}__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
31
31
 
32
32
  // Expandable
33
- --#{$card}__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
33
+ --#{$card}__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
34
34
  --#{$card}__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
35
- --#{$card}__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
35
+ --#{$card}__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
36
36
  --#{$card}__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
37
37
  --#{$card}__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
38
38
  --#{$card}__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
package/components/DataList/data-list.css CHANGED
@@ -424,7 +424,7 @@
424
424
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
425
425
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
426
426
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
427
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
427
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
428
428
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
429
429
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
430
430
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -457,8 +457,8 @@
457
457
  --pf-v6-c-data-list--cell--WordBreak: normal;
458
458
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
459
459
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
460
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
461
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
460
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
461
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
462
462
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
463
463
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
464
464
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -489,8 +489,8 @@
489
489
  --pf-v6-c-data-list__item-action--Display: flex;
490
490
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
491
491
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
492
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
493
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
492
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
493
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
494
494
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
495
495
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
496
496
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
package/components/DataList/data-list.scss CHANGED
@@ -20,7 +20,7 @@
20
20
  --#{$data-list}--pf-m-plain__item--BackgroundColor: transparent;
21
21
  --#{$data-list}__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
22
22
  --#{$data-list}__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
23
- --#{$data-list}__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
23
+ --#{$data-list}__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
24
24
  --#{$data-list}__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
25
25
  --#{$data-list}__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
26
26
  --#{$data-list}__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -58,8 +58,8 @@
58
58
 
59
59
  // toggle
60
60
  --#{$data-list}__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1); // offset toggle to align left
61
- --#{$data-list}__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
62
- --#{$data-list}__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
61
+ --#{$data-list}__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
62
+ --#{$data-list}__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
63
63
  --#{$data-list}__toggle-icon--Height: calc(var(--#{$data-list}--FontSize) * var(--#{$data-list}--LineHeight));
64
64
  --#{$data-list}__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
65
65
  --#{$data-list}__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -98,8 +98,8 @@
98
98
  --#{$data-list}__item-action--Display: flex;
99
99
  --#{$data-list}__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
100
100
  --#{$data-list}__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
101
- --#{$data-list}__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
102
- --#{$data-list}__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
101
+ --#{$data-list}__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
102
+ --#{$data-list}__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
103
103
  --#{$data-list}__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
104
104
  --#{$data-list}__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
105
105
  --#{$data-list}__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
package/components/Hint/hint.css CHANGED
@@ -14,8 +14,8 @@
14
14
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
15
15
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16
16
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
19
19
  }
20
20
 
21
21
  .pf-v6-c-hint {
package/components/Hint/hint.scss CHANGED
@@ -24,8 +24,8 @@
24
24
 
25
25
  // Hint Actions
26
26
  --#{$hint}__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
27
- --#{$hint}__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
28
- --#{$hint}__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
27
+ --#{$hint}__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
28
+ --#{$hint}__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
29
29
  }
30
30
 
31
31
  .#{$hint} {
package/components/Menu/menu.css CHANGED
@@ -220,7 +220,7 @@
220
220
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
221
221
  --pf-v6-c-menu__item-external--Color: transparent;
222
222
  --pf-v6-c-menu__item-select-icon--Color: transparent;
223
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
223
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
224
224
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
225
225
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
226
226
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
package/components/Menu/menu.scss CHANGED
@@ -17,7 +17,7 @@
17
17
  --#{$menu}--BorderRadius: calc(var(--#{$menu}__item--BorderRadius) + var(--#{$menu}--PaddingBlockStart));
18
18
  --#{$menu}--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
19
19
  --#{$menu}--ZIndex: var(--pf-t--global--z-index--sm);
20
- --#{$menu}--button--disabled--Color: var(--pf-t--global--text--color--disabled);
20
+ --#{$menu}--button--disabled--Color: var(--pf-t--global--text--color--disabled); // TODO: remove in breaking change
21
21
  --#{$menu}--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
22
22
  --#{$menu}--TransitionDuration: 0s;
23
23
  --#{$menu}--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -205,7 +205,7 @@
205
205
  --#{$menu}__item-toggle-icon--Color: var(--#{$menu}--icon--disabled--Color);
206
206
  --#{$menu}__item-external--Color: transparent;
207
207
  --#{$menu}__item-select-icon--Color: transparent;
208
- --#{$menu}__item-description--Color: var(--#{$menu}--icon--disabled--Color);
208
+ --#{$menu}__item-description--Color: var(--#{$menu}__item--m-disabled--Color);
209
209
  --#{$menu}__list-item--BackgroundColor: transparent;
210
210
  --#{$menu}__list-item--hover--BackgroundColor: transparent;
211
211
  --#{$menu}__list-item--hover--BorderColor: transparent;
package/components/ModalBox/modal-box.css CHANGED
@@ -34,7 +34,7 @@
34
34
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
35
35
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
36
36
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
37
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
37
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
38
38
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
39
39
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
40
40
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
package/components/ModalBox/modal-box.scss CHANGED
@@ -39,7 +39,7 @@
39
39
 
40
40
  // Header main
41
41
  --#{$modal-box}__header-main--Gap: var(--pf-t--global--spacer--md);
42
- --#{$modal-box}__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
42
+ --#{$modal-box}__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
43
43
 
44
44
  // Title
45
45
  --#{$modal-box}__title--LineHeight: var(--pf-t--global--font--line-height--heading);
package/components/Nav/nav.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .pf-v6-c-nav {
2
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
3
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
4
4
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
5
5
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6
6
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
package/components/Nav/nav.scss CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  @include pf-root($nav) {
4
4
  // * Nav shared values
5
- --#{$nav}__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6
- --#{$nav}__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5
+ --#{$nav}__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
6
+ --#{$nav}__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
7
7
  --#{$nav}__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
8
8
  --#{$nav}__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9
9
  --#{$nav}__list--RowGap: var(--pf-t--global--spacer--sm);
package/components/Popover/popover.css CHANGED
@@ -37,7 +37,7 @@
37
37
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
38
38
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
39
39
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
40
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
40
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
41
41
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
42
42
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
43
43
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
package/components/Popover/popover.scss CHANGED
@@ -49,7 +49,7 @@
49
49
  --#{$popover}__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
50
50
 
51
51
  // Close
52
- --#{$popover}__close--InsetBlockStart: calc(var(--#{$popover}__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default)); // align top of button with top of text
52
+ --#{$popover}__close--InsetBlockStart: calc(var(--#{$popover}__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain)); // align top of button with top of text
53
53
  --#{$popover}__close--InsetInlineEnd: var(--#{$popover}__content--PaddingInlineEnd); // align right of content
54
54
  --#{$popover}__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
55
55
 
package/components/Table/table.css CHANGED
@@ -54,8 +54,8 @@
54
54
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
55
55
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
56
56
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
57
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
58
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
57
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
58
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
59
59
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
60
60
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
61
61
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
package/components/Table/table.scss CHANGED
@@ -89,8 +89,8 @@
89
89
  --#{$table}__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
90
90
 
91
91
  // * Table button
92
- --#{$table}__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
93
- --#{$table}__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
92
+ --#{$table}__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
93
+ --#{$table}__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
94
94
  --#{$table}__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
95
95
  --#{$table}__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
96
96
  --#{$table}__button--Color: var(--pf-t--global--text--color--regular);
package/components/TreeView/tree-view.css CHANGED
@@ -1,10 +1,10 @@
1
1
  .pf-v6-c-tree-view {
2
- --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
2
+ --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
3
3
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
4
4
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
5
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
6
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
7
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
8
8
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
9
9
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
10
10
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -48,9 +48,9 @@
48
48
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
49
49
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
50
50
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
51
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
51
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
52
52
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
53
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
53
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
54
54
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
55
55
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
56
56
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
package/components/TreeView/tree-view.scss CHANGED
@@ -4,16 +4,16 @@ $pf-v6-c-tree-view--MaxNesting: 10 !default;
4
4
 
5
5
  @include pf-root($tree-view) {
6
6
  // Node base
7
- --#{$tree-view}__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--#{$tree-view}__node-toggle-icon--MinWidth)); // based off of the expected width of the toggle button
7
+ --#{$tree-view}__node--indent--base: calc(var(--#{$tree-view}__node-toggle--PaddingInlineStart) + var(--#{$tree-view}__node-toggle--PaddingInlineEnd) + var(--#{$tree-view}__node-toggle-icon--MinWidth)); // based off of the expected width of the toggle button
8
8
  --#{$tree-view}__node--nested-indent--base: calc(var(--#{$tree-view}__node--indent--base) - var(--pf-t--global--spacer--md)); // nested spacing that removes the toggle button's left padding, so the icon aligns with text on the node above it
9
9
 
10
10
  // Content
11
11
  --#{$tree-view}__content--BorderRadius: var(--pf-t--global--border--radius--small);
12
12
 
13
13
  // Node
14
- --#{$tree-view}__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15
- --#{$tree-view}__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16
- --#{$tree-view}__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
14
+ --#{$tree-view}__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
15
+ --#{$tree-view}__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
16
+ --#{$tree-view}__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
17
17
  --#{$tree-view}__node--PaddingInlineStart: var(--#{$tree-view}__node--indent--base);
18
18
  --#{$tree-view}__node--Color: var(--pf-t--global--text--color--subtle);
19
19
  --#{$tree-view}__node--BackgroundColor: transparent;
@@ -66,9 +66,9 @@ $pf-v6-c-tree-view--MaxNesting: 10 !default;
66
66
 
67
67
  // Toggle icon
68
68
  --#{$tree-view}__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
69
- --#{$tree-view}__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
69
+ --#{$tree-view}__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
70
70
  --#{$tree-view}__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
71
- --#{$tree-view}__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
71
+ --#{$tree-view}__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
72
72
  --#{$tree-view}__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
73
73
  --#{$tree-view}__node-toggle--MarginBlockStart: calc(var(--#{$tree-view}__node-toggle--PaddingBlockStart) * -1);
74
74
  --#{$tree-view}__node-toggle--MarginBlockEnd: calc(var(--#{$tree-view}__node-toggle--PaddingBlockStart) * -1);
package/components/_index.css CHANGED
@@ -206,10 +206,10 @@
206
206
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
207
207
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
208
208
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
209
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
209
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
210
210
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
211
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
212
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
211
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
212
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
213
213
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
214
214
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
215
215
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -521,9 +521,9 @@
521
521
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
522
522
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
523
523
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
524
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
525
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
526
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
524
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
525
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
526
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
527
527
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
528
528
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
529
529
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -535,8 +535,8 @@
535
535
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
536
536
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
537
537
  --pf-v6-c-alert__title--max-lines: 1;
538
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
539
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
538
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
539
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
540
540
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
541
541
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
542
542
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -1679,9 +1679,9 @@ div.pf-v6-c-avatar {
1679
1679
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1680
1680
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1681
1681
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
1682
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1682
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1683
1683
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1684
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1684
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1685
1685
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
1686
1686
  }
1687
1687
 
@@ -3020,13 +3020,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3020
3020
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
3021
3021
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
3022
3022
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
3023
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3024
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3023
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3024
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3025
3025
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
3026
3026
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
3027
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3027
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3028
3028
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
3029
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3029
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3030
3030
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
3031
3031
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3032
3032
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -4993,7 +4993,7 @@ ul) {
4993
4993
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
4994
4994
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4995
4995
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
4996
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4996
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
4997
4997
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4998
4998
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
4999
4999
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -5026,8 +5026,8 @@ ul) {
5026
5026
  --pf-v6-c-data-list--cell--WordBreak: normal;
5027
5027
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
5028
5028
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
5029
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
5030
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
5029
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5030
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5031
5031
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
5032
5032
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5033
5033
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -5058,8 +5058,8 @@ ul) {
5058
5058
  --pf-v6-c-data-list__item-action--Display: flex;
5059
5059
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
5060
5060
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
5061
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
5062
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
5061
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
5062
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
5063
5063
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
5064
5064
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
5065
5065
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -9029,8 +9029,8 @@ ul) {
9029
9029
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
9030
9030
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
9031
9031
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
9032
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9033
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9032
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9033
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9034
9034
  }
9035
9035
 
9036
9036
  .pf-v6-c-hint {
@@ -11692,7 +11692,7 @@ ul.pf-v6-c-list {
11692
11692
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11693
11693
  --pf-v6-c-menu__item-external--Color: transparent;
11694
11694
  --pf-v6-c-menu__item-select-icon--Color: transparent;
11695
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11695
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
11696
11696
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
11697
11697
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
11698
11698
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -12707,7 +12707,7 @@ ul.pf-v6-c-list {
12707
12707
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12708
12708
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
12709
12709
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
12710
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
12710
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
12711
12711
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
12712
12712
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
12713
12713
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -13092,8 +13092,8 @@ ul.pf-v6-c-list {
13092
13092
  }
13093
13093
 
13094
13094
  .pf-v6-c-nav {
13095
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13096
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13095
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
13096
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
13097
13097
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
13098
13098
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13099
13099
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -15631,7 +15631,7 @@ ul.pf-v6-c-list {
15631
15631
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
15632
15632
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
15633
15633
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
15634
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
15634
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
15635
15635
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
15636
15636
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
15637
15637
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -19528,8 +19528,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19528
19528
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19529
19529
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19530
19530
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
19531
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19532
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19531
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
19532
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
19533
19533
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
19534
19534
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19535
19535
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -25300,12 +25300,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25300
25300
  }
25301
25301
 
25302
25302
  .pf-v6-c-tree-view {
25303
- --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
25303
+ --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
25304
25304
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
25305
25305
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
25306
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25307
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25308
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25306
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25307
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
25308
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25309
25309
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
25310
25310
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
25311
25311
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -25349,9 +25349,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25349
25349
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
25350
25350
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
25351
25351
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
25352
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25352
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25353
25353
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25354
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25354
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25355
25355
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
25356
25356
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
25357
25357
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);