@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/components/_index.css CHANGED
@@ -204,7 +204,7 @@
204
204
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
205
205
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
206
206
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
207
- --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
207
+ --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
208
208
  --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
209
209
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
210
210
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -213,7 +213,7 @@
213
213
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
214
214
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
215
215
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
216
- --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--md);
216
+ --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
217
217
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
218
218
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
219
219
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -2012,7 +2012,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2012
2012
  --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2013
2013
  --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
2014
2014
  --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
2015
- --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
2015
+ --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
2016
2016
  --pf-v6-c-calendar-month__header-year--Width: 9ch;
2017
2017
  --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
2018
2018
  --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
@@ -2232,7 +2232,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2232
2232
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
2233
2233
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
2234
2234
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
2235
- --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
2235
+ --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
2236
2236
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2237
2237
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2238
2238
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -2546,7 +2546,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2546
2546
 
2547
2547
  :root,
2548
2548
  .pf-v6-c-check {
2549
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
2549
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2550
2550
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2551
2551
  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2552
2552
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -2641,12 +2641,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2641
2641
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
2642
2642
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
2643
2643
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
2644
- --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
2644
+ --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
2645
2645
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
2646
2646
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
2647
2647
  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2648
- --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
2649
- --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
2648
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
2649
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--compact);
2650
2650
  --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
2651
2651
  --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
2652
2652
  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
@@ -2778,7 +2778,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2778
2778
  :root,
2779
2779
  .pf-v6-c-code-editor {
2780
2780
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2781
- --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
2781
+ --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
2782
2782
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
2783
2783
  --pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2784
2784
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -4060,18 +4060,18 @@ ul) {
4060
4060
 
4061
4061
  :root,
4062
4062
  .pf-v6-c-description-list {
4063
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
4064
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
4063
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
4064
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
4065
4065
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
4066
4066
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
4067
4067
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
4068
- --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--sm);
4069
- --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--sm);
4068
+ --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
4069
+ --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
4070
4070
  --pf-v6-c-description-list__group--GridTemplateColumns: auto;
4071
4071
  --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
4072
4072
  --pf-v6-c-description-list__group--GridColumn: auto;
4073
- --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--md);
4074
- --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--sm);
4073
+ --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
4074
+ --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
4075
4075
  --pf-v6-c-description-list__term--Display: inline;
4076
4076
  --pf-v6-c-description-list__term--sm--Display: flex;
4077
4077
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -4510,7 +4510,7 @@ ul) {
4510
4510
  --pf-v6-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
4511
4511
  --pf-v6-c-dual-list-selector__controls--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4512
4512
  --pf-v6-c-dual-list-selector__controls--PaddingInlineStart: var(--pf-t--global--spacer--md);
4513
- --pf-v6-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
4513
+ --pf-v6-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
4514
4514
  --pf-v6-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
4515
4515
  --pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
4516
4516
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: 0;
@@ -5188,7 +5188,7 @@ ul) {
5188
5188
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
5189
5189
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
5190
5190
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
5191
- --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--sm);
5191
+ --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
5192
5192
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5193
5193
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5194
5194
  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -6219,7 +6219,7 @@ ul) {
6219
6219
 
6220
6220
  :root,
6221
6221
  .pf-v6-c-file-upload {
6222
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
6222
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6223
6223
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6224
6224
  --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6225
6225
  --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -6277,11 +6277,11 @@ ul) {
6277
6277
 
6278
6278
  :root,
6279
6279
  .pf-v6-c-form {
6280
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
6281
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
6280
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
6281
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
6282
6282
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6283
6283
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
6284
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
6284
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
6285
6285
  --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
6286
6286
  --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
6287
6287
  --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));
@@ -6298,13 +6298,12 @@ ul) {
6298
6298
  --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6299
6299
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
6300
6300
  --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
6301
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
6301
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
6302
6302
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
6303
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
6304
- --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6303
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
6304
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
6305
6305
  --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
6306
- --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
6307
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
6306
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
6308
6307
  --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));
6309
6308
  --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
6310
6309
  --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -6317,7 +6316,7 @@ ul) {
6317
6316
  --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
6318
6317
  --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
6319
6318
  --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
6320
- --pf-v6-c-form__section--Gap: var(--pf-t--global--spacer--md);
6319
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
6321
6320
  --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
6322
6321
  --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
6323
6322
  --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -6645,12 +6644,7 @@ ul) {
6645
6644
  .pf-v6-c-form__group-control.pf-m-inline {
6646
6645
  display: flex;
6647
6646
  flex-flow: row wrap;
6648
- }
6649
- .pf-v6-c-form__group-control.pf-m-inline > * {
6650
- margin-inline-end: var(--pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd);
6651
- }
6652
- .pf-v6-c-form__group-control.pf-m-inline > :last-child {
6653
- --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: 0;
6647
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
6654
6648
  }
6655
6649
  .pf-v6-c-form__group-control.pf-m-stack {
6656
6650
  --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
@@ -6798,7 +6792,7 @@ ul) {
6798
6792
 
6799
6793
  :root,
6800
6794
  .pf-v6-c-form-control {
6801
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
6795
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6802
6796
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6803
6797
  --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6804
6798
  --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -6863,7 +6857,7 @@ ul) {
6863
6857
  --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
6864
6858
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
6865
6859
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
6866
- --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
6860
+ --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
6867
6861
  --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6868
6862
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6869
6863
  --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
@@ -7557,7 +7551,7 @@ select ~ .pf-v6-c-form-control__utilities {
7557
7551
 
7558
7552
  :root,
7559
7553
  .pf-v6-c-input-group {
7560
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7554
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7561
7555
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7562
7556
  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7563
7557
  --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
@@ -8040,7 +8034,7 @@ label.pf-v6-c-input-group__text {
8040
8034
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
8041
8035
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
8042
8036
  --pf-v6-c-label__content--MaxWidth: 100%;
8043
- --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
8037
+ --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
8044
8038
  --pf-v6-c-label__content--Cursor: initial;
8045
8039
  --pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8046
8040
  --pf-v6-c-label__text--MaxWidth: 100%;
@@ -11847,6 +11841,10 @@ ul.pf-v6-c-list {
11847
11841
  flex-grow: 1;
11848
11842
  }
11849
11843
 
11844
+ .pf-v6-c-page__main {
11845
+ overflow: auto;
11846
+ }
11847
+
11850
11848
  .pf-v6-c-page__main-subnav {
11851
11849
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
11852
11850
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-prerelease.4",
4
+ "version": "6.0.0-prerelease.6",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.0-alpha.90",
50
+ "@patternfly/documentation-framework": "6.0.0-alpha.92",
51
51
  "@patternfly/patternfly-a11y": "4.3.1",
52
- "@patternfly/react-code-editor": "6.0.0-alpha.106",
53
- "@patternfly/react-core": "6.0.0-alpha.106",
54
- "@patternfly/react-table": "6.0.0-alpha.107",
52
+ "@patternfly/react-code-editor": "6.0.0-prerelease.4",
53
+ "@patternfly/react-core": "6.0.0-prerelease.4",
54
+ "@patternfly/react-table": "6.0.0-prerelease.4",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
package/patternfly-base-no-globals.css CHANGED
@@ -7050,6 +7050,9 @@
7050
7050
  var(--pf-t--global--box-shadow--color--lg);
7051
7051
  --pf-t--global--list-style: disc outside;
7052
7052
  --pf-t--temp--dev--tbd: #BC11E0;
7053
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7054
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7055
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7053
7056
  }
7054
7057
 
7055
7058
  :root:where(.pf-v6-theme-dark) {
package/patternfly-base.css CHANGED
@@ -7171,6 +7171,9 @@ button) {
7171
7171
  var(--pf-t--global--box-shadow--color--lg);
7172
7172
  --pf-t--global--list-style: disc outside;
7173
7173
  --pf-t--temp--dev--tbd: #BC11E0;
7174
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7175
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7176
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7174
7177
  }
7175
7178
 
7176
7179
  :root:where(.pf-v6-theme-dark) {
package/patternfly-no-globals.css CHANGED
@@ -7051,6 +7051,9 @@
7051
7051
  var(--pf-t--global--box-shadow--color--lg);
7052
7052
  --pf-t--global--list-style: disc outside;
7053
7053
  --pf-t--temp--dev--tbd: #BC11E0;
7054
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7055
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7056
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7054
7057
  }
7055
7058
 
7056
7059
  :root:where(.pf-v6-theme-dark) {
@@ -7632,7 +7635,7 @@
7632
7635
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
7633
7636
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
7634
7637
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7635
- --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--sm);
7638
+ --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7636
7639
  --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7637
7640
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7638
7641
  --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7641,7 +7644,7 @@
7641
7644
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7642
7645
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7643
7646
  --pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
7644
- --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--md);
7647
+ --pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7645
7648
  --pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
7646
7649
  --pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
7647
7650
  --pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -9440,7 +9443,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9440
9443
  --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9441
9444
  --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
9442
9445
  --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
9443
- --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
9446
+ --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
9444
9447
  --pf-v6-c-calendar-month__header-year--Width: 9ch;
9445
9448
  --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
9446
9449
  --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
@@ -9660,7 +9663,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9660
9663
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
9661
9664
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
9662
9665
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
9663
- --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
9666
+ --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
9664
9667
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9665
9668
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9666
9669
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -9974,7 +9977,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9974
9977
 
9975
9978
  :root,
9976
9979
  .pf-v6-c-check {
9977
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
9980
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
9978
9981
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
9979
9982
  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9980
9983
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10069,12 +10072,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10069
10072
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
10070
10073
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
10071
10074
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
10072
- --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
10075
+ --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
10073
10076
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
10074
10077
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
10075
10078
  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10076
- --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
10077
- --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
10079
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
10080
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--compact);
10078
10081
  --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
10079
10082
  --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
10080
10083
  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
@@ -10206,7 +10209,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10206
10209
  :root,
10207
10210
  .pf-v6-c-code-editor {
10208
10211
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10209
- --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
10212
+ --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
10210
10213
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
10211
10214
  --pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
10212
10215
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -11488,18 +11491,18 @@ ul) {
11488
11491
 
11489
11492
  :root,
11490
11493
  .pf-v6-c-description-list {
11491
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
11492
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
11494
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
11495
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
11493
11496
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
11494
11497
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
11495
11498
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
11496
- --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--sm);
11497
- --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--sm);
11499
+ --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
11500
+ --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
11498
11501
  --pf-v6-c-description-list__group--GridTemplateColumns: auto;
11499
11502
  --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
11500
11503
  --pf-v6-c-description-list__group--GridColumn: auto;
11501
- --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--md);
11502
- --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--sm);
11504
+ --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
11505
+ --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
11503
11506
  --pf-v6-c-description-list__term--Display: inline;
11504
11507
  --pf-v6-c-description-list__term--sm--Display: flex;
11505
11508
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -11938,7 +11941,7 @@ ul) {
11938
11941
  --pf-v6-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
11939
11942
  --pf-v6-c-dual-list-selector__controls--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11940
11943
  --pf-v6-c-dual-list-selector__controls--PaddingInlineStart: var(--pf-t--global--spacer--md);
11941
- --pf-v6-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
11944
+ --pf-v6-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
11942
11945
  --pf-v6-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
11943
11946
  --pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
11944
11947
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: 0;
@@ -12616,7 +12619,7 @@ ul) {
12616
12619
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
12617
12620
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
12618
12621
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
12619
- --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--sm);
12622
+ --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
12620
12623
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12621
12624
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12622
12625
  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -13647,7 +13650,7 @@ ul) {
13647
13650
 
13648
13651
  :root,
13649
13652
  .pf-v6-c-file-upload {
13650
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
13653
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
13651
13654
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13652
13655
  --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13653
13656
  --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -13705,11 +13708,11 @@ ul) {
13705
13708
 
13706
13709
  :root,
13707
13710
  .pf-v6-c-form {
13708
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
13709
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
13711
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13712
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13710
13713
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13711
13714
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
13712
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--md);
13715
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
13713
13716
  --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
13714
13717
  --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
13715
13718
  --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));
@@ -13726,13 +13729,12 @@ ul) {
13726
13729
  --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
13727
13730
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
13728
13731
  --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
13729
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
13732
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
13730
13733
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
13731
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
13732
- --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
13734
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13735
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
13733
13736
  --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
13734
- --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
13735
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--sm);
13737
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13736
13738
  --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));
13737
13739
  --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
13738
13740
  --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -13745,7 +13747,7 @@ ul) {
13745
13747
  --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
13746
13748
  --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
13747
13749
  --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
13748
- --pf-v6-c-form__section--Gap: var(--pf-t--global--spacer--md);
13750
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
13749
13751
  --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
13750
13752
  --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
13751
13753
  --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -14073,12 +14075,7 @@ ul) {
14073
14075
  .pf-v6-c-form__group-control.pf-m-inline {
14074
14076
  display: flex;
14075
14077
  flex-flow: row wrap;
14076
- }
14077
- .pf-v6-c-form__group-control.pf-m-inline > * {
14078
- margin-inline-end: var(--pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd);
14079
- }
14080
- .pf-v6-c-form__group-control.pf-m-inline > :last-child {
14081
- --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: 0;
14078
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
14082
14079
  }
14083
14080
  .pf-v6-c-form__group-control.pf-m-stack {
14084
14081
  --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
@@ -14226,7 +14223,7 @@ ul) {
14226
14223
 
14227
14224
  :root,
14228
14225
  .pf-v6-c-form-control {
14229
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
14226
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14230
14227
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
14231
14228
  --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
14232
14229
  --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -14291,7 +14288,7 @@ ul) {
14291
14288
  --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
14292
14289
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
14293
14290
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
14294
- --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
14291
+ --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
14295
14292
  --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
14296
14293
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
14297
14294
  --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
@@ -14985,7 +14982,7 @@ select ~ .pf-v6-c-form-control__utilities {
14985
14982
 
14986
14983
  :root,
14987
14984
  .pf-v6-c-input-group {
14988
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
14985
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
14989
14986
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
14990
14987
  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
14991
14988
  --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
@@ -15468,7 +15465,7 @@ label.pf-v6-c-input-group__text {
15468
15465
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
15469
15466
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
15470
15467
  --pf-v6-c-label__content--MaxWidth: 100%;
15471
- --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
15468
+ --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
15472
15469
  --pf-v6-c-label__content--Cursor: initial;
15473
15470
  --pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
15474
15471
  --pf-v6-c-label__text--MaxWidth: 100%;
@@ -19275,6 +19272,10 @@ ul.pf-v6-c-list {
19275
19272
  flex-grow: 1;
19276
19273
  }
19277
19274
 
19275
+ .pf-v6-c-page__main {
19276
+ overflow: auto;
19277
+ }
19278
+
19278
19279
  .pf-v6-c-page__main-subnav {
19279
19280
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
19280
19281
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);