@webstudio-is/react-sdk 0.254.0 → 0.257.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.js +2 -2
  2. package/lib/types/props.d.ts +81 -321
  3. package/package.json +7 -7
package/lib/index.js CHANGED
@@ -161,7 +161,7 @@ var idAttribute = "data-ws-id";
161
161
  var selectorIdAttribute = "data-ws-selector";
162
162
  var componentAttribute = "data-ws-component";
163
163
  var showAttribute = "data-ws-show";
164
- var collapsedAttribute = "data-ws-collapsed";
164
+ var inflatedAttribute = "data-ws-collapsed";
165
165
  var textContentAttribute = "data-ws-text-content";
166
166
  var attributeNameStartChar = "A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD";
167
167
  var attributeNameChar = attributeNameStartChar + ":\\-0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
@@ -875,7 +875,6 @@ var generateWebstudioComponent = ({
875
875
  return generatedComponent;
876
876
  };
877
877
  export {
878
- collapsedAttribute,
879
878
  componentAttribute,
880
879
  generateCollectionIterationCode,
881
880
  generateJsxChildren,
@@ -885,6 +884,7 @@ export {
885
884
  generateWebstudioComponent,
886
885
  getCollectionEntries,
887
886
  idAttribute,
887
+ inflatedAttribute,
888
888
  isAttributeNameSafe,
889
889
  normalizeProps,
890
890
  reactPropsToStandardAttributes,
package/lib/types/props.d.ts CHANGED
@@ -119,18 +119,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
119
119
  value: string;
120
120
  type: "unparsed";
121
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;
128
- } | {
122
+ } | import("@webstudio-is/css-engine").ColorValue | {
129
123
  type: "rgb";
130
124
  r: number;
131
- alpha: number;
132
125
  g: number;
133
126
  b: number;
127
+ alpha: number;
134
128
  hidden?: boolean | undefined;
135
129
  } | {
136
130
  type: "function";
@@ -153,18 +147,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
153
147
  value: string;
154
148
  type: "unparsed";
155
149
  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;
162
- } | {
150
+ } | import("@webstudio-is/css-engine").ColorValue | {
163
151
  type: "rgb";
164
152
  r: number;
165
- alpha: number;
166
153
  g: number;
167
154
  b: number;
155
+ alpha: number;
168
156
  hidden?: boolean | undefined;
169
157
  } | undefined;
170
158
  hidden?: boolean | undefined;
@@ -192,18 +180,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
192
180
  value: string;
193
181
  type: "unparsed";
194
182
  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;
201
- } | {
183
+ } | import("@webstudio-is/css-engine").ColorValue | {
202
184
  type: "rgb";
203
185
  r: number;
204
- alpha: number;
205
186
  g: number;
206
187
  b: number;
188
+ alpha: number;
207
189
  hidden?: boolean | undefined;
208
190
  } | {
209
191
  type: "function";
@@ -226,18 +208,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
226
208
  value: string;
227
209
  type: "unparsed";
228
210
  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;
235
- } | {
211
+ } | import("@webstudio-is/css-engine").ColorValue | {
236
212
  type: "rgb";
237
213
  r: number;
238
- alpha: number;
239
214
  g: number;
240
215
  b: number;
216
+ alpha: number;
241
217
  hidden?: boolean | undefined;
242
218
  } | undefined;
243
219
  hidden?: boolean | undefined;
@@ -268,18 +244,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
268
244
  value: string;
269
245
  type: "unparsed";
270
246
  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;
277
- } | {
247
+ } | import("@webstudio-is/css-engine").ColorValue | {
278
248
  type: "rgb";
279
249
  r: number;
280
- alpha: number;
281
250
  g: number;
282
251
  b: number;
252
+ alpha: number;
283
253
  hidden?: boolean | undefined;
284
254
  } | undefined;
285
255
  hidden?: boolean | undefined;
@@ -305,18 +275,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
305
275
  value: string;
306
276
  type: "unparsed";
307
277
  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;
314
- } | {
278
+ } | import("@webstudio-is/css-engine").ColorValue | {
315
279
  type: "rgb";
316
280
  r: number;
317
- alpha: number;
318
281
  g: number;
319
282
  b: number;
283
+ alpha: number;
320
284
  hidden?: boolean | undefined;
321
285
  } | undefined;
322
286
  hidden?: boolean | undefined;
@@ -325,18 +289,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
325
289
  value: string;
326
290
  type: "keyword";
327
291
  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;
334
- } | {
292
+ } | import("@webstudio-is/css-engine").ColorValue | {
335
293
  type: "rgb";
336
294
  r: number;
337
- alpha: number;
338
295
  g: number;
339
296
  b: number;
297
+ alpha: number;
340
298
  hidden?: boolean | undefined;
341
299
  } | {
342
300
  value: string;
@@ -354,18 +312,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
354
312
  value: string;
355
313
  type: "unparsed";
356
314
  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;
363
- } | {
315
+ } | import("@webstudio-is/css-engine").ColorValue | {
364
316
  type: "rgb";
365
317
  r: number;
366
- alpha: number;
367
318
  g: number;
368
319
  b: number;
320
+ alpha: number;
369
321
  hidden?: boolean | undefined;
370
322
  } | undefined;
371
323
  hidden?: boolean | undefined;
@@ -392,18 +344,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
392
344
  value: string;
393
345
  type: "unparsed";
394
346
  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;
401
- } | {
347
+ } | import("@webstudio-is/css-engine").ColorValue | {
402
348
  type: "rgb";
403
349
  r: number;
404
- alpha: number;
405
350
  g: number;
406
351
  b: number;
352
+ alpha: number;
407
353
  hidden?: boolean | undefined;
408
354
  } | undefined;
409
355
  hidden?: boolean | undefined;
@@ -429,18 +375,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
429
375
  value: string;
430
376
  type: "unparsed";
431
377
  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;
438
- } | {
378
+ } | import("@webstudio-is/css-engine").ColorValue | {
439
379
  type: "rgb";
440
380
  r: number;
441
- alpha: number;
442
381
  g: number;
443
382
  b: number;
383
+ alpha: number;
444
384
  hidden?: boolean | undefined;
445
385
  } | undefined;
446
386
  hidden?: boolean | undefined;
@@ -473,18 +413,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
473
413
  value: string;
474
414
  type: "unparsed";
475
415
  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;
482
- } | {
416
+ } | import("@webstudio-is/css-engine").ColorValue | {
483
417
  type: "rgb";
484
418
  r: number;
485
- alpha: number;
486
419
  g: number;
487
420
  b: number;
421
+ alpha: number;
488
422
  hidden?: boolean | undefined;
489
423
  } | {
490
424
  type: "function";
@@ -507,18 +441,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
507
441
  value: string;
508
442
  type: "unparsed";
509
443
  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;
516
- } | {
444
+ } | import("@webstudio-is/css-engine").ColorValue | {
517
445
  type: "rgb";
518
446
  r: number;
519
- alpha: number;
520
447
  g: number;
521
448
  b: number;
449
+ alpha: number;
522
450
  hidden?: boolean | undefined;
523
451
  } | undefined;
524
452
  hidden?: boolean | undefined;
@@ -546,18 +474,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
546
474
  value: string;
547
475
  type: "unparsed";
548
476
  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;
555
- } | {
477
+ } | import("@webstudio-is/css-engine").ColorValue | {
556
478
  type: "rgb";
557
479
  r: number;
558
- alpha: number;
559
480
  g: number;
560
481
  b: number;
482
+ alpha: number;
561
483
  hidden?: boolean | undefined;
562
484
  } | {
563
485
  type: "function";
@@ -580,18 +502,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
580
502
  value: string;
581
503
  type: "unparsed";
582
504
  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;
589
- } | {
505
+ } | import("@webstudio-is/css-engine").ColorValue | {
590
506
  type: "rgb";
591
507
  r: number;
592
- alpha: number;
593
508
  g: number;
594
509
  b: number;
510
+ alpha: number;
595
511
  hidden?: boolean | undefined;
596
512
  } | undefined;
597
513
  hidden?: boolean | undefined;
@@ -622,18 +538,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
622
538
  value: string;
623
539
  type: "unparsed";
624
540
  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;
631
- } | {
541
+ } | import("@webstudio-is/css-engine").ColorValue | {
632
542
  type: "rgb";
633
543
  r: number;
634
- alpha: number;
635
544
  g: number;
636
545
  b: number;
546
+ alpha: number;
637
547
  hidden?: boolean | undefined;
638
548
  } | undefined;
639
549
  hidden?: boolean | undefined;
@@ -659,18 +569,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
659
569
  value: string;
660
570
  type: "unparsed";
661
571
  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;
668
- } | {
572
+ } | import("@webstudio-is/css-engine").ColorValue | {
669
573
  type: "rgb";
670
574
  r: number;
671
- alpha: number;
672
575
  g: number;
673
576
  b: number;
577
+ alpha: number;
674
578
  hidden?: boolean | undefined;
675
579
  } | undefined;
676
580
  hidden?: boolean | undefined;
@@ -679,18 +583,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
679
583
  value: string;
680
584
  type: "keyword";
681
585
  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;
688
- } | {
586
+ } | import("@webstudio-is/css-engine").ColorValue | {
689
587
  type: "rgb";
690
588
  r: number;
691
- alpha: number;
692
589
  g: number;
693
590
  b: number;
591
+ alpha: number;
694
592
  hidden?: boolean | undefined;
695
593
  } | {
696
594
  value: string;
@@ -708,18 +606,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
708
606
  value: string;
709
607
  type: "unparsed";
710
608
  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;
717
- } | {
609
+ } | import("@webstudio-is/css-engine").ColorValue | {
718
610
  type: "rgb";
719
611
  r: number;
720
- alpha: number;
721
612
  g: number;
722
613
  b: number;
614
+ alpha: number;
723
615
  hidden?: boolean | undefined;
724
616
  } | undefined;
725
617
  hidden?: boolean | undefined;
@@ -746,18 +638,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
746
638
  value: string;
747
639
  type: "unparsed";
748
640
  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;
755
- } | {
641
+ } | import("@webstudio-is/css-engine").ColorValue | {
756
642
  type: "rgb";
757
643
  r: number;
758
- alpha: number;
759
644
  g: number;
760
645
  b: number;
646
+ alpha: number;
761
647
  hidden?: boolean | undefined;
762
648
  } | undefined;
763
649
  hidden?: boolean | undefined;
@@ -783,18 +669,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
783
669
  value: string;
784
670
  type: "unparsed";
785
671
  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;
792
- } | {
672
+ } | import("@webstudio-is/css-engine").ColorValue | {
793
673
  type: "rgb";
794
674
  r: number;
795
- alpha: number;
796
675
  g: number;
797
676
  b: number;
677
+ alpha: number;
798
678
  hidden?: boolean | undefined;
799
679
  } | undefined;
800
680
  hidden?: boolean | undefined;
@@ -898,18 +778,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
898
778
  value: string;
899
779
  type: "unparsed";
900
780
  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;
907
- } | {
781
+ } | import("@webstudio-is/css-engine").ColorValue | {
908
782
  type: "rgb";
909
783
  r: number;
910
- alpha: number;
911
784
  g: number;
912
785
  b: number;
786
+ alpha: number;
913
787
  hidden?: boolean | undefined;
914
788
  } | {
915
789
  type: "function";
@@ -932,18 +806,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
932
806
  value: string;
933
807
  type: "unparsed";
934
808
  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;
941
- } | {
809
+ } | import("@webstudio-is/css-engine").ColorValue | {
942
810
  type: "rgb";
943
811
  r: number;
944
- alpha: number;
945
812
  g: number;
946
813
  b: number;
814
+ alpha: number;
947
815
  hidden?: boolean | undefined;
948
816
  } | undefined;
949
817
  hidden?: boolean | undefined;
@@ -971,18 +839,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
971
839
  value: string;
972
840
  type: "unparsed";
973
841
  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;
980
- } | {
842
+ } | import("@webstudio-is/css-engine").ColorValue | {
981
843
  type: "rgb";
982
844
  r: number;
983
- alpha: number;
984
845
  g: number;
985
846
  b: number;
847
+ alpha: number;
986
848
  hidden?: boolean | undefined;
987
849
  } | {
988
850
  type: "function";
@@ -1005,18 +867,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1005
867
  value: string;
1006
868
  type: "unparsed";
1007
869
  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;
1014
- } | {
870
+ } | import("@webstudio-is/css-engine").ColorValue | {
1015
871
  type: "rgb";
1016
872
  r: number;
1017
- alpha: number;
1018
873
  g: number;
1019
874
  b: number;
875
+ alpha: number;
1020
876
  hidden?: boolean | undefined;
1021
877
  } | undefined;
1022
878
  hidden?: boolean | undefined;
@@ -1047,18 +903,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1047
903
  value: string;
1048
904
  type: "unparsed";
1049
905
  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;
1056
- } | {
906
+ } | import("@webstudio-is/css-engine").ColorValue | {
1057
907
  type: "rgb";
1058
908
  r: number;
1059
- alpha: number;
1060
909
  g: number;
1061
910
  b: number;
911
+ alpha: number;
1062
912
  hidden?: boolean | undefined;
1063
913
  } | undefined;
1064
914
  hidden?: boolean | undefined;
@@ -1084,18 +934,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1084
934
  value: string;
1085
935
  type: "unparsed";
1086
936
  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;
1093
- } | {
937
+ } | import("@webstudio-is/css-engine").ColorValue | {
1094
938
  type: "rgb";
1095
939
  r: number;
1096
- alpha: number;
1097
940
  g: number;
1098
941
  b: number;
942
+ alpha: number;
1099
943
  hidden?: boolean | undefined;
1100
944
  } | undefined;
1101
945
  hidden?: boolean | undefined;
@@ -1104,18 +948,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1104
948
  value: string;
1105
949
  type: "keyword";
1106
950
  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;
1113
- } | {
951
+ } | import("@webstudio-is/css-engine").ColorValue | {
1114
952
  type: "rgb";
1115
953
  r: number;
1116
- alpha: number;
1117
954
  g: number;
1118
955
  b: number;
956
+ alpha: number;
1119
957
  hidden?: boolean | undefined;
1120
958
  } | {
1121
959
  value: string;
@@ -1133,18 +971,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1133
971
  value: string;
1134
972
  type: "unparsed";
1135
973
  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;
1142
- } | {
974
+ } | import("@webstudio-is/css-engine").ColorValue | {
1143
975
  type: "rgb";
1144
976
  r: number;
1145
- alpha: number;
1146
977
  g: number;
1147
978
  b: number;
979
+ alpha: number;
1148
980
  hidden?: boolean | undefined;
1149
981
  } | undefined;
1150
982
  hidden?: boolean | undefined;
@@ -1171,18 +1003,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1171
1003
  value: string;
1172
1004
  type: "unparsed";
1173
1005
  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;
1180
- } | {
1006
+ } | import("@webstudio-is/css-engine").ColorValue | {
1181
1007
  type: "rgb";
1182
1008
  r: number;
1183
- alpha: number;
1184
1009
  g: number;
1185
1010
  b: number;
1011
+ alpha: number;
1186
1012
  hidden?: boolean | undefined;
1187
1013
  } | undefined;
1188
1014
  hidden?: boolean | undefined;
@@ -1208,18 +1034,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1208
1034
  value: string;
1209
1035
  type: "unparsed";
1210
1036
  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;
1217
- } | {
1037
+ } | import("@webstudio-is/css-engine").ColorValue | {
1218
1038
  type: "rgb";
1219
1039
  r: number;
1220
- alpha: number;
1221
1040
  g: number;
1222
1041
  b: number;
1042
+ alpha: number;
1223
1043
  hidden?: boolean | undefined;
1224
1044
  } | undefined;
1225
1045
  hidden?: boolean | undefined;
@@ -1252,18 +1072,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1252
1072
  value: string;
1253
1073
  type: "unparsed";
1254
1074
  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;
1261
- } | {
1075
+ } | import("@webstudio-is/css-engine").ColorValue | {
1262
1076
  type: "rgb";
1263
1077
  r: number;
1264
- alpha: number;
1265
1078
  g: number;
1266
1079
  b: number;
1080
+ alpha: number;
1267
1081
  hidden?: boolean | undefined;
1268
1082
  } | {
1269
1083
  type: "function";
@@ -1286,18 +1100,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1286
1100
  value: string;
1287
1101
  type: "unparsed";
1288
1102
  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;
1295
- } | {
1103
+ } | import("@webstudio-is/css-engine").ColorValue | {
1296
1104
  type: "rgb";
1297
1105
  r: number;
1298
- alpha: number;
1299
1106
  g: number;
1300
1107
  b: number;
1108
+ alpha: number;
1301
1109
  hidden?: boolean | undefined;
1302
1110
  } | undefined;
1303
1111
  hidden?: boolean | undefined;
@@ -1325,18 +1133,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1325
1133
  value: string;
1326
1134
  type: "unparsed";
1327
1135
  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;
1334
- } | {
1136
+ } | import("@webstudio-is/css-engine").ColorValue | {
1335
1137
  type: "rgb";
1336
1138
  r: number;
1337
- alpha: number;
1338
1139
  g: number;
1339
1140
  b: number;
1141
+ alpha: number;
1340
1142
  hidden?: boolean | undefined;
1341
1143
  } | {
1342
1144
  type: "function";
@@ -1359,18 +1161,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1359
1161
  value: string;
1360
1162
  type: "unparsed";
1361
1163
  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;
1368
- } | {
1164
+ } | import("@webstudio-is/css-engine").ColorValue | {
1369
1165
  type: "rgb";
1370
1166
  r: number;
1371
- alpha: number;
1372
1167
  g: number;
1373
1168
  b: number;
1169
+ alpha: number;
1374
1170
  hidden?: boolean | undefined;
1375
1171
  } | undefined;
1376
1172
  hidden?: boolean | undefined;
@@ -1401,18 +1197,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1401
1197
  value: string;
1402
1198
  type: "unparsed";
1403
1199
  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;
1410
- } | {
1200
+ } | import("@webstudio-is/css-engine").ColorValue | {
1411
1201
  type: "rgb";
1412
1202
  r: number;
1413
- alpha: number;
1414
1203
  g: number;
1415
1204
  b: number;
1205
+ alpha: number;
1416
1206
  hidden?: boolean | undefined;
1417
1207
  } | undefined;
1418
1208
  hidden?: boolean | undefined;
@@ -1438,18 +1228,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1438
1228
  value: string;
1439
1229
  type: "unparsed";
1440
1230
  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;
1447
- } | {
1231
+ } | import("@webstudio-is/css-engine").ColorValue | {
1448
1232
  type: "rgb";
1449
1233
  r: number;
1450
- alpha: number;
1451
1234
  g: number;
1452
1235
  b: number;
1236
+ alpha: number;
1453
1237
  hidden?: boolean | undefined;
1454
1238
  } | undefined;
1455
1239
  hidden?: boolean | undefined;
@@ -1458,18 +1242,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1458
1242
  value: string;
1459
1243
  type: "keyword";
1460
1244
  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;
1467
- } | {
1245
+ } | import("@webstudio-is/css-engine").ColorValue | {
1468
1246
  type: "rgb";
1469
1247
  r: number;
1470
- alpha: number;
1471
1248
  g: number;
1472
1249
  b: number;
1250
+ alpha: number;
1473
1251
  hidden?: boolean | undefined;
1474
1252
  } | {
1475
1253
  value: string;
@@ -1487,18 +1265,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1487
1265
  value: string;
1488
1266
  type: "unparsed";
1489
1267
  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;
1496
- } | {
1268
+ } | import("@webstudio-is/css-engine").ColorValue | {
1497
1269
  type: "rgb";
1498
1270
  r: number;
1499
- alpha: number;
1500
1271
  g: number;
1501
1272
  b: number;
1273
+ alpha: number;
1502
1274
  hidden?: boolean | undefined;
1503
1275
  } | undefined;
1504
1276
  hidden?: boolean | undefined;
@@ -1525,18 +1297,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1525
1297
  value: string;
1526
1298
  type: "unparsed";
1527
1299
  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;
1534
- } | {
1300
+ } | import("@webstudio-is/css-engine").ColorValue | {
1535
1301
  type: "rgb";
1536
1302
  r: number;
1537
- alpha: number;
1538
1303
  g: number;
1539
1304
  b: number;
1305
+ alpha: number;
1540
1306
  hidden?: boolean | undefined;
1541
1307
  } | undefined;
1542
1308
  hidden?: boolean | undefined;
@@ -1562,18 +1328,12 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
1562
1328
  value: string;
1563
1329
  type: "unparsed";
1564
1330
  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;
1571
- } | {
1331
+ } | import("@webstudio-is/css-engine").ColorValue | {
1572
1332
  type: "rgb";
1573
1333
  r: number;
1574
- alpha: number;
1575
1334
  g: number;
1576
1335
  b: number;
1336
+ alpha: number;
1577
1337
  hidden?: boolean | undefined;
1578
1338
  } | undefined;
1579
1339
  hidden?: boolean | undefined;
@@ -1688,6 +1448,6 @@ export declare const idAttribute: "data-ws-id";
1688
1448
  export declare const selectorIdAttribute: "data-ws-selector";
1689
1449
  export declare const componentAttribute: "data-ws-component";
1690
1450
  export declare const showAttribute: "data-ws-show";
1691
- export declare const collapsedAttribute: "data-ws-collapsed";
1451
+ export declare const inflatedAttribute: "data-ws-collapsed";
1692
1452
  export declare const textContentAttribute: "data-ws-text-content";
1693
1453
  export declare const isAttributeNameSafe: (attributeName: string) => boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/react-sdk",
3
- "version": "0.254.0",
3
+ "version": "0.257.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.254.0",
17
+ "@webstudio-is/template": "0.257.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/fonts": "0.254.0",
30
- "@webstudio-is/image": "0.254.0",
31
- "@webstudio-is/css-engine": "0.254.0",
32
- "@webstudio-is/sdk": "0.254.0",
33
- "@webstudio-is/icons": "^0.254.0"
29
+ "@webstudio-is/css-engine": "0.257.0",
30
+ "@webstudio-is/icons": "^0.257.0",
31
+ "@webstudio-is/image": "0.257.0",
32
+ "@webstudio-is/fonts": "0.257.0",
33
+ "@webstudio-is/sdk": "0.257.0"
34
34
  },
35
35
  "exports": {
36
36
  ".": {