@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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly",
4
- "version": "6.6.0-prerelease.20",
4
+ "version": "6.6.0-prerelease.22",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -71,8 +71,8 @@
71
71
  "@commitlint/config-conventional": "^19.1.0",
72
72
  "@fortawesome/fontawesome": "^1.1.8",
73
73
  "@octokit/rest": "^20.1.0",
74
- "@patternfly/documentation-framework": "6.49.0",
75
- "@patternfly/patternfly-a11y": "5.1.0",
74
+ "@patternfly/documentation-framework": "6.49.1",
75
+ "@patternfly/patternfly-a11y": "5.2.1",
76
76
  "@patternfly/react-code-editor": "6.6.0",
77
77
  "@patternfly/react-core": "6.6.0",
78
78
  "@patternfly/react-icons": "6.6.0",
package/patternfly-no-globals.css CHANGED
@@ -9462,10 +9462,10 @@
9462
9462
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
9463
9463
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9464
9464
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
9465
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9465
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
9466
9466
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9467
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9468
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9467
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9468
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9469
9469
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
9470
9470
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9471
9471
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -9777,9 +9777,9 @@
9777
9777
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9778
9778
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
9779
9779
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
9780
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9781
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9782
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
9780
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9781
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9782
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9783
9783
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9784
9784
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
9785
9785
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -9791,8 +9791,8 @@
9791
9791
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
9792
9792
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
9793
9793
  --pf-v6-c-alert__title--max-lines: 1;
9794
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9795
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9794
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9795
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9796
9796
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
9797
9797
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9798
9798
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -10935,9 +10935,9 @@ div.pf-v6-c-avatar {
10935
10935
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
10936
10936
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
10937
10937
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
10938
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10938
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10939
10939
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
10940
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10940
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10941
10941
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
10942
10942
  }
10943
10943
 
@@ -12276,13 +12276,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12276
12276
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12277
12277
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12278
12278
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
12279
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12280
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12279
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12280
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12281
12281
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12282
12282
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
12283
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12283
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12284
12284
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
12285
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12285
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12286
12286
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12287
12287
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12288
12288
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -14249,7 +14249,7 @@ ul) {
14249
14249
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14250
14250
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14251
14251
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
14252
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14252
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14253
14253
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14254
14254
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14255
14255
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14282,8 +14282,8 @@ ul) {
14282
14282
  --pf-v6-c-data-list--cell--WordBreak: normal;
14283
14283
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14284
14284
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
14285
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14286
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14285
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14286
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14287
14287
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14288
14288
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14289
14289
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14314,8 +14314,8 @@ ul) {
14314
14314
  --pf-v6-c-data-list__item-action--Display: flex;
14315
14315
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14316
14316
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14317
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
14318
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
14317
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14318
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14319
14319
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14320
14320
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14321
14321
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -18285,8 +18285,8 @@ ul) {
18285
18285
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18286
18286
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18287
18287
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
18288
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18289
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18288
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18289
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18290
18290
  }
18291
18291
 
18292
18292
  .pf-v6-c-hint {
@@ -20948,7 +20948,7 @@ ul.pf-v6-c-list {
20948
20948
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20949
20949
  --pf-v6-c-menu__item-external--Color: transparent;
20950
20950
  --pf-v6-c-menu__item-select-icon--Color: transparent;
20951
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20951
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20952
20952
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20953
20953
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20954
20954
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21963,7 +21963,7 @@ ul.pf-v6-c-list {
21963
21963
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21964
21964
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
21965
21965
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
21966
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
21966
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21967
21967
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
21968
21968
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
21969
21969
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -22348,8 +22348,8 @@ ul.pf-v6-c-list {
22348
22348
  }
22349
22349
 
22350
22350
  .pf-v6-c-nav {
22351
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22352
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22351
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22352
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22353
22353
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22354
22354
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22355
22355
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -24887,7 +24887,7 @@ ul.pf-v6-c-list {
24887
24887
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
24888
24888
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
24889
24889
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
24890
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
24890
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
24891
24891
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
24892
24892
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
24893
24893
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -28784,8 +28784,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28784
28784
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28785
28785
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28786
28786
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
28787
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28788
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28787
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28788
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28789
28789
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28790
28790
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28791
28791
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -34556,12 +34556,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34556
34556
  }
34557
34557
 
34558
34558
  .pf-v6-c-tree-view {
34559
- --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));
34559
+ --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));
34560
34560
  --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));
34561
34561
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34562
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34563
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34564
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34562
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34563
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34564
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34565
34565
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34566
34566
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34567
34567
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34605,9 +34605,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34605
34605
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34606
34606
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34607
34607
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34608
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34608
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34609
34609
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34610
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34610
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34611
34611
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34612
34612
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34613
34613
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
package/patternfly.css CHANGED
@@ -9617,10 +9617,10 @@ button) {
9617
9617
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
9618
9618
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9619
9619
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
9620
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9620
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
9621
9621
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9622
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9623
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9622
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9623
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9624
9624
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
9625
9625
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9626
9626
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -9932,9 +9932,9 @@ button) {
9932
9932
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9933
9933
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
9934
9934
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
9935
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9936
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9937
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
9935
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9936
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9937
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9938
9938
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9939
9939
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
9940
9940
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -9946,8 +9946,8 @@ button) {
9946
9946
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
9947
9947
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
9948
9948
  --pf-v6-c-alert__title--max-lines: 1;
9949
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9950
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9949
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9950
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9951
9951
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
9952
9952
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9953
9953
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -11090,9 +11090,9 @@ div.pf-v6-c-avatar {
11090
11090
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
11091
11091
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
11092
11092
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
11093
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11093
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11094
11094
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
11095
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11095
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11096
11096
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
11097
11097
  }
11098
11098
 
@@ -12431,13 +12431,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12431
12431
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12432
12432
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12433
12433
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
12434
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12435
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12434
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12435
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12436
12436
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12437
12437
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
12438
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12438
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12439
12439
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
12440
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12440
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12441
12441
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12442
12442
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12443
12443
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -14404,7 +14404,7 @@ ul) {
14404
14404
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14405
14405
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14406
14406
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
14407
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14407
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14408
14408
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14409
14409
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14410
14410
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14437,8 +14437,8 @@ ul) {
14437
14437
  --pf-v6-c-data-list--cell--WordBreak: normal;
14438
14438
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14439
14439
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
14440
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14441
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14440
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14441
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14442
14442
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14443
14443
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14444
14444
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14469,8 +14469,8 @@ ul) {
14469
14469
  --pf-v6-c-data-list__item-action--Display: flex;
14470
14470
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14471
14471
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14472
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
14473
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
14472
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14473
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14474
14474
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14475
14475
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14476
14476
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -18440,8 +18440,8 @@ ul) {
18440
18440
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18441
18441
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18442
18442
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
18443
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18444
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18443
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18444
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18445
18445
  }
18446
18446
 
18447
18447
  .pf-v6-c-hint {
@@ -21103,7 +21103,7 @@ ul.pf-v6-c-list {
21103
21103
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21104
21104
  --pf-v6-c-menu__item-external--Color: transparent;
21105
21105
  --pf-v6-c-menu__item-select-icon--Color: transparent;
21106
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21106
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
21107
21107
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
21108
21108
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
21109
21109
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -22118,7 +22118,7 @@ ul.pf-v6-c-list {
22118
22118
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22119
22119
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
22120
22120
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
22121
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
22121
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22122
22122
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
22123
22123
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
22124
22124
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -22503,8 +22503,8 @@ ul.pf-v6-c-list {
22503
22503
  }
22504
22504
 
22505
22505
  .pf-v6-c-nav {
22506
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22507
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22506
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22507
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22508
22508
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22509
22509
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22510
22510
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -25042,7 +25042,7 @@ ul.pf-v6-c-list {
25042
25042
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
25043
25043
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
25044
25044
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
25045
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
25045
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
25046
25046
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
25047
25047
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
25048
25048
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -28939,8 +28939,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28939
28939
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28940
28940
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28941
28941
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
28942
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28943
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28942
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28943
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28944
28944
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28945
28945
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28946
28946
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -34711,12 +34711,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34711
34711
  }
34712
34712
 
34713
34713
  .pf-v6-c-tree-view {
34714
- --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));
34714
+ --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));
34715
34715
  --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));
34716
34716
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34717
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34718
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34719
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34717
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34718
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34719
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34720
34720
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34721
34721
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34722
34722
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34760,9 +34760,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34760
34760
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34761
34761
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34762
34762
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34763
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34763
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34764
34764
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34765
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34765
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34766
34766
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34767
34767
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34768
34768
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);