@patternfly/patternfly 6.0.0-alpha.141 → 6.0.0-alpha.143

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 (18) hide show
  1. package/base/patternfly-common.css +14 -0
  2. package/base/patternfly-common.scss +18 -0
  3. package/base/patternfly-variables.css +17 -11
  4. package/base/patternfly-variables.scss +2 -2
  5. package/base/tokens/_index.scss +1 -1
  6. package/base/tokens/tokens-charts-dark.scss +1 -1
  7. package/base/tokens/tokens-charts.scss +1 -1
  8. package/base/tokens/tokens-dark.scss +1 -1
  9. package/base/tokens/tokens-default.scss +18 -12
  10. package/base/tokens/{tokens-font.scss → tokens-local.scss} +1 -1
  11. package/base/tokens/tokens-palette.scss +1 -1
  12. package/package.json +1 -1
  13. package/patternfly-base-no-globals.css +31 -11
  14. package/patternfly-base.css +31 -11
  15. package/patternfly-no-globals.css +31 -11
  16. package/patternfly.css +31 -11
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
package/base/patternfly-common.css CHANGED
@@ -41,4 +41,18 @@
41
41
 
42
42
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-m-mirror-inline-rtl {
43
43
  scale: -1 1;
44
+ }
45
+
46
+ .pf-v6-m-no-motion {
47
+ --pf-t--global--delay--400: 0ms !important;
48
+ --pf-t--global--delay--300: 0ms !important;
49
+ --pf-t--global--delay--200: 0ms !important;
50
+ --pf-t--global--delay--100: 0ms !important;
51
+ --pf-t--global--duration--600: 0ms !important;
52
+ --pf-t--global--duration--500: 0ms !important;
53
+ --pf-t--global--duration--400: 0ms !important;
54
+ --pf-t--global--duration--300: 0ms !important;
55
+ --pf-t--global--duration--200: 0ms !important;
56
+ --pf-t--global--duration--100: 0ms !important;
57
+ --pf-t--global--duration--50: 0ms !important;
44
58
  }
package/base/patternfly-common.scss CHANGED
@@ -48,3 +48,21 @@
48
48
  .#{$pf-prefix}m-mirror-inline-rtl {
49
49
  @include pf-v6-mirror-inline-on-rtl;
50
50
  }
51
+
52
+ // Turn off all motion (for testing purposes) by setting all motion tokens to 0
53
+ .#{$pf-prefix}m-no-motion {
54
+ // stylelint-disable declaration-no-important
55
+ --pf-t--global--delay--400: 0ms !important;
56
+ --pf-t--global--delay--300: 0ms !important;
57
+ --pf-t--global--delay--200: 0ms !important;
58
+ --pf-t--global--delay--100: 0ms !important;
59
+ --pf-t--global--duration--600: 0ms !important;
60
+ --pf-t--global--duration--500: 0ms !important;
61
+ --pf-t--global--duration--400: 0ms !important;
62
+ --pf-t--global--duration--300: 0ms !important;
63
+ --pf-t--global--duration--200: 0ms !important;
64
+ --pf-t--global--duration--100: 0ms !important;
65
+ --pf-t--global--duration--50: 0ms !important;
66
+
67
+ // stylelink-enable declaration-no-important
68
+ }
package/base/patternfly-variables.css CHANGED
@@ -462,18 +462,8 @@
462
462
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
463
463
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
464
464
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
465
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
466
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
467
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
468
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
469
465
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
470
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
471
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
472
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
473
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
474
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
475
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
476
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
466
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
477
467
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
478
468
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
479
469
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -636,6 +626,22 @@
636
626
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
637
627
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
638
628
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
629
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
630
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
631
+ --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
632
+ --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
633
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
634
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
635
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
636
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
637
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
638
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
639
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
640
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
641
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
642
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
643
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
644
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
639
645
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
640
646
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
641
647
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
package/base/patternfly-variables.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @use '../sass-utilities' as *;
2
- @use "./tokens/tokens-font" as font;
2
+ @use "./tokens/tokens-local" as local;
3
3
  @use "./tokens/tokens-palette" as palette;
4
4
  @use "./tokens/tokens-default" as default;
5
5
  @use "./tokens/tokens-dark" as dark;
6
6
 
7
7
  :where(:root) {
8
8
  @include pf-v6-set-inverse(false);
9
- @include font.pf-v6-tokens;
9
+ @include local.pf-v6-tokens;
10
10
  @include palette.pf-v6-tokens;
11
11
  @include default.pf-v6-tokens;
12
12
  }
package/base/tokens/_index.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @forward './workspace-overrides';
2
- @forward './tokens-font';
2
+ @forward './tokens-local';
3
3
  @forward './tokens-palette';
4
4
  @forward './tokens-default';
5
5
  @forward './tokens-dark';
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -268,18 +268,8 @@
268
268
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
269
269
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
270
270
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
271
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
272
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
273
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
274
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
275
271
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
276
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
277
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
278
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
279
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
280
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
281
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
282
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
272
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
283
273
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
284
274
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
285
275
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -442,6 +432,22 @@
442
432
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
443
433
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
444
434
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
435
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
436
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
437
+ --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
438
+ --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
439
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
440
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
441
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
442
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
443
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
444
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
445
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
446
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
447
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
448
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
449
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
450
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
445
451
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
446
452
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
447
453
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
package/base/tokens/{tokens-font.scss → tokens-local.scss} RENAMED
@@ -146,7 +146,7 @@
146
146
  var(--pf-t--global--box-shadow--spread--lg)
147
147
  var(--pf-t--global--box-shadow--color--lg);
148
148
 
149
- // Transitions
149
+ // old transitions to be removed in future pr
150
150
  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
151
151
  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
152
152
  --pf-t--global--transition--duration: 250ms;
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--red--70: #5f0000;
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-alpha.141",
4
+ "version": "6.0.0-alpha.143",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -43,6 +43,20 @@
43
43
  scale: -1 1;
44
44
  }
45
45
 
46
+ .pf-v6-m-no-motion {
47
+ --pf-t--global--delay--400: 0ms !important;
48
+ --pf-t--global--delay--300: 0ms !important;
49
+ --pf-t--global--delay--200: 0ms !important;
50
+ --pf-t--global--delay--100: 0ms !important;
51
+ --pf-t--global--duration--600: 0ms !important;
52
+ --pf-t--global--duration--500: 0ms !important;
53
+ --pf-t--global--duration--400: 0ms !important;
54
+ --pf-t--global--duration--300: 0ms !important;
55
+ --pf-t--global--duration--200: 0ms !important;
56
+ --pf-t--global--duration--100: 0ms !important;
57
+ --pf-t--global--duration--50: 0ms !important;
58
+ }
59
+
46
60
  @font-face {
47
61
  font-family: RedHatTextVF;
48
62
  font-style: normal;
@@ -5278,18 +5292,8 @@
5278
5292
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
5279
5293
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
5280
5294
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5281
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
5282
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5283
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
5284
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
5285
5295
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5286
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
5287
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
5288
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5289
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
5290
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
5291
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5292
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
5296
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5293
5297
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5294
5298
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5295
5299
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -5452,6 +5456,22 @@
5452
5456
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5453
5457
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5454
5458
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5459
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5460
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5461
+ --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5462
+ --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5463
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
5464
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
5465
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
5466
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5467
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
5468
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5469
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5470
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5471
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5472
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5473
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
5474
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
5455
5475
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5456
5476
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5457
5477
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
package/patternfly-base.css CHANGED
@@ -160,6 +160,20 @@ h6) {
160
160
  scale: -1 1;
161
161
  }
162
162
 
163
+ .pf-v6-m-no-motion {
164
+ --pf-t--global--delay--400: 0ms !important;
165
+ --pf-t--global--delay--300: 0ms !important;
166
+ --pf-t--global--delay--200: 0ms !important;
167
+ --pf-t--global--delay--100: 0ms !important;
168
+ --pf-t--global--duration--600: 0ms !important;
169
+ --pf-t--global--duration--500: 0ms !important;
170
+ --pf-t--global--duration--400: 0ms !important;
171
+ --pf-t--global--duration--300: 0ms !important;
172
+ --pf-t--global--duration--200: 0ms !important;
173
+ --pf-t--global--duration--100: 0ms !important;
174
+ --pf-t--global--duration--50: 0ms !important;
175
+ }
176
+
163
177
  @font-face {
164
178
  font-family: RedHatTextVF;
165
179
  font-style: normal;
@@ -5395,18 +5409,8 @@ h6) {
5395
5409
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
5396
5410
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
5397
5411
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5398
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
5399
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5400
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
5401
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
5402
5412
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5403
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
5404
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
5405
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5406
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
5407
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
5408
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5409
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
5413
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5410
5414
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5411
5415
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5412
5416
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -5569,6 +5573,22 @@ h6) {
5569
5573
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5570
5574
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5571
5575
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5576
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5577
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5578
+ --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5579
+ --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5580
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
5581
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
5582
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
5583
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5584
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
5585
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5586
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5587
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5588
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5589
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5590
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
5591
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
5572
5592
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5573
5593
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5574
5594
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
package/patternfly-no-globals.css CHANGED
@@ -44,6 +44,20 @@
44
44
  scale: -1 1;
45
45
  }
46
46
 
47
+ .pf-v6-m-no-motion {
48
+ --pf-t--global--delay--400: 0ms !important;
49
+ --pf-t--global--delay--300: 0ms !important;
50
+ --pf-t--global--delay--200: 0ms !important;
51
+ --pf-t--global--delay--100: 0ms !important;
52
+ --pf-t--global--duration--600: 0ms !important;
53
+ --pf-t--global--duration--500: 0ms !important;
54
+ --pf-t--global--duration--400: 0ms !important;
55
+ --pf-t--global--duration--300: 0ms !important;
56
+ --pf-t--global--duration--200: 0ms !important;
57
+ --pf-t--global--duration--100: 0ms !important;
58
+ --pf-t--global--duration--50: 0ms !important;
59
+ }
60
+
47
61
  @font-face {
48
62
  font-family: RedHatTextVF;
49
63
  font-style: normal;
@@ -5279,18 +5293,8 @@
5279
5293
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
5280
5294
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
5281
5295
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5282
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
5283
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5284
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
5285
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
5286
5296
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5287
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
5288
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
5289
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5290
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
5291
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
5292
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5293
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
5297
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5294
5298
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5295
5299
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5296
5300
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -5453,6 +5457,22 @@
5453
5457
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5454
5458
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5455
5459
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5460
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5461
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5462
+ --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5463
+ --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5464
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
5465
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
5466
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
5467
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5468
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
5469
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5470
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5471
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5472
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5473
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5474
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
5475
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
5456
5476
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5457
5477
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5458
5478
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
package/patternfly.css CHANGED
@@ -161,6 +161,20 @@ h6) {
161
161
  scale: -1 1;
162
162
  }
163
163
 
164
+ .pf-v6-m-no-motion {
165
+ --pf-t--global--delay--400: 0ms !important;
166
+ --pf-t--global--delay--300: 0ms !important;
167
+ --pf-t--global--delay--200: 0ms !important;
168
+ --pf-t--global--delay--100: 0ms !important;
169
+ --pf-t--global--duration--600: 0ms !important;
170
+ --pf-t--global--duration--500: 0ms !important;
171
+ --pf-t--global--duration--400: 0ms !important;
172
+ --pf-t--global--duration--300: 0ms !important;
173
+ --pf-t--global--duration--200: 0ms !important;
174
+ --pf-t--global--duration--100: 0ms !important;
175
+ --pf-t--global--duration--50: 0ms !important;
176
+ }
177
+
164
178
  @font-face {
165
179
  font-family: RedHatTextVF;
166
180
  font-style: normal;
@@ -5396,18 +5410,8 @@ h6) {
5396
5410
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
5397
5411
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
5398
5412
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5399
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
5400
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5401
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
5402
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
5403
5413
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5404
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
5405
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
5406
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5407
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
5408
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
5409
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5410
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
5414
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5411
5415
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5412
5416
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5413
5417
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -5570,6 +5574,22 @@ h6) {
5570
5574
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5571
5575
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5572
5576
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5577
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5578
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5579
+ --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5580
+ --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5581
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
5582
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
5583
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
5584
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5585
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
5586
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5587
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5588
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5589
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5590
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5591
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
5592
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
5573
5593
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5574
5594
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5575
5595
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);