@webstudio-is/react-sdk 0.234.0 → 0.236.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;
@@ -768,12 +889,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
768
889
  value: string;
769
890
  type: "unparsed";
770
891
  hidden?: boolean | undefined;
892
+ } | {
893
+ type: "color";
894
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
895
+ components: [number, number, number];
896
+ alpha: number;
897
+ hidden?: boolean | undefined;
771
898
  } | {
772
899
  type: "rgb";
773
900
  r: number;
901
+ alpha: number;
774
902
  g: number;
775
903
  b: number;
776
- alpha: number;
777
904
  hidden?: boolean | undefined;
778
905
  } | {
779
906
  type: "function";
@@ -796,12 +923,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
796
923
  value: string;
797
924
  type: "unparsed";
798
925
  hidden?: boolean | undefined;
926
+ } | {
927
+ type: "color";
928
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
929
+ components: [number, number, number];
930
+ alpha: number;
931
+ hidden?: boolean | undefined;
799
932
  } | {
800
933
  type: "rgb";
801
934
  r: number;
935
+ alpha: number;
802
936
  g: number;
803
937
  b: number;
804
- alpha: number;
805
938
  hidden?: boolean | undefined;
806
939
  } | undefined;
807
940
  hidden?: boolean | undefined;
@@ -829,12 +962,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
829
962
  value: string;
830
963
  type: "unparsed";
831
964
  hidden?: boolean | undefined;
965
+ } | {
966
+ type: "color";
967
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
968
+ components: [number, number, number];
969
+ alpha: number;
970
+ hidden?: boolean | undefined;
832
971
  } | {
833
972
  type: "rgb";
834
973
  r: number;
974
+ alpha: number;
835
975
  g: number;
836
976
  b: number;
837
- alpha: number;
838
977
  hidden?: boolean | undefined;
839
978
  } | {
840
979
  type: "function";
@@ -857,12 +996,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
857
996
  value: string;
858
997
  type: "unparsed";
859
998
  hidden?: boolean | undefined;
999
+ } | {
1000
+ type: "color";
1001
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1002
+ components: [number, number, number];
1003
+ alpha: number;
1004
+ hidden?: boolean | undefined;
860
1005
  } | {
861
1006
  type: "rgb";
862
1007
  r: number;
1008
+ alpha: number;
863
1009
  g: number;
864
1010
  b: number;
865
- alpha: number;
866
1011
  hidden?: boolean | undefined;
867
1012
  } | undefined;
868
1013
  hidden?: boolean | undefined;
@@ -893,12 +1038,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
893
1038
  value: string;
894
1039
  type: "unparsed";
895
1040
  hidden?: boolean | undefined;
1041
+ } | {
1042
+ type: "color";
1043
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1044
+ components: [number, number, number];
1045
+ alpha: number;
1046
+ hidden?: boolean | undefined;
896
1047
  } | {
897
1048
  type: "rgb";
898
1049
  r: number;
1050
+ alpha: number;
899
1051
  g: number;
900
1052
  b: number;
901
- alpha: number;
902
1053
  hidden?: boolean | undefined;
903
1054
  } | undefined;
904
1055
  hidden?: boolean | undefined;
@@ -924,12 +1075,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
924
1075
  value: string;
925
1076
  type: "unparsed";
926
1077
  hidden?: boolean | undefined;
1078
+ } | {
1079
+ type: "color";
1080
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1081
+ components: [number, number, number];
1082
+ alpha: number;
1083
+ hidden?: boolean | undefined;
927
1084
  } | {
928
1085
  type: "rgb";
929
1086
  r: number;
1087
+ alpha: number;
930
1088
  g: number;
931
1089
  b: number;
932
- alpha: number;
933
1090
  hidden?: boolean | undefined;
934
1091
  } | undefined;
935
1092
  hidden?: boolean | undefined;
@@ -938,12 +1095,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
938
1095
  value: string;
939
1096
  type: "keyword";
940
1097
  hidden?: boolean | undefined;
1098
+ } | {
1099
+ type: "color";
1100
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1101
+ components: [number, number, number];
1102
+ alpha: number;
1103
+ hidden?: boolean | undefined;
941
1104
  } | {
942
1105
  type: "rgb";
943
1106
  r: number;
1107
+ alpha: number;
944
1108
  g: number;
945
1109
  b: number;
946
- alpha: number;
947
1110
  hidden?: boolean | undefined;
948
1111
  } | {
949
1112
  value: string;
@@ -961,12 +1124,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
961
1124
  value: string;
962
1125
  type: "unparsed";
963
1126
  hidden?: boolean | undefined;
1127
+ } | {
1128
+ type: "color";
1129
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1130
+ components: [number, number, number];
1131
+ alpha: number;
1132
+ hidden?: boolean | undefined;
964
1133
  } | {
965
1134
  type: "rgb";
966
1135
  r: number;
1136
+ alpha: number;
967
1137
  g: number;
968
1138
  b: number;
969
- alpha: number;
970
1139
  hidden?: boolean | undefined;
971
1140
  } | undefined;
972
1141
  hidden?: boolean | undefined;
@@ -993,12 +1162,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
993
1162
  value: string;
994
1163
  type: "unparsed";
995
1164
  hidden?: boolean | undefined;
1165
+ } | {
1166
+ type: "color";
1167
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1168
+ components: [number, number, number];
1169
+ alpha: number;
1170
+ hidden?: boolean | undefined;
996
1171
  } | {
997
1172
  type: "rgb";
998
1173
  r: number;
1174
+ alpha: number;
999
1175
  g: number;
1000
1176
  b: number;
1001
- alpha: number;
1002
1177
  hidden?: boolean | undefined;
1003
1178
  } | undefined;
1004
1179
  hidden?: boolean | undefined;
@@ -1024,12 +1199,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1024
1199
  value: string;
1025
1200
  type: "unparsed";
1026
1201
  hidden?: boolean | undefined;
1202
+ } | {
1203
+ type: "color";
1204
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1205
+ components: [number, number, number];
1206
+ alpha: number;
1207
+ hidden?: boolean | undefined;
1027
1208
  } | {
1028
1209
  type: "rgb";
1029
1210
  r: number;
1211
+ alpha: number;
1030
1212
  g: number;
1031
1213
  b: number;
1032
- alpha: number;
1033
1214
  hidden?: boolean | undefined;
1034
1215
  } | undefined;
1035
1216
  hidden?: boolean | undefined;
@@ -1062,12 +1243,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1062
1243
  value: string;
1063
1244
  type: "unparsed";
1064
1245
  hidden?: boolean | undefined;
1246
+ } | {
1247
+ type: "color";
1248
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1249
+ components: [number, number, number];
1250
+ alpha: number;
1251
+ hidden?: boolean | undefined;
1065
1252
  } | {
1066
1253
  type: "rgb";
1067
1254
  r: number;
1255
+ alpha: number;
1068
1256
  g: number;
1069
1257
  b: number;
1070
- alpha: number;
1071
1258
  hidden?: boolean | undefined;
1072
1259
  } | {
1073
1260
  type: "function";
@@ -1090,12 +1277,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1090
1277
  value: string;
1091
1278
  type: "unparsed";
1092
1279
  hidden?: boolean | undefined;
1280
+ } | {
1281
+ type: "color";
1282
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1283
+ components: [number, number, number];
1284
+ alpha: number;
1285
+ hidden?: boolean | undefined;
1093
1286
  } | {
1094
1287
  type: "rgb";
1095
1288
  r: number;
1289
+ alpha: number;
1096
1290
  g: number;
1097
1291
  b: number;
1098
- alpha: number;
1099
1292
  hidden?: boolean | undefined;
1100
1293
  } | undefined;
1101
1294
  hidden?: boolean | undefined;
@@ -1123,12 +1316,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1123
1316
  value: string;
1124
1317
  type: "unparsed";
1125
1318
  hidden?: boolean | undefined;
1319
+ } | {
1320
+ type: "color";
1321
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1322
+ components: [number, number, number];
1323
+ alpha: number;
1324
+ hidden?: boolean | undefined;
1126
1325
  } | {
1127
1326
  type: "rgb";
1128
1327
  r: number;
1328
+ alpha: number;
1129
1329
  g: number;
1130
1330
  b: number;
1131
- alpha: number;
1132
1331
  hidden?: boolean | undefined;
1133
1332
  } | {
1134
1333
  type: "function";
@@ -1151,12 +1350,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1151
1350
  value: string;
1152
1351
  type: "unparsed";
1153
1352
  hidden?: boolean | undefined;
1353
+ } | {
1354
+ type: "color";
1355
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1356
+ components: [number, number, number];
1357
+ alpha: number;
1358
+ hidden?: boolean | undefined;
1154
1359
  } | {
1155
1360
  type: "rgb";
1156
1361
  r: number;
1362
+ alpha: number;
1157
1363
  g: number;
1158
1364
  b: number;
1159
- alpha: number;
1160
1365
  hidden?: boolean | undefined;
1161
1366
  } | undefined;
1162
1367
  hidden?: boolean | undefined;
@@ -1187,12 +1392,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1187
1392
  value: string;
1188
1393
  type: "unparsed";
1189
1394
  hidden?: boolean | undefined;
1395
+ } | {
1396
+ type: "color";
1397
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1398
+ components: [number, number, number];
1399
+ alpha: number;
1400
+ hidden?: boolean | undefined;
1190
1401
  } | {
1191
1402
  type: "rgb";
1192
1403
  r: number;
1404
+ alpha: number;
1193
1405
  g: number;
1194
1406
  b: number;
1195
- alpha: number;
1196
1407
  hidden?: boolean | undefined;
1197
1408
  } | undefined;
1198
1409
  hidden?: boolean | undefined;
@@ -1218,12 +1429,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1218
1429
  value: string;
1219
1430
  type: "unparsed";
1220
1431
  hidden?: boolean | undefined;
1432
+ } | {
1433
+ type: "color";
1434
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1435
+ components: [number, number, number];
1436
+ alpha: number;
1437
+ hidden?: boolean | undefined;
1221
1438
  } | {
1222
1439
  type: "rgb";
1223
1440
  r: number;
1441
+ alpha: number;
1224
1442
  g: number;
1225
1443
  b: number;
1226
- alpha: number;
1227
1444
  hidden?: boolean | undefined;
1228
1445
  } | undefined;
1229
1446
  hidden?: boolean | undefined;
@@ -1232,12 +1449,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1232
1449
  value: string;
1233
1450
  type: "keyword";
1234
1451
  hidden?: boolean | undefined;
1452
+ } | {
1453
+ type: "color";
1454
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1455
+ components: [number, number, number];
1456
+ alpha: number;
1457
+ hidden?: boolean | undefined;
1235
1458
  } | {
1236
1459
  type: "rgb";
1237
1460
  r: number;
1461
+ alpha: number;
1238
1462
  g: number;
1239
1463
  b: number;
1240
- alpha: number;
1241
1464
  hidden?: boolean | undefined;
1242
1465
  } | {
1243
1466
  value: string;
@@ -1255,12 +1478,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1255
1478
  value: string;
1256
1479
  type: "unparsed";
1257
1480
  hidden?: boolean | undefined;
1481
+ } | {
1482
+ type: "color";
1483
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1484
+ components: [number, number, number];
1485
+ alpha: number;
1486
+ hidden?: boolean | undefined;
1258
1487
  } | {
1259
1488
  type: "rgb";
1260
1489
  r: number;
1490
+ alpha: number;
1261
1491
  g: number;
1262
1492
  b: number;
1263
- alpha: number;
1264
1493
  hidden?: boolean | undefined;
1265
1494
  } | undefined;
1266
1495
  hidden?: boolean | undefined;
@@ -1287,12 +1516,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1287
1516
  value: string;
1288
1517
  type: "unparsed";
1289
1518
  hidden?: boolean | undefined;
1519
+ } | {
1520
+ type: "color";
1521
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1522
+ components: [number, number, number];
1523
+ alpha: number;
1524
+ hidden?: boolean | undefined;
1290
1525
  } | {
1291
1526
  type: "rgb";
1292
1527
  r: number;
1528
+ alpha: number;
1293
1529
  g: number;
1294
1530
  b: number;
1295
- alpha: number;
1296
1531
  hidden?: boolean | undefined;
1297
1532
  } | undefined;
1298
1533
  hidden?: boolean | undefined;
@@ -1318,12 +1553,18 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1318
1553
  value: string;
1319
1554
  type: "unparsed";
1320
1555
  hidden?: boolean | undefined;
1556
+ } | {
1557
+ type: "color";
1558
+ colorSpace: "srgb" | "p3" | "srgb-linear" | "hsl" | "hwb" | "lab" | "lch" | "oklab" | "oklch" | "a98rgb" | "prophoto" | "rec2020" | "xyz-d65" | "xyz-d50";
1559
+ components: [number, number, number];
1560
+ alpha: number;
1561
+ hidden?: boolean | undefined;
1321
1562
  } | {
1322
1563
  type: "rgb";
1323
1564
  r: number;
1565
+ alpha: number;
1324
1566
  g: number;
1325
1567
  b: number;
1326
- alpha: number;
1327
1568
  hidden?: boolean | undefined;
1328
1569
  } | undefined;
1329
1570
  hidden?: boolean | undefined;
@@ -1421,7 +1662,6 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1421
1662
  } | undefined;
1422
1663
  };
1423
1664
  type: "animationAction";
1424
- name: string;
1425
1665
  id: string;
1426
1666
  instanceId: string;
1427
1667
  required?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/react-sdk",
3
- "version": "0.234.0",
3
+ "version": "0.236.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.234.0",
17
+ "@webstudio-is/template": "0.236.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.234.0",
30
- "@webstudio-is/icons": "^0.234.0",
31
- "@webstudio-is/image": "0.234.0",
32
- "@webstudio-is/sdk": "0.234.0",
33
- "@webstudio-is/fonts": "0.234.0"
29
+ "@webstudio-is/css-engine": "0.236.0",
30
+ "@webstudio-is/icons": "^0.236.0",
31
+ "@webstudio-is/image": "0.236.0",
32
+ "@webstudio-is/fonts": "0.236.0",
33
+ "@webstudio-is/sdk": "0.236.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 {};