@patternfly/patternfly 6.0.0-prerelease.4 → 6.0.0-prerelease.6

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 (41) hide show
  1. package/assets/fontawesome/_fixed-width.scss +0 -2
  2. package/base/patternfly-variables.css +3 -0
  3. package/base/tokens/tokens-local.scss +3 -0
  4. package/components/Accordion/accordion.css +2 -2
  5. package/components/Accordion/accordion.scss +4 -3
  6. package/components/CalendarMonth/calendar-month.css +1 -1
  7. package/components/CalendarMonth/calendar-month.scss +1 -1
  8. package/components/Card/card.css +1 -1
  9. package/components/Card/card.scss +1 -1
  10. package/components/Check/check.css +1 -1
  11. package/components/Check/check.scss +1 -1
  12. package/components/ClipboardCopy/clipboard-copy.css +3 -3
  13. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  14. package/components/CodeEditor/code-editor.css +1 -1
  15. package/components/CodeEditor/code-editor.scss +1 -1
  16. package/components/DescriptionList/description-list.css +6 -6
  17. package/components/DescriptionList/description-list.scss +6 -6
  18. package/components/Drawer/drawer.css +1 -1
  19. package/components/Drawer/drawer.scss +1 -1
  20. package/components/DualListSelector/dual-list-selector.css +1 -1
  21. package/components/DualListSelector/dual-list-selector.scss +1 -1
  22. package/components/FileUpload/file-upload.css +1 -1
  23. package/components/FileUpload/file-upload.scss +1 -1
  24. package/components/Form/form.css +9 -15
  25. package/components/Form/form.scss +9 -17
  26. package/components/FormControl/form-control.css +2 -2
  27. package/components/FormControl/form-control.scss +2 -2
  28. package/components/InputGroup/input-group.css +1 -1
  29. package/components/InputGroup/input-group.scss +1 -1
  30. package/components/Label/label.css +1 -1
  31. package/components/Label/label.scss +1 -1
  32. package/components/Page/page.css +4 -0
  33. package/components/Page/page.scss +4 -0
  34. package/components/_index.css +35 -37
  35. package/package.json +5 -5
  36. package/patternfly-base-no-globals.css +3 -0
  37. package/patternfly-base.css +3 -0
  38. package/patternfly-no-globals.css +38 -37
  39. package/patternfly.css +38 -37
  40. package/patternfly.min.css +1 -1
  41. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -7172,6 +7172,9 @@ button) {
7172
7172
  var(--pf-t--global--box-shadow--color--lg);
7173
7173
  --pf-t--global--list-style: disc outside;
7174
7174
  --pf-t--temp--dev--tbd: #BC11E0;
7175
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7176
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7177
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7175
7178
  }
7176
7179
 
7177
7180
  :root:where(.pf-v6-theme-dark) {
@@ -7753,7 +7756,7 @@ button) {
7753
7756
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
7754
7757
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
7755
7758
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7756
- --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
7759
+ --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7757
7760
  --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7758
7761
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7759
7762
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7762,7 +7765,7 @@ button) {
7762
7765
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7763
7766
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7764
7767
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7765
- --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--md);
7768
+ --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7766
7769
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7767
7770
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
7768
7771
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -9561,7 +9564,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9561
9564
  --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9562
9565
  --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
9563
9566
  --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
9564
- --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
9567
+ --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
9565
9568
  --pf-v6-c-calendar-month__header-year--Width: 9ch;
9566
9569
  --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
9567
9570
  --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
@@ -9781,7 +9784,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9781
9784
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
9782
9785
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
9783
9786
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
9784
- --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
9787
+ --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
9785
9788
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9786
9789
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9787
9790
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -10095,7 +10098,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10095
10098
 
10096
10099
  :root,
10097
10100
  .pf-v6-c-check {
10098
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
10101
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
10099
10102
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
10100
10103
  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
10101
10104
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10190,12 +10193,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10190
10193
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
10191
10194
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
10192
10195
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
10193
- --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
10196
+ --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
10194
10197
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
10195
10198
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
10196
10199
  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10197
- --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
10198
- --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
10200
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
10201
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--compact);
10199
10202
  --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
10200
10203
  --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
10201
10204
  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
@@ -10327,7 +10330,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10327
10330
  :root,
10328
10331
  .pf-v6-c-code-editor {
10329
10332
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10330
- --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
10333
+ --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
10331
10334
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
10332
10335
  --pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
10333
10336
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -11609,18 +11612,18 @@ ul) {
11609
11612
 
11610
11613
  :root,
11611
11614
  .pf-v6-c-description-list {
11612
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
11613
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
11615
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
11616
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
11614
11617
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
11615
11618
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
11616
11619
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
11617
- --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--sm);
11618
- --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--sm);
11620
+ --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
11621
+ --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
11619
11622
  --pf-v6-c-description-list__group--GridTemplateColumns: auto;
11620
11623
  --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
11621
11624
  --pf-v6-c-description-list__group--GridColumn: auto;
11622
- --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--md);
11623
- --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--sm);
11625
+ --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
11626
+ --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
11624
11627
  --pf-v6-c-description-list__term--Display: inline;
11625
11628
  --pf-v6-c-description-list__term--sm--Display: flex;
11626
11629
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -12059,7 +12062,7 @@ ul) {
12059
12062
  --pf-v6-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
12060
12063
  --pf-v6-c-dual-list-selector__controls--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12061
12064
  --pf-v6-c-dual-list-selector__controls--PaddingInlineStart: var(--pf-t--global--spacer--md);
12062
- --pf-v6-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
12065
+ --pf-v6-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
12063
12066
  --pf-v6-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
12064
12067
  --pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12065
12068
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: 0;
@@ -12737,7 +12740,7 @@ ul) {
12737
12740
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
12738
12741
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
12739
12742
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
12740
- --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--sm);
12743
+ --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
12741
12744
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12742
12745
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12743
12746
  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -13768,7 +13771,7 @@ ul) {
13768
13771
 
13769
13772
  :root,
13770
13773
  .pf-v6-c-file-upload {
13771
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
13774
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
13772
13775
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13773
13776
  --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13774
13777
  --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -13826,11 +13829,11 @@ ul) {
13826
13829
 
13827
13830
  :root,
13828
13831
  .pf-v6-c-form {
13829
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
13830
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
13832
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13833
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13831
13834
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13832
13835
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
13833
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
13836
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
13834
13837
  --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
13835
13838
  --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
13836
13839
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
@@ -13847,13 +13850,12 @@ ul) {
13847
13850
  --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
13848
13851
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
13849
13852
  --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
13850
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
13853
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
13851
13854
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
13852
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
13853
- --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
13855
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13856
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
13854
13857
  --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
13855
- --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
13856
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
13858
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13857
13859
  --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
13858
13860
  --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
13859
13861
  --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -13866,7 +13868,7 @@ ul) {
13866
13868
  --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
13867
13869
  --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
13868
13870
  --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
13869
- --pf-v6-c-form__section--Gap: var(--pf-t--global--spacer--md);
13871
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
13870
13872
  --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
13871
13873
  --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
13872
13874
  --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -14194,12 +14196,7 @@ ul) {
14194
14196
  .pf-v6-c-form__group-control.pf-m-inline {
14195
14197
  display: flex;
14196
14198
  flex-flow: row wrap;
14197
- }
14198
- .pf-v6-c-form__group-control.pf-m-inline > * {
14199
- margin-inline-end: var(--pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd);
14200
- }
14201
- .pf-v6-c-form__group-control.pf-m-inline > :last-child {
14202
- --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: 0;
14199
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
14203
14200
  }
14204
14201
  .pf-v6-c-form__group-control.pf-m-stack {
14205
14202
  --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
@@ -14347,7 +14344,7 @@ ul) {
14347
14344
 
14348
14345
  :root,
14349
14346
  .pf-v6-c-form-control {
14350
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
14347
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14351
14348
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
14352
14349
  --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
14353
14350
  --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -14412,7 +14409,7 @@ ul) {
14412
14409
  --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
14413
14410
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
14414
14411
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
14415
- --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
14412
+ --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
14416
14413
  --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
14417
14414
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
14418
14415
  --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
@@ -15106,7 +15103,7 @@ select ~ .pf-v6-c-form-control__utilities {
15106
15103
 
15107
15104
  :root,
15108
15105
  .pf-v6-c-input-group {
15109
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
15106
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
15110
15107
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
15111
15108
  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
15112
15109
  --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
@@ -15589,7 +15586,7 @@ label.pf-v6-c-input-group__text {
15589
15586
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
15590
15587
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
15591
15588
  --pf-v6-c-label__content--MaxWidth: 100%;
15592
- --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
15589
+ --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
15593
15590
  --pf-v6-c-label__content--Cursor: initial;
15594
15591
  --pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
15595
15592
  --pf-v6-c-label__text--MaxWidth: 100%;
@@ -19396,6 +19393,10 @@ ul.pf-v6-c-list {
19396
19393
  flex-grow: 1;
19397
19394
  }
19398
19395
 
19396
+ .pf-v6-c-page__main {
19397
+ overflow: auto;
19398
+ }
19399
+
19399
19400
  .pf-v6-c-page__main-subnav {
19400
19401
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
19401
19402
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);