@webstudio-is/react-sdk 0.274.5 → 0.275.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.
@@ -7,119 +7,124 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
7
7
  pages: Pages;
8
8
  source: "canvas" | "prebuild";
9
9
  }) => ({
10
- name: string;
11
- value: number;
12
10
  type: "number";
11
+ value: number;
13
12
  id: string;
14
13
  instanceId: string;
14
+ name: string;
15
15
  required?: boolean | undefined;
16
16
  } | {
17
- name: string;
18
- value: string;
19
17
  type: "string";
18
+ value: string;
20
19
  id: string;
21
20
  instanceId: string;
21
+ name: string;
22
22
  required?: boolean | undefined;
23
23
  } | {
24
- name: string;
25
- value: boolean;
26
24
  type: "boolean";
25
+ value: boolean;
27
26
  id: string;
28
27
  instanceId: string;
28
+ name: string;
29
29
  required?: boolean | undefined;
30
30
  } | {
31
- name: string;
32
31
  type: "json";
32
+ value: unknown;
33
33
  id: string;
34
34
  instanceId: string;
35
- value?: unknown;
35
+ name: string;
36
36
  required?: boolean | undefined;
37
37
  } | {
38
- name: string;
39
- value: string;
40
38
  type: "asset";
39
+ value: string;
41
40
  id: string;
42
41
  instanceId: string;
42
+ name: string;
43
43
  required?: boolean | undefined;
44
44
  } | {
45
- name: string;
45
+ type: "page";
46
46
  value: string | {
47
47
  pageId: string;
48
48
  instanceId: string;
49
49
  };
50
- type: "page";
51
50
  id: string;
52
51
  instanceId: string;
52
+ name: string;
53
53
  required?: boolean | undefined;
54
54
  } | {
55
- name: string;
56
- value: string[];
57
55
  type: "string[]";
56
+ value: string[];
58
57
  id: string;
59
58
  instanceId: string;
59
+ name: string;
60
60
  required?: boolean | undefined;
61
61
  } | {
62
- name: string;
63
- value: string;
64
62
  type: "parameter";
63
+ value: string;
65
64
  id: string;
66
65
  instanceId: string;
66
+ name: string;
67
67
  required?: boolean | undefined;
68
68
  } | {
69
- name: string;
70
- value: string;
71
69
  type: "resource";
70
+ value: string;
72
71
  id: string;
73
72
  instanceId: string;
73
+ name: string;
74
74
  required?: boolean | undefined;
75
75
  } | {
76
- name: string;
77
- value: string;
78
76
  type: "expression";
77
+ value: string;
79
78
  id: string;
80
79
  instanceId: string;
80
+ name: string;
81
81
  required?: boolean | undefined;
82
82
  } | {
83
- name: string;
83
+ type: "action";
84
84
  value: {
85
- code: string;
86
85
  type: "execute";
87
86
  args: string[];
87
+ code: string;
88
88
  }[];
89
- type: "action";
90
89
  id: string;
91
90
  instanceId: string;
91
+ name: string;
92
92
  required?: boolean | undefined;
93
93
  } | {
94
- name: string;
94
+ type: "animationAction";
95
95
  value: {
96
96
  type: "scroll";
97
97
  animations: {
98
98
  keyframes: {
99
- styles: Record<string, {
99
+ styles: Record<string, import("@webstudio-is/css-engine").ColorValue | {
100
+ type: "function";
101
+ name: string;
102
+ args: import("@webstudio-is/css-engine").StyleValue;
103
+ hidden?: boolean;
104
+ } | {
105
+ type: "image";
100
106
  value: {
101
- value: string;
102
107
  type: "asset";
108
+ value: string;
103
109
  } | {
104
110
  type: "url";
105
111
  url: string;
106
112
  };
107
- type: "image";
108
113
  hidden?: boolean | undefined;
109
114
  } | {
110
- value: number;
111
115
  type: "unit";
112
116
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
117
+ value: number;
113
118
  hidden?: boolean | undefined;
114
119
  } | {
115
- value: string;
116
120
  type: "keyword";
121
+ value: string;
117
122
  hidden?: boolean | undefined;
118
123
  } | {
119
- value: string;
120
124
  type: "unparsed";
125
+ value: string;
121
126
  hidden?: boolean | undefined;
122
- } | import("@webstudio-is/css-engine").ColorValue | {
127
+ } | {
123
128
  type: "rgb";
124
129
  r: number;
125
130
  g: number;
@@ -127,27 +132,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
127
132
  alpha: number;
128
133
  hidden?: boolean | undefined;
129
134
  } | {
130
- type: "function";
131
- name: string;
132
- args: import("@webstudio-is/css-engine").StyleValue;
133
- hidden?: boolean;
134
- } | {
135
- value: string;
136
135
  type: "var";
137
- fallback?: {
138
- value: number;
136
+ value: string;
137
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
139
138
  type: "unit";
140
139
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
140
+ value: number;
141
141
  hidden?: boolean | undefined;
142
142
  } | {
143
- value: string;
144
143
  type: "keyword";
144
+ value: string;
145
145
  hidden?: boolean | undefined;
146
146
  } | {
147
- value: string;
148
147
  type: "unparsed";
148
+ value: string;
149
149
  hidden?: boolean | undefined;
150
- } | import("@webstudio-is/css-engine").ColorValue | {
150
+ } | {
151
151
  type: "rgb";
152
152
  r: number;
153
153
  g: number;
@@ -157,30 +157,36 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
157
157
  } | undefined;
158
158
  hidden?: boolean | undefined;
159
159
  } | {
160
- value: ({
160
+ type: "tuple";
161
+ value: (import("@webstudio-is/css-engine").ColorValue | {
162
+ type: "function";
163
+ name: string;
164
+ args: import("@webstudio-is/css-engine").StyleValue;
165
+ hidden?: boolean;
166
+ } | {
167
+ type: "image";
161
168
  value: {
162
- value: string;
163
169
  type: "asset";
170
+ value: string;
164
171
  } | {
165
172
  type: "url";
166
173
  url: string;
167
174
  };
168
- type: "image";
169
175
  hidden?: boolean | undefined;
170
176
  } | {
171
- value: number;
172
177
  type: "unit";
173
178
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
179
+ value: number;
174
180
  hidden?: boolean | undefined;
175
181
  } | {
176
- value: string;
177
182
  type: "keyword";
183
+ value: string;
178
184
  hidden?: boolean | undefined;
179
185
  } | {
180
- value: string;
181
186
  type: "unparsed";
187
+ value: string;
182
188
  hidden?: boolean | undefined;
183
- } | import("@webstudio-is/css-engine").ColorValue | {
189
+ } | {
184
190
  type: "rgb";
185
191
  r: number;
186
192
  g: number;
@@ -188,27 +194,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
188
194
  alpha: number;
189
195
  hidden?: boolean | undefined;
190
196
  } | {
191
- type: "function";
192
- name: string;
193
- args: import("@webstudio-is/css-engine").StyleValue;
194
- hidden?: boolean;
195
- } | {
196
- value: string;
197
197
  type: "var";
198
- fallback?: {
199
- value: number;
198
+ value: string;
199
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
200
200
  type: "unit";
201
201
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
202
+ value: number;
202
203
  hidden?: boolean | undefined;
203
204
  } | {
204
- value: string;
205
205
  type: "keyword";
206
+ value: string;
206
207
  hidden?: boolean | undefined;
207
208
  } | {
208
- value: string;
209
209
  type: "unparsed";
210
+ value: string;
210
211
  hidden?: boolean | undefined;
211
- } | import("@webstudio-is/css-engine").ColorValue | {
212
+ } | {
212
213
  type: "rgb";
213
214
  r: number;
214
215
  g: number;
@@ -218,33 +219,32 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
218
219
  } | undefined;
219
220
  hidden?: boolean | undefined;
220
221
  })[];
221
- type: "tuple";
222
222
  hidden?: boolean | undefined;
223
223
  } | {
224
224
  type: "shadow";
225
225
  position: "inset" | "outset";
226
226
  offsetX: {
227
- value: number;
228
227
  type: "unit";
229
228
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
229
+ value: number;
230
230
  hidden?: boolean | undefined;
231
231
  } | {
232
- value: string;
233
232
  type: "var";
234
- fallback?: {
235
- value: number;
233
+ value: string;
234
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
236
235
  type: "unit";
237
236
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
237
+ value: number;
238
238
  hidden?: boolean | undefined;
239
239
  } | {
240
- value: string;
241
240
  type: "keyword";
241
+ value: string;
242
242
  hidden?: boolean | undefined;
243
243
  } | {
244
- value: string;
245
244
  type: "unparsed";
245
+ value: string;
246
246
  hidden?: boolean | undefined;
247
- } | import("@webstudio-is/css-engine").ColorValue | {
247
+ } | {
248
248
  type: "rgb";
249
249
  r: number;
250
250
  g: number;
@@ -255,27 +255,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
255
255
  hidden?: boolean | undefined;
256
256
  };
257
257
  offsetY: {
258
- value: number;
259
258
  type: "unit";
260
259
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
260
+ value: number;
261
261
  hidden?: boolean | undefined;
262
262
  } | {
263
- value: string;
264
263
  type: "var";
265
- fallback?: {
266
- value: number;
264
+ value: string;
265
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
267
266
  type: "unit";
268
267
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
268
+ value: number;
269
269
  hidden?: boolean | undefined;
270
270
  } | {
271
- value: string;
272
271
  type: "keyword";
272
+ value: string;
273
273
  hidden?: boolean | undefined;
274
274
  } | {
275
- value: string;
276
275
  type: "unparsed";
276
+ value: string;
277
277
  hidden?: boolean | undefined;
278
- } | import("@webstudio-is/css-engine").ColorValue | {
278
+ } | {
279
279
  type: "rgb";
280
280
  r: number;
281
281
  g: number;
@@ -285,34 +285,29 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
285
285
  } | undefined;
286
286
  hidden?: boolean | undefined;
287
287
  };
288
- color?: {
289
- value: string;
290
- type: "keyword";
291
- hidden?: boolean | undefined;
292
- } | import("@webstudio-is/css-engine").ColorValue | {
293
- type: "rgb";
294
- r: number;
295
- g: number;
296
- b: number;
297
- alpha: number;
288
+ hidden?: boolean | undefined;
289
+ blur?: {
290
+ type: "unit";
291
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
292
+ value: number;
298
293
  hidden?: boolean | undefined;
299
294
  } | {
300
- value: string;
301
295
  type: "var";
302
- fallback?: {
303
- value: number;
296
+ value: string;
297
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
304
298
  type: "unit";
305
299
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
300
+ value: number;
306
301
  hidden?: boolean | undefined;
307
302
  } | {
308
- value: string;
309
303
  type: "keyword";
304
+ value: string;
310
305
  hidden?: boolean | undefined;
311
306
  } | {
312
- value: string;
313
307
  type: "unparsed";
308
+ value: string;
314
309
  hidden?: boolean | undefined;
315
- } | import("@webstudio-is/css-engine").ColorValue | {
310
+ } | {
316
311
  type: "rgb";
317
312
  r: number;
318
313
  g: number;
@@ -322,29 +317,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
322
317
  } | undefined;
323
318
  hidden?: boolean | undefined;
324
319
  } | undefined;
325
- hidden?: boolean | undefined;
326
- blur?: {
327
- value: number;
320
+ spread?: {
328
321
  type: "unit";
329
322
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
323
+ value: number;
330
324
  hidden?: boolean | undefined;
331
325
  } | {
332
- value: string;
333
326
  type: "var";
334
- fallback?: {
335
- value: number;
327
+ value: string;
328
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
336
329
  type: "unit";
337
330
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
331
+ value: number;
338
332
  hidden?: boolean | undefined;
339
333
  } | {
340
- value: string;
341
334
  type: "keyword";
335
+ value: string;
342
336
  hidden?: boolean | undefined;
343
337
  } | {
344
- value: string;
345
338
  type: "unparsed";
339
+ value: string;
346
340
  hidden?: boolean | undefined;
347
- } | import("@webstudio-is/css-engine").ColorValue | {
341
+ } | {
348
342
  type: "rgb";
349
343
  r: number;
350
344
  g: number;
@@ -354,28 +348,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
354
348
  } | undefined;
355
349
  hidden?: boolean | undefined;
356
350
  } | undefined;
357
- spread?: {
358
- value: number;
359
- type: "unit";
360
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
351
+ color?: import("@webstudio-is/css-engine").ColorValue | {
352
+ type: "keyword";
353
+ value: string;
354
+ hidden?: boolean | undefined;
355
+ } | {
356
+ type: "rgb";
357
+ r: number;
358
+ g: number;
359
+ b: number;
360
+ alpha: number;
361
361
  hidden?: boolean | undefined;
362
362
  } | {
363
- value: string;
364
363
  type: "var";
365
- fallback?: {
366
- value: number;
364
+ value: string;
365
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
367
366
  type: "unit";
368
367
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
368
+ value: number;
369
369
  hidden?: boolean | undefined;
370
370
  } | {
371
- value: string;
372
371
  type: "keyword";
372
+ value: string;
373
373
  hidden?: boolean | undefined;
374
374
  } | {
375
- value: string;
376
375
  type: "unparsed";
376
+ value: string;
377
377
  hidden?: boolean | undefined;
378
- } | import("@webstudio-is/css-engine").ColorValue | {
378
+ } | {
379
379
  type: "rgb";
380
380
  r: number;
381
381
  g: number;
@@ -386,34 +386,40 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
386
386
  hidden?: boolean | undefined;
387
387
  } | undefined;
388
388
  } | {
389
- value: string;
390
389
  type: "invalid";
390
+ value: string;
391
391
  hidden?: boolean | undefined;
392
392
  } | {
393
- value: ({
393
+ type: "layers";
394
+ value: (import("@webstudio-is/css-engine").ColorValue | {
395
+ type: "function";
396
+ name: string;
397
+ args: import("@webstudio-is/css-engine").StyleValue;
398
+ hidden?: boolean;
399
+ } | {
400
+ type: "image";
394
401
  value: {
395
- value: string;
396
402
  type: "asset";
403
+ value: string;
397
404
  } | {
398
405
  type: "url";
399
406
  url: string;
400
407
  };
401
- type: "image";
402
408
  hidden?: boolean | undefined;
403
409
  } | {
404
- value: number;
405
410
  type: "unit";
406
411
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
412
+ value: number;
407
413
  hidden?: boolean | undefined;
408
414
  } | {
409
- value: string;
410
415
  type: "keyword";
416
+ value: string;
411
417
  hidden?: boolean | undefined;
412
418
  } | {
413
- value: string;
414
419
  type: "unparsed";
420
+ value: string;
415
421
  hidden?: boolean | undefined;
416
- } | import("@webstudio-is/css-engine").ColorValue | {
422
+ } | {
417
423
  type: "rgb";
418
424
  r: number;
419
425
  g: number;
@@ -421,27 +427,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
421
427
  alpha: number;
422
428
  hidden?: boolean | undefined;
423
429
  } | {
424
- type: "function";
425
- name: string;
426
- args: import("@webstudio-is/css-engine").StyleValue;
427
- hidden?: boolean;
428
- } | {
429
- value: string;
430
430
  type: "var";
431
- fallback?: {
432
- value: number;
431
+ value: string;
432
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
433
433
  type: "unit";
434
434
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
435
+ value: number;
435
436
  hidden?: boolean | undefined;
436
437
  } | {
437
- value: string;
438
438
  type: "keyword";
439
+ value: string;
439
440
  hidden?: boolean | undefined;
440
441
  } | {
441
- value: string;
442
442
  type: "unparsed";
443
+ value: string;
443
444
  hidden?: boolean | undefined;
444
- } | import("@webstudio-is/css-engine").ColorValue | {
445
+ } | {
445
446
  type: "rgb";
446
447
  r: number;
447
448
  g: number;
@@ -451,30 +452,36 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
451
452
  } | undefined;
452
453
  hidden?: boolean | undefined;
453
454
  } | {
454
- value: ({
455
+ type: "tuple";
456
+ value: (import("@webstudio-is/css-engine").ColorValue | {
457
+ type: "function";
458
+ name: string;
459
+ args: import("@webstudio-is/css-engine").StyleValue;
460
+ hidden?: boolean;
461
+ } | {
462
+ type: "image";
455
463
  value: {
456
- value: string;
457
464
  type: "asset";
465
+ value: string;
458
466
  } | {
459
467
  type: "url";
460
468
  url: string;
461
469
  };
462
- type: "image";
463
470
  hidden?: boolean | undefined;
464
471
  } | {
465
- value: number;
466
472
  type: "unit";
467
473
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
474
+ value: number;
468
475
  hidden?: boolean | undefined;
469
476
  } | {
470
- value: string;
471
477
  type: "keyword";
478
+ value: string;
472
479
  hidden?: boolean | undefined;
473
480
  } | {
474
- value: string;
475
481
  type: "unparsed";
482
+ value: string;
476
483
  hidden?: boolean | undefined;
477
- } | import("@webstudio-is/css-engine").ColorValue | {
484
+ } | {
478
485
  type: "rgb";
479
486
  r: number;
480
487
  g: number;
@@ -482,27 +489,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
482
489
  alpha: number;
483
490
  hidden?: boolean | undefined;
484
491
  } | {
485
- type: "function";
486
- name: string;
487
- args: import("@webstudio-is/css-engine").StyleValue;
488
- hidden?: boolean;
489
- } | {
490
- value: string;
491
492
  type: "var";
492
- fallback?: {
493
- value: number;
493
+ value: string;
494
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
494
495
  type: "unit";
495
496
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
497
+ value: number;
496
498
  hidden?: boolean | undefined;
497
499
  } | {
498
- value: string;
499
500
  type: "keyword";
501
+ value: string;
500
502
  hidden?: boolean | undefined;
501
503
  } | {
502
- value: string;
503
504
  type: "unparsed";
505
+ value: string;
504
506
  hidden?: boolean | undefined;
505
- } | import("@webstudio-is/css-engine").ColorValue | {
507
+ } | {
506
508
  type: "rgb";
507
509
  r: number;
508
510
  g: number;
@@ -512,33 +514,32 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
512
514
  } | undefined;
513
515
  hidden?: boolean | undefined;
514
516
  })[];
515
- type: "tuple";
516
517
  hidden?: boolean | undefined;
517
518
  } | {
518
519
  type: "shadow";
519
520
  position: "inset" | "outset";
520
521
  offsetX: {
521
- value: number;
522
522
  type: "unit";
523
523
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
524
+ value: number;
524
525
  hidden?: boolean | undefined;
525
526
  } | {
526
- value: string;
527
527
  type: "var";
528
- fallback?: {
529
- value: number;
528
+ value: string;
529
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
530
530
  type: "unit";
531
531
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
532
+ value: number;
532
533
  hidden?: boolean | undefined;
533
534
  } | {
534
- value: string;
535
535
  type: "keyword";
536
+ value: string;
536
537
  hidden?: boolean | undefined;
537
538
  } | {
538
- value: string;
539
539
  type: "unparsed";
540
+ value: string;
540
541
  hidden?: boolean | undefined;
541
- } | import("@webstudio-is/css-engine").ColorValue | {
542
+ } | {
542
543
  type: "rgb";
543
544
  r: number;
544
545
  g: number;
@@ -549,27 +550,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
549
550
  hidden?: boolean | undefined;
550
551
  };
551
552
  offsetY: {
552
- value: number;
553
553
  type: "unit";
554
554
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
555
+ value: number;
555
556
  hidden?: boolean | undefined;
556
557
  } | {
557
- value: string;
558
558
  type: "var";
559
- fallback?: {
560
- value: number;
559
+ value: string;
560
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
561
561
  type: "unit";
562
562
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
563
+ value: number;
563
564
  hidden?: boolean | undefined;
564
565
  } | {
565
- value: string;
566
566
  type: "keyword";
567
+ value: string;
567
568
  hidden?: boolean | undefined;
568
569
  } | {
569
- value: string;
570
570
  type: "unparsed";
571
+ value: string;
571
572
  hidden?: boolean | undefined;
572
- } | import("@webstudio-is/css-engine").ColorValue | {
573
+ } | {
573
574
  type: "rgb";
574
575
  r: number;
575
576
  g: number;
@@ -579,34 +580,29 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
579
580
  } | undefined;
580
581
  hidden?: boolean | undefined;
581
582
  };
582
- color?: {
583
- value: string;
584
- type: "keyword";
585
- hidden?: boolean | undefined;
586
- } | import("@webstudio-is/css-engine").ColorValue | {
587
- type: "rgb";
588
- r: number;
589
- g: number;
590
- b: number;
591
- alpha: number;
583
+ hidden?: boolean | undefined;
584
+ blur?: {
585
+ type: "unit";
586
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
587
+ value: number;
592
588
  hidden?: boolean | undefined;
593
589
  } | {
594
- value: string;
595
590
  type: "var";
596
- fallback?: {
597
- value: number;
591
+ value: string;
592
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
598
593
  type: "unit";
599
594
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
595
+ value: number;
600
596
  hidden?: boolean | undefined;
601
597
  } | {
602
- value: string;
603
598
  type: "keyword";
599
+ value: string;
604
600
  hidden?: boolean | undefined;
605
601
  } | {
606
- value: string;
607
602
  type: "unparsed";
603
+ value: string;
608
604
  hidden?: boolean | undefined;
609
- } | import("@webstudio-is/css-engine").ColorValue | {
605
+ } | {
610
606
  type: "rgb";
611
607
  r: number;
612
608
  g: number;
@@ -616,29 +612,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
616
612
  } | undefined;
617
613
  hidden?: boolean | undefined;
618
614
  } | undefined;
619
- hidden?: boolean | undefined;
620
- blur?: {
621
- value: number;
615
+ spread?: {
622
616
  type: "unit";
623
617
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
618
+ value: number;
624
619
  hidden?: boolean | undefined;
625
620
  } | {
626
- value: string;
627
621
  type: "var";
628
- fallback?: {
629
- value: number;
622
+ value: string;
623
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
630
624
  type: "unit";
631
625
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
626
+ value: number;
632
627
  hidden?: boolean | undefined;
633
628
  } | {
634
- value: string;
635
629
  type: "keyword";
630
+ value: string;
636
631
  hidden?: boolean | undefined;
637
632
  } | {
638
- value: string;
639
633
  type: "unparsed";
634
+ value: string;
640
635
  hidden?: boolean | undefined;
641
- } | import("@webstudio-is/css-engine").ColorValue | {
636
+ } | {
642
637
  type: "rgb";
643
638
  r: number;
644
639
  g: number;
@@ -648,28 +643,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
648
643
  } | undefined;
649
644
  hidden?: boolean | undefined;
650
645
  } | undefined;
651
- spread?: {
652
- value: number;
653
- type: "unit";
654
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
646
+ color?: import("@webstudio-is/css-engine").ColorValue | {
647
+ type: "keyword";
648
+ value: string;
649
+ hidden?: boolean | undefined;
650
+ } | {
651
+ type: "rgb";
652
+ r: number;
653
+ g: number;
654
+ b: number;
655
+ alpha: number;
655
656
  hidden?: boolean | undefined;
656
657
  } | {
657
- value: string;
658
658
  type: "var";
659
- fallback?: {
660
- value: number;
659
+ value: string;
660
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
661
661
  type: "unit";
662
662
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
663
+ value: number;
663
664
  hidden?: boolean | undefined;
664
665
  } | {
665
- value: string;
666
666
  type: "keyword";
667
+ value: string;
667
668
  hidden?: boolean | undefined;
668
669
  } | {
669
- value: string;
670
670
  type: "unparsed";
671
+ value: string;
671
672
  hidden?: boolean | undefined;
672
- } | import("@webstudio-is/css-engine").ColorValue | {
673
+ } | {
673
674
  type: "rgb";
674
675
  r: number;
675
676
  g: number;
@@ -680,67 +681,66 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
680
681
  hidden?: boolean | undefined;
681
682
  } | undefined;
682
683
  } | {
683
- value: string;
684
684
  type: "invalid";
685
+ value: string;
685
686
  hidden?: boolean | undefined;
686
687
  })[];
687
- type: "layers";
688
688
  hidden?: boolean | undefined;
689
689
  } | {
690
- value: string[];
691
690
  type: "fontFamily";
691
+ value: string[];
692
692
  hidden?: boolean | undefined;
693
693
  } | {
694
694
  type: "guaranteedInvalid";
695
695
  hidden?: boolean | undefined;
696
696
  } | {
697
- value: "";
698
697
  type: "unset";
698
+ value: "";
699
699
  hidden?: boolean | undefined;
700
700
  }>;
701
701
  offset?: number | undefined;
702
702
  }[];
703
703
  timing: {
704
- fill?: "none" | "forwards" | "backwards" | "both" | undefined;
705
704
  easing?: string | undefined;
705
+ fill?: "none" | "forwards" | "backwards" | "both" | undefined;
706
706
  duration?: {
707
- value: number;
708
707
  type: "unit";
708
+ value: number;
709
709
  unit: "s" | "ms";
710
710
  } | {
711
- value: string;
712
711
  type: "var";
712
+ value: string;
713
713
  } | undefined;
714
714
  delay?: {
715
- value: number;
716
715
  type: "unit";
716
+ value: number;
717
717
  unit: "s" | "ms";
718
718
  } | {
719
- value: string;
720
719
  type: "var";
720
+ value: string;
721
721
  } | undefined;
722
722
  iterations?: number | "infinite" | undefined;
723
723
  rangeStart?: ["start" | "end", {
724
- value: number;
725
724
  type: "unit";
726
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
725
+ value: number;
726
+ unit: "in" | "%" | "cm" | "mm" | "q" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
727
727
  } | {
728
- value: string;
729
728
  type: "unparsed";
730
- } | {
731
729
  value: string;
730
+ } | {
732
731
  type: "var";
732
+ value: string;
733
733
  }] | undefined;
734
734
  rangeEnd?: ["start" | "end", {
735
- value: number;
736
735
  type: "unit";
737
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
736
+ value: number;
737
+ unit: "in" | "%" | "cm" | "mm" | "q" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
738
738
  } | {
739
- value: string;
740
739
  type: "unparsed";
741
- } | {
742
740
  value: string;
741
+ } | {
743
742
  type: "var";
743
+ value: string;
744
744
  }] | undefined;
745
745
  };
746
746
  name?: string | undefined;
@@ -755,30 +755,35 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
755
755
  type: "view";
756
756
  animations: {
757
757
  keyframes: {
758
- styles: Record<string, {
758
+ styles: Record<string, import("@webstudio-is/css-engine").ColorValue | {
759
+ type: "function";
760
+ name: string;
761
+ args: import("@webstudio-is/css-engine").StyleValue;
762
+ hidden?: boolean;
763
+ } | {
764
+ type: "image";
759
765
  value: {
760
- value: string;
761
766
  type: "asset";
767
+ value: string;
762
768
  } | {
763
769
  type: "url";
764
770
  url: string;
765
771
  };
766
- type: "image";
767
772
  hidden?: boolean | undefined;
768
773
  } | {
769
- value: number;
770
774
  type: "unit";
771
775
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
776
+ value: number;
772
777
  hidden?: boolean | undefined;
773
778
  } | {
774
- value: string;
775
779
  type: "keyword";
780
+ value: string;
776
781
  hidden?: boolean | undefined;
777
782
  } | {
778
- value: string;
779
783
  type: "unparsed";
784
+ value: string;
780
785
  hidden?: boolean | undefined;
781
- } | import("@webstudio-is/css-engine").ColorValue | {
786
+ } | {
782
787
  type: "rgb";
783
788
  r: number;
784
789
  g: number;
@@ -786,27 +791,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
786
791
  alpha: number;
787
792
  hidden?: boolean | undefined;
788
793
  } | {
789
- type: "function";
790
- name: string;
791
- args: import("@webstudio-is/css-engine").StyleValue;
792
- hidden?: boolean;
793
- } | {
794
- value: string;
795
794
  type: "var";
796
- fallback?: {
797
- value: number;
795
+ value: string;
796
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
798
797
  type: "unit";
799
798
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
799
+ value: number;
800
800
  hidden?: boolean | undefined;
801
801
  } | {
802
- value: string;
803
802
  type: "keyword";
803
+ value: string;
804
804
  hidden?: boolean | undefined;
805
805
  } | {
806
- value: string;
807
806
  type: "unparsed";
807
+ value: string;
808
808
  hidden?: boolean | undefined;
809
- } | import("@webstudio-is/css-engine").ColorValue | {
809
+ } | {
810
810
  type: "rgb";
811
811
  r: number;
812
812
  g: number;
@@ -816,30 +816,36 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
816
816
  } | undefined;
817
817
  hidden?: boolean | undefined;
818
818
  } | {
819
- value: ({
819
+ type: "tuple";
820
+ value: (import("@webstudio-is/css-engine").ColorValue | {
821
+ type: "function";
822
+ name: string;
823
+ args: import("@webstudio-is/css-engine").StyleValue;
824
+ hidden?: boolean;
825
+ } | {
826
+ type: "image";
820
827
  value: {
821
- value: string;
822
828
  type: "asset";
829
+ value: string;
823
830
  } | {
824
831
  type: "url";
825
832
  url: string;
826
833
  };
827
- type: "image";
828
834
  hidden?: boolean | undefined;
829
835
  } | {
830
- value: number;
831
836
  type: "unit";
832
837
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
838
+ value: number;
833
839
  hidden?: boolean | undefined;
834
840
  } | {
835
- value: string;
836
841
  type: "keyword";
842
+ value: string;
837
843
  hidden?: boolean | undefined;
838
844
  } | {
839
- value: string;
840
845
  type: "unparsed";
846
+ value: string;
841
847
  hidden?: boolean | undefined;
842
- } | import("@webstudio-is/css-engine").ColorValue | {
848
+ } | {
843
849
  type: "rgb";
844
850
  r: number;
845
851
  g: number;
@@ -847,27 +853,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
847
853
  alpha: number;
848
854
  hidden?: boolean | undefined;
849
855
  } | {
850
- type: "function";
851
- name: string;
852
- args: import("@webstudio-is/css-engine").StyleValue;
853
- hidden?: boolean;
854
- } | {
855
- value: string;
856
856
  type: "var";
857
- fallback?: {
858
- value: number;
857
+ value: string;
858
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
859
859
  type: "unit";
860
860
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
861
+ value: number;
861
862
  hidden?: boolean | undefined;
862
863
  } | {
863
- value: string;
864
864
  type: "keyword";
865
+ value: string;
865
866
  hidden?: boolean | undefined;
866
867
  } | {
867
- value: string;
868
868
  type: "unparsed";
869
+ value: string;
869
870
  hidden?: boolean | undefined;
870
- } | import("@webstudio-is/css-engine").ColorValue | {
871
+ } | {
871
872
  type: "rgb";
872
873
  r: number;
873
874
  g: number;
@@ -877,33 +878,32 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
877
878
  } | undefined;
878
879
  hidden?: boolean | undefined;
879
880
  })[];
880
- type: "tuple";
881
881
  hidden?: boolean | undefined;
882
882
  } | {
883
883
  type: "shadow";
884
884
  position: "inset" | "outset";
885
885
  offsetX: {
886
- value: number;
887
886
  type: "unit";
888
887
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
888
+ value: number;
889
889
  hidden?: boolean | undefined;
890
890
  } | {
891
- value: string;
892
891
  type: "var";
893
- fallback?: {
894
- value: number;
892
+ value: string;
893
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
895
894
  type: "unit";
896
895
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
896
+ value: number;
897
897
  hidden?: boolean | undefined;
898
898
  } | {
899
- value: string;
900
899
  type: "keyword";
900
+ value: string;
901
901
  hidden?: boolean | undefined;
902
902
  } | {
903
- value: string;
904
903
  type: "unparsed";
904
+ value: string;
905
905
  hidden?: boolean | undefined;
906
- } | import("@webstudio-is/css-engine").ColorValue | {
906
+ } | {
907
907
  type: "rgb";
908
908
  r: number;
909
909
  g: number;
@@ -914,27 +914,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
914
914
  hidden?: boolean | undefined;
915
915
  };
916
916
  offsetY: {
917
- value: number;
918
917
  type: "unit";
919
918
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
919
+ value: number;
920
920
  hidden?: boolean | undefined;
921
921
  } | {
922
- value: string;
923
922
  type: "var";
924
- fallback?: {
925
- value: number;
923
+ value: string;
924
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
926
925
  type: "unit";
927
926
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
927
+ value: number;
928
928
  hidden?: boolean | undefined;
929
929
  } | {
930
- value: string;
931
930
  type: "keyword";
931
+ value: string;
932
932
  hidden?: boolean | undefined;
933
933
  } | {
934
- value: string;
935
934
  type: "unparsed";
935
+ value: string;
936
936
  hidden?: boolean | undefined;
937
- } | import("@webstudio-is/css-engine").ColorValue | {
937
+ } | {
938
938
  type: "rgb";
939
939
  r: number;
940
940
  g: number;
@@ -944,34 +944,29 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
944
944
  } | undefined;
945
945
  hidden?: boolean | undefined;
946
946
  };
947
- color?: {
948
- value: string;
949
- type: "keyword";
950
- hidden?: boolean | undefined;
951
- } | import("@webstudio-is/css-engine").ColorValue | {
952
- type: "rgb";
953
- r: number;
954
- g: number;
955
- b: number;
956
- alpha: number;
947
+ hidden?: boolean | undefined;
948
+ blur?: {
949
+ type: "unit";
950
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
951
+ value: number;
957
952
  hidden?: boolean | undefined;
958
953
  } | {
959
- value: string;
960
954
  type: "var";
961
- fallback?: {
962
- value: number;
955
+ value: string;
956
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
963
957
  type: "unit";
964
958
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
959
+ value: number;
965
960
  hidden?: boolean | undefined;
966
961
  } | {
967
- value: string;
968
962
  type: "keyword";
963
+ value: string;
969
964
  hidden?: boolean | undefined;
970
965
  } | {
971
- value: string;
972
966
  type: "unparsed";
967
+ value: string;
973
968
  hidden?: boolean | undefined;
974
- } | import("@webstudio-is/css-engine").ColorValue | {
969
+ } | {
975
970
  type: "rgb";
976
971
  r: number;
977
972
  g: number;
@@ -981,29 +976,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
981
976
  } | undefined;
982
977
  hidden?: boolean | undefined;
983
978
  } | undefined;
984
- hidden?: boolean | undefined;
985
- blur?: {
986
- value: number;
979
+ spread?: {
987
980
  type: "unit";
988
981
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
982
+ value: number;
989
983
  hidden?: boolean | undefined;
990
984
  } | {
991
- value: string;
992
985
  type: "var";
993
- fallback?: {
994
- value: number;
986
+ value: string;
987
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
995
988
  type: "unit";
996
989
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
990
+ value: number;
997
991
  hidden?: boolean | undefined;
998
992
  } | {
999
- value: string;
1000
993
  type: "keyword";
994
+ value: string;
1001
995
  hidden?: boolean | undefined;
1002
996
  } | {
1003
- value: string;
1004
997
  type: "unparsed";
998
+ value: string;
1005
999
  hidden?: boolean | undefined;
1006
- } | import("@webstudio-is/css-engine").ColorValue | {
1000
+ } | {
1007
1001
  type: "rgb";
1008
1002
  r: number;
1009
1003
  g: number;
@@ -1013,28 +1007,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1013
1007
  } | undefined;
1014
1008
  hidden?: boolean | undefined;
1015
1009
  } | undefined;
1016
- spread?: {
1017
- value: number;
1018
- type: "unit";
1019
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
1010
+ color?: import("@webstudio-is/css-engine").ColorValue | {
1011
+ type: "keyword";
1012
+ value: string;
1013
+ hidden?: boolean | undefined;
1014
+ } | {
1015
+ type: "rgb";
1016
+ r: number;
1017
+ g: number;
1018
+ b: number;
1019
+ alpha: number;
1020
1020
  hidden?: boolean | undefined;
1021
1021
  } | {
1022
- value: string;
1023
1022
  type: "var";
1024
- fallback?: {
1025
- value: number;
1023
+ value: string;
1024
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1026
1025
  type: "unit";
1027
1026
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1027
+ value: number;
1028
1028
  hidden?: boolean | undefined;
1029
1029
  } | {
1030
- value: string;
1031
1030
  type: "keyword";
1031
+ value: string;
1032
1032
  hidden?: boolean | undefined;
1033
1033
  } | {
1034
- value: string;
1035
1034
  type: "unparsed";
1035
+ value: string;
1036
1036
  hidden?: boolean | undefined;
1037
- } | import("@webstudio-is/css-engine").ColorValue | {
1037
+ } | {
1038
1038
  type: "rgb";
1039
1039
  r: number;
1040
1040
  g: number;
@@ -1045,34 +1045,40 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1045
1045
  hidden?: boolean | undefined;
1046
1046
  } | undefined;
1047
1047
  } | {
1048
- value: string;
1049
1048
  type: "invalid";
1049
+ value: string;
1050
1050
  hidden?: boolean | undefined;
1051
1051
  } | {
1052
- value: ({
1052
+ type: "layers";
1053
+ value: (import("@webstudio-is/css-engine").ColorValue | {
1054
+ type: "function";
1055
+ name: string;
1056
+ args: import("@webstudio-is/css-engine").StyleValue;
1057
+ hidden?: boolean;
1058
+ } | {
1059
+ type: "image";
1053
1060
  value: {
1054
- value: string;
1055
1061
  type: "asset";
1062
+ value: string;
1056
1063
  } | {
1057
1064
  type: "url";
1058
1065
  url: string;
1059
1066
  };
1060
- type: "image";
1061
1067
  hidden?: boolean | undefined;
1062
1068
  } | {
1063
- value: number;
1064
1069
  type: "unit";
1065
1070
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1071
+ value: number;
1066
1072
  hidden?: boolean | undefined;
1067
1073
  } | {
1068
- value: string;
1069
1074
  type: "keyword";
1075
+ value: string;
1070
1076
  hidden?: boolean | undefined;
1071
1077
  } | {
1072
- value: string;
1073
1078
  type: "unparsed";
1079
+ value: string;
1074
1080
  hidden?: boolean | undefined;
1075
- } | import("@webstudio-is/css-engine").ColorValue | {
1081
+ } | {
1076
1082
  type: "rgb";
1077
1083
  r: number;
1078
1084
  g: number;
@@ -1080,27 +1086,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1080
1086
  alpha: number;
1081
1087
  hidden?: boolean | undefined;
1082
1088
  } | {
1083
- type: "function";
1084
- name: string;
1085
- args: import("@webstudio-is/css-engine").StyleValue;
1086
- hidden?: boolean;
1087
- } | {
1088
- value: string;
1089
1089
  type: "var";
1090
- fallback?: {
1091
- value: number;
1090
+ value: string;
1091
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1092
1092
  type: "unit";
1093
1093
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1094
+ value: number;
1094
1095
  hidden?: boolean | undefined;
1095
1096
  } | {
1096
- value: string;
1097
1097
  type: "keyword";
1098
+ value: string;
1098
1099
  hidden?: boolean | undefined;
1099
1100
  } | {
1100
- value: string;
1101
1101
  type: "unparsed";
1102
+ value: string;
1102
1103
  hidden?: boolean | undefined;
1103
- } | import("@webstudio-is/css-engine").ColorValue | {
1104
+ } | {
1104
1105
  type: "rgb";
1105
1106
  r: number;
1106
1107
  g: number;
@@ -1110,30 +1111,36 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1110
1111
  } | undefined;
1111
1112
  hidden?: boolean | undefined;
1112
1113
  } | {
1113
- value: ({
1114
+ type: "tuple";
1115
+ value: (import("@webstudio-is/css-engine").ColorValue | {
1116
+ type: "function";
1117
+ name: string;
1118
+ args: import("@webstudio-is/css-engine").StyleValue;
1119
+ hidden?: boolean;
1120
+ } | {
1121
+ type: "image";
1114
1122
  value: {
1115
- value: string;
1116
1123
  type: "asset";
1124
+ value: string;
1117
1125
  } | {
1118
1126
  type: "url";
1119
1127
  url: string;
1120
1128
  };
1121
- type: "image";
1122
1129
  hidden?: boolean | undefined;
1123
1130
  } | {
1124
- value: number;
1125
1131
  type: "unit";
1126
1132
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1133
+ value: number;
1127
1134
  hidden?: boolean | undefined;
1128
1135
  } | {
1129
- value: string;
1130
1136
  type: "keyword";
1137
+ value: string;
1131
1138
  hidden?: boolean | undefined;
1132
1139
  } | {
1133
- value: string;
1134
1140
  type: "unparsed";
1141
+ value: string;
1135
1142
  hidden?: boolean | undefined;
1136
- } | import("@webstudio-is/css-engine").ColorValue | {
1143
+ } | {
1137
1144
  type: "rgb";
1138
1145
  r: number;
1139
1146
  g: number;
@@ -1141,27 +1148,22 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1141
1148
  alpha: number;
1142
1149
  hidden?: boolean | undefined;
1143
1150
  } | {
1144
- type: "function";
1145
- name: string;
1146
- args: import("@webstudio-is/css-engine").StyleValue;
1147
- hidden?: boolean;
1148
- } | {
1149
- value: string;
1150
1151
  type: "var";
1151
- fallback?: {
1152
- value: number;
1152
+ value: string;
1153
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1153
1154
  type: "unit";
1154
1155
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1156
+ value: number;
1155
1157
  hidden?: boolean | undefined;
1156
1158
  } | {
1157
- value: string;
1158
1159
  type: "keyword";
1160
+ value: string;
1159
1161
  hidden?: boolean | undefined;
1160
1162
  } | {
1161
- value: string;
1162
1163
  type: "unparsed";
1164
+ value: string;
1163
1165
  hidden?: boolean | undefined;
1164
- } | import("@webstudio-is/css-engine").ColorValue | {
1166
+ } | {
1165
1167
  type: "rgb";
1166
1168
  r: number;
1167
1169
  g: number;
@@ -1171,33 +1173,32 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1171
1173
  } | undefined;
1172
1174
  hidden?: boolean | undefined;
1173
1175
  })[];
1174
- type: "tuple";
1175
1176
  hidden?: boolean | undefined;
1176
1177
  } | {
1177
1178
  type: "shadow";
1178
1179
  position: "inset" | "outset";
1179
1180
  offsetX: {
1180
- value: number;
1181
1181
  type: "unit";
1182
1182
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1183
+ value: number;
1183
1184
  hidden?: boolean | undefined;
1184
1185
  } | {
1185
- value: string;
1186
1186
  type: "var";
1187
- fallback?: {
1188
- value: number;
1187
+ value: string;
1188
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1189
1189
  type: "unit";
1190
1190
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1191
+ value: number;
1191
1192
  hidden?: boolean | undefined;
1192
1193
  } | {
1193
- value: string;
1194
1194
  type: "keyword";
1195
+ value: string;
1195
1196
  hidden?: boolean | undefined;
1196
1197
  } | {
1197
- value: string;
1198
1198
  type: "unparsed";
1199
+ value: string;
1199
1200
  hidden?: boolean | undefined;
1200
- } | import("@webstudio-is/css-engine").ColorValue | {
1201
+ } | {
1201
1202
  type: "rgb";
1202
1203
  r: number;
1203
1204
  g: number;
@@ -1208,27 +1209,27 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1208
1209
  hidden?: boolean | undefined;
1209
1210
  };
1210
1211
  offsetY: {
1211
- value: number;
1212
1212
  type: "unit";
1213
1213
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1214
+ value: number;
1214
1215
  hidden?: boolean | undefined;
1215
1216
  } | {
1216
- value: string;
1217
1217
  type: "var";
1218
- fallback?: {
1219
- value: number;
1218
+ value: string;
1219
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1220
1220
  type: "unit";
1221
1221
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1222
+ value: number;
1222
1223
  hidden?: boolean | undefined;
1223
1224
  } | {
1224
- value: string;
1225
1225
  type: "keyword";
1226
+ value: string;
1226
1227
  hidden?: boolean | undefined;
1227
1228
  } | {
1228
- value: string;
1229
1229
  type: "unparsed";
1230
+ value: string;
1230
1231
  hidden?: boolean | undefined;
1231
- } | import("@webstudio-is/css-engine").ColorValue | {
1232
+ } | {
1232
1233
  type: "rgb";
1233
1234
  r: number;
1234
1235
  g: number;
@@ -1238,34 +1239,29 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1238
1239
  } | undefined;
1239
1240
  hidden?: boolean | undefined;
1240
1241
  };
1241
- color?: {
1242
- value: string;
1243
- type: "keyword";
1244
- hidden?: boolean | undefined;
1245
- } | import("@webstudio-is/css-engine").ColorValue | {
1246
- type: "rgb";
1247
- r: number;
1248
- g: number;
1249
- b: number;
1250
- alpha: number;
1242
+ hidden?: boolean | undefined;
1243
+ blur?: {
1244
+ type: "unit";
1245
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1246
+ value: number;
1251
1247
  hidden?: boolean | undefined;
1252
1248
  } | {
1253
- value: string;
1254
1249
  type: "var";
1255
- fallback?: {
1256
- value: number;
1250
+ value: string;
1251
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1257
1252
  type: "unit";
1258
1253
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1254
+ value: number;
1259
1255
  hidden?: boolean | undefined;
1260
1256
  } | {
1261
- value: string;
1262
1257
  type: "keyword";
1258
+ value: string;
1263
1259
  hidden?: boolean | undefined;
1264
1260
  } | {
1265
- value: string;
1266
1261
  type: "unparsed";
1262
+ value: string;
1267
1263
  hidden?: boolean | undefined;
1268
- } | import("@webstudio-is/css-engine").ColorValue | {
1264
+ } | {
1269
1265
  type: "rgb";
1270
1266
  r: number;
1271
1267
  g: number;
@@ -1275,29 +1271,28 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1275
1271
  } | undefined;
1276
1272
  hidden?: boolean | undefined;
1277
1273
  } | undefined;
1278
- hidden?: boolean | undefined;
1279
- blur?: {
1280
- value: number;
1274
+ spread?: {
1281
1275
  type: "unit";
1282
1276
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1277
+ value: number;
1283
1278
  hidden?: boolean | undefined;
1284
1279
  } | {
1285
- value: string;
1286
1280
  type: "var";
1287
- fallback?: {
1288
- value: number;
1281
+ value: string;
1282
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1289
1283
  type: "unit";
1290
1284
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1285
+ value: number;
1291
1286
  hidden?: boolean | undefined;
1292
1287
  } | {
1293
- value: string;
1294
1288
  type: "keyword";
1289
+ value: string;
1295
1290
  hidden?: boolean | undefined;
1296
1291
  } | {
1297
- value: string;
1298
1292
  type: "unparsed";
1293
+ value: string;
1299
1294
  hidden?: boolean | undefined;
1300
- } | import("@webstudio-is/css-engine").ColorValue | {
1295
+ } | {
1301
1296
  type: "rgb";
1302
1297
  r: number;
1303
1298
  g: number;
@@ -1307,28 +1302,34 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1307
1302
  } | undefined;
1308
1303
  hidden?: boolean | undefined;
1309
1304
  } | undefined;
1310
- spread?: {
1311
- value: number;
1312
- type: "unit";
1313
- unit: "number" | import("@webstudio-is/css-engine").__Unit;
1305
+ color?: import("@webstudio-is/css-engine").ColorValue | {
1306
+ type: "keyword";
1307
+ value: string;
1308
+ hidden?: boolean | undefined;
1309
+ } | {
1310
+ type: "rgb";
1311
+ r: number;
1312
+ g: number;
1313
+ b: number;
1314
+ alpha: number;
1314
1315
  hidden?: boolean | undefined;
1315
1316
  } | {
1316
- value: string;
1317
1317
  type: "var";
1318
- fallback?: {
1319
- value: number;
1318
+ value: string;
1319
+ fallback?: import("@webstudio-is/css-engine").ColorValue | {
1320
1320
  type: "unit";
1321
1321
  unit: "number" | import("@webstudio-is/css-engine").__Unit;
1322
+ value: number;
1322
1323
  hidden?: boolean | undefined;
1323
1324
  } | {
1324
- value: string;
1325
1325
  type: "keyword";
1326
+ value: string;
1326
1327
  hidden?: boolean | undefined;
1327
1328
  } | {
1328
- value: string;
1329
1329
  type: "unparsed";
1330
+ value: string;
1330
1331
  hidden?: boolean | undefined;
1331
- } | import("@webstudio-is/css-engine").ColorValue | {
1332
+ } | {
1332
1333
  type: "rgb";
1333
1334
  r: number;
1334
1335
  g: number;
@@ -1339,109 +1340,108 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1339
1340
  hidden?: boolean | undefined;
1340
1341
  } | undefined;
1341
1342
  } | {
1342
- value: string;
1343
1343
  type: "invalid";
1344
+ value: string;
1344
1345
  hidden?: boolean | undefined;
1345
1346
  })[];
1346
- type: "layers";
1347
1347
  hidden?: boolean | undefined;
1348
1348
  } | {
1349
- value: string[];
1350
1349
  type: "fontFamily";
1350
+ value: string[];
1351
1351
  hidden?: boolean | undefined;
1352
1352
  } | {
1353
1353
  type: "guaranteedInvalid";
1354
1354
  hidden?: boolean | undefined;
1355
1355
  } | {
1356
- value: "";
1357
1356
  type: "unset";
1357
+ value: "";
1358
1358
  hidden?: boolean | undefined;
1359
1359
  }>;
1360
1360
  offset?: number | undefined;
1361
1361
  }[];
1362
1362
  timing: {
1363
- fill?: "none" | "forwards" | "backwards" | "both" | undefined;
1364
1363
  easing?: string | undefined;
1364
+ fill?: "none" | "forwards" | "backwards" | "both" | undefined;
1365
1365
  duration?: {
1366
- value: number;
1367
1366
  type: "unit";
1367
+ value: number;
1368
1368
  unit: "s" | "ms";
1369
1369
  } | {
1370
- value: string;
1371
1370
  type: "var";
1371
+ value: string;
1372
1372
  } | undefined;
1373
1373
  delay?: {
1374
- value: number;
1375
1374
  type: "unit";
1375
+ value: number;
1376
1376
  unit: "s" | "ms";
1377
1377
  } | {
1378
- value: string;
1379
1378
  type: "var";
1379
+ value: string;
1380
1380
  } | undefined;
1381
1381
  iterations?: number | "infinite" | undefined;
1382
1382
  rangeStart?: ["contain" | "cover" | "entry" | "exit" | "entry-crossing" | "exit-crossing", {
1383
- value: number;
1384
1383
  type: "unit";
1385
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1384
+ value: number;
1385
+ unit: "in" | "%" | "cm" | "mm" | "q" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1386
1386
  } | {
1387
- value: string;
1388
1387
  type: "unparsed";
1389
- } | {
1390
1388
  value: string;
1389
+ } | {
1391
1390
  type: "var";
1391
+ value: string;
1392
1392
  }] | undefined;
1393
1393
  rangeEnd?: ["contain" | "cover" | "entry" | "exit" | "entry-crossing" | "exit-crossing", {
1394
- value: number;
1395
1394
  type: "unit";
1396
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1395
+ value: number;
1396
+ unit: "in" | "%" | "cm" | "mm" | "q" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1397
1397
  } | {
1398
- value: string;
1399
1398
  type: "unparsed";
1400
- } | {
1401
1399
  value: string;
1400
+ } | {
1402
1401
  type: "var";
1402
+ value: string;
1403
1403
  }] | undefined;
1404
1404
  };
1405
1405
  name?: string | undefined;
1406
1406
  description?: string | undefined;
1407
1407
  enabled?: [string, boolean][] | undefined;
1408
1408
  }[];
1409
- axis?: "block" | "x" | "y" | "inline" | undefined;
1410
- isPinned?: boolean | undefined;
1411
- debug?: boolean | undefined;
1412
1409
  subject?: string | undefined;
1410
+ axis?: "block" | "x" | "y" | "inline" | undefined;
1413
1411
  insetStart?: {
1414
- value: number;
1415
1412
  type: "unit";
1416
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1413
+ value: number;
1414
+ unit: "in" | "%" | "cm" | "mm" | "q" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1417
1415
  } | {
1418
- value: string;
1419
1416
  type: "unparsed";
1420
- } | {
1421
1417
  value: string;
1418
+ } | {
1422
1419
  type: "var";
1420
+ value: string;
1423
1421
  } | {
1424
- value: "auto";
1425
1422
  type: "keyword";
1423
+ value: "auto";
1426
1424
  } | undefined;
1427
1425
  insetEnd?: {
1428
- value: number;
1429
1426
  type: "unit";
1430
- unit: "%" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1427
+ value: number;
1428
+ unit: "in" | "%" | "cm" | "mm" | "q" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax";
1431
1429
  } | {
1432
- value: string;
1433
1430
  type: "unparsed";
1434
- } | {
1435
1431
  value: string;
1432
+ } | {
1436
1433
  type: "var";
1434
+ value: string;
1437
1435
  } | {
1438
- value: "auto";
1439
1436
  type: "keyword";
1437
+ value: "auto";
1440
1438
  } | undefined;
1439
+ isPinned?: boolean | undefined;
1440
+ debug?: boolean | undefined;
1441
1441
  };
1442
- type: "animationAction";
1443
1442
  id: string;
1444
1443
  instanceId: string;
1444
+ name: string;
1445
1445
  required?: boolean | undefined;
1446
1446
  })[];
1447
1447
  export declare const idAttribute: "data-ws-id";