@patternfly/patternfly 6.0.0-prerelease.10 → 6.0.0-prerelease.12

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 (23) hide show
  1. package/base/patternfly-variables.css +0 -3
  2. package/base/tokens/tokens-local.scss +0 -5
  3. package/components/ActionList/action-list.css +1 -1
  4. package/components/ActionList/action-list.scss +1 -1
  5. package/components/Content/content.css +1 -1
  6. package/components/Content/content.scss +1 -1
  7. package/components/DescriptionList/description-list.css +2 -2
  8. package/components/DescriptionList/description-list.scss +2 -2
  9. package/components/EmptyState/empty-state.css +1 -1
  10. package/components/EmptyState/empty-state.scss +1 -1
  11. package/components/Form/form.css +1 -1
  12. package/components/Form/form.scss +1 -1
  13. package/components/TextInputGroup/text-input-group.css +2 -2
  14. package/components/TextInputGroup/text-input-group.scss +2 -2
  15. package/components/_index.css +8 -8
  16. package/docs/demos/Table/examples/Table.md +21 -21
  17. package/package.json +1 -1
  18. package/patternfly-base-no-globals.css +0 -3
  19. package/patternfly-base.css +0 -3
  20. package/patternfly-no-globals.css +8 -11
  21. package/patternfly.css +8 -11
  22. package/patternfly.min.css +1 -1
  23. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -835,9 +835,6 @@
835
835
  var(--pf-t--global--box-shadow--color--lg);
836
836
  --pf-t--global--list-style: disc outside;
837
837
  --pf-t--temp--dev--tbd: #BC11E0;
838
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
839
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
840
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
841
838
  }
842
839
 
843
840
  :root:where(.pf-v6-theme-dark) {
package/base/tokens/tokens-local.scss CHANGED
@@ -123,9 +123,4 @@
123
123
 
124
124
  // stylelint-disable custom-property-pattern
125
125
  --pf-t--temp--dev--tbd: #BC11E0;
126
-
127
- // styleline-enable custom-property-pattern
128
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
129
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
130
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
131
126
  }
package/components/ActionList/action-list.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root,
2
2
  .pf-v6-c-action-list {
3
3
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
4
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
4
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5
5
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6
6
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7
7
  }
package/components/ActionList/action-list.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @include pf-root($action-list) {
4
4
  --#{$action-list}--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5
- --#{$action-list}--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
5
+ --#{$action-list}--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6
6
 
7
7
  // * Action list group
8
8
  --#{$action-list}__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
package/components/Content/content.css CHANGED
@@ -63,7 +63,7 @@
63
63
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
64
64
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
65
65
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
66
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
66
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
67
67
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
68
68
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
69
69
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
package/components/Content/content.scss CHANGED
@@ -89,7 +89,7 @@
89
89
  --#{$content}--dl--GridTemplateColumns--dt: 12ch;
90
90
  --#{$content}--dl--GridTemplateColumns--dd: 1fr;
91
91
  --#{$content}--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
92
- --#{$content}--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
92
+ --#{$content}--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
93
93
  --#{$content}--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
94
94
  --#{$content}--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
95
95
  --#{$content}--dt--sm--MarginBlockStart: 0;
package/components/DescriptionList/description-list.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root,
2
2
  .pf-v6-c-description-list {
3
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
4
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
3
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5
5
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
6
6
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
7
7
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
package/components/DescriptionList/description-list.scss CHANGED
@@ -3,8 +3,8 @@
3
3
  $pf-v6-c-description-list--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
4
4
 
5
5
  @include pf-root($description-list) {
6
- --#{$description-list}--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
7
- --#{$description-list}--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
6
+ --#{$description-list}--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
7
+ --#{$description-list}--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
8
8
  --#{$description-list}--GridTemplateColumns--count: 1;
9
9
  --#{$description-list}--GridTemplateColumns--width: 1fr;
10
10
  --#{$description-list}--GridTemplateColumns--min: 0;
package/components/EmptyState/empty-state.css CHANGED
@@ -37,7 +37,7 @@
37
37
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
38
38
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
39
39
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
40
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
40
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
41
41
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
42
42
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
43
43
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
package/components/EmptyState/empty-state.scss CHANGED
@@ -50,7 +50,7 @@
50
50
  --#{$empty-state}--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
51
51
 
52
52
  // Footer
53
- --#{$empty-state}__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
53
+ --#{$empty-state}__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
54
54
  --#{$empty-state}__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
55
55
  --#{$empty-state}--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
56
56
 
package/components/Form/form.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root,
2
2
  .pf-v6-c-form {
3
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
3
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4
4
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
5
5
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6
6
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
package/components/Form/form.scss CHANGED
@@ -26,7 +26,7 @@ $pf-v6-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
26
26
  }
27
27
 
28
28
  @include pf-root($form) {
29
- --#{$form}--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
29
+ --#{$form}--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
30
30
 
31
31
  // Group
32
32
  --#{$form}__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
package/components/TextInputGroup/text-input-group.css CHANGED
@@ -40,9 +40,9 @@
40
40
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
41
41
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
42
42
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
43
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
43
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
44
44
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
45
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
45
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
46
46
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
47
47
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
48
48
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
package/components/TextInputGroup/text-input-group.scss CHANGED
@@ -54,9 +54,9 @@
54
54
  --#{$text-input-group}__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
55
55
  --#{$text-input-group}--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
56
56
  --#{$text-input-group}__icon--Color: var(--pf-t--global--icon--color--regular);
57
- --#{$text-input-group}--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
57
+ --#{$text-input-group}--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
58
58
  --#{$text-input-group}__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
59
- --#{$text-input-group}--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
59
+ --#{$text-input-group}--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
60
60
  --#{$text-input-group}__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
61
61
  --#{$text-input-group}__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
62
62
  --#{$text-input-group}__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
package/components/_index.css CHANGED
@@ -354,7 +354,7 @@
354
354
  :root,
355
355
  .pf-v6-c-action-list {
356
356
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
357
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
357
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
358
358
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
359
359
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
360
360
  }
@@ -3018,7 +3018,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3018
3018
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
3019
3019
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
3020
3020
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3021
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
3021
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3022
3022
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
3023
3023
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
3024
3024
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -4060,8 +4060,8 @@ 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--gap--group-to-group--vertical);
4064
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
4063
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4064
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
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;
@@ -6038,7 +6038,7 @@ ul) {
6038
6038
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
6039
6039
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
6040
6040
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
6041
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
6041
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6042
6042
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
6043
6043
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6044
6044
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6281,7 +6281,7 @@ ul) {
6281
6281
 
6282
6282
  :root,
6283
6283
  .pf-v6-c-form {
6284
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
6284
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6285
6285
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
6286
6286
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6287
6287
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -18796,9 +18796,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18796
18796
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18797
18797
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18798
18798
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18799
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
18799
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
18800
18800
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
18801
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
18801
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
18802
18802
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
18803
18803
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
18804
18804
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
package/docs/demos/Table/examples/Table.md CHANGED
@@ -15171,18 +15171,18 @@ wrapperTag: div
15171
15171
  ### Sticky header and last column
15172
15172
 
15173
15173
  ```html isFullscreen
15174
- <div class="pf-v6-c-page" id="sticky-header-and-multiple columns-demo">
15174
+ <div class="pf-v6-c-page" id="sticky-header-and-multiple-columns-demo">
15175
15175
  <div class="pf-v6-c-skip-to-content">
15176
15176
  <a
15177
15177
  class="pf-v6-c-button pf-m-primary"
15178
- href="#main-content-sticky-header-and-multiple columns-demo"
15178
+ href="#main-content-sticky-header-and-multiple-columns-demo"
15179
15179
  >
15180
15180
  <span class="pf-v6-c-button__text">Skip to content</span>
15181
15181
  </a>
15182
15182
  </div>
15183
15183
  <header
15184
15184
  class="pf-v6-c-masthead"
15185
- id="sticky-header-and-multiple columns-demo-masthead"
15185
+ id="sticky-header-and-multiple-columns-demo-masthead"
15186
15186
  >
15187
15187
  <div class="pf-v6-c-masthead__main">
15188
15188
  <span class="pf-v6-c-masthead__toggle">
@@ -15206,7 +15206,7 @@ wrapperTag: div
15206
15206
  y1="2.25860997e-13%"
15207
15207
  x2="32%"
15208
15208
  y2="100%"
15209
- id="linearGradient-sticky-header-and-multiple columns-demo-masthead"
15209
+ id="linearGradient-sticky-header-and-multiple-columns-demo-masthead"
15210
15210
  >
15211
15211
  <stop stop-color="#2B9AF3" offset="0%" />
15212
15212
  <stop
@@ -15260,11 +15260,11 @@ wrapperTag: div
15260
15260
  />
15261
15261
  <path
15262
15262
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
15263
- fill="url(#linearGradient-sticky-header-and-multiple columns-demo-masthead)"
15263
+ fill="url(#linearGradient-sticky-header-and-multiple-columns-demo-masthead)"
15264
15264
  />
15265
15265
  <path
15266
15266
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
15267
- fill="url(#linearGradient-sticky-header-and-multiple columns-demo-masthead)"
15267
+ fill="url(#linearGradient-sticky-header-and-multiple-columns-demo-masthead)"
15268
15268
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
15269
15269
  />
15270
15270
  </g>
@@ -15276,7 +15276,7 @@ wrapperTag: div
15276
15276
  <div class="pf-v6-c-masthead__content">
15277
15277
  <div
15278
15278
  class="pf-v6-c-toolbar pf-m-static"
15279
- id="sticky-header-and-multiple columns-demo-masthead-toolbar"
15279
+ id="sticky-header-and-multiple-columns-demo-masthead-toolbar"
15280
15280
  >
15281
15281
  <div class="pf-v6-c-toolbar__content">
15282
15282
  <div class="pf-v6-c-toolbar__content-section">
@@ -15346,7 +15346,7 @@ wrapperTag: div
15346
15346
  <div class="pf-v6-c-page__sidebar-body">
15347
15347
  <nav
15348
15348
  class="pf-v6-c-nav"
15349
- id="sticky-header-and-multiple columns-demo-primary-nav"
15349
+ id="sticky-header-and-multiple-columns-demo-primary-nav"
15350
15350
  aria-label="Global"
15351
15351
  >
15352
15352
  <ul class="pf-v6-c-nav__list" role="list">
@@ -15387,7 +15387,7 @@ wrapperTag: div
15387
15387
  <main
15388
15388
  class="pf-v6-c-page__main"
15389
15389
  tabindex="-1"
15390
- id="main-content-sticky-header-and-multiple columns-demo"
15390
+ id="main-content-sticky-header-and-multiple-columns-demo"
15391
15391
  >
15392
15392
  <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
15393
15393
  <div class="pf-v6-c-page__main-body">
@@ -15438,7 +15438,7 @@ wrapperTag: div
15438
15438
  <div class="pf-v6-c-scroll-outer-wrapper">
15439
15439
  <div
15440
15440
  class="pf-v6-c-toolbar"
15441
- id="sticky-header-and-multiple columns-demo-toolbar"
15441
+ id="sticky-header-and-multiple-columns-demo-toolbar"
15442
15442
  >
15443
15443
  <div class="pf-v6-c-toolbar__content">
15444
15444
  <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
@@ -15451,7 +15451,7 @@ wrapperTag: div
15451
15451
  type="button"
15452
15452
  aria-expanded="false"
15453
15453
  aria-label="Show filters"
15454
- aria-controls="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
15454
+ aria-controls="sticky-header-and-multiple-columns-demo-toolbar-expandable-content"
15455
15455
  >
15456
15456
  <span class="pf-v6-c-menu-toggle__icon">
15457
15457
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -15461,17 +15461,17 @@ wrapperTag: div
15461
15461
  <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
15462
15462
  <div
15463
15463
  class="pf-v6-c-menu-toggle pf-m-split-button"
15464
- id="sticky-header-and-multiple columns-demo-toolbar-check"
15464
+ id="sticky-header-and-multiple-columns-demo-toolbar-check"
15465
15465
  >
15466
15466
  <label
15467
15467
  class="pf-v6-c-check pf-m-standalone"
15468
- for="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
15468
+ for="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
15469
15469
  >
15470
15470
  <input
15471
15471
  class="pf-v6-c-check__input"
15472
15472
  type="checkbox"
15473
- id="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
15474
- name="sticky-header-and-multiple columns-demo-toolbar-check-check-input"
15473
+ id="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
15474
+ name="sticky-header-and-multiple-columns-demo-toolbar-check-check-input"
15475
15475
  aria-label="Standalone check"
15476
15476
  />
15477
15477
  </label>
@@ -15479,7 +15479,7 @@ wrapperTag: div
15479
15479
  class="pf-v6-c-menu-toggle__button"
15480
15480
  type="button"
15481
15481
  aria-expanded="false"
15482
- id="sticky-header-and-multiple columns-demo-toolbar-menu-toggle-toggle-button"
15482
+ id="sticky-header-and-multiple-columns-demo-toolbar-menu-toggle-toggle-button"
15483
15483
  aria-label="Menu toggle"
15484
15484
  >
15485
15485
  <span class="pf-v6-c-menu-toggle__controls">
@@ -15502,7 +15502,7 @@ wrapperTag: div
15502
15502
  class="pf-v6-c-menu-toggle"
15503
15503
  type="button"
15504
15504
  aria-expanded="false"
15505
- id="sticky-header-and-multiple columns-demo-toolbar-search-filter-menu"
15505
+ id="sticky-header-and-multiple-columns-demo-toolbar-search-filter-menu"
15506
15506
  >
15507
15507
  <span class="pf-v6-c-menu-toggle__icon">
15508
15508
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -15556,7 +15556,7 @@ wrapperTag: div
15556
15556
 
15557
15557
  <div
15558
15558
  class="pf-v6-c-overflow-menu"
15559
- id="sticky-header-and-multiple columns-demo-toolbar-overflow-menu"
15559
+ id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu"
15560
15560
  >
15561
15561
  <div
15562
15562
  class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
@@ -15580,7 +15580,7 @@ wrapperTag: div
15580
15580
  type="button"
15581
15581
  aria-expanded="false"
15582
15582
  aria-label="Menu toggle"
15583
- id="sticky-header-and-multiple columns-demo-toolbar-overflow-menu-toggle"
15583
+ id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu-toggle"
15584
15584
  >
15585
15585
  <span class="pf-v6-c-menu-toggle__icon">
15586
15586
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -15597,7 +15597,7 @@ wrapperTag: div
15597
15597
  type="button"
15598
15598
  aria-expanded="false"
15599
15599
  aria-label="Menu toggle"
15600
- id="sticky-header-and-multiple columns-demo-toolbar-top-pagination"
15600
+ id="sticky-header-and-multiple-columns-demo-toolbar-top-pagination"
15601
15601
  >
15602
15602
  <span class="pf-v6-c-menu-toggle__text">
15603
15603
  <b>1 - 10</b>&nbsp;of&nbsp;
@@ -15644,7 +15644,7 @@ wrapperTag: div
15644
15644
 
15645
15645
  <div
15646
15646
  class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
15647
- id="sticky-header-and-multiple columns-demo-toolbar-expandable-content"
15647
+ id="sticky-header-and-multiple-columns-demo-toolbar-expandable-content"
15648
15648
  hidden
15649
15649
  ></div>
15650
15650
  </div>
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.10",
4
+ "version": "6.0.0-prerelease.12",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -7056,9 +7056,6 @@
7056
7056
  var(--pf-t--global--box-shadow--color--lg);
7057
7057
  --pf-t--global--list-style: disc outside;
7058
7058
  --pf-t--temp--dev--tbd: #BC11E0;
7059
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7060
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7061
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7062
7059
  }
7063
7060
 
7064
7061
  :root:where(.pf-v6-theme-dark) {
package/patternfly-base.css CHANGED
@@ -7177,9 +7177,6 @@ button) {
7177
7177
  var(--pf-t--global--box-shadow--color--lg);
7178
7178
  --pf-t--global--list-style: disc outside;
7179
7179
  --pf-t--temp--dev--tbd: #BC11E0;
7180
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7181
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7182
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7183
7180
  }
7184
7181
 
7185
7182
  :root:where(.pf-v6-theme-dark) {
package/patternfly-no-globals.css CHANGED
@@ -7057,9 +7057,6 @@
7057
7057
  var(--pf-t--global--box-shadow--color--lg);
7058
7058
  --pf-t--global--list-style: disc outside;
7059
7059
  --pf-t--temp--dev--tbd: #BC11E0;
7060
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7061
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7062
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7063
7060
  }
7064
7061
 
7065
7062
  :root:where(.pf-v6-theme-dark) {
@@ -7794,7 +7791,7 @@
7794
7791
  :root,
7795
7792
  .pf-v6-c-action-list {
7796
7793
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
7797
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
7794
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
7798
7795
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
7799
7796
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7800
7797
  }
@@ -10458,7 +10455,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10458
10455
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
10459
10456
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
10460
10457
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
10461
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
10458
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
10462
10459
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
10463
10460
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
10464
10461
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -11500,8 +11497,8 @@ ul) {
11500
11497
 
11501
11498
  :root,
11502
11499
  .pf-v6-c-description-list {
11503
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
11504
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
11500
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
11501
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
11505
11502
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
11506
11503
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
11507
11504
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
@@ -13478,7 +13475,7 @@ ul) {
13478
13475
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
13479
13476
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
13480
13477
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
13481
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13478
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13482
13479
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13483
13480
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
13484
13481
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13721,7 +13718,7 @@ ul) {
13721
13718
 
13722
13719
  :root,
13723
13720
  .pf-v6-c-form {
13724
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13721
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13725
13722
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13726
13723
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13727
13724
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -26236,9 +26233,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26236
26233
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26237
26234
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26238
26235
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
26239
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
26236
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
26240
26237
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
26241
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
26238
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
26242
26239
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26243
26240
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26244
26241
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
package/patternfly.css CHANGED
@@ -7178,9 +7178,6 @@ button) {
7178
7178
  var(--pf-t--global--box-shadow--color--lg);
7179
7179
  --pf-t--global--list-style: disc outside;
7180
7180
  --pf-t--temp--dev--tbd: #BC11E0;
7181
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7182
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7183
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7184
7181
  }
7185
7182
 
7186
7183
  :root:where(.pf-v6-theme-dark) {
@@ -7915,7 +7912,7 @@ button) {
7915
7912
  :root,
7916
7913
  .pf-v6-c-action-list {
7917
7914
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
7918
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
7915
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
7919
7916
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
7920
7917
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7921
7918
  }
@@ -10579,7 +10576,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10579
10576
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
10580
10577
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
10581
10578
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
10582
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
10579
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
10583
10580
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
10584
10581
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
10585
10582
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -11621,8 +11618,8 @@ ul) {
11621
11618
 
11622
11619
  :root,
11623
11620
  .pf-v6-c-description-list {
11624
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
11625
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
11621
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
11622
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
11626
11623
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
11627
11624
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
11628
11625
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
@@ -13599,7 +13596,7 @@ ul) {
13599
13596
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
13600
13597
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
13601
13598
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
13602
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13599
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13603
13600
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13604
13601
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
13605
13602
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13842,7 +13839,7 @@ ul) {
13842
13839
 
13843
13840
  :root,
13844
13841
  .pf-v6-c-form {
13845
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13842
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13846
13843
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13847
13844
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13848
13845
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -26357,9 +26354,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26357
26354
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26358
26355
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26359
26356
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
26360
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
26357
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
26361
26358
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
26362
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
26359
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
26363
26360
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26364
26361
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26365
26362
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);