@webstudio-is/react-sdk 0.207.0 → 0.209.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.
@@ -42,13 +42,10 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
42
42
  instanceId: string;
43
43
  required?: boolean | undefined;
44
44
  } | {
45
- value: (string | {
45
+ value: string | {
46
46
  instanceId: string;
47
47
  pageId: string;
48
- }) & (string | {
49
- instanceId: string;
50
- pageId: string;
51
- } | undefined);
48
+ };
52
49
  type: "page";
53
50
  name: string;
54
51
  id: string;
@@ -111,7 +108,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
111
108
  } | {
112
109
  value: number;
113
110
  type: "unit";
114
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
111
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
115
112
  hidden?: boolean | undefined;
116
113
  } | {
117
114
  value: string;
@@ -139,7 +136,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
139
136
  fallback?: {
140
137
  value: number;
141
138
  type: "unit";
142
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
139
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
143
140
  hidden?: boolean | undefined;
144
141
  } | {
145
142
  value: string;
@@ -172,7 +169,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
172
169
  } | {
173
170
  value: number;
174
171
  type: "unit";
175
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
172
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
176
173
  hidden?: boolean | undefined;
177
174
  } | {
178
175
  value: string;
@@ -200,7 +197,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
200
197
  fallback?: {
201
198
  value: number;
202
199
  type: "unit";
203
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
200
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
204
201
  hidden?: boolean | undefined;
205
202
  } | {
206
203
  value: string;
@@ -223,32 +220,73 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
223
220
  type: "tuple";
224
221
  hidden?: boolean | undefined;
225
222
  } | {
226
- value: string;
227
- type: "invalid";
228
- hidden?: boolean | undefined;
229
- } | {
230
- value: ({
231
- value: {
223
+ type: "shadow";
224
+ position: "inset" | "outset";
225
+ offsetX: {
226
+ value: number;
227
+ type: "unit";
228
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
229
+ hidden?: boolean | undefined;
230
+ } | {
231
+ value: string;
232
+ type: "var";
233
+ fallback?: {
234
+ value: number;
235
+ type: "unit";
236
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
237
+ hidden?: boolean | undefined;
238
+ } | {
232
239
  value: string;
233
- type: "asset";
240
+ type: "keyword";
241
+ hidden?: boolean | undefined;
234
242
  } | {
235
- type: "url";
236
- url: string;
237
- };
238
- type: "image";
243
+ value: string;
244
+ type: "unparsed";
245
+ hidden?: boolean | undefined;
246
+ } | {
247
+ type: "rgb";
248
+ r: number;
249
+ g: number;
250
+ b: number;
251
+ alpha: number;
252
+ hidden?: boolean | undefined;
253
+ } | undefined;
239
254
  hidden?: boolean | undefined;
240
- } | {
255
+ };
256
+ offsetY: {
241
257
  value: number;
242
258
  type: "unit";
243
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
259
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
244
260
  hidden?: boolean | undefined;
245
261
  } | {
246
262
  value: string;
247
- type: "keyword";
263
+ type: "var";
264
+ fallback?: {
265
+ value: number;
266
+ type: "unit";
267
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
268
+ hidden?: boolean | undefined;
269
+ } | {
270
+ value: string;
271
+ type: "keyword";
272
+ hidden?: boolean | undefined;
273
+ } | {
274
+ value: string;
275
+ type: "unparsed";
276
+ hidden?: boolean | undefined;
277
+ } | {
278
+ type: "rgb";
279
+ r: number;
280
+ g: number;
281
+ b: number;
282
+ alpha: number;
283
+ hidden?: boolean | undefined;
284
+ } | undefined;
248
285
  hidden?: boolean | undefined;
249
- } | {
286
+ };
287
+ color?: {
250
288
  value: string;
251
- type: "unparsed";
289
+ type: "keyword";
252
290
  hidden?: boolean | undefined;
253
291
  } | {
254
292
  type: "rgb";
@@ -257,18 +295,13 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
257
295
  b: number;
258
296
  alpha: number;
259
297
  hidden?: boolean | undefined;
260
- } | {
261
- type: "function";
262
- name: string;
263
- args: import("@webstudio-is/css-engine").StyleValue;
264
- hidden?: boolean;
265
298
  } | {
266
299
  value: string;
267
300
  type: "var";
268
301
  fallback?: {
269
302
  value: number;
270
303
  type: "unit";
271
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
304
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
272
305
  hidden?: boolean | undefined;
273
306
  } | {
274
307
  value: string;
@@ -287,21 +320,20 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
287
320
  hidden?: boolean | undefined;
288
321
  } | undefined;
289
322
  hidden?: boolean | undefined;
323
+ } | undefined;
324
+ hidden?: boolean | undefined;
325
+ blur?: {
326
+ value: number;
327
+ type: "unit";
328
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
329
+ hidden?: boolean | undefined;
290
330
  } | {
291
- value: ({
292
- value: {
293
- value: string;
294
- type: "asset";
295
- } | {
296
- type: "url";
297
- url: string;
298
- };
299
- type: "image";
300
- hidden?: boolean | undefined;
301
- } | {
331
+ value: string;
332
+ type: "var";
333
+ fallback?: {
302
334
  value: number;
303
335
  type: "unit";
304
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
336
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
305
337
  hidden?: boolean | undefined;
306
338
  } | {
307
339
  value: string;
@@ -318,151 +350,43 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
318
350
  b: number;
319
351
  alpha: number;
320
352
  hidden?: boolean | undefined;
321
- } | {
322
- type: "function";
323
- name: string;
324
- args: import("@webstudio-is/css-engine").StyleValue;
325
- hidden?: boolean;
326
- } | {
327
- value: string;
328
- type: "var";
329
- fallback?: {
330
- value: number;
331
- type: "unit";
332
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
333
- hidden?: boolean | undefined;
334
- } | {
335
- value: string;
336
- type: "keyword";
337
- hidden?: boolean | undefined;
338
- } | {
339
- value: string;
340
- type: "unparsed";
341
- hidden?: boolean | undefined;
342
- } | {
343
- type: "rgb";
344
- r: number;
345
- g: number;
346
- b: number;
347
- alpha: number;
348
- hidden?: boolean | undefined;
349
- } | undefined;
350
- hidden?: boolean | undefined;
351
- })[];
352
- type: "tuple";
353
- hidden?: boolean | undefined;
354
- } | {
355
- value: string;
356
- type: "invalid";
353
+ } | undefined;
357
354
  hidden?: boolean | undefined;
358
- })[];
359
- type: "layers";
360
- hidden?: boolean | undefined;
361
- } | {
362
- value: string[];
363
- type: "fontFamily";
364
- hidden?: boolean | undefined;
365
- } | {
366
- type: "guaranteedInvalid";
367
- hidden?: boolean | undefined;
368
- } | {
369
- value: "";
370
- type: "unset";
371
- hidden?: boolean | undefined;
372
- }>;
373
- offset?: number | undefined;
374
- }[];
375
- timing: {
376
- fill?: "none" | "forwards" | "backwards" | "both" | undefined;
377
- easing?: string | undefined;
378
- rangeStart?: ["start" | "end", {
379
- value: number;
380
- type: "unit";
381
- 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";
382
- } | {
383
- value: string;
384
- type: "unparsed";
385
- }] | undefined;
386
- rangeEnd?: ["start" | "end", {
387
- value: number;
388
- type: "unit";
389
- 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";
390
- } | {
391
- value: string;
392
- type: "unparsed";
393
- }] | undefined;
394
- };
395
- name?: string | undefined;
396
- description?: string | undefined;
397
- enabled?: [string, boolean][] | undefined;
398
- }[];
399
- source?: "closest" | "nearest" | "root" | undefined;
400
- axis?: "block" | "x" | "inline" | "y" | undefined;
401
- isPinned?: boolean | undefined;
402
- debug?: boolean | undefined;
403
- } | {
404
- type: "view";
405
- animations: {
406
- keyframes: {
407
- styles: Record<string, {
408
- value: {
409
- value: string;
410
- type: "asset";
411
- } | {
412
- type: "url";
413
- url: string;
414
- };
415
- type: "image";
416
- hidden?: boolean | undefined;
417
- } | {
418
- value: number;
419
- type: "unit";
420
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
421
- hidden?: boolean | undefined;
422
- } | {
423
- value: string;
424
- type: "keyword";
425
- hidden?: boolean | undefined;
426
- } | {
427
- value: string;
428
- type: "unparsed";
429
- hidden?: boolean | undefined;
430
- } | {
431
- type: "rgb";
432
- r: number;
433
- g: number;
434
- b: number;
435
- alpha: number;
436
- hidden?: boolean | undefined;
437
- } | {
438
- type: "function";
439
- name: string;
440
- args: import("@webstudio-is/css-engine").StyleValue;
441
- hidden?: boolean;
442
- } | {
443
- value: string;
444
- type: "var";
445
- fallback?: {
355
+ } | undefined;
356
+ spread?: {
446
357
  value: number;
447
358
  type: "unit";
448
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
449
- hidden?: boolean | undefined;
450
- } | {
451
- value: string;
452
- type: "keyword";
359
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
453
360
  hidden?: boolean | undefined;
454
361
  } | {
455
362
  value: string;
456
- type: "unparsed";
457
- hidden?: boolean | undefined;
458
- } | {
459
- type: "rgb";
460
- r: number;
461
- g: number;
462
- b: number;
463
- alpha: number;
363
+ type: "var";
364
+ fallback?: {
365
+ value: number;
366
+ type: "unit";
367
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
368
+ hidden?: boolean | undefined;
369
+ } | {
370
+ value: string;
371
+ type: "keyword";
372
+ hidden?: boolean | undefined;
373
+ } | {
374
+ value: string;
375
+ type: "unparsed";
376
+ hidden?: boolean | undefined;
377
+ } | {
378
+ type: "rgb";
379
+ r: number;
380
+ g: number;
381
+ b: number;
382
+ alpha: number;
383
+ hidden?: boolean | undefined;
384
+ } | undefined;
464
385
  hidden?: boolean | undefined;
465
386
  } | undefined;
387
+ } | {
388
+ value: string;
389
+ type: "invalid";
466
390
  hidden?: boolean | undefined;
467
391
  } | {
468
392
  value: ({
@@ -478,7 +402,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
478
402
  } | {
479
403
  value: number;
480
404
  type: "unit";
481
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
405
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
482
406
  hidden?: boolean | undefined;
483
407
  } | {
484
408
  value: string;
@@ -506,7 +430,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
506
430
  fallback?: {
507
431
  value: number;
508
432
  type: "unit";
509
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
433
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
510
434
  hidden?: boolean | undefined;
511
435
  } | {
512
436
  value: string;
@@ -525,12 +449,580 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
525
449
  hidden?: boolean | undefined;
526
450
  } | undefined;
527
451
  hidden?: boolean | undefined;
528
- })[];
529
- type: "tuple";
530
- hidden?: boolean | undefined;
531
- } | {
532
- value: string;
533
- type: "invalid";
452
+ } | {
453
+ value: ({
454
+ value: {
455
+ value: string;
456
+ type: "asset";
457
+ } | {
458
+ type: "url";
459
+ url: string;
460
+ };
461
+ type: "image";
462
+ hidden?: boolean | undefined;
463
+ } | {
464
+ value: number;
465
+ type: "unit";
466
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
467
+ hidden?: boolean | undefined;
468
+ } | {
469
+ value: string;
470
+ type: "keyword";
471
+ hidden?: boolean | undefined;
472
+ } | {
473
+ value: string;
474
+ type: "unparsed";
475
+ hidden?: boolean | undefined;
476
+ } | {
477
+ type: "rgb";
478
+ r: number;
479
+ g: number;
480
+ b: number;
481
+ alpha: number;
482
+ hidden?: boolean | undefined;
483
+ } | {
484
+ type: "function";
485
+ name: string;
486
+ args: import("@webstudio-is/css-engine").StyleValue;
487
+ hidden?: boolean;
488
+ } | {
489
+ value: string;
490
+ type: "var";
491
+ fallback?: {
492
+ value: number;
493
+ type: "unit";
494
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
495
+ hidden?: boolean | undefined;
496
+ } | {
497
+ value: string;
498
+ type: "keyword";
499
+ hidden?: boolean | undefined;
500
+ } | {
501
+ value: string;
502
+ type: "unparsed";
503
+ hidden?: boolean | undefined;
504
+ } | {
505
+ type: "rgb";
506
+ r: number;
507
+ g: number;
508
+ b: number;
509
+ alpha: number;
510
+ hidden?: boolean | undefined;
511
+ } | undefined;
512
+ hidden?: boolean | undefined;
513
+ })[];
514
+ type: "tuple";
515
+ hidden?: boolean | undefined;
516
+ } | {
517
+ type: "shadow";
518
+ position: "inset" | "outset";
519
+ offsetX: {
520
+ value: number;
521
+ type: "unit";
522
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
523
+ hidden?: boolean | undefined;
524
+ } | {
525
+ value: string;
526
+ type: "var";
527
+ fallback?: {
528
+ value: number;
529
+ type: "unit";
530
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
531
+ hidden?: boolean | undefined;
532
+ } | {
533
+ value: string;
534
+ type: "keyword";
535
+ hidden?: boolean | undefined;
536
+ } | {
537
+ value: string;
538
+ type: "unparsed";
539
+ hidden?: boolean | undefined;
540
+ } | {
541
+ type: "rgb";
542
+ r: number;
543
+ g: number;
544
+ b: number;
545
+ alpha: number;
546
+ hidden?: boolean | undefined;
547
+ } | undefined;
548
+ hidden?: boolean | undefined;
549
+ };
550
+ offsetY: {
551
+ value: number;
552
+ type: "unit";
553
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
554
+ hidden?: boolean | undefined;
555
+ } | {
556
+ value: string;
557
+ type: "var";
558
+ fallback?: {
559
+ value: number;
560
+ type: "unit";
561
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
562
+ hidden?: boolean | undefined;
563
+ } | {
564
+ value: string;
565
+ type: "keyword";
566
+ hidden?: boolean | undefined;
567
+ } | {
568
+ value: string;
569
+ type: "unparsed";
570
+ hidden?: boolean | undefined;
571
+ } | {
572
+ type: "rgb";
573
+ r: number;
574
+ g: number;
575
+ b: number;
576
+ alpha: number;
577
+ hidden?: boolean | undefined;
578
+ } | undefined;
579
+ hidden?: boolean | undefined;
580
+ };
581
+ color?: {
582
+ value: string;
583
+ type: "keyword";
584
+ hidden?: boolean | undefined;
585
+ } | {
586
+ type: "rgb";
587
+ r: number;
588
+ g: number;
589
+ b: number;
590
+ alpha: number;
591
+ hidden?: boolean | undefined;
592
+ } | {
593
+ value: string;
594
+ type: "var";
595
+ fallback?: {
596
+ value: number;
597
+ type: "unit";
598
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
599
+ hidden?: boolean | undefined;
600
+ } | {
601
+ value: string;
602
+ type: "keyword";
603
+ hidden?: boolean | undefined;
604
+ } | {
605
+ value: string;
606
+ type: "unparsed";
607
+ hidden?: boolean | undefined;
608
+ } | {
609
+ type: "rgb";
610
+ r: number;
611
+ g: number;
612
+ b: number;
613
+ alpha: number;
614
+ hidden?: boolean | undefined;
615
+ } | undefined;
616
+ hidden?: boolean | undefined;
617
+ } | undefined;
618
+ hidden?: boolean | undefined;
619
+ blur?: {
620
+ value: number;
621
+ type: "unit";
622
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
623
+ hidden?: boolean | undefined;
624
+ } | {
625
+ value: string;
626
+ type: "var";
627
+ fallback?: {
628
+ value: number;
629
+ type: "unit";
630
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
631
+ hidden?: boolean | undefined;
632
+ } | {
633
+ value: string;
634
+ type: "keyword";
635
+ hidden?: boolean | undefined;
636
+ } | {
637
+ value: string;
638
+ type: "unparsed";
639
+ hidden?: boolean | undefined;
640
+ } | {
641
+ type: "rgb";
642
+ r: number;
643
+ g: number;
644
+ b: number;
645
+ alpha: number;
646
+ hidden?: boolean | undefined;
647
+ } | undefined;
648
+ hidden?: boolean | undefined;
649
+ } | undefined;
650
+ spread?: {
651
+ value: number;
652
+ type: "unit";
653
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
654
+ hidden?: boolean | undefined;
655
+ } | {
656
+ value: string;
657
+ type: "var";
658
+ fallback?: {
659
+ value: number;
660
+ type: "unit";
661
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
662
+ hidden?: boolean | undefined;
663
+ } | {
664
+ value: string;
665
+ type: "keyword";
666
+ hidden?: boolean | undefined;
667
+ } | {
668
+ value: string;
669
+ type: "unparsed";
670
+ hidden?: boolean | undefined;
671
+ } | {
672
+ type: "rgb";
673
+ r: number;
674
+ g: number;
675
+ b: number;
676
+ alpha: number;
677
+ hidden?: boolean | undefined;
678
+ } | undefined;
679
+ hidden?: boolean | undefined;
680
+ } | undefined;
681
+ } | {
682
+ value: string;
683
+ type: "invalid";
684
+ hidden?: boolean | undefined;
685
+ })[];
686
+ type: "layers";
687
+ hidden?: boolean | undefined;
688
+ } | {
689
+ value: string[];
690
+ type: "fontFamily";
691
+ hidden?: boolean | undefined;
692
+ } | {
693
+ type: "guaranteedInvalid";
694
+ hidden?: boolean | undefined;
695
+ } | {
696
+ value: "";
697
+ type: "unset";
698
+ hidden?: boolean | undefined;
699
+ }>;
700
+ offset?: number | undefined;
701
+ }[];
702
+ timing: {
703
+ fill?: "none" | "forwards" | "backwards" | "both" | undefined;
704
+ easing?: string | undefined;
705
+ rangeStart?: ["start" | "end", {
706
+ value: number;
707
+ type: "unit";
708
+ 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";
709
+ } | {
710
+ value: string;
711
+ type: "unparsed";
712
+ }] | undefined;
713
+ rangeEnd?: ["start" | "end", {
714
+ value: number;
715
+ type: "unit";
716
+ 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";
717
+ } | {
718
+ value: string;
719
+ type: "unparsed";
720
+ }] | undefined;
721
+ };
722
+ name?: string | undefined;
723
+ description?: string | undefined;
724
+ enabled?: [string, boolean][] | undefined;
725
+ }[];
726
+ source?: "closest" | "nearest" | "root" | undefined;
727
+ axis?: "block" | "x" | "inline" | "y" | undefined;
728
+ isPinned?: boolean | undefined;
729
+ debug?: boolean | undefined;
730
+ } | {
731
+ type: "view";
732
+ animations: {
733
+ keyframes: {
734
+ styles: Record<string, {
735
+ value: {
736
+ value: string;
737
+ type: "asset";
738
+ } | {
739
+ type: "url";
740
+ url: string;
741
+ };
742
+ type: "image";
743
+ hidden?: boolean | undefined;
744
+ } | {
745
+ value: number;
746
+ type: "unit";
747
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
748
+ hidden?: boolean | undefined;
749
+ } | {
750
+ value: string;
751
+ type: "keyword";
752
+ hidden?: boolean | undefined;
753
+ } | {
754
+ value: string;
755
+ type: "unparsed";
756
+ hidden?: boolean | undefined;
757
+ } | {
758
+ type: "rgb";
759
+ r: number;
760
+ g: number;
761
+ b: number;
762
+ alpha: number;
763
+ hidden?: boolean | undefined;
764
+ } | {
765
+ type: "function";
766
+ name: string;
767
+ args: import("@webstudio-is/css-engine").StyleValue;
768
+ hidden?: boolean;
769
+ } | {
770
+ value: string;
771
+ type: "var";
772
+ fallback?: {
773
+ value: number;
774
+ type: "unit";
775
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
776
+ hidden?: boolean | undefined;
777
+ } | {
778
+ value: string;
779
+ type: "keyword";
780
+ hidden?: boolean | undefined;
781
+ } | {
782
+ value: string;
783
+ type: "unparsed";
784
+ hidden?: boolean | undefined;
785
+ } | {
786
+ type: "rgb";
787
+ r: number;
788
+ g: number;
789
+ b: number;
790
+ alpha: number;
791
+ hidden?: boolean | undefined;
792
+ } | undefined;
793
+ hidden?: boolean | undefined;
794
+ } | {
795
+ value: ({
796
+ value: {
797
+ value: string;
798
+ type: "asset";
799
+ } | {
800
+ type: "url";
801
+ url: string;
802
+ };
803
+ type: "image";
804
+ hidden?: boolean | undefined;
805
+ } | {
806
+ value: number;
807
+ type: "unit";
808
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
809
+ hidden?: boolean | undefined;
810
+ } | {
811
+ value: string;
812
+ type: "keyword";
813
+ hidden?: boolean | undefined;
814
+ } | {
815
+ value: string;
816
+ type: "unparsed";
817
+ hidden?: boolean | undefined;
818
+ } | {
819
+ type: "rgb";
820
+ r: number;
821
+ g: number;
822
+ b: number;
823
+ alpha: number;
824
+ hidden?: boolean | undefined;
825
+ } | {
826
+ type: "function";
827
+ name: string;
828
+ args: import("@webstudio-is/css-engine").StyleValue;
829
+ hidden?: boolean;
830
+ } | {
831
+ value: string;
832
+ type: "var";
833
+ fallback?: {
834
+ value: number;
835
+ type: "unit";
836
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
837
+ hidden?: boolean | undefined;
838
+ } | {
839
+ value: string;
840
+ type: "keyword";
841
+ hidden?: boolean | undefined;
842
+ } | {
843
+ value: string;
844
+ type: "unparsed";
845
+ hidden?: boolean | undefined;
846
+ } | {
847
+ type: "rgb";
848
+ r: number;
849
+ g: number;
850
+ b: number;
851
+ alpha: number;
852
+ hidden?: boolean | undefined;
853
+ } | undefined;
854
+ hidden?: boolean | undefined;
855
+ })[];
856
+ type: "tuple";
857
+ hidden?: boolean | undefined;
858
+ } | {
859
+ type: "shadow";
860
+ position: "inset" | "outset";
861
+ offsetX: {
862
+ value: number;
863
+ type: "unit";
864
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
865
+ hidden?: boolean | undefined;
866
+ } | {
867
+ value: string;
868
+ type: "var";
869
+ fallback?: {
870
+ value: number;
871
+ type: "unit";
872
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
873
+ hidden?: boolean | undefined;
874
+ } | {
875
+ value: string;
876
+ type: "keyword";
877
+ hidden?: boolean | undefined;
878
+ } | {
879
+ value: string;
880
+ type: "unparsed";
881
+ hidden?: boolean | undefined;
882
+ } | {
883
+ type: "rgb";
884
+ r: number;
885
+ g: number;
886
+ b: number;
887
+ alpha: number;
888
+ hidden?: boolean | undefined;
889
+ } | undefined;
890
+ hidden?: boolean | undefined;
891
+ };
892
+ offsetY: {
893
+ value: number;
894
+ type: "unit";
895
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
896
+ hidden?: boolean | undefined;
897
+ } | {
898
+ value: string;
899
+ type: "var";
900
+ fallback?: {
901
+ value: number;
902
+ type: "unit";
903
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
904
+ hidden?: boolean | undefined;
905
+ } | {
906
+ value: string;
907
+ type: "keyword";
908
+ hidden?: boolean | undefined;
909
+ } | {
910
+ value: string;
911
+ type: "unparsed";
912
+ hidden?: boolean | undefined;
913
+ } | {
914
+ type: "rgb";
915
+ r: number;
916
+ g: number;
917
+ b: number;
918
+ alpha: number;
919
+ hidden?: boolean | undefined;
920
+ } | undefined;
921
+ hidden?: boolean | undefined;
922
+ };
923
+ color?: {
924
+ value: string;
925
+ type: "keyword";
926
+ hidden?: boolean | undefined;
927
+ } | {
928
+ type: "rgb";
929
+ r: number;
930
+ g: number;
931
+ b: number;
932
+ alpha: number;
933
+ hidden?: boolean | undefined;
934
+ } | {
935
+ value: string;
936
+ type: "var";
937
+ fallback?: {
938
+ value: number;
939
+ type: "unit";
940
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
941
+ hidden?: boolean | undefined;
942
+ } | {
943
+ value: string;
944
+ type: "keyword";
945
+ hidden?: boolean | undefined;
946
+ } | {
947
+ value: string;
948
+ type: "unparsed";
949
+ hidden?: boolean | undefined;
950
+ } | {
951
+ type: "rgb";
952
+ r: number;
953
+ g: number;
954
+ b: number;
955
+ alpha: number;
956
+ hidden?: boolean | undefined;
957
+ } | undefined;
958
+ hidden?: boolean | undefined;
959
+ } | undefined;
960
+ hidden?: boolean | undefined;
961
+ blur?: {
962
+ value: number;
963
+ type: "unit";
964
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
965
+ hidden?: boolean | undefined;
966
+ } | {
967
+ value: string;
968
+ type: "var";
969
+ fallback?: {
970
+ value: number;
971
+ type: "unit";
972
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
973
+ hidden?: boolean | undefined;
974
+ } | {
975
+ value: string;
976
+ type: "keyword";
977
+ hidden?: boolean | undefined;
978
+ } | {
979
+ value: string;
980
+ type: "unparsed";
981
+ hidden?: boolean | undefined;
982
+ } | {
983
+ type: "rgb";
984
+ r: number;
985
+ g: number;
986
+ b: number;
987
+ alpha: number;
988
+ hidden?: boolean | undefined;
989
+ } | undefined;
990
+ hidden?: boolean | undefined;
991
+ } | undefined;
992
+ spread?: {
993
+ value: number;
994
+ type: "unit";
995
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
996
+ hidden?: boolean | undefined;
997
+ } | {
998
+ value: string;
999
+ type: "var";
1000
+ fallback?: {
1001
+ value: number;
1002
+ type: "unit";
1003
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1004
+ hidden?: boolean | undefined;
1005
+ } | {
1006
+ value: string;
1007
+ type: "keyword";
1008
+ hidden?: boolean | undefined;
1009
+ } | {
1010
+ value: string;
1011
+ type: "unparsed";
1012
+ hidden?: boolean | undefined;
1013
+ } | {
1014
+ type: "rgb";
1015
+ r: number;
1016
+ g: number;
1017
+ b: number;
1018
+ alpha: number;
1019
+ hidden?: boolean | undefined;
1020
+ } | undefined;
1021
+ hidden?: boolean | undefined;
1022
+ } | undefined;
1023
+ } | {
1024
+ value: string;
1025
+ type: "invalid";
534
1026
  hidden?: boolean | undefined;
535
1027
  } | {
536
1028
  value: ({
@@ -546,7 +1038,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
546
1038
  } | {
547
1039
  value: number;
548
1040
  type: "unit";
549
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1041
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
550
1042
  hidden?: boolean | undefined;
551
1043
  } | {
552
1044
  value: string;
@@ -574,7 +1066,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
574
1066
  fallback?: {
575
1067
  value: number;
576
1068
  type: "unit";
577
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1069
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
578
1070
  hidden?: boolean | undefined;
579
1071
  } | {
580
1072
  value: string;
@@ -607,7 +1099,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
607
1099
  } | {
608
1100
  value: number;
609
1101
  type: "unit";
610
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1102
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
611
1103
  hidden?: boolean | undefined;
612
1104
  } | {
613
1105
  value: string;
@@ -635,7 +1127,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
635
1127
  fallback?: {
636
1128
  value: number;
637
1129
  type: "unit";
638
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "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" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1130
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
639
1131
  hidden?: boolean | undefined;
640
1132
  } | {
641
1133
  value: string;
@@ -657,6 +1149,171 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
657
1149
  })[];
658
1150
  type: "tuple";
659
1151
  hidden?: boolean | undefined;
1152
+ } | {
1153
+ type: "shadow";
1154
+ position: "inset" | "outset";
1155
+ offsetX: {
1156
+ value: number;
1157
+ type: "unit";
1158
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1159
+ hidden?: boolean | undefined;
1160
+ } | {
1161
+ value: string;
1162
+ type: "var";
1163
+ fallback?: {
1164
+ value: number;
1165
+ type: "unit";
1166
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1167
+ hidden?: boolean | undefined;
1168
+ } | {
1169
+ value: string;
1170
+ type: "keyword";
1171
+ hidden?: boolean | undefined;
1172
+ } | {
1173
+ value: string;
1174
+ type: "unparsed";
1175
+ hidden?: boolean | undefined;
1176
+ } | {
1177
+ type: "rgb";
1178
+ r: number;
1179
+ g: number;
1180
+ b: number;
1181
+ alpha: number;
1182
+ hidden?: boolean | undefined;
1183
+ } | undefined;
1184
+ hidden?: boolean | undefined;
1185
+ };
1186
+ offsetY: {
1187
+ value: number;
1188
+ type: "unit";
1189
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1190
+ hidden?: boolean | undefined;
1191
+ } | {
1192
+ value: string;
1193
+ type: "var";
1194
+ fallback?: {
1195
+ value: number;
1196
+ type: "unit";
1197
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1198
+ hidden?: boolean | undefined;
1199
+ } | {
1200
+ value: string;
1201
+ type: "keyword";
1202
+ hidden?: boolean | undefined;
1203
+ } | {
1204
+ value: string;
1205
+ type: "unparsed";
1206
+ hidden?: boolean | undefined;
1207
+ } | {
1208
+ type: "rgb";
1209
+ r: number;
1210
+ g: number;
1211
+ b: number;
1212
+ alpha: number;
1213
+ hidden?: boolean | undefined;
1214
+ } | undefined;
1215
+ hidden?: boolean | undefined;
1216
+ };
1217
+ color?: {
1218
+ value: string;
1219
+ type: "keyword";
1220
+ hidden?: boolean | undefined;
1221
+ } | {
1222
+ type: "rgb";
1223
+ r: number;
1224
+ g: number;
1225
+ b: number;
1226
+ alpha: number;
1227
+ hidden?: boolean | undefined;
1228
+ } | {
1229
+ value: string;
1230
+ type: "var";
1231
+ fallback?: {
1232
+ value: number;
1233
+ type: "unit";
1234
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1235
+ hidden?: boolean | undefined;
1236
+ } | {
1237
+ value: string;
1238
+ type: "keyword";
1239
+ hidden?: boolean | undefined;
1240
+ } | {
1241
+ value: string;
1242
+ type: "unparsed";
1243
+ hidden?: boolean | undefined;
1244
+ } | {
1245
+ type: "rgb";
1246
+ r: number;
1247
+ g: number;
1248
+ b: number;
1249
+ alpha: number;
1250
+ hidden?: boolean | undefined;
1251
+ } | undefined;
1252
+ hidden?: boolean | undefined;
1253
+ } | undefined;
1254
+ hidden?: boolean | undefined;
1255
+ blur?: {
1256
+ value: number;
1257
+ type: "unit";
1258
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1259
+ hidden?: boolean | undefined;
1260
+ } | {
1261
+ value: string;
1262
+ type: "var";
1263
+ fallback?: {
1264
+ value: number;
1265
+ type: "unit";
1266
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1267
+ hidden?: boolean | undefined;
1268
+ } | {
1269
+ value: string;
1270
+ type: "keyword";
1271
+ hidden?: boolean | undefined;
1272
+ } | {
1273
+ value: string;
1274
+ type: "unparsed";
1275
+ hidden?: boolean | undefined;
1276
+ } | {
1277
+ type: "rgb";
1278
+ r: number;
1279
+ g: number;
1280
+ b: number;
1281
+ alpha: number;
1282
+ hidden?: boolean | undefined;
1283
+ } | undefined;
1284
+ hidden?: boolean | undefined;
1285
+ } | undefined;
1286
+ spread?: {
1287
+ value: number;
1288
+ type: "unit";
1289
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1290
+ hidden?: boolean | undefined;
1291
+ } | {
1292
+ value: string;
1293
+ type: "var";
1294
+ fallback?: {
1295
+ value: number;
1296
+ type: "unit";
1297
+ unit: "number" | import("@webstudio-is/css-engine").__Unit;
1298
+ hidden?: boolean | undefined;
1299
+ } | {
1300
+ value: string;
1301
+ type: "keyword";
1302
+ hidden?: boolean | undefined;
1303
+ } | {
1304
+ value: string;
1305
+ type: "unparsed";
1306
+ hidden?: boolean | undefined;
1307
+ } | {
1308
+ type: "rgb";
1309
+ r: number;
1310
+ g: number;
1311
+ b: number;
1312
+ alpha: number;
1313
+ hidden?: boolean | undefined;
1314
+ } | undefined;
1315
+ hidden?: boolean | undefined;
1316
+ } | undefined;
660
1317
  } | {
661
1318
  value: string;
662
1319
  type: "invalid";
@@ -702,8 +1359,10 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
702
1359
  description?: string | undefined;
703
1360
  enabled?: [string, boolean][] | undefined;
704
1361
  }[];
705
- subject?: string | undefined;
706
1362
  axis?: "block" | "x" | "inline" | "y" | undefined;
1363
+ isPinned?: boolean | undefined;
1364
+ debug?: boolean | undefined;
1365
+ subject?: string | undefined;
707
1366
  insetStart?: {
708
1367
  value: number;
709
1368
  type: "unit";
@@ -726,8 +1385,6 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
726
1385
  value: "auto";
727
1386
  type: "keyword";
728
1387
  } | undefined;
729
- isPinned?: boolean | undefined;
730
- debug?: boolean | undefined;
731
1388
  };
732
1389
  type: "animationAction";
733
1390
  name: string;
@@ -742,4 +1399,5 @@ export declare const showAttribute: "data-ws-show";
742
1399
  export declare const indexAttribute: "data-ws-index";
743
1400
  export declare const collapsedAttribute: "data-ws-collapsed";
744
1401
  export declare const textContentAttribute: "data-ws-text-content";
1402
+ export declare const animationCanPlayOnCanvasAttribute = "data-ws-animation-can-play-on-canvas";
745
1403
  export declare const isAttributeNameSafe: (attributeName: string) => boolean;