@webstudio-is/react-sdk 0.235.0 → 0.237.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,90 +7,91 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
7
7
  pages: Pages;
8
8
  source: "canvas" | "prebuild";
9
9
  }) => ({
10
+ name: string;
10
11
  value: number;
11
12
  type: "number";
12
- name: string;
13
13
  id: string;
14
14
  instanceId: string;
15
15
  required?: boolean | undefined;
16
16
  } | {
17
+ name: string;
17
18
  value: string;
18
19
  type: "string";
19
- name: string;
20
20
  id: string;
21
21
  instanceId: string;
22
22
  required?: boolean | undefined;
23
23
  } | {
24
+ name: string;
24
25
  value: boolean;
25
26
  type: "boolean";
26
- name: string;
27
27
  id: string;
28
28
  instanceId: string;
29
29
  required?: boolean | undefined;
30
30
  } | {
31
- type: "json";
32
31
  name: string;
32
+ type: "json";
33
33
  id: string;
34
34
  instanceId: string;
35
35
  value?: unknown;
36
36
  required?: boolean | undefined;
37
37
  } | {
38
+ name: string;
38
39
  value: string;
39
40
  type: "asset";
40
- name: string;
41
41
  id: string;
42
42
  instanceId: string;
43
43
  required?: boolean | undefined;
44
44
  } | {
45
+ name: string;
45
46
  value: string | {
46
47
  instanceId: string;
47
48
  pageId: string;
48
49
  };
49
50
  type: "page";
50
- name: string;
51
51
  id: string;
52
52
  instanceId: string;
53
53
  required?: boolean | undefined;
54
54
  } | {
55
+ name: string;
55
56
  value: string[];
56
57
  type: "string[]";
57
- name: string;
58
58
  id: string;
59
59
  instanceId: string;
60
60
  required?: boolean | undefined;
61
61
  } | {
62
+ name: string;
62
63
  value: string;
63
64
  type: "parameter";
64
- name: string;
65
65
  id: string;
66
66
  instanceId: string;
67
67
  required?: boolean | undefined;
68
68
  } | {
69
+ name: string;
69
70
  value: string;
70
71
  type: "resource";
71
- name: string;
72
72
  id: string;
73
73
  instanceId: string;
74
74
  required?: boolean | undefined;
75
75
  } | {
76
+ name: string;
76
77
  value: string;
77
78
  type: "expression";
78
- name: string;
79
79
  id: string;
80
80
  instanceId: string;
81
81
  required?: boolean | undefined;
82
82
  } | {
83
+ name: string;
83
84
  value: {
84
85
  code: string;
85
86
  type: "execute";
86
87
  args: string[];
87
88
  }[];
88
89
  type: "action";
89
- name: string;
90
90
  id: string;
91
91
  instanceId: string;
92
92
  required?: boolean | undefined;
93
93
  } | {
94
+ name: string;
94
95
  value: {
95
96
  type: "scroll";
96
97
  animations: {
@@ -118,12 +119,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
118
119
  value: string;
119
120
  type: "unparsed";
120
121
  hidden?: boolean | undefined;
122
+ } | {
123
+ type: "color";
124
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
125
+ components: [number, number, number];
126
+ alpha: number;
127
+ hidden?: boolean | undefined;
121
128
  } | {
122
129
  type: "rgb";
123
130
  r: number;
131
+ alpha: number;
124
132
  g: number;
125
133
  b: number;
126
- alpha: number;
127
134
  hidden?: boolean | undefined;
128
135
  } | {
129
136
  type: "function";
@@ -146,12 +153,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
146
153
  value: string;
147
154
  type: "unparsed";
148
155
  hidden?: boolean | undefined;
156
+ } | {
157
+ type: "color";
158
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
159
+ components: [number, number, number];
160
+ alpha: number;
161
+ hidden?: boolean | undefined;
149
162
  } | {
150
163
  type: "rgb";
151
164
  r: number;
165
+ alpha: number;
152
166
  g: number;
153
167
  b: number;
154
- alpha: number;
155
168
  hidden?: boolean | undefined;
156
169
  } | undefined;
157
170
  hidden?: boolean | undefined;
@@ -179,12 +192,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
179
192
  value: string;
180
193
  type: "unparsed";
181
194
  hidden?: boolean | undefined;
195
+ } | {
196
+ type: "color";
197
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
198
+ components: [number, number, number];
199
+ alpha: number;
200
+ hidden?: boolean | undefined;
182
201
  } | {
183
202
  type: "rgb";
184
203
  r: number;
204
+ alpha: number;
185
205
  g: number;
186
206
  b: number;
187
- alpha: number;
188
207
  hidden?: boolean | undefined;
189
208
  } | {
190
209
  type: "function";
@@ -207,12 +226,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
207
226
  value: string;
208
227
  type: "unparsed";
209
228
  hidden?: boolean | undefined;
229
+ } | {
230
+ type: "color";
231
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
232
+ components: [number, number, number];
233
+ alpha: number;
234
+ hidden?: boolean | undefined;
210
235
  } | {
211
236
  type: "rgb";
212
237
  r: number;
238
+ alpha: number;
213
239
  g: number;
214
240
  b: number;
215
- alpha: number;
216
241
  hidden?: boolean | undefined;
217
242
  } | undefined;
218
243
  hidden?: boolean | undefined;
@@ -243,12 +268,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
243
268
  value: string;
244
269
  type: "unparsed";
245
270
  hidden?: boolean | undefined;
271
+ } | {
272
+ type: "color";
273
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
274
+ components: [number, number, number];
275
+ alpha: number;
276
+ hidden?: boolean | undefined;
246
277
  } | {
247
278
  type: "rgb";
248
279
  r: number;
280
+ alpha: number;
249
281
  g: number;
250
282
  b: number;
251
- alpha: number;
252
283
  hidden?: boolean | undefined;
253
284
  } | undefined;
254
285
  hidden?: boolean | undefined;
@@ -274,12 +305,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
274
305
  value: string;
275
306
  type: "unparsed";
276
307
  hidden?: boolean | undefined;
308
+ } | {
309
+ type: "color";
310
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
311
+ components: [number, number, number];
312
+ alpha: number;
313
+ hidden?: boolean | undefined;
277
314
  } | {
278
315
  type: "rgb";
279
316
  r: number;
317
+ alpha: number;
280
318
  g: number;
281
319
  b: number;
282
- alpha: number;
283
320
  hidden?: boolean | undefined;
284
321
  } | undefined;
285
322
  hidden?: boolean | undefined;
@@ -288,12 +325,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
288
325
  value: string;
289
326
  type: "keyword";
290
327
  hidden?: boolean | undefined;
328
+ } | {
329
+ type: "color";
330
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
331
+ components: [number, number, number];
332
+ alpha: number;
333
+ hidden?: boolean | undefined;
291
334
  } | {
292
335
  type: "rgb";
293
336
  r: number;
337
+ alpha: number;
294
338
  g: number;
295
339
  b: number;
296
- alpha: number;
297
340
  hidden?: boolean | undefined;
298
341
  } | {
299
342
  value: string;
@@ -311,12 +354,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
311
354
  value: string;
312
355
  type: "unparsed";
313
356
  hidden?: boolean | undefined;
357
+ } | {
358
+ type: "color";
359
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
360
+ components: [number, number, number];
361
+ alpha: number;
362
+ hidden?: boolean | undefined;
314
363
  } | {
315
364
  type: "rgb";
316
365
  r: number;
366
+ alpha: number;
317
367
  g: number;
318
368
  b: number;
319
- alpha: number;
320
369
  hidden?: boolean | undefined;
321
370
  } | undefined;
322
371
  hidden?: boolean | undefined;
@@ -343,12 +392,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
343
392
  value: string;
344
393
  type: "unparsed";
345
394
  hidden?: boolean | undefined;
395
+ } | {
396
+ type: "color";
397
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
398
+ components: [number, number, number];
399
+ alpha: number;
400
+ hidden?: boolean | undefined;
346
401
  } | {
347
402
  type: "rgb";
348
403
  r: number;
404
+ alpha: number;
349
405
  g: number;
350
406
  b: number;
351
- alpha: number;
352
407
  hidden?: boolean | undefined;
353
408
  } | undefined;
354
409
  hidden?: boolean | undefined;
@@ -374,12 +429,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
374
429
  value: string;
375
430
  type: "unparsed";
376
431
  hidden?: boolean | undefined;
432
+ } | {
433
+ type: "color";
434
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
435
+ components: [number, number, number];
436
+ alpha: number;
437
+ hidden?: boolean | undefined;
377
438
  } | {
378
439
  type: "rgb";
379
440
  r: number;
441
+ alpha: number;
380
442
  g: number;
381
443
  b: number;
382
- alpha: number;
383
444
  hidden?: boolean | undefined;
384
445
  } | undefined;
385
446
  hidden?: boolean | undefined;
@@ -412,12 +473,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
412
473
  value: string;
413
474
  type: "unparsed";
414
475
  hidden?: boolean | undefined;
476
+ } | {
477
+ type: "color";
478
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
479
+ components: [number, number, number];
480
+ alpha: number;
481
+ hidden?: boolean | undefined;
415
482
  } | {
416
483
  type: "rgb";
417
484
  r: number;
485
+ alpha: number;
418
486
  g: number;
419
487
  b: number;
420
- alpha: number;
421
488
  hidden?: boolean | undefined;
422
489
  } | {
423
490
  type: "function";
@@ -440,12 +507,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
440
507
  value: string;
441
508
  type: "unparsed";
442
509
  hidden?: boolean | undefined;
510
+ } | {
511
+ type: "color";
512
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
513
+ components: [number, number, number];
514
+ alpha: number;
515
+ hidden?: boolean | undefined;
443
516
  } | {
444
517
  type: "rgb";
445
518
  r: number;
519
+ alpha: number;
446
520
  g: number;
447
521
  b: number;
448
- alpha: number;
449
522
  hidden?: boolean | undefined;
450
523
  } | undefined;
451
524
  hidden?: boolean | undefined;
@@ -473,12 +546,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
473
546
  value: string;
474
547
  type: "unparsed";
475
548
  hidden?: boolean | undefined;
549
+ } | {
550
+ type: "color";
551
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
552
+ components: [number, number, number];
553
+ alpha: number;
554
+ hidden?: boolean | undefined;
476
555
  } | {
477
556
  type: "rgb";
478
557
  r: number;
558
+ alpha: number;
479
559
  g: number;
480
560
  b: number;
481
- alpha: number;
482
561
  hidden?: boolean | undefined;
483
562
  } | {
484
563
  type: "function";
@@ -501,12 +580,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
501
580
  value: string;
502
581
  type: "unparsed";
503
582
  hidden?: boolean | undefined;
583
+ } | {
584
+ type: "color";
585
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
586
+ components: [number, number, number];
587
+ alpha: number;
588
+ hidden?: boolean | undefined;
504
589
  } | {
505
590
  type: "rgb";
506
591
  r: number;
592
+ alpha: number;
507
593
  g: number;
508
594
  b: number;
509
- alpha: number;
510
595
  hidden?: boolean | undefined;
511
596
  } | undefined;
512
597
  hidden?: boolean | undefined;
@@ -537,12 +622,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
537
622
  value: string;
538
623
  type: "unparsed";
539
624
  hidden?: boolean | undefined;
625
+ } | {
626
+ type: "color";
627
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
628
+ components: [number, number, number];
629
+ alpha: number;
630
+ hidden?: boolean | undefined;
540
631
  } | {
541
632
  type: "rgb";
542
633
  r: number;
634
+ alpha: number;
543
635
  g: number;
544
636
  b: number;
545
- alpha: number;
546
637
  hidden?: boolean | undefined;
547
638
  } | undefined;
548
639
  hidden?: boolean | undefined;
@@ -568,12 +659,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
568
659
  value: string;
569
660
  type: "unparsed";
570
661
  hidden?: boolean | undefined;
662
+ } | {
663
+ type: "color";
664
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
665
+ components: [number, number, number];
666
+ alpha: number;
667
+ hidden?: boolean | undefined;
571
668
  } | {
572
669
  type: "rgb";
573
670
  r: number;
671
+ alpha: number;
574
672
  g: number;
575
673
  b: number;
576
- alpha: number;
577
674
  hidden?: boolean | undefined;
578
675
  } | undefined;
579
676
  hidden?: boolean | undefined;
@@ -582,12 +679,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
582
679
  value: string;
583
680
  type: "keyword";
584
681
  hidden?: boolean | undefined;
682
+ } | {
683
+ type: "color";
684
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
685
+ components: [number, number, number];
686
+ alpha: number;
687
+ hidden?: boolean | undefined;
585
688
  } | {
586
689
  type: "rgb";
587
690
  r: number;
691
+ alpha: number;
588
692
  g: number;
589
693
  b: number;
590
- alpha: number;
591
694
  hidden?: boolean | undefined;
592
695
  } | {
593
696
  value: string;
@@ -605,12 +708,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
605
708
  value: string;
606
709
  type: "unparsed";
607
710
  hidden?: boolean | undefined;
711
+ } | {
712
+ type: "color";
713
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
714
+ components: [number, number, number];
715
+ alpha: number;
716
+ hidden?: boolean | undefined;
608
717
  } | {
609
718
  type: "rgb";
610
719
  r: number;
720
+ alpha: number;
611
721
  g: number;
612
722
  b: number;
613
- alpha: number;
614
723
  hidden?: boolean | undefined;
615
724
  } | undefined;
616
725
  hidden?: boolean | undefined;
@@ -637,12 +746,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
637
746
  value: string;
638
747
  type: "unparsed";
639
748
  hidden?: boolean | undefined;
749
+ } | {
750
+ type: "color";
751
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
752
+ components: [number, number, number];
753
+ alpha: number;
754
+ hidden?: boolean | undefined;
640
755
  } | {
641
756
  type: "rgb";
642
757
  r: number;
758
+ alpha: number;
643
759
  g: number;
644
760
  b: number;
645
- alpha: number;
646
761
  hidden?: boolean | undefined;
647
762
  } | undefined;
648
763
  hidden?: boolean | undefined;
@@ -668,12 +783,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
668
783
  value: string;
669
784
  type: "unparsed";
670
785
  hidden?: boolean | undefined;
786
+ } | {
787
+ type: "color";
788
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
789
+ components: [number, number, number];
790
+ alpha: number;
791
+ hidden?: boolean | undefined;
671
792
  } | {
672
793
  type: "rgb";
673
794
  r: number;
795
+ alpha: number;
674
796
  g: number;
675
797
  b: number;
676
- alpha: number;
677
798
  hidden?: boolean | undefined;
678
799
  } | undefined;
679
800
  hidden?: boolean | undefined;
@@ -710,6 +831,15 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
710
831
  value: string;
711
832
  type: "var";
712
833
  } | undefined;
834
+ delay?: {
835
+ value: number;
836
+ type: "unit";
837
+ unit: "s" | "ms";
838
+ } | {
839
+ value: string;
840
+ type: "var";
841
+ } | undefined;
842
+ iterations?: number | "infinite" | undefined;
713
843
  rangeStart?: ["start" | "end", {
714
844
  value: number;
715
845
  type: "unit";
@@ -768,12 +898,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
768
898
  value: string;
769
899
  type: "unparsed";
770
900
  hidden?: boolean | undefined;
901
+ } | {
902
+ type: "color";
903
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
904
+ components: [number, number, number];
905
+ alpha: number;
906
+ hidden?: boolean | undefined;
771
907
  } | {
772
908
  type: "rgb";
773
909
  r: number;
910
+ alpha: number;
774
911
  g: number;
775
912
  b: number;
776
- alpha: number;
777
913
  hidden?: boolean | undefined;
778
914
  } | {
779
915
  type: "function";
@@ -796,12 +932,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
796
932
  value: string;
797
933
  type: "unparsed";
798
934
  hidden?: boolean | undefined;
935
+ } | {
936
+ type: "color";
937
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
938
+ components: [number, number, number];
939
+ alpha: number;
940
+ hidden?: boolean | undefined;
799
941
  } | {
800
942
  type: "rgb";
801
943
  r: number;
944
+ alpha: number;
802
945
  g: number;
803
946
  b: number;
804
- alpha: number;
805
947
  hidden?: boolean | undefined;
806
948
  } | undefined;
807
949
  hidden?: boolean | undefined;
@@ -829,12 +971,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
829
971
  value: string;
830
972
  type: "unparsed";
831
973
  hidden?: boolean | undefined;
974
+ } | {
975
+ type: "color";
976
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
977
+ components: [number, number, number];
978
+ alpha: number;
979
+ hidden?: boolean | undefined;
832
980
  } | {
833
981
  type: "rgb";
834
982
  r: number;
983
+ alpha: number;
835
984
  g: number;
836
985
  b: number;
837
- alpha: number;
838
986
  hidden?: boolean | undefined;
839
987
  } | {
840
988
  type: "function";
@@ -857,12 +1005,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
857
1005
  value: string;
858
1006
  type: "unparsed";
859
1007
  hidden?: boolean | undefined;
1008
+ } | {
1009
+ type: "color";
1010
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1011
+ components: [number, number, number];
1012
+ alpha: number;
1013
+ hidden?: boolean | undefined;
860
1014
  } | {
861
1015
  type: "rgb";
862
1016
  r: number;
1017
+ alpha: number;
863
1018
  g: number;
864
1019
  b: number;
865
- alpha: number;
866
1020
  hidden?: boolean | undefined;
867
1021
  } | undefined;
868
1022
  hidden?: boolean | undefined;
@@ -893,12 +1047,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
893
1047
  value: string;
894
1048
  type: "unparsed";
895
1049
  hidden?: boolean | undefined;
1050
+ } | {
1051
+ type: "color";
1052
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1053
+ components: [number, number, number];
1054
+ alpha: number;
1055
+ hidden?: boolean | undefined;
896
1056
  } | {
897
1057
  type: "rgb";
898
1058
  r: number;
1059
+ alpha: number;
899
1060
  g: number;
900
1061
  b: number;
901
- alpha: number;
902
1062
  hidden?: boolean | undefined;
903
1063
  } | undefined;
904
1064
  hidden?: boolean | undefined;
@@ -924,12 +1084,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
924
1084
  value: string;
925
1085
  type: "unparsed";
926
1086
  hidden?: boolean | undefined;
1087
+ } | {
1088
+ type: "color";
1089
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1090
+ components: [number, number, number];
1091
+ alpha: number;
1092
+ hidden?: boolean | undefined;
927
1093
  } | {
928
1094
  type: "rgb";
929
1095
  r: number;
1096
+ alpha: number;
930
1097
  g: number;
931
1098
  b: number;
932
- alpha: number;
933
1099
  hidden?: boolean | undefined;
934
1100
  } | undefined;
935
1101
  hidden?: boolean | undefined;
@@ -938,12 +1104,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
938
1104
  value: string;
939
1105
  type: "keyword";
940
1106
  hidden?: boolean | undefined;
1107
+ } | {
1108
+ type: "color";
1109
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1110
+ components: [number, number, number];
1111
+ alpha: number;
1112
+ hidden?: boolean | undefined;
941
1113
  } | {
942
1114
  type: "rgb";
943
1115
  r: number;
1116
+ alpha: number;
944
1117
  g: number;
945
1118
  b: number;
946
- alpha: number;
947
1119
  hidden?: boolean | undefined;
948
1120
  } | {
949
1121
  value: string;
@@ -961,12 +1133,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
961
1133
  value: string;
962
1134
  type: "unparsed";
963
1135
  hidden?: boolean | undefined;
1136
+ } | {
1137
+ type: "color";
1138
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1139
+ components: [number, number, number];
1140
+ alpha: number;
1141
+ hidden?: boolean | undefined;
964
1142
  } | {
965
1143
  type: "rgb";
966
1144
  r: number;
1145
+ alpha: number;
967
1146
  g: number;
968
1147
  b: number;
969
- alpha: number;
970
1148
  hidden?: boolean | undefined;
971
1149
  } | undefined;
972
1150
  hidden?: boolean | undefined;
@@ -993,12 +1171,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
993
1171
  value: string;
994
1172
  type: "unparsed";
995
1173
  hidden?: boolean | undefined;
1174
+ } | {
1175
+ type: "color";
1176
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1177
+ components: [number, number, number];
1178
+ alpha: number;
1179
+ hidden?: boolean | undefined;
996
1180
  } | {
997
1181
  type: "rgb";
998
1182
  r: number;
1183
+ alpha: number;
999
1184
  g: number;
1000
1185
  b: number;
1001
- alpha: number;
1002
1186
  hidden?: boolean | undefined;
1003
1187
  } | undefined;
1004
1188
  hidden?: boolean | undefined;
@@ -1024,12 +1208,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1024
1208
  value: string;
1025
1209
  type: "unparsed";
1026
1210
  hidden?: boolean | undefined;
1211
+ } | {
1212
+ type: "color";
1213
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1214
+ components: [number, number, number];
1215
+ alpha: number;
1216
+ hidden?: boolean | undefined;
1027
1217
  } | {
1028
1218
  type: "rgb";
1029
1219
  r: number;
1220
+ alpha: number;
1030
1221
  g: number;
1031
1222
  b: number;
1032
- alpha: number;
1033
1223
  hidden?: boolean | undefined;
1034
1224
  } | undefined;
1035
1225
  hidden?: boolean | undefined;
@@ -1062,12 +1252,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1062
1252
  value: string;
1063
1253
  type: "unparsed";
1064
1254
  hidden?: boolean | undefined;
1255
+ } | {
1256
+ type: "color";
1257
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1258
+ components: [number, number, number];
1259
+ alpha: number;
1260
+ hidden?: boolean | undefined;
1065
1261
  } | {
1066
1262
  type: "rgb";
1067
1263
  r: number;
1264
+ alpha: number;
1068
1265
  g: number;
1069
1266
  b: number;
1070
- alpha: number;
1071
1267
  hidden?: boolean | undefined;
1072
1268
  } | {
1073
1269
  type: "function";
@@ -1090,12 +1286,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1090
1286
  value: string;
1091
1287
  type: "unparsed";
1092
1288
  hidden?: boolean | undefined;
1289
+ } | {
1290
+ type: "color";
1291
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1292
+ components: [number, number, number];
1293
+ alpha: number;
1294
+ hidden?: boolean | undefined;
1093
1295
  } | {
1094
1296
  type: "rgb";
1095
1297
  r: number;
1298
+ alpha: number;
1096
1299
  g: number;
1097
1300
  b: number;
1098
- alpha: number;
1099
1301
  hidden?: boolean | undefined;
1100
1302
  } | undefined;
1101
1303
  hidden?: boolean | undefined;
@@ -1123,12 +1325,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1123
1325
  value: string;
1124
1326
  type: "unparsed";
1125
1327
  hidden?: boolean | undefined;
1328
+ } | {
1329
+ type: "color";
1330
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1331
+ components: [number, number, number];
1332
+ alpha: number;
1333
+ hidden?: boolean | undefined;
1126
1334
  } | {
1127
1335
  type: "rgb";
1128
1336
  r: number;
1337
+ alpha: number;
1129
1338
  g: number;
1130
1339
  b: number;
1131
- alpha: number;
1132
1340
  hidden?: boolean | undefined;
1133
1341
  } | {
1134
1342
  type: "function";
@@ -1151,12 +1359,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1151
1359
  value: string;
1152
1360
  type: "unparsed";
1153
1361
  hidden?: boolean | undefined;
1362
+ } | {
1363
+ type: "color";
1364
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1365
+ components: [number, number, number];
1366
+ alpha: number;
1367
+ hidden?: boolean | undefined;
1154
1368
  } | {
1155
1369
  type: "rgb";
1156
1370
  r: number;
1371
+ alpha: number;
1157
1372
  g: number;
1158
1373
  b: number;
1159
- alpha: number;
1160
1374
  hidden?: boolean | undefined;
1161
1375
  } | undefined;
1162
1376
  hidden?: boolean | undefined;
@@ -1187,12 +1401,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1187
1401
  value: string;
1188
1402
  type: "unparsed";
1189
1403
  hidden?: boolean | undefined;
1404
+ } | {
1405
+ type: "color";
1406
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1407
+ components: [number, number, number];
1408
+ alpha: number;
1409
+ hidden?: boolean | undefined;
1190
1410
  } | {
1191
1411
  type: "rgb";
1192
1412
  r: number;
1413
+ alpha: number;
1193
1414
  g: number;
1194
1415
  b: number;
1195
- alpha: number;
1196
1416
  hidden?: boolean | undefined;
1197
1417
  } | undefined;
1198
1418
  hidden?: boolean | undefined;
@@ -1218,12 +1438,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1218
1438
  value: string;
1219
1439
  type: "unparsed";
1220
1440
  hidden?: boolean | undefined;
1441
+ } | {
1442
+ type: "color";
1443
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1444
+ components: [number, number, number];
1445
+ alpha: number;
1446
+ hidden?: boolean | undefined;
1221
1447
  } | {
1222
1448
  type: "rgb";
1223
1449
  r: number;
1450
+ alpha: number;
1224
1451
  g: number;
1225
1452
  b: number;
1226
- alpha: number;
1227
1453
  hidden?: boolean | undefined;
1228
1454
  } | undefined;
1229
1455
  hidden?: boolean | undefined;
@@ -1232,12 +1458,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1232
1458
  value: string;
1233
1459
  type: "keyword";
1234
1460
  hidden?: boolean | undefined;
1461
+ } | {
1462
+ type: "color";
1463
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1464
+ components: [number, number, number];
1465
+ alpha: number;
1466
+ hidden?: boolean | undefined;
1235
1467
  } | {
1236
1468
  type: "rgb";
1237
1469
  r: number;
1470
+ alpha: number;
1238
1471
  g: number;
1239
1472
  b: number;
1240
- alpha: number;
1241
1473
  hidden?: boolean | undefined;
1242
1474
  } | {
1243
1475
  value: string;
@@ -1255,12 +1487,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1255
1487
  value: string;
1256
1488
  type: "unparsed";
1257
1489
  hidden?: boolean | undefined;
1490
+ } | {
1491
+ type: "color";
1492
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1493
+ components: [number, number, number];
1494
+ alpha: number;
1495
+ hidden?: boolean | undefined;
1258
1496
  } | {
1259
1497
  type: "rgb";
1260
1498
  r: number;
1499
+ alpha: number;
1261
1500
  g: number;
1262
1501
  b: number;
1263
- alpha: number;
1264
1502
  hidden?: boolean | undefined;
1265
1503
  } | undefined;
1266
1504
  hidden?: boolean | undefined;
@@ -1287,12 +1525,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1287
1525
  value: string;
1288
1526
  type: "unparsed";
1289
1527
  hidden?: boolean | undefined;
1528
+ } | {
1529
+ type: "color";
1530
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1531
+ components: [number, number, number];
1532
+ alpha: number;
1533
+ hidden?: boolean | undefined;
1290
1534
  } | {
1291
1535
  type: "rgb";
1292
1536
  r: number;
1537
+ alpha: number;
1293
1538
  g: number;
1294
1539
  b: number;
1295
- alpha: number;
1296
1540
  hidden?: boolean | undefined;
1297
1541
  } | undefined;
1298
1542
  hidden?: boolean | undefined;
@@ -1318,12 +1562,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1318
1562
  value: string;
1319
1563
  type: "unparsed";
1320
1564
  hidden?: boolean | undefined;
1565
+ } | {
1566
+ type: "color";
1567
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1568
+ components: [number, number, number];
1569
+ alpha: number;
1570
+ hidden?: boolean | undefined;
1321
1571
  } | {
1322
1572
  type: "rgb";
1323
1573
  r: number;
1574
+ alpha: number;
1324
1575
  g: number;
1325
1576
  b: number;
1326
- alpha: number;
1327
1577
  hidden?: boolean | undefined;
1328
1578
  } | undefined;
1329
1579
  hidden?: boolean | undefined;
@@ -1360,6 +1610,15 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1360
1610
  value: string;
1361
1611
  type: "var";
1362
1612
  } | undefined;
1613
+ delay?: {
1614
+ value: number;
1615
+ type: "unit";
1616
+ unit: "s" | "ms";
1617
+ } | {
1618
+ value: string;
1619
+ type: "var";
1620
+ } | undefined;
1621
+ iterations?: number | "infinite" | undefined;
1363
1622
  rangeStart?: ["contain" | "cover" | "entry" | "exit" | "entry-crossing" | "exit-crossing", {
1364
1623
  value: number;
1365
1624
  type: "unit";
@@ -1421,7 +1680,6 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1421
1680
  } | undefined;
1422
1681
  };
1423
1682
  type: "animationAction";
1424
- name: string;
1425
1683
  id: string;
1426
1684
  instanceId: string;
1427
1685
  required?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/react-sdk",
3
- "version": "0.235.0",
3
+ "version": "0.237.0",
4
4
  "description": "Webstudio JavaScript / TypeScript API",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -14,7 +14,7 @@
14
14
  "type-fest": "^4.37.0",
15
15
  "vitest": "^3.1.2",
16
16
  "zod": "^3.24.2",
17
- "@webstudio-is/template": "0.235.0",
17
+ "@webstudio-is/template": "0.237.0",
18
18
  "@webstudio-is/tsconfig": "1.0.7"
19
19
  },
20
20
  "peerDependencies": {
@@ -26,11 +26,11 @@
26
26
  "change-case": "^5.4.4",
27
27
  "html-tags": "^4.0.0",
28
28
  "nanoid": "^5.1.5",
29
- "@webstudio-is/css-engine": "0.235.0",
30
- "@webstudio-is/fonts": "0.235.0",
31
- "@webstudio-is/sdk": "0.235.0",
32
- "@webstudio-is/image": "0.235.0",
33
- "@webstudio-is/icons": "^0.235.0"
29
+ "@webstudio-is/css-engine": "0.237.0",
30
+ "@webstudio-is/icons": "^0.237.0",
31
+ "@webstudio-is/image": "0.237.0",
32
+ "@webstudio-is/fonts": "0.237.0",
33
+ "@webstudio-is/sdk": "0.237.0"
34
34
  },
35
35
  "exports": {
36
36
  ".": {
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};