@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-no-globals.css CHANGED
@@ -6454,14 +6454,14 @@
6454
6454
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6455
6455
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
6456
6456
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
6457
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6458
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6457
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
6458
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
6459
6459
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6460
6460
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
6461
6461
  --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
6462
6462
  --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
6463
6463
  --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
6464
- --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6464
+ --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
6465
6465
  --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6466
6466
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
6467
6467
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
@@ -7472,10 +7472,10 @@ button.pf-v6-c-breadcrumb__link {
7472
7472
  --pf-v6-c-button--AlignItems: baseline;
7473
7473
  --pf-v6-c-button--JustifyContent: center;
7474
7474
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
7475
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7476
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7477
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7478
- --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7475
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
7476
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
7477
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
7478
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
7479
7479
  --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
7480
7480
  --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
7481
7481
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -7534,8 +7534,8 @@ button.pf-v6-c-breadcrumb__link {
7534
7534
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
7535
7535
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
7536
7536
  --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
7537
- --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7538
- --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
7537
+ --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
7538
+ --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
7539
7539
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
7540
7540
  --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7541
7541
  --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -7572,17 +7572,15 @@ button.pf-v6-c-breadcrumb__link {
7572
7572
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
7573
7573
  --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
7574
7574
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
7575
- --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7576
- --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
7575
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
7576
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
7577
7577
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
7578
- --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7579
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7580
- --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7581
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7582
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
7583
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
7578
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
7579
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
7580
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7581
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
7584
7582
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7585
- --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));
7583
+ --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));
7586
7584
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
7587
7585
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7588
7586
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -7590,10 +7588,8 @@ button.pf-v6-c-breadcrumb__link {
7590
7588
  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
7591
7589
  --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
7592
7590
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
7593
- --pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7594
- --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
7595
- --pf-v6-c-button--m-plain--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7596
- --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--xs);
7591
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
7592
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
7597
7593
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
7598
7594
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
7599
7595
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
@@ -7604,8 +7600,8 @@ button.pf-v6-c-breadcrumb__link {
7604
7600
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
7605
7601
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
7606
7602
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
7607
- --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--md);
7608
- --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7603
+ --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
7604
+ --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
7609
7605
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
7610
7606
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7611
7607
  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
@@ -7622,8 +7618,8 @@ button.pf-v6-c-breadcrumb__link {
7622
7618
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
7623
7619
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
7624
7620
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
7625
- --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--md);
7626
- --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7621
+ --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
7622
+ --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
7627
7623
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
7628
7624
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
7629
7625
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -7666,16 +7662,16 @@ button.pf-v6-c-breadcrumb__link {
7666
7662
  --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
7667
7663
  --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
7668
7664
  --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
7669
- --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--md);
7670
- --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
7671
- --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7672
- --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--xl);
7665
+ --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
7666
+ --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
7667
+ --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
7668
+ --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
7673
7669
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
7674
7670
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
7675
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7676
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7677
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7678
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--md);
7671
+ --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
7672
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
7673
+ --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
7674
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
7679
7675
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
7680
7676
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7681
7677
  --pf-v6-c-button--disabled--BorderColor: transparent;
@@ -7692,12 +7688,12 @@ button.pf-v6-c-breadcrumb__link {
7692
7688
  --pf-v6-c-button__progress--TranslateY: -50%;
7693
7689
  --pf-v6-c-button__progress--TranslateX: 0;
7694
7690
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
7695
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--md);
7691
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
7696
7692
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
7697
- --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7698
- --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
7699
- --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7700
- --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width));
7693
+ --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
7694
+ --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
7695
+ --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
7696
+ --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
7701
7697
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
7702
7698
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
7703
7699
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
@@ -7936,9 +7932,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7936
7932
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
7937
7933
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
7938
7934
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
7939
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
7940
7935
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
7941
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--PaddingBlockEnd);
7942
7936
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
7943
7937
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
7944
7938
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
@@ -7948,9 +7942,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7948
7942
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
7949
7943
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
7950
7944
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
7951
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
7952
7945
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
7953
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd);
7954
7946
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
7955
7947
  min-width: var(--pf-v6-c-button--m-plain--MinWidth);
7956
7948
  }
@@ -7958,9 +7950,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7958
7950
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
7959
7951
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
7960
7952
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
7961
- --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
7953
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
7954
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
7962
7955
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
7963
- --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
7964
7956
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
7965
7957
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
7966
7958
  }
@@ -8293,7 +8285,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8293
8285
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8294
8286
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8295
8287
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8296
- --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8288
+ --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
8297
8289
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8298
8290
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
8299
8291
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
@@ -8336,8 +8328,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8336
8328
  --pf-v6-c-card--m-full-height--Height: 100%;
8337
8329
  --pf-v6-c-card--m-plain--BorderColor: transparent;
8338
8330
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
8339
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--compact) * -1);
8340
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
8331
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
8332
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
8341
8333
  }
8342
8334
 
8343
8335
  .pf-v6-c-card {
@@ -9704,7 +9696,7 @@ ul) {
9704
9696
  --pf-v6-c-data-list--cell--WhiteSpace: normal;
9705
9697
  --pf-v6-c-data-list--cell--WordBreak: normal;
9706
9698
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
9707
- --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
9699
+ --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9708
9700
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9709
9701
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9710
9702
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
@@ -12409,8 +12401,8 @@ ul) {
12409
12401
  --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
12410
12402
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
12411
12403
  --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);
12412
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-v6-c-button--m-plain--PaddingBlockStart) * -1);
12413
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-v6-c-button--m-plain--PaddingBlockEnd) * -1);
12404
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12405
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12414
12406
  --pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
12415
12407
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
12416
12408
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -12887,7 +12879,7 @@ ul) {
12887
12879
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
12888
12880
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
12889
12881
  --pf-v6-c-form-control--Width: 100%;
12890
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--md);
12882
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
12891
12883
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
12892
12884
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
12893
12885
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
@@ -12913,35 +12905,34 @@ ul) {
12913
12905
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
12914
12906
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
12915
12907
  --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
12916
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
12908
+ --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));
12917
12909
  --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
12918
12910
  --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
12919
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
12911
+ --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));
12920
12912
  --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
12921
12913
  --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
12922
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
12914
+ --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));
12923
12915
  --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
12924
12916
  --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));
12925
12917
  --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
12926
- --pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
12918
+ --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
12927
12919
  --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));
12928
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12929
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-t--global--spacer--md);
12930
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
12931
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
12932
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
12920
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
12921
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
12922
+ --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));
12923
+ --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));
12924
+ --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));
12933
12925
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
12934
12926
  --pf-v6-c-form-control--textarea--Height: auto;
12935
- --pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12936
12927
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
12928
+ --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
12937
12929
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
12938
12930
  --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
12939
12931
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
12940
12932
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
12941
12933
  --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
12942
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--inset--base);
12934
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
12943
12935
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
12944
- --pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12945
12936
  --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
12946
12937
  --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
12947
12938
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -13109,7 +13100,7 @@ ul) {
13109
13100
  }
13110
13101
 
13111
13102
  .pf-v6-c-form-control__icon {
13112
- padding-block-start: var(--pf-v6-c-form-control__icon--PaddingBlockStart);
13103
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
13113
13104
  color: var(--pf-v6-c-form-control__icon--Color);
13114
13105
  }
13115
13106
  .pf-v6-c-form-control__icon.pf-m-status {
@@ -13119,7 +13110,6 @@ ul) {
13119
13110
  .pf-v6-c-form-control__toggle-icon {
13120
13111
  grid-row: 1/2;
13121
13112
  grid-column: 3;
13122
- padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
13123
13113
  padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
13124
13114
  padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
13125
13115
  color: var(--pf-v6-c-form-control__toggle-icon--Color);
@@ -13132,6 +13122,7 @@ ul) {
13132
13122
  grid-row: 1/2;
13133
13123
  grid-column: 2;
13134
13124
  gap: var(--pf-v6-c-form-control__utilities--Gap);
13125
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
13135
13126
  padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
13136
13127
  pointer-events: none;
13137
13128
  }
@@ -16014,10 +16005,10 @@ ul.pf-v6-c-list {
16014
16005
 
16015
16006
  :where(:root, .pf-v6-c-menu-toggle) {
16016
16007
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
16017
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16018
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16019
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16020
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16008
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
16009
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
16010
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
16011
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
16021
16012
  --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));
16022
16013
  --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
16023
16014
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
@@ -16044,15 +16035,9 @@ ul.pf-v6-c-list {
16044
16035
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
16045
16036
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
16046
16037
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
16047
- --pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
16048
- --pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16038
+ --pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
16039
+ --pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
16049
16040
  --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
16050
- --pf-v6-c-menu-toggle--m-control--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16051
- --pf-v6-c-menu-toggle--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16052
- --pf-v6-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
16053
- --pf-v6-c-menu-toggle--m-action--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16054
- --pf-v6-c-menu-toggle--m-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16055
- --pf-v6-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
16056
16041
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
16057
16042
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
16058
16043
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
@@ -16083,8 +16068,8 @@ ul.pf-v6-c-list {
16083
16068
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
16084
16069
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
16085
16070
  --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));
16086
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16087
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16071
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
16072
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
16088
16073
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
16089
16074
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
16090
16075
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
@@ -16098,8 +16083,8 @@ ul.pf-v6-c-list {
16098
16083
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
16099
16084
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
16100
16085
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
16101
- --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16102
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16086
+ --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
16087
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
16103
16088
  --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));
16104
16089
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16105
16090
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -16109,13 +16094,11 @@ ul.pf-v6-c-list {
16109
16094
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16110
16095
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
16111
16096
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
16112
- --pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16113
16097
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
16114
- --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
16115
- --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
16116
- --pf-v6-c-menu-toggle--m-small--ColumnGap: calc(var(--pf-t--global--spacer--control--horizontal--compact) / 2);
16117
- --pf-v6-c-menu-toggle--m-small--FontSize: var(--pf-t--global--font--size--body--sm);
16118
- --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));
16098
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
16099
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
16100
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
16101
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
16119
16102
  --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
16120
16103
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
16121
16104
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -16243,9 +16226,8 @@ ul.pf-v6-c-list {
16243
16226
  .pf-v6-c-menu-toggle.pf-m-small {
16244
16227
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
16245
16228
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
16246
- --pf-v6-c-menu-toggle--FontSize: var(--pf-v6-c-menu-toggle--m-small--FontSize);
16247
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-v6-c-menu-toggle--m-small--ColumnGap);
16248
- --pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
16229
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
16230
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
16249
16231
  }
16250
16232
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
16251
16233
  background-color: transparent;
@@ -16348,7 +16330,6 @@ ul.pf-v6-c-list {
16348
16330
  align-items: stretch;
16349
16331
  }
16350
16332
  .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
16351
- --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);
16352
16333
  --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
16353
16334
  flex: 1;
16354
16335
  }
@@ -22401,8 +22382,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22401
22382
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
22402
22383
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22403
22384
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
22404
- --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--sm));
22405
- --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--xs));
22385
+ --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));
22386
+ --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));
22406
22387
  --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22407
22388
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
22408
22389
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
@@ -22852,10 +22833,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22852
22833
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
22853
22834
  }
22854
22835
  .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
22855
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22836
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22856
22837
  }
22857
22838
  .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
22858
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22839
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
22859
22840
  }
22860
22841
 
22861
22842
  .pf-v6-c-table__draggable .pf-v6-c-button {
@@ -24844,8 +24825,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24844
24825
  --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
24845
24826
  --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
24846
24827
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
24847
- --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
24848
- --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
24828
+ --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24829
+ --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));
24849
24830
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
24850
24831
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
24851
24832
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -24854,18 +24835,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24854
24835
  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
24855
24836
  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
24856
24837
  --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
24857
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24858
- --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
24859
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24860
- --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24861
- --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24862
- --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24863
- --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24838
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
24839
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
24840
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
24841
+ --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
24842
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
24843
+ --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
24844
+ --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
24864
24845
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
24865
24846
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
24866
24847
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
24867
24848
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
24868
24849
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
24850
+ --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
24869
24851
  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
24870
24852
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
24871
24853
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -24877,8 +24859,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24877
24859
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
24878
24860
  --pf-v6-c-text-input-group__icon--TranslateY: -50%;
24879
24861
  --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
24880
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
24881
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
24882
24862
  --pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
24883
24863
  --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
24884
24864
  }
@@ -24958,8 +24938,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24958
24938
  min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
24959
24939
  }
24960
24940
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
24961
- padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
24962
- padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
24963
24941
  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
24964
24942
  }
24965
24943
  .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
@@ -24980,6 +24958,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24980
24958
  position: absolute;
24981
24959
  inset-block-start: 50%;
24982
24960
  inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
24961
+ font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
24983
24962
  color: var(--pf-v6-c-text-input-group__icon--Color);
24984
24963
  transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
24985
24964
  }
@@ -27959,7 +27938,7 @@ label.pf-v6-c-tree-view__node-text {
27959
27938
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
27960
27939
  --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
27961
27940
  --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
27962
- --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
27941
+ --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--spacer--control--vertical--plain));
27963
27942
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
27964
27943
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
27965
27944
  --pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);