@patternfly/patternfly 6.0.0-alpha.203 → 6.0.0-alpha.205

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 (26) hide show
  1. package/components/Alert/alert.css +3 -3
  2. package/components/Alert/alert.scss +3 -3
  3. package/components/Button/button.css +34 -42
  4. package/components/Button/button.scss +34 -42
  5. package/components/Card/card.css +3 -3
  6. package/components/Card/card.scss +3 -3
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/Form/form.css +2 -2
  10. package/components/Form/form.scss +2 -2
  11. package/components/FormControl/form-control.css +14 -15
  12. package/components/FormControl/form-control.scss +14 -15
  13. package/components/MenuToggle/menu-toggle.css +16 -26
  14. package/components/MenuToggle/menu-toggle.scss +16 -32
  15. package/components/Table/table.css +4 -4
  16. package/components/Table/table.scss +4 -4
  17. package/components/TextInputGroup/text-input-group.css +11 -13
  18. package/components/TextInputGroup/text-input-group.scss +12 -14
  19. package/components/Wizard/wizard.css +1 -1
  20. package/components/Wizard/wizard.scss +1 -1
  21. package/components/_index.css +89 -110
  22. package/package.json +1 -1
  23. package/patternfly-no-globals.css +89 -110
  24. package/patternfly.css +89 -110
  25. package/patternfly.min.css +1 -1
  26. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -6575,14 +6575,14 @@ button) {
6575
6575
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6576
6576
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
6577
6577
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
6578
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6579
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6578
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
6579
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
6580
6580
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6581
6581
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
6582
6582
  --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
6583
6583
  --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
6584
6584
  --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
6585
- --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6585
+ --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
6586
6586
  --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6587
6587
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
6588
6588
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
@@ -7593,10 +7593,10 @@ button.pf-v6-c-breadcrumb__link {
7593
7593
  --pf-v6-c-button--AlignItems: baseline;
7594
7594
  --pf-v6-c-button--JustifyContent: center;
7595
7595
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
7596
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7597
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7598
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7599
- --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7596
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
7597
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
7598
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
7599
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
7600
7600
  --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
7601
7601
  --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7602
7602
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7655,8 +7655,8 @@ button.pf-v6-c-breadcrumb__link {
7655
7655
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
7656
7656
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
7657
7657
  --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
7658
- --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7659
- --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
7658
+ --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
7659
+ --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
7660
7660
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
7661
7661
  --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7662
7662
  --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -7693,17 +7693,15 @@ button.pf-v6-c-breadcrumb__link {
7693
7693
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
7694
7694
  --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
7695
7695
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
7696
- --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7697
- --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
7696
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
7697
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
7698
7698
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
7699
- --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7700
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7701
- --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7702
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7703
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
7704
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
7699
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
7700
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
7701
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7702
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
7705
7703
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7706
- --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
7704
+ --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
7707
7705
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
7708
7706
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7709
7707
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -7711,10 +7709,8 @@ button.pf-v6-c-breadcrumb__link {
7711
7709
  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
7712
7710
  --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
7713
7711
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
7714
- --pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7715
- --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
7716
- --pf-v6-c-button--m-plain--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7717
- --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--xs);
7712
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
7713
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
7718
7714
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
7719
7715
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
7720
7716
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
@@ -7725,8 +7721,8 @@ button.pf-v6-c-breadcrumb__link {
7725
7721
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
7726
7722
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
7727
7723
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
7728
- --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--md);
7729
- --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7724
+ --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
7725
+ --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
7730
7726
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
7731
7727
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7732
7728
  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
@@ -7743,8 +7739,8 @@ button.pf-v6-c-breadcrumb__link {
7743
7739
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
7744
7740
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
7745
7741
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
7746
- --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--md);
7747
- --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7742
+ --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
7743
+ --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
7748
7744
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
7749
7745
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
7750
7746
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -7787,16 +7783,16 @@ button.pf-v6-c-breadcrumb__link {
7787
7783
  --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
7788
7784
  --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
7789
7785
  --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
7790
- --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--md);
7791
- --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
7792
- --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7793
- --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--xl);
7786
+ --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
7787
+ --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
7788
+ --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
7789
+ --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
7794
7790
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
7795
7791
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
7796
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7797
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7798
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7799
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--md);
7792
+ --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
7793
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
7794
+ --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
7795
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
7800
7796
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
7801
7797
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7802
7798
  --pf-v6-c-button--disabled--BorderColor: transparent;
@@ -7813,12 +7809,12 @@ button.pf-v6-c-breadcrumb__link {
7813
7809
  --pf-v6-c-button__progress--TranslateY: -50%;
7814
7810
  --pf-v6-c-button__progress--TranslateX: 0;
7815
7811
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
7816
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--md);
7812
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
7817
7813
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
7818
- --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7819
- --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7820
- --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7821
- --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width));
7814
+ --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
7815
+ --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
7816
+ --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
7817
+ --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
7822
7818
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
7823
7819
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
7824
7820
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
@@ -8057,9 +8053,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8057
8053
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
8058
8054
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
8059
8055
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
8060
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
8061
8056
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
8062
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--PaddingBlockEnd);
8063
8057
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
8064
8058
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
8065
8059
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
@@ -8069,9 +8063,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8069
8063
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
8070
8064
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
8071
8065
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
8072
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
8073
8066
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
8074
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd);
8075
8067
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
8076
8068
  min-width: var(--pf-v6-c-button--m-plain--MinWidth);
8077
8069
  }
@@ -8079,9 +8071,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8079
8071
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
8080
8072
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
8081
8073
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
8082
- --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
8074
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
8075
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
8083
8076
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
8084
- --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
8085
8077
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
8086
8078
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
8087
8079
  }
@@ -8414,7 +8406,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8414
8406
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8415
8407
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8416
8408
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8417
- --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8409
+ --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
8418
8410
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8419
8411
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
8420
8412
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
@@ -8457,8 +8449,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8457
8449
  --pf-v6-c-card--m-full-height--Height: 100%;
8458
8450
  --pf-v6-c-card--m-plain--BorderColor: transparent;
8459
8451
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
8460
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--compact) * -1);
8461
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
8452
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
8453
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
8462
8454
  }
8463
8455
 
8464
8456
  .pf-v6-c-card {
@@ -9825,7 +9817,7 @@ ul) {
9825
9817
  --pf-v6-c-data-list--cell--WhiteSpace: normal;
9826
9818
  --pf-v6-c-data-list--cell--WordBreak: normal;
9827
9819
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
9828
- --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
9820
+ --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9829
9821
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9830
9822
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9831
9823
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
@@ -12530,8 +12522,8 @@ ul) {
12530
12522
  --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
12531
12523
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
12532
12524
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
12533
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-v6-c-button--m-plain--PaddingBlockStart) * -1);
12534
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-v6-c-button--m-plain--PaddingBlockEnd) * -1);
12525
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12526
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12535
12527
  --pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
12536
12528
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
12537
12529
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -13008,7 +13000,7 @@ ul) {
13008
13000
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
13009
13001
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
13010
13002
  --pf-v6-c-form-control--Width: 100%;
13011
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--md);
13003
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
13012
13004
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
13013
13005
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
13014
13006
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
@@ -13034,35 +13026,34 @@ ul) {
13034
13026
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
13035
13027
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
13036
13028
  --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
13037
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
13029
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
13038
13030
  --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
13039
13031
  --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
13040
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
13032
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
13041
13033
  --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
13042
13034
  --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
13043
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
13035
+ --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
13044
13036
  --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
13045
13037
  --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
13046
13038
  --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
13047
- --pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
13039
+ --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
13048
13040
  --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
13049
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13050
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-t--global--spacer--md);
13051
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
13052
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
13053
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
13041
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
13042
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
13043
+ --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
13044
+ --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
13045
+ --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
13054
13046
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
13055
13047
  --pf-v6-c-form-control--textarea--Height: auto;
13056
- --pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13057
13048
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
13049
+ --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
13058
13050
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
13059
13051
  --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
13060
13052
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
13061
13053
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
13062
13054
  --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
13063
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--inset--base);
13055
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
13064
13056
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
13065
- --pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13066
13057
  --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
13067
13058
  --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
13068
13059
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -13230,7 +13221,7 @@ ul) {
13230
13221
  }
13231
13222
 
13232
13223
  .pf-v6-c-form-control__icon {
13233
- padding-block-start: var(--pf-v6-c-form-control__icon--PaddingBlockStart);
13224
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
13234
13225
  color: var(--pf-v6-c-form-control__icon--Color);
13235
13226
  }
13236
13227
  .pf-v6-c-form-control__icon.pf-m-status {
@@ -13240,7 +13231,6 @@ ul) {
13240
13231
  .pf-v6-c-form-control__toggle-icon {
13241
13232
  grid-row: 1/2;
13242
13233
  grid-column: 3;
13243
- padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
13244
13234
  padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
13245
13235
  padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
13246
13236
  color: var(--pf-v6-c-form-control__toggle-icon--Color);
@@ -13253,6 +13243,7 @@ ul) {
13253
13243
  grid-row: 1/2;
13254
13244
  grid-column: 2;
13255
13245
  gap: var(--pf-v6-c-form-control__utilities--Gap);
13246
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
13256
13247
  padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
13257
13248
  pointer-events: none;
13258
13249
  }
@@ -16135,10 +16126,10 @@ ul.pf-v6-c-list {
16135
16126
 
16136
16127
  :where(:root, .pf-v6-c-menu-toggle) {
16137
16128
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
16138
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16139
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16140
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16141
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16129
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
16130
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
16131
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
16132
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
16142
16133
  --pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
16143
16134
  --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
16144
16135
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
@@ -16165,15 +16156,9 @@ ul.pf-v6-c-list {
16165
16156
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
16166
16157
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
16167
16158
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
16168
- --pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
16169
- --pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16159
+ --pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
16160
+ --pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
16170
16161
  --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
16171
- --pf-v6-c-menu-toggle--m-control--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16172
- --pf-v6-c-menu-toggle--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16173
- --pf-v6-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
16174
- --pf-v6-c-menu-toggle--m-action--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16175
- --pf-v6-c-menu-toggle--m-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16176
- --pf-v6-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
16177
16162
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
16178
16163
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
16179
16164
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
@@ -16204,8 +16189,8 @@ ul.pf-v6-c-list {
16204
16189
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
16205
16190
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
16206
16191
  --pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
16207
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16208
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16192
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
16193
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
16209
16194
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
16210
16195
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
16211
16196
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
@@ -16219,8 +16204,8 @@ ul.pf-v6-c-list {
16219
16204
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
16220
16205
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
16221
16206
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
16222
- --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16223
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16207
+ --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
16208
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
16224
16209
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
16225
16210
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16226
16211
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -16230,13 +16215,11 @@ ul.pf-v6-c-list {
16230
16215
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16231
16216
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
16232
16217
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
16233
- --pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16234
16218
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
16235
- --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
16236
- --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
16237
- --pf-v6-c-menu-toggle--m-small--ColumnGap: calc(var(--pf-t--global--spacer--control--horizontal--compact) / 2);
16238
- --pf-v6-c-menu-toggle--m-small--FontSize: var(--pf-t--global--font--size--body--sm);
16239
- --pf-v6-c-menu-toggle--m-small__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--xs));
16219
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
16220
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
16221
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
16222
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
16240
16223
  --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
16241
16224
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
16242
16225
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -16364,9 +16347,8 @@ ul.pf-v6-c-list {
16364
16347
  .pf-v6-c-menu-toggle.pf-m-small {
16365
16348
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
16366
16349
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
16367
- --pf-v6-c-menu-toggle--FontSize: var(--pf-v6-c-menu-toggle--m-small--FontSize);
16368
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-v6-c-menu-toggle--m-small--ColumnGap);
16369
- --pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
16350
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
16351
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
16370
16352
  }
16371
16353
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
16372
16354
  background-color: transparent;
@@ -16469,7 +16451,6 @@ ul.pf-v6-c-list {
16469
16451
  align-items: stretch;
16470
16452
  }
16471
16453
  .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
16472
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd);
16473
16454
  --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
16474
16455
  flex: 1;
16475
16456
  }
@@ -22522,8 +22503,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22522
22503
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
22523
22504
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22524
22505
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
22525
- --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--sm));
22526
- --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--xs));
22506
+ --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
22507
+ --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
22527
22508
  --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22528
22509
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
22529
22510
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
@@ -22973,10 +22954,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22973
22954
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
22974
22955
  }
22975
22956
  .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
22976
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22957
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22977
22958
  }
22978
22959
  .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
22979
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22960
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22980
22961
  }
22981
22962
 
22982
22963
  .pf-v6-c-table__draggable .pf-v6-c-button {
@@ -24965,8 +24946,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24965
24946
  --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
24966
24947
  --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
24967
24948
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24968
- --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
24969
- --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
24949
+ --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24950
+ --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24970
24951
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24971
24952
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24972
24953
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -24975,18 +24956,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24975
24956
  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
24976
24957
  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
24977
24958
  --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
24978
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24979
- --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
24980
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24981
- --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24982
- --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24983
- --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24984
- --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24959
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
24960
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24961
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
24962
+ --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
24963
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
24964
+ --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
24965
+ --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
24985
24966
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
24986
24967
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
24987
24968
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
24988
24969
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24989
24970
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24971
+ --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24990
24972
  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24991
24973
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24992
24974
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -24998,8 +24980,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24998
24980
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
24999
24981
  --pf-v6-c-text-input-group__icon--TranslateY: -50%;
25000
24982
  --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
25001
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
25002
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
25003
24983
  --pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
25004
24984
  --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
25005
24985
  }
@@ -25079,8 +25059,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25079
25059
  min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
25080
25060
  }
25081
25061
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
25082
- padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
25083
- padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
25084
25062
  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
25085
25063
  }
25086
25064
  .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
@@ -25101,6 +25079,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25101
25079
  position: absolute;
25102
25080
  inset-block-start: 50%;
25103
25081
  inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
25082
+ font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
25104
25083
  color: var(--pf-v6-c-text-input-group__icon--Color);
25105
25084
  transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
25106
25085
  }
@@ -28080,7 +28059,7 @@ label.pf-v6-c-tree-view__node-text {
28080
28059
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
28081
28060
  --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
28082
28061
  --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28083
- --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
28062
+ --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--spacer--control--vertical--plain));
28084
28063
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
28085
28064
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
28086
28065
  --pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);