@patternfly/patternfly 6.0.0-alpha.108 → 6.0.0-alpha.109

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 (24) hide show
  1. package/components/Alert/alert.css +4 -4
  2. package/components/Alert/alert.scss +4 -6
  3. package/components/Breadcrumb/breadcrumb.css +2 -2
  4. package/components/Breadcrumb/breadcrumb.scss +2 -2
  5. package/components/Card/card.css +5 -5
  6. package/components/Card/card.scss +5 -5
  7. package/components/DataList/data-list.css +2 -2
  8. package/components/DataList/data-list.scss +2 -2
  9. package/components/Drawer/drawer.css +2 -2
  10. package/components/Drawer/drawer.scss +2 -2
  11. package/components/FormControl/form-control.css +2 -2
  12. package/components/FormControl/form-control.scss +2 -2
  13. package/components/Hint/hint.css +1 -1
  14. package/components/Hint/hint.scss +1 -1
  15. package/components/JumpLinks/jump-links.css +2 -2
  16. package/components/JumpLinks/jump-links.scss +2 -2
  17. package/components/Popover/popover.css +1 -1
  18. package/components/Popover/popover.scss +1 -1
  19. package/package.json +1 -1
  20. package/patternfly-no-globals.css +21 -21
  21. package/patternfly-theme-dark-unversioned.css +21 -21
  22. package/patternfly.css +21 -21
  23. package/patternfly.min.css +1 -1
  24. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -6889,8 +6889,8 @@ button) {
6889
6889
  --pf-v6-c-alert--PaddingBottom: var(--pf-t--global--spacer--md);
6890
6890
  --pf-v6-c-alert--PaddingLeft: var(--pf-t--global--spacer--md);
6891
6891
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
6892
- --pf-v6-c-alert__toggle--MarginTop: calc(-1 * var(--pf-v6-global--spacer--form-element) - 0.0625rem);
6893
- --pf-v6-c-alert__toggle--MarginBottom: calc(-1 * var(--pf-v6-global--spacer--form-element));
6892
+ --pf-v6-c-alert__toggle--MarginTop: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - 0.0625rem);
6893
+ --pf-v6-c-alert__toggle--MarginBottom: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
6894
6894
  --pf-v6-c-alert__toggle--MarginRight: var(--pf-t--global--spacer--sm);
6895
6895
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
6896
6896
  --pf-v6-c-alert__toggle-icon--Transition: var(--pf-v6-global--Transition);
@@ -6904,8 +6904,8 @@ button) {
6904
6904
  --pf-v6-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
6905
6905
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
6906
6906
  --pf-v6-c-alert__title--max-lines: 1;
6907
- --pf-v6-c-alert__action--MarginTop: calc(var(--pf-v6-global--spacer--form-element) * -1);
6908
- --pf-v6-c-alert__action--MarginBottom: calc(var(--pf-v6-global--spacer--form-element) * -1);
6907
+ --pf-v6-c-alert__action--MarginTop: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6908
+ --pf-v6-c-alert__action--MarginBottom: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6909
6909
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
6910
6910
  --pf-v6-c-alert__action--MarginRight: calc(var(--pf-t--global--spacer--sm) * -1);
6911
6911
  --pf-v6-c-alert__description--PaddingTop: var(--pf-t--global--spacer--xs);
@@ -7995,9 +7995,9 @@ button) {
7995
7995
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7996
7996
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7997
7997
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7998
- --pf-v6-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
7998
+ --pf-v6-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7999
7999
  --pf-v6-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-v6-c-breadcrumb__item--MarginRight) * -1);
8000
- --pf-v6-c-breadcrumb__dropdown--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
8000
+ --pf-v6-c-breadcrumb__dropdown--MarginBottom: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8001
8001
  --pf-v6-c-breadcrumb__dropdown--MarginLeft: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginRight) * -1);
8002
8002
  --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
8003
8003
  }
@@ -8884,11 +8884,11 @@ button.pf-v6-c-breadcrumb__link {
8884
8884
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
8885
8885
  --pf-v6-c-card__actions--PaddingLeft: var(--pf-t--global--spacer--md);
8886
8886
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
8887
- --pf-v6-c-card__actions--MarginTop: calc(var(--pf-v6-global--spacer--form-element) * -1);
8888
- --pf-v6-c-card__actions--MarginBottom: calc(var(--pf-v6-global--spacer--form-element) * -1);
8889
- --pf-v6-c-card__header-toggle--MarginTop: calc(var(--pf-v6-global--spacer--form-element) * -1);
8887
+ --pf-v6-c-card__actions--MarginTop: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8888
+ --pf-v6-c-card__actions--MarginBottom: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8889
+ --pf-v6-c-card__header-toggle--MarginTop: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
8890
8890
  --pf-v6-c-card__header-toggle--MarginRight: var(--pf-t--global--spacer--xs);
8891
- --pf-v6-c-card__header-toggle--MarginBottom: calc(var(--pf-v6-global--spacer--form-element) * -1);
8891
+ --pf-v6-c-card__header-toggle--MarginBottom: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
8892
8892
  --pf-v6-c-card__header-toggle--MarginLeft: calc(var(--pf-t--global--spacer--md) * -1);
8893
8893
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-v6-global--Transition);
8894
8894
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
@@ -8930,7 +8930,7 @@ button.pf-v6-c-breadcrumb__link {
8930
8930
  --pf-v6-c-card--m-full-height--Height: 100%;
8931
8931
  --pf-v6-c-card--m-plain--BorderColor: transparent;
8932
8932
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
8933
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-v6-global--spacer--form-element) * -1);
8933
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginRight: calc(var(--pf-t--global--spacer--button--horizontal--compact) * -1);
8934
8934
  --pf-v6-c-card__header--m-toggle-right--toggle--MarginLeft: var(--pf-t--global--spacer--xs);
8935
8935
  }
8936
8936
 
@@ -10821,8 +10821,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10821
10821
  --pf-v6-c-data-list--cell--WordBreak: normal;
10822
10822
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
10823
10823
  --pf-v6-c-data-list__toggle--MarginLeft: calc(var(--pf-t--global--spacer--sm) * -1);
10824
- --pf-v6-c-data-list__toggle--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
10825
- --pf-v6-c-data-list__toggle--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
10824
+ --pf-v6-c-data-list__toggle--MarginTop: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
10825
+ --pf-v6-c-data-list__toggle--MarginBottom: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
10826
10826
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
10827
10827
  --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10828
10828
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
@@ -15020,8 +15020,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
15020
15020
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
15021
15021
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
15022
15022
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15023
- --pf-v6-c-drawer__actions--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1.5);
15024
- --pf-v6-c-drawer__actions--MarginRight: calc(var(--pf-t--global--spacer--xs) * -1.5);
15023
+ --pf-v6-c-drawer__actions--MarginTop: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
15024
+ --pf-v6-c-drawer__actions--MarginRight: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
15025
15025
  --pf-v6-c-drawer__panel--BoxShadow: none;
15026
15026
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
15027
15027
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
@@ -17275,8 +17275,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
17275
17275
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
17276
17276
  --pf-v6-c-form-control--Width: 100%;
17277
17277
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--md);
17278
- --pf-v6-c-form-control--PaddingTop: var(--pf-t--global--spacer--sm);
17279
- --pf-v6-c-form-control--PaddingBottom: var(--pf-t--global--spacer--sm);
17278
+ --pf-v6-c-form-control--PaddingTop: var(--pf-t--global--spacer--control--vertical--default);
17279
+ --pf-v6-c-form-control--PaddingBottom: var(--pf-t--global--spacer--control--vertical--default);
17280
17280
  --pf-v6-c-form-control--PaddingRight: var(--pf-v6-c-form-control--inset--base);
17281
17281
  --pf-v6-c-form-control--PaddingLeft: var(--pf-v6-c-form-control--inset--base);
17282
17282
  --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
@@ -17546,7 +17546,7 @@ select ~ .pf-v6-c-form-control__utilities {
17546
17546
  --pf-v6-c-hint__footer--MarginTop: var(--pf-t--global--spacer--sm);
17547
17547
  --pf-v6-c-hint__footer--child--MarginRight: var(--pf-t--global--spacer--md);
17548
17548
  --pf-v6-c-hint__actions--MarginLeft: var(--pf-t--global--spacer--2xl);
17549
- --pf-v6-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-v6-global--spacer--form-element) * -1);
17549
+ --pf-v6-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17550
17550
  }
17551
17551
 
17552
17552
  .pf-v6-c-hint {
@@ -18134,8 +18134,8 @@ label.pf-v6-c-input-group__text {
18134
18134
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
18135
18135
  --pf-v6-c-jump-links__label--MarginBottom: var(--pf-t--global--spacer--md);
18136
18136
  --pf-v6-c-jump-links__label--Display: block;
18137
- --pf-v6-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v6-global--spacer--form-element));
18138
- --pf-v6-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v6-global--spacer--form-element));
18137
+ --pf-v6-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
18138
+ --pf-v6-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
18139
18139
  --pf-v6-c-jump-links__toggle--MarginBottom: var(--pf-v6-c-jump-links__toggle--MarginBottom--base);
18140
18140
  --pf-v6-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v6-c-jump-links__toggle--MarginBottom--base) + var(--pf-t--global--spacer--md));
18141
18141
  --pf-v6-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
@@ -23679,7 +23679,7 @@ ul.pf-v6-c-list {
23679
23679
  --pf-v6-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
23680
23680
  --pf-v6-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
23681
23681
  --pf-v6-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
23682
- --pf-v6-c-popover__close--Top: calc(var(--pf-v6-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
23682
+ --pf-v6-c-popover__close--Top: calc(var(--pf-v6-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--control--vertical--compact) * 1.5));
23683
23683
  --pf-v6-c-popover__close--Right: var(--pf-v6-c-popover__content--PaddingRight);
23684
23684
  --pf-v6-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
23685
23685
  --pf-v6-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);