@nordcode/ui 2.0.5 → 2.1.0

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 (36) hide show
  1. package/CHANGELOG.md +14 -1
  2. package/LICENSE.md +159 -159
  3. package/README.md +1 -14
  4. package/out/bundle.css +44 -26
  5. package/out/bundle_configless.css +32 -14
  6. package/out/complete.css +170 -144
  7. package/out/complete_configless.css +158 -132
  8. package/package.json +4 -3
  9. package/src/assets/icons/ArrowRightSolid.svelte +3 -1
  10. package/src/assets/icons/arrow-right-solid.svg +5 -1
  11. package/src/assets/icons/favicon.svg +13 -4
  12. package/src/assets/logos/nordcode-logo-icon.svg +6 -1
  13. package/src/assets/logos/nordcode-logo.svg +46 -13
  14. package/src/modules/dialogs/svelte/dialog.svelte +14 -15
  15. package/src/modules/dialogs/ts/dialogs.ts +80 -79
  16. package/src/modules/notifications/js/notifications.js +3 -6
  17. package/src/modules/notifications/svelte/NotificationTemplate.svelte +0 -2
  18. package/src/styles/components/buttons.css +70 -93
  19. package/src/styles/components/card.css +1 -1
  20. package/src/styles/components/dialogs.css +4 -5
  21. package/src/styles/components/forms.css +3 -7
  22. package/src/styles/components/gallery.css +12 -8
  23. package/src/styles/components/inputs/base.css +24 -72
  24. package/src/styles/components/inputs/segmented.css +4 -8
  25. package/src/styles/components/inputs/switch.css +2 -4
  26. package/src/styles/components/notifications.css +3 -4
  27. package/src/styles/config/config.css +352 -305
  28. package/src/styles/theme/colors.css +182 -124
  29. package/src/styles/theme/colors_processed.css +254 -80
  30. package/src/styles/utils/base.css +2 -13
  31. package/src/styles/utils/bundle.css +1 -0
  32. package/src/styles/utils/conditionalRadius.css +7 -0
  33. package/src/styles/utils/easings.css +360 -304
  34. package/src/styles/utils/layouts.css +12 -18
  35. package/src/styles/utils/reset.css +5 -38
  36. package/transform.js +2 -9
package/src/styles/utils/easings.css CHANGED
@@ -1,17 +1,18 @@
1
1
  @layer config.easings {
2
2
  :where(html) {
3
+ /* From https://github.com/argyleink/open-props/blob/main/src/props.easing.css */
3
4
  --ease-1: cubic-bezier(0.25, 0, 0.5, 1);
4
5
  --ease-2: cubic-bezier(0.25, 0, 0.4, 1);
5
6
  --ease-3: cubic-bezier(0.25, 0, 0.3, 1);
6
7
  --ease-4: cubic-bezier(0.25, 0, 0.2, 1);
7
8
  --ease-5: cubic-bezier(0.25, 0, 0.1, 1);
8
9
  --ease-in-1: cubic-bezier(0.25, 0, 1, 1);
9
- --ease-in-2: cubic-bezier(0.5, 0, 1, 1);
10
- --ease-in-3: cubic-bezier(0.7, 0, 1, 1);
11
- --ease-in-4: cubic-bezier(0.9, 0, 1, 1);
10
+ --ease-in-2: cubic-bezier(0.50, 0, 1, 1);
11
+ --ease-in-3: cubic-bezier(0.70, 0, 1, 1);
12
+ --ease-in-4: cubic-bezier(0.90, 0, 1, 1);
12
13
  --ease-in-5: cubic-bezier(1, 0, 1, 1);
13
14
  --ease-out-1: cubic-bezier(0, 0, 0.75, 1);
14
- --ease-out-2: cubic-bezier(0, 0, 0.5, 1);
15
+ --ease-out-2: cubic-bezier(0, 0, 0.50, 1);
15
16
  --ease-out-3: cubic-bezier(0, 0, 0.3, 1);
16
17
  --ease-out-4: cubic-bezier(0, 0, 0.1, 1);
17
18
  --ease-out-5: cubic-bezier(0, 0, 0, 1);
@@ -26,9 +27,9 @@
26
27
  --ease-elastic-out-4: cubic-bezier(0.5, 1.5, 0.75, 1.25);
27
28
  --ease-elastic-out-5: cubic-bezier(0.5, 1.75, 0.75, 1.25);
28
29
  --ease-elastic-in-1: cubic-bezier(0.5, -0.25, 0.75, 1);
29
- --ease-elastic-in-2: cubic-bezier(0.5, -0.5, 0.75, 1);
30
+ --ease-elastic-in-2: cubic-bezier(0.5, -0.50, 0.75, 1);
30
31
  --ease-elastic-in-3: cubic-bezier(0.5, -0.75, 0.75, 1);
31
- --ease-elastic-in-4: cubic-bezier(0.5, -1, 0.75, 1);
32
+ --ease-elastic-in-4: cubic-bezier(0.5, -1.00, 0.75, 1);
32
33
  --ease-elastic-in-5: cubic-bezier(0.5, -1.25, 0.75, 1);
33
34
  --ease-elastic-in-out-1: cubic-bezier(0.5, -0.1, 0.1, 1.5);
34
35
  --ease-elastic-in-out-2: cubic-bezier(0.5, -0.3, 0.1, 1.5);
@@ -50,313 +51,368 @@
50
51
  --ease-squish-3: var(--ease-elastic-in-out-3);
51
52
  --ease-squish-4: var(--ease-elastic-in-out-4);
52
53
  --ease-squish-5: var(--ease-elastic-in-out-5);
53
- --ease-spring-1: linear(0,
54
- 0.006,
55
- 0.025 2.8%,
56
- 0.101 6.1%,
57
- 0.539 18.9%,
58
- 0.721 25.3%,
59
- 0.849 31.5%,
60
- 0.937 38.1%,
61
- 0.968 41.8%,
62
- 0.991 45.7%,
63
- 1.006 50.1%,
64
- 1.015 55%,
65
- 1.017 63.9%,
66
- 1.001);
67
- --ease-spring-2: linear(0,
68
- 0.007,
69
- 0.029 2.2%,
70
- 0.118 4.7%,
71
- 0.625 14.4%,
72
- 0.826 19%,
73
- 0.902,
74
- 0.962,
75
- 1.008 26.1%,
76
- 1.041 28.7%,
77
- 1.064 32.1%,
78
- 1.07 36%,
79
- 1.061 40.5%,
80
- 1.015 53.4%,
81
- 0.999 61.6%,
82
- 0.995 71.2%,
83
- 1);
84
- --ease-spring-3: linear(0,
85
- 0.009,
86
- 0.035 2.1%,
87
- 0.141 4.4%,
88
- 0.723 12.9%,
89
- 0.938 16.7%,
90
- 1.017,
91
- 1.077,
92
- 1.121,
93
- 1.149 24.3%,
94
- 1.159,
95
- 1.163,
96
- 1.161,
97
- 1.154 29.9%,
98
- 1.129 32.8%,
99
- 1.051 39.6%,
100
- 1.017 43.1%,
101
- 0.991,
102
- 0.977 51%,
103
- 0.974 53.8%,
104
- 0.975 57.1%,
105
- 0.997 69.8%,
106
- 1.003 76.9%,
107
- 1);
108
- --ease-spring-4: linear(0,
109
- 0.009,
110
- 0.037 1.7%,
111
- 0.153 3.6%,
112
- 0.776 10.3%,
113
- 1.001,
114
- 1.142 16%,
115
- 1.185,
116
- 1.209 19%,
117
- 1.215 19.9% 20.8%,
118
- 1.199,
119
- 1.165 25%,
120
- 1.056 30.3%,
121
- 1.008 33%,
122
- 0.973,
123
- 0.955 39.2%,
124
- 0.953 41.1%,
125
- 0.957 43.3%,
126
- 0.998 53.3%,
127
- 1.009 59.1% 63.7%,
128
- 0.998 78.9%,
129
- 1);
130
- --ease-spring-5: linear(0,
131
- 0.01,
132
- 0.04 1.6%,
133
- 0.161 3.3%,
134
- 0.816 9.4%,
135
- 1.046,
136
- 1.189 14.4%,
137
- 1.231,
138
- 1.254 17%,
139
- 1.259,
140
- 1.257 18.6%,
141
- 1.236,
142
- 1.194 22.3%,
143
- 1.057 27%,
144
- 0.999 29.4%,
145
- 0.955 32.1%,
146
- 0.942,
147
- 0.935 34.9%,
148
- 0.933,
149
- 0.939 38.4%,
150
- 1 47.3%,
151
- 1.011,
152
- 1.017 52.6%,
153
- 1.016 56.4%,
154
- 1 65.2%,
155
- 0.996 70.2%,
156
- 1.001 87.2%,
157
- 1);
158
- --ease-bounce-1: linear(0,
159
- 0.004,
160
- 0.016,
161
- 0.035,
162
- 0.063,
163
- 0.098,
164
- 0.141,
165
- 0.191,
166
- 0.25,
167
- 0.316,
168
- 0.391 36.8%,
169
- 0.563,
170
- 0.766,
171
- 1 58.8%,
172
- 0.946,
173
- 0.908 69.1%,
174
- 0.895,
175
- 0.885,
176
- 0.879,
177
- 0.878,
178
- 0.879,
179
- 0.885,
180
- 0.895,
181
- 0.908 89.7%,
182
- 0.946,
183
- 1);
184
- --ease-bounce-2: linear(0,
185
- 0.004,
186
- 0.016,
187
- 0.035,
188
- 0.063,
189
- 0.098,
190
- 0.141 15.1%,
191
- 0.25,
192
- 0.391,
193
- 0.562,
194
- 0.765,
195
- 1,
196
- 0.892 45.2%,
197
- 0.849,
198
- 0.815,
199
- 0.788,
200
- 0.769,
201
- 0.757,
202
- 0.753,
203
- 0.757,
204
- 0.769,
205
- 0.788,
206
- 0.815,
207
- 0.85,
208
- 0.892 75.2%,
209
- 1 80.2%,
210
- 0.973,
211
- 0.954,
212
- 0.943,
213
- 0.939,
214
- 0.943,
215
- 0.954,
216
- 0.973,
217
- 1);
218
- --ease-bounce-3: linear(0,
219
- 0.004,
220
- 0.016,
221
- 0.035,
222
- 0.062,
223
- 0.098,
224
- 0.141 11.4%,
225
- 0.25,
226
- 0.39,
227
- 0.562,
228
- 0.764,
229
- 1 30.3%,
230
- 0.847 34.8%,
231
- 0.787,
232
- 0.737,
233
- 0.699,
234
- 0.672,
235
- 0.655,
236
- 0.65,
237
- 0.656,
238
- 0.672,
239
- 0.699,
240
- 0.738,
241
- 0.787,
242
- 0.847 61.7%,
243
- 1 66.2%,
244
- 0.946,
245
- 0.908,
246
- 0.885 74.2%,
247
- 0.879,
248
- 0.878,
249
- 0.879,
250
- 0.885 79.5%,
251
- 0.908,
252
- 0.946,
253
- 1 87.4%,
254
- 0.981,
255
- 0.968,
256
- 0.96,
257
- 0.957,
258
- 0.96,
259
- 0.968,
260
- 0.981,
261
- 1);
262
- --ease-bounce-4: linear(0,
263
- 0.004,
264
- 0.016 3%,
265
- 0.062,
266
- 0.141,
267
- 0.25,
268
- 0.391,
269
- 0.562 18.2%,
270
- 1 24.3%,
271
- 0.81,
272
- 0.676 32.3%,
273
- 0.629,
274
- 0.595,
275
- 0.575,
276
- 0.568,
277
- 0.575,
278
- 0.595,
279
- 0.629,
280
- 0.676 48.2%,
281
- 0.811,
282
- 1 56.2%,
283
- 0.918,
284
- 0.86,
285
- 0.825,
286
- 0.814,
287
- 0.825,
288
- 0.86,
289
- 0.918,
290
- 1 77.2%,
291
- 0.94 80.6%,
292
- 0.925,
293
- 0.92,
294
- 0.925,
295
- 0.94 87.5%,
296
- 1 90.9%,
297
- 0.974,
298
- 0.965,
299
- 0.974,
300
- 1);
301
- --ease-bounce-5: linear(0,
302
- 0.004,
303
- 0.016 2.5%,
304
- 0.063,
305
- 0.141,
306
- 0.25 10.1%,
307
- 0.562,
308
- 1 20.2%,
309
- 0.783,
310
- 0.627,
311
- 0.534 30.9%,
312
- 0.511,
313
- 0.503,
314
- 0.511,
315
- 0.534 38%,
316
- 0.627,
317
- 0.782,
318
- 1 48.7%,
319
- 0.892,
320
- 0.815,
321
- 0.769 56.3%,
322
- 0.757,
323
- 0.753,
324
- 0.757,
325
- 0.769 61.3%,
326
- 0.815,
327
- 0.892,
328
- 1 68.8%,
329
- 0.908 72.4%,
330
- 0.885,
331
- 0.878,
332
- 0.885,
333
- 0.908 79.4%,
334
- 1 83%,
335
- 0.954 85.5%,
336
- 0.943,
337
- 0.939,
338
- 0.943,
339
- 0.954 90.5%,
340
- 1 93%,
341
- 0.977,
342
- 0.97,
343
- 0.977,
344
- 1);
54
+ --ease-spring-1: linear(
55
+ 0,
56
+ 0.006,
57
+ 0.025 2.8%,
58
+ 0.101 6.1%,
59
+ 0.539 18.9%,
60
+ 0.721 25.3%,
61
+ 0.849 31.5%,
62
+ 0.937 38.1%,
63
+ 0.968 41.8%,
64
+ 0.991 45.7%,
65
+ 1.006 50.1%,
66
+ 1.015 55%,
67
+ 1.017 63.9%,
68
+ 1.001
69
+ );
70
+ --ease-spring-2: linear(
71
+ 0,
72
+ 0.007,
73
+ 0.029 2.2%,
74
+ 0.118 4.7%,
75
+ 0.625 14.4%,
76
+ 0.826 19%,
77
+ 0.902,
78
+ 0.962,
79
+ 1.008 26.1%,
80
+ 1.041 28.7%,
81
+ 1.064 32.1%,
82
+ 1.07 36%,
83
+ 1.061 40.5%,
84
+ 1.015 53.4%,
85
+ 0.999 61.6%,
86
+ 0.995 71.2%,
87
+ 1
88
+ );
89
+ --ease-spring-3: linear(
90
+ 0,
91
+ 0.009,
92
+ 0.035 2.1%,
93
+ 0.141 4.4%,
94
+ 0.723 12.9%,
95
+ 0.938 16.7%,
96
+ 1.017,
97
+ 1.077,
98
+ 1.121,
99
+ 1.149 24.3%,
100
+ 1.159,
101
+ 1.163,
102
+ 1.161,
103
+ 1.154 29.9%,
104
+ 1.129 32.8%,
105
+ 1.051 39.6%,
106
+ 1.017 43.1%,
107
+ 0.991,
108
+ 0.977 51%,
109
+ 0.974 53.8%,
110
+ 0.975 57.1%,
111
+ 0.997 69.8%,
112
+ 1.003 76.9%,
113
+ 1
114
+ );
115
+ --ease-spring-4: linear(
116
+ 0,
117
+ 0.009,
118
+ 0.037 1.7%,
119
+ 0.153 3.6%,
120
+ 0.776 10.3%,
121
+ 1.001,
122
+ 1.142 16%,
123
+ 1.185,
124
+ 1.209 19%,
125
+ 1.215 19.9% 20.8%,
126
+ 1.199,
127
+ 1.165 25%,
128
+ 1.056 30.3%,
129
+ 1.008 33%,
130
+ 0.973,
131
+ 0.955 39.2%,
132
+ 0.953 41.1%,
133
+ 0.957 43.3%,
134
+ 0.998 53.3%,
135
+ 1.009 59.1% 63.7%,
136
+ 0.998 78.9%,
137
+ 1
138
+ );
139
+ --ease-spring-5: linear(
140
+ 0,
141
+ 0.01,
142
+ 0.04 1.6%,
143
+ 0.161 3.3%,
144
+ 0.816 9.4%,
145
+ 1.046,
146
+ 1.189 14.4%,
147
+ 1.231,
148
+ 1.254 17%,
149
+ 1.259,
150
+ 1.257 18.6%,
151
+ 1.236,
152
+ 1.194 22.3%,
153
+ 1.057 27%,
154
+ 0.999 29.4%,
155
+ 0.955 32.1%,
156
+ 0.942,
157
+ 0.935 34.9%,
158
+ 0.933,
159
+ 0.939 38.4%,
160
+ 1 47.3%,
161
+ 1.011,
162
+ 1.017 52.6%,
163
+ 1.016 56.4%,
164
+ 1 65.2%,
165
+ 0.996 70.2%,
166
+ 1.001 87.2%,
167
+ 1
168
+ );
169
+ --ease-bounce-1: linear(
170
+ 0,
171
+ 0.004,
172
+ 0.016,
173
+ 0.035,
174
+ 0.063,
175
+ 0.098,
176
+ 0.141,
177
+ 0.191,
178
+ 0.25,
179
+ 0.316,
180
+ 0.391 36.8%,
181
+ 0.563,
182
+ 0.766,
183
+ 1 58.8%,
184
+ 0.946,
185
+ 0.908 69.1%,
186
+ 0.895,
187
+ 0.885,
188
+ 0.879,
189
+ 0.878,
190
+ 0.879,
191
+ 0.885,
192
+ 0.895,
193
+ 0.908 89.7%,
194
+ 0.946,
195
+ 1
196
+ );
197
+ --ease-bounce-2: linear(
198
+ 0,
199
+ 0.004,
200
+ 0.016,
201
+ 0.035,
202
+ 0.063,
203
+ 0.098,
204
+ 0.141 15.1%,
205
+ 0.25,
206
+ 0.391,
207
+ 0.562,
208
+ 0.765,
209
+ 1,
210
+ 0.892 45.2%,
211
+ 0.849,
212
+ 0.815,
213
+ 0.788,
214
+ 0.769,
215
+ 0.757,
216
+ 0.753,
217
+ 0.757,
218
+ 0.769,
219
+ 0.788,
220
+ 0.815,
221
+ 0.85,
222
+ 0.892 75.2%,
223
+ 1 80.2%,
224
+ 0.973,
225
+ 0.954,
226
+ 0.943,
227
+ 0.939,
228
+ 0.943,
229
+ 0.954,
230
+ 0.973,
231
+ 1
232
+ );
233
+ --ease-bounce-3: linear(
234
+ 0,
235
+ 0.004,
236
+ 0.016,
237
+ 0.035,
238
+ 0.062,
239
+ 0.098,
240
+ 0.141 11.4%,
241
+ 0.25,
242
+ 0.39,
243
+ 0.562,
244
+ 0.764,
245
+ 1 30.3%,
246
+ 0.847 34.8%,
247
+ 0.787,
248
+ 0.737,
249
+ 0.699,
250
+ 0.672,
251
+ 0.655,
252
+ 0.65,
253
+ 0.656,
254
+ 0.672,
255
+ 0.699,
256
+ 0.738,
257
+ 0.787,
258
+ 0.847 61.7%,
259
+ 1 66.2%,
260
+ 0.946,
261
+ 0.908,
262
+ 0.885 74.2%,
263
+ 0.879,
264
+ 0.878,
265
+ 0.879,
266
+ 0.885 79.5%,
267
+ 0.908,
268
+ 0.946,
269
+ 1 87.4%,
270
+ 0.981,
271
+ 0.968,
272
+ 0.96,
273
+ 0.957,
274
+ 0.96,
275
+ 0.968,
276
+ 0.981,
277
+ 1
278
+ );
279
+ --ease-bounce-4: linear(
280
+ 0,
281
+ 0.004,
282
+ 0.016 3%,
283
+ 0.062,
284
+ 0.141,
285
+ 0.25,
286
+ 0.391,
287
+ 0.562 18.2%,
288
+ 1 24.3%,
289
+ 0.81,
290
+ 0.676 32.3%,
291
+ 0.629,
292
+ 0.595,
293
+ 0.575,
294
+ 0.568,
295
+ 0.575,
296
+ 0.595,
297
+ 0.629,
298
+ 0.676 48.2%,
299
+ 0.811,
300
+ 1 56.2%,
301
+ 0.918,
302
+ 0.86,
303
+ 0.825,
304
+ 0.814,
305
+ 0.825,
306
+ 0.86,
307
+ 0.918,
308
+ 1 77.2%,
309
+ 0.94 80.6%,
310
+ 0.925,
311
+ 0.92,
312
+ 0.925,
313
+ 0.94 87.5%,
314
+ 1 90.9%,
315
+ 0.974,
316
+ 0.965,
317
+ 0.974,
318
+ 1
319
+ );
320
+ --ease-bounce-5: linear(
321
+ 0,
322
+ 0.004,
323
+ 0.016 2.5%,
324
+ 0.063,
325
+ 0.141,
326
+ 0.25 10.1%,
327
+ 0.562,
328
+ 1 20.2%,
329
+ 0.783,
330
+ 0.627,
331
+ 0.534 30.9%,
332
+ 0.511,
333
+ 0.503,
334
+ 0.511,
335
+ 0.534 38%,
336
+ 0.627,
337
+ 0.782,
338
+ 1 48.7%,
339
+ 0.892,
340
+ 0.815,
341
+ 0.769 56.3%,
342
+ 0.757,
343
+ 0.753,
344
+ 0.757,
345
+ 0.769 61.3%,
346
+ 0.815,
347
+ 0.892,
348
+ 1 68.8%,
349
+ 0.908 72.4%,
350
+ 0.885,
351
+ 0.878,
352
+ 0.885,
353
+ 0.908 79.4%,
354
+ 1 83%,
355
+ 0.954 85.5%,
356
+ 0.943,
357
+ 0.939,
358
+ 0.943,
359
+ 0.954 90.5%,
360
+ 1 93%,
361
+ 0.977,
362
+ 0.97,
363
+ 0.977,
364
+ 1
365
+ );
366
+
367
+ --easing-entry: cubic-bezier(0.1, 0, 0, 1);
368
+ --easing-exit: cubic-bezier(0.3, 0, 1.0, 0.8);
345
369
 
346
370
  --transition-duration-instant: 0ms;
347
- --transition-duration-short: 100ms;
348
- --transition-duration-base: 200ms;
349
- --transition-duration-long: 300ms;
371
+
372
+ /* Animation duration based on https://design.brainly.com/8adfd5f36/p/091f75-ux-motion */
373
+
374
+ --transition-duration-quick-1: 80ms; /* e.g. checkbox, radio, hover */
375
+ --transition-duration-quick-2: 120ms; /* e.g. toggle, tab, chip, color, fade */
376
+ --transition-duration-moderate-1: 180ms; /* e.g. dropdown, tooltip */
377
+ --transition-duration-moderate-2: 260ms; /* e.g. modal, toast, dialog, notification */
378
+ --transition-duration-gentle-1: 320ms; /* e.g. bottom sheet, card expand */
379
+ --transition-duration-gentle-2: 420ms; /* e.g. advanced animations */
380
+
381
+ --transition-duration-short: var(--transition-duration-quick-1);
382
+ --transition-duration-base: var(--transition-duration-moderate-1);
383
+ --transition-duration-long: var(--transition-duration-gentle-1);
350
384
  --transition-duration-entry: 0s;
351
385
  --transition-duration-exit: 0s;
352
386
 
353
387
  --transition-target-scale: 0.9;
354
388
 
389
+ /*
390
+ * Calculated animation duration based on https://design.brainly.com/8adfd5f36/p/091f75-ux-motion/t/page-091f75-75547432-5018fa-12
391
+ * Demo: https://codepen.io/T3sT3ro/pen/RNwRLWx
392
+ * unitless
393
+ */
394
+ --animated-element-distance: 0;
395
+ --animated-element-width: 0;
396
+ --animated-element-height: 0;
397
+
398
+ /* Calculated animation duration in milliseconds */
399
+ --transition-duration-calculated: calc(
400
+ (
401
+ 0.5 * var(--animated-element-distance, 0) + 0.35 * var(--animated-element-width, 0) +
402
+ 0.3 * var(--animated-element-height, 0)
403
+ ) *
404
+ 1ms
405
+ );
406
+
355
407
  @media (--motionNotOK) {
408
+ --transition-duration-quick-1: 80ms;
409
+ --transition-duration-quick-2: 120ms;
410
+ --transition-duration-moderate-1: 180ms;
411
+ --transition-duration-moderate-2: 260ms;
412
+ --transition-duration-gentle-1: 320ms;
413
+ --transition-duration-gentle-2: 420ms;
414
+ --transition-duration-calculated: 0;
356
415
  --transition-duration-instant: 0ms;
357
- --transition-duration-short: 0ms;
358
- --transition-duration-base: 0ms;
359
- --transition-duration-long: 0ms;
360
416
  --transition-duration-entry: 0s;
361
417
  --transition-duration-exit: 0s;
362
418
  }