@patternfly/patternfly 6.0.0-alpha.142 → 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 (12) hide show
  1. package/base/patternfly-common.css +14 -0
  2. package/base/patternfly-common.scss +18 -0
  3. package/base/patternfly-variables.scss +2 -2
  4. package/base/tokens/_index.scss +1 -1
  5. package/base/tokens/{tokens-font.scss → tokens-local.scss} +1 -1
  6. package/package.json +1 -1
  7. package/patternfly-base-no-globals.css +14 -0
  8. package/patternfly-base.css +14 -0
  9. package/patternfly-no-globals.css +14 -0
  10. package/patternfly.css +14 -0
  11. package/patternfly.min.css +1 -1
  12. 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.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-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/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.142",
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;
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;
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;
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;