@webstudio-is/sdk 0.182.0 → 0.189.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 (9) hide show
  1. package/lib/__generated__/normalize.css.js +9 -26
  2. package/lib/index.js +26 -14
  3. package/lib/types/instances-utils.d.ts +1 -0
  4. package/lib/types/resource-loader.d.ts +12 -2
  5. package/lib/types/resource-loader.test.d.ts +1 -0
  6. package/lib/types/schema/styles.d.ts +736 -1502
  7. package/lib/types/schema/webstudio.d.ts +124 -396
  8. package/lib/types/url-pattern.d.ts +1 -1
  9. package/package.json +7 -6
package/lib/types/schema/webstudio.d.ts CHANGED
@@ -823,7 +823,9 @@ export declare const WebstudioFragment: z.ZodObject<{
823
823
  type: "image";
824
824
  hidden?: boolean | undefined;
825
825
  } | {
826
- value: ({
826
+ value: string;
827
+ type: "var";
828
+ fallback?: {
827
829
  value: number;
828
830
  type: "unit";
829
831
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -843,27 +845,7 @@ export declare const WebstudioFragment: z.ZodObject<{
843
845
  g: number;
844
846
  alpha: number;
845
847
  hidden?: boolean | undefined;
846
- } | {
847
- type: "function";
848
- name: string;
849
- args: import("@webstudio-is/css-engine").StyleValue;
850
- hidden?: boolean;
851
- } | {
852
- value: {
853
- value: string;
854
- type: "asset";
855
- } | {
856
- type: "url";
857
- url: string;
858
- };
859
- type: "image";
860
- hidden?: boolean | undefined;
861
- })[];
862
- type: "tuple";
863
- hidden?: boolean | undefined;
864
- } | {
865
- value: string;
866
- type: "invalid";
848
+ } | undefined;
867
849
  hidden?: boolean | undefined;
868
850
  } | {
869
851
  value: ({
@@ -902,7 +884,9 @@ export declare const WebstudioFragment: z.ZodObject<{
902
884
  type: "image";
903
885
  hidden?: boolean | undefined;
904
886
  } | {
905
- value: ({
887
+ value: string;
888
+ type: "var";
889
+ fallback?: {
906
890
  value: number;
907
891
  type: "unit";
908
892
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -922,42 +906,17 @@ export declare const WebstudioFragment: z.ZodObject<{
922
906
  g: number;
923
907
  alpha: number;
924
908
  hidden?: boolean | undefined;
925
- } | {
926
- type: "function";
927
- name: string;
928
- args: import("@webstudio-is/css-engine").StyleValue;
929
- hidden?: boolean;
930
- } | {
931
- value: {
932
- value: string;
933
- type: "asset";
934
- } | {
935
- type: "url";
936
- url: string;
937
- };
938
- type: "image";
939
- hidden?: boolean | undefined;
940
- })[];
941
- type: "tuple";
942
- hidden?: boolean | undefined;
943
- } | {
944
- value: string;
945
- type: "invalid";
909
+ } | undefined;
946
910
  hidden?: boolean | undefined;
947
911
  })[];
948
- type: "layers";
949
- hidden?: boolean | undefined;
950
- } | {
951
- type: "guaranteedInvalid";
912
+ type: "tuple";
952
913
  hidden?: boolean | undefined;
953
914
  } | {
954
- value: "";
955
- type: "unset";
915
+ value: string;
916
+ type: "invalid";
956
917
  hidden?: boolean | undefined;
957
918
  } | {
958
- value: string;
959
- type: "var";
960
- fallbacks: ({
919
+ value: ({
961
920
  value: number;
962
921
  type: "unit";
963
922
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -970,10 +929,6 @@ export declare const WebstudioFragment: z.ZodObject<{
970
929
  value: string;
971
930
  type: "unparsed";
972
931
  hidden?: boolean | undefined;
973
- } | {
974
- value: string[];
975
- type: "fontFamily";
976
- hidden?: boolean | undefined;
977
932
  } | {
978
933
  type: "rgb";
979
934
  b: number;
@@ -997,7 +952,9 @@ export declare const WebstudioFragment: z.ZodObject<{
997
952
  type: "image";
998
953
  hidden?: boolean | undefined;
999
954
  } | {
1000
- value: ({
955
+ value: string;
956
+ type: "var";
957
+ fallback?: {
1001
958
  value: number;
1002
959
  type: "unit";
1003
960
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1017,23 +974,7 @@ export declare const WebstudioFragment: z.ZodObject<{
1017
974
  g: number;
1018
975
  alpha: number;
1019
976
  hidden?: boolean | undefined;
1020
- } | {
1021
- type: "function";
1022
- name: string;
1023
- args: import("@webstudio-is/css-engine").StyleValue;
1024
- hidden?: boolean;
1025
- } | {
1026
- value: {
1027
- value: string;
1028
- type: "asset";
1029
- } | {
1030
- type: "url";
1031
- url: string;
1032
- };
1033
- type: "image";
1034
- hidden?: boolean | undefined;
1035
- })[];
1036
- type: "tuple";
977
+ } | undefined;
1037
978
  hidden?: boolean | undefined;
1038
979
  } | {
1039
980
  value: ({
@@ -1072,7 +1013,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1072
1013
  type: "image";
1073
1014
  hidden?: boolean | undefined;
1074
1015
  } | {
1075
- value: ({
1016
+ value: string;
1017
+ type: "var";
1018
+ fallback?: {
1076
1019
  value: number;
1077
1020
  type: "unit";
1078
1021
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1092,35 +1035,24 @@ export declare const WebstudioFragment: z.ZodObject<{
1092
1035
  g: number;
1093
1036
  alpha: number;
1094
1037
  hidden?: boolean | undefined;
1095
- } | {
1096
- type: "function";
1097
- name: string;
1098
- args: import("@webstudio-is/css-engine").StyleValue;
1099
- hidden?: boolean;
1100
- } | {
1101
- value: {
1102
- value: string;
1103
- type: "asset";
1104
- } | {
1105
- type: "url";
1106
- url: string;
1107
- };
1108
- type: "image";
1109
- hidden?: boolean | undefined;
1110
- })[];
1111
- type: "tuple";
1112
- hidden?: boolean | undefined;
1113
- } | {
1114
- value: string;
1115
- type: "invalid";
1038
+ } | undefined;
1116
1039
  hidden?: boolean | undefined;
1117
1040
  })[];
1118
- type: "layers";
1041
+ type: "tuple";
1119
1042
  hidden?: boolean | undefined;
1120
1043
  } | {
1121
- type: "guaranteedInvalid";
1044
+ value: string;
1045
+ type: "invalid";
1122
1046
  hidden?: boolean | undefined;
1123
1047
  })[];
1048
+ type: "layers";
1049
+ hidden?: boolean | undefined;
1050
+ } | {
1051
+ type: "guaranteedInvalid";
1052
+ hidden?: boolean | undefined;
1053
+ } | {
1054
+ value: "";
1055
+ type: "unset";
1124
1056
  hidden?: boolean | undefined;
1125
1057
  };
1126
1058
  styleSourceId: string;
@@ -1169,7 +1101,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1169
1101
  type: "image";
1170
1102
  hidden?: boolean | undefined;
1171
1103
  } | {
1172
- value: ({
1104
+ value: string;
1105
+ type: "var";
1106
+ fallback?: {
1173
1107
  value: number;
1174
1108
  type: "unit";
1175
1109
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1189,27 +1123,7 @@ export declare const WebstudioFragment: z.ZodObject<{
1189
1123
  g: number;
1190
1124
  alpha: number;
1191
1125
  hidden?: boolean | undefined;
1192
- } | {
1193
- type: "function";
1194
- name: string;
1195
- args: import("@webstudio-is/css-engine").StyleValue;
1196
- hidden?: boolean;
1197
- } | {
1198
- value: {
1199
- value: string;
1200
- type: "asset";
1201
- } | {
1202
- type: "url";
1203
- url: string;
1204
- };
1205
- type: "image";
1206
- hidden?: boolean | undefined;
1207
- })[];
1208
- type: "tuple";
1209
- hidden?: boolean | undefined;
1210
- } | {
1211
- value: string;
1212
- type: "invalid";
1126
+ } | undefined;
1213
1127
  hidden?: boolean | undefined;
1214
1128
  } | {
1215
1129
  value: ({
@@ -1248,7 +1162,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1248
1162
  type: "image";
1249
1163
  hidden?: boolean | undefined;
1250
1164
  } | {
1251
- value: ({
1165
+ value: string;
1166
+ type: "var";
1167
+ fallback?: {
1252
1168
  value: number;
1253
1169
  type: "unit";
1254
1170
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1268,42 +1184,17 @@ export declare const WebstudioFragment: z.ZodObject<{
1268
1184
  g: number;
1269
1185
  alpha: number;
1270
1186
  hidden?: boolean | undefined;
1271
- } | {
1272
- type: "function";
1273
- name: string;
1274
- args: import("@webstudio-is/css-engine").StyleValue;
1275
- hidden?: boolean;
1276
- } | {
1277
- value: {
1278
- value: string;
1279
- type: "asset";
1280
- } | {
1281
- type: "url";
1282
- url: string;
1283
- };
1284
- type: "image";
1285
- hidden?: boolean | undefined;
1286
- })[];
1287
- type: "tuple";
1288
- hidden?: boolean | undefined;
1289
- } | {
1290
- value: string;
1291
- type: "invalid";
1187
+ } | undefined;
1292
1188
  hidden?: boolean | undefined;
1293
1189
  })[];
1294
- type: "layers";
1295
- hidden?: boolean | undefined;
1296
- } | {
1297
- type: "guaranteedInvalid";
1190
+ type: "tuple";
1298
1191
  hidden?: boolean | undefined;
1299
1192
  } | {
1300
- value: "";
1301
- type: "unset";
1193
+ value: string;
1194
+ type: "invalid";
1302
1195
  hidden?: boolean | undefined;
1303
1196
  } | {
1304
- value: string;
1305
- type: "var";
1306
- fallbacks: ({
1197
+ value: ({
1307
1198
  value: number;
1308
1199
  type: "unit";
1309
1200
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1316,10 +1207,6 @@ export declare const WebstudioFragment: z.ZodObject<{
1316
1207
  value: string;
1317
1208
  type: "unparsed";
1318
1209
  hidden?: boolean | undefined;
1319
- } | {
1320
- value: string[];
1321
- type: "fontFamily";
1322
- hidden?: boolean | undefined;
1323
1210
  } | {
1324
1211
  type: "rgb";
1325
1212
  b: number;
@@ -1343,7 +1230,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1343
1230
  type: "image";
1344
1231
  hidden?: boolean | undefined;
1345
1232
  } | {
1346
- value: ({
1233
+ value: string;
1234
+ type: "var";
1235
+ fallback?: {
1347
1236
  value: number;
1348
1237
  type: "unit";
1349
1238
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1363,23 +1252,7 @@ export declare const WebstudioFragment: z.ZodObject<{
1363
1252
  g: number;
1364
1253
  alpha: number;
1365
1254
  hidden?: boolean | undefined;
1366
- } | {
1367
- type: "function";
1368
- name: string;
1369
- args: import("@webstudio-is/css-engine").StyleValue;
1370
- hidden?: boolean;
1371
- } | {
1372
- value: {
1373
- value: string;
1374
- type: "asset";
1375
- } | {
1376
- type: "url";
1377
- url: string;
1378
- };
1379
- type: "image";
1380
- hidden?: boolean | undefined;
1381
- })[];
1382
- type: "tuple";
1255
+ } | undefined;
1383
1256
  hidden?: boolean | undefined;
1384
1257
  } | {
1385
1258
  value: ({
@@ -1418,7 +1291,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1418
1291
  type: "image";
1419
1292
  hidden?: boolean | undefined;
1420
1293
  } | {
1421
- value: ({
1294
+ value: string;
1295
+ type: "var";
1296
+ fallback?: {
1422
1297
  value: number;
1423
1298
  type: "unit";
1424
1299
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1438,35 +1313,24 @@ export declare const WebstudioFragment: z.ZodObject<{
1438
1313
  g: number;
1439
1314
  alpha: number;
1440
1315
  hidden?: boolean | undefined;
1441
- } | {
1442
- type: "function";
1443
- name: string;
1444
- args: import("@webstudio-is/css-engine").StyleValue;
1445
- hidden?: boolean;
1446
- } | {
1447
- value: {
1448
- value: string;
1449
- type: "asset";
1450
- } | {
1451
- type: "url";
1452
- url: string;
1453
- };
1454
- type: "image";
1455
- hidden?: boolean | undefined;
1456
- })[];
1457
- type: "tuple";
1458
- hidden?: boolean | undefined;
1459
- } | {
1460
- value: string;
1461
- type: "invalid";
1316
+ } | undefined;
1462
1317
  hidden?: boolean | undefined;
1463
1318
  })[];
1464
- type: "layers";
1319
+ type: "tuple";
1465
1320
  hidden?: boolean | undefined;
1466
1321
  } | {
1467
- type: "guaranteedInvalid";
1322
+ value: string;
1323
+ type: "invalid";
1468
1324
  hidden?: boolean | undefined;
1469
1325
  })[];
1326
+ type: "layers";
1327
+ hidden?: boolean | undefined;
1328
+ } | {
1329
+ type: "guaranteedInvalid";
1330
+ hidden?: boolean | undefined;
1331
+ } | {
1332
+ value: "";
1333
+ type: "unset";
1470
1334
  hidden?: boolean | undefined;
1471
1335
  };
1472
1336
  styleSourceId: string;
@@ -1744,7 +1608,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1744
1608
  type: "image";
1745
1609
  hidden?: boolean | undefined;
1746
1610
  } | {
1747
- value: ({
1611
+ value: string;
1612
+ type: "var";
1613
+ fallback?: {
1748
1614
  value: number;
1749
1615
  type: "unit";
1750
1616
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1764,27 +1630,7 @@ export declare const WebstudioFragment: z.ZodObject<{
1764
1630
  g: number;
1765
1631
  alpha: number;
1766
1632
  hidden?: boolean | undefined;
1767
- } | {
1768
- type: "function";
1769
- name: string;
1770
- args: import("@webstudio-is/css-engine").StyleValue;
1771
- hidden?: boolean;
1772
- } | {
1773
- value: {
1774
- value: string;
1775
- type: "asset";
1776
- } | {
1777
- type: "url";
1778
- url: string;
1779
- };
1780
- type: "image";
1781
- hidden?: boolean | undefined;
1782
- })[];
1783
- type: "tuple";
1784
- hidden?: boolean | undefined;
1785
- } | {
1786
- value: string;
1787
- type: "invalid";
1633
+ } | undefined;
1788
1634
  hidden?: boolean | undefined;
1789
1635
  } | {
1790
1636
  value: ({
@@ -1823,7 +1669,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1823
1669
  type: "image";
1824
1670
  hidden?: boolean | undefined;
1825
1671
  } | {
1826
- value: ({
1672
+ value: string;
1673
+ type: "var";
1674
+ fallback?: {
1827
1675
  value: number;
1828
1676
  type: "unit";
1829
1677
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1843,42 +1691,17 @@ export declare const WebstudioFragment: z.ZodObject<{
1843
1691
  g: number;
1844
1692
  alpha: number;
1845
1693
  hidden?: boolean | undefined;
1846
- } | {
1847
- type: "function";
1848
- name: string;
1849
- args: import("@webstudio-is/css-engine").StyleValue;
1850
- hidden?: boolean;
1851
- } | {
1852
- value: {
1853
- value: string;
1854
- type: "asset";
1855
- } | {
1856
- type: "url";
1857
- url: string;
1858
- };
1859
- type: "image";
1860
- hidden?: boolean | undefined;
1861
- })[];
1862
- type: "tuple";
1863
- hidden?: boolean | undefined;
1864
- } | {
1865
- value: string;
1866
- type: "invalid";
1694
+ } | undefined;
1867
1695
  hidden?: boolean | undefined;
1868
1696
  })[];
1869
- type: "layers";
1870
- hidden?: boolean | undefined;
1871
- } | {
1872
- type: "guaranteedInvalid";
1697
+ type: "tuple";
1873
1698
  hidden?: boolean | undefined;
1874
1699
  } | {
1875
- value: "";
1876
- type: "unset";
1700
+ value: string;
1701
+ type: "invalid";
1877
1702
  hidden?: boolean | undefined;
1878
1703
  } | {
1879
- value: string;
1880
- type: "var";
1881
- fallbacks: ({
1704
+ value: ({
1882
1705
  value: number;
1883
1706
  type: "unit";
1884
1707
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1891,10 +1714,6 @@ export declare const WebstudioFragment: z.ZodObject<{
1891
1714
  value: string;
1892
1715
  type: "unparsed";
1893
1716
  hidden?: boolean | undefined;
1894
- } | {
1895
- value: string[];
1896
- type: "fontFamily";
1897
- hidden?: boolean | undefined;
1898
1717
  } | {
1899
1718
  type: "rgb";
1900
1719
  b: number;
@@ -1918,7 +1737,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1918
1737
  type: "image";
1919
1738
  hidden?: boolean | undefined;
1920
1739
  } | {
1921
- value: ({
1740
+ value: string;
1741
+ type: "var";
1742
+ fallback?: {
1922
1743
  value: number;
1923
1744
  type: "unit";
1924
1745
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -1938,23 +1759,7 @@ export declare const WebstudioFragment: z.ZodObject<{
1938
1759
  g: number;
1939
1760
  alpha: number;
1940
1761
  hidden?: boolean | undefined;
1941
- } | {
1942
- type: "function";
1943
- name: string;
1944
- args: import("@webstudio-is/css-engine").StyleValue;
1945
- hidden?: boolean;
1946
- } | {
1947
- value: {
1948
- value: string;
1949
- type: "asset";
1950
- } | {
1951
- type: "url";
1952
- url: string;
1953
- };
1954
- type: "image";
1955
- hidden?: boolean | undefined;
1956
- })[];
1957
- type: "tuple";
1762
+ } | undefined;
1958
1763
  hidden?: boolean | undefined;
1959
1764
  } | {
1960
1765
  value: ({
@@ -1993,7 +1798,9 @@ export declare const WebstudioFragment: z.ZodObject<{
1993
1798
  type: "image";
1994
1799
  hidden?: boolean | undefined;
1995
1800
  } | {
1996
- value: ({
1801
+ value: string;
1802
+ type: "var";
1803
+ fallback?: {
1997
1804
  value: number;
1998
1805
  type: "unit";
1999
1806
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2013,35 +1820,24 @@ export declare const WebstudioFragment: z.ZodObject<{
2013
1820
  g: number;
2014
1821
  alpha: number;
2015
1822
  hidden?: boolean | undefined;
2016
- } | {
2017
- type: "function";
2018
- name: string;
2019
- args: import("@webstudio-is/css-engine").StyleValue;
2020
- hidden?: boolean;
2021
- } | {
2022
- value: {
2023
- value: string;
2024
- type: "asset";
2025
- } | {
2026
- type: "url";
2027
- url: string;
2028
- };
2029
- type: "image";
2030
- hidden?: boolean | undefined;
2031
- })[];
2032
- type: "tuple";
2033
- hidden?: boolean | undefined;
2034
- } | {
2035
- value: string;
2036
- type: "invalid";
1823
+ } | undefined;
2037
1824
  hidden?: boolean | undefined;
2038
1825
  })[];
2039
- type: "layers";
1826
+ type: "tuple";
2040
1827
  hidden?: boolean | undefined;
2041
1828
  } | {
2042
- type: "guaranteedInvalid";
1829
+ value: string;
1830
+ type: "invalid";
2043
1831
  hidden?: boolean | undefined;
2044
1832
  })[];
1833
+ type: "layers";
1834
+ hidden?: boolean | undefined;
1835
+ } | {
1836
+ type: "guaranteedInvalid";
1837
+ hidden?: boolean | undefined;
1838
+ } | {
1839
+ value: "";
1840
+ type: "unset";
2045
1841
  hidden?: boolean | undefined;
2046
1842
  };
2047
1843
  styleSourceId: string;
@@ -2319,7 +2115,9 @@ export declare const WebstudioFragment: z.ZodObject<{
2319
2115
  type: "image";
2320
2116
  hidden?: boolean | undefined;
2321
2117
  } | {
2322
- value: ({
2118
+ value: string;
2119
+ type: "var";
2120
+ fallback?: {
2323
2121
  value: number;
2324
2122
  type: "unit";
2325
2123
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2339,27 +2137,7 @@ export declare const WebstudioFragment: z.ZodObject<{
2339
2137
  g: number;
2340
2138
  alpha: number;
2341
2139
  hidden?: boolean | undefined;
2342
- } | {
2343
- type: "function";
2344
- name: string;
2345
- args: import("@webstudio-is/css-engine").StyleValue;
2346
- hidden?: boolean;
2347
- } | {
2348
- value: {
2349
- value: string;
2350
- type: "asset";
2351
- } | {
2352
- type: "url";
2353
- url: string;
2354
- };
2355
- type: "image";
2356
- hidden?: boolean | undefined;
2357
- })[];
2358
- type: "tuple";
2359
- hidden?: boolean | undefined;
2360
- } | {
2361
- value: string;
2362
- type: "invalid";
2140
+ } | undefined;
2363
2141
  hidden?: boolean | undefined;
2364
2142
  } | {
2365
2143
  value: ({
@@ -2398,7 +2176,9 @@ export declare const WebstudioFragment: z.ZodObject<{
2398
2176
  type: "image";
2399
2177
  hidden?: boolean | undefined;
2400
2178
  } | {
2401
- value: ({
2179
+ value: string;
2180
+ type: "var";
2181
+ fallback?: {
2402
2182
  value: number;
2403
2183
  type: "unit";
2404
2184
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2418,42 +2198,17 @@ export declare const WebstudioFragment: z.ZodObject<{
2418
2198
  g: number;
2419
2199
  alpha: number;
2420
2200
  hidden?: boolean | undefined;
2421
- } | {
2422
- type: "function";
2423
- name: string;
2424
- args: import("@webstudio-is/css-engine").StyleValue;
2425
- hidden?: boolean;
2426
- } | {
2427
- value: {
2428
- value: string;
2429
- type: "asset";
2430
- } | {
2431
- type: "url";
2432
- url: string;
2433
- };
2434
- type: "image";
2435
- hidden?: boolean | undefined;
2436
- })[];
2437
- type: "tuple";
2438
- hidden?: boolean | undefined;
2439
- } | {
2440
- value: string;
2441
- type: "invalid";
2201
+ } | undefined;
2442
2202
  hidden?: boolean | undefined;
2443
2203
  })[];
2444
- type: "layers";
2445
- hidden?: boolean | undefined;
2446
- } | {
2447
- type: "guaranteedInvalid";
2204
+ type: "tuple";
2448
2205
  hidden?: boolean | undefined;
2449
2206
  } | {
2450
- value: "";
2451
- type: "unset";
2207
+ value: string;
2208
+ type: "invalid";
2452
2209
  hidden?: boolean | undefined;
2453
2210
  } | {
2454
- value: string;
2455
- type: "var";
2456
- fallbacks: ({
2211
+ value: ({
2457
2212
  value: number;
2458
2213
  type: "unit";
2459
2214
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2466,10 +2221,6 @@ export declare const WebstudioFragment: z.ZodObject<{
2466
2221
  value: string;
2467
2222
  type: "unparsed";
2468
2223
  hidden?: boolean | undefined;
2469
- } | {
2470
- value: string[];
2471
- type: "fontFamily";
2472
- hidden?: boolean | undefined;
2473
2224
  } | {
2474
2225
  type: "rgb";
2475
2226
  b: number;
@@ -2493,7 +2244,9 @@ export declare const WebstudioFragment: z.ZodObject<{
2493
2244
  type: "image";
2494
2245
  hidden?: boolean | undefined;
2495
2246
  } | {
2496
- value: ({
2247
+ value: string;
2248
+ type: "var";
2249
+ fallback?: {
2497
2250
  value: number;
2498
2251
  type: "unit";
2499
2252
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2513,23 +2266,7 @@ export declare const WebstudioFragment: z.ZodObject<{
2513
2266
  g: number;
2514
2267
  alpha: number;
2515
2268
  hidden?: boolean | undefined;
2516
- } | {
2517
- type: "function";
2518
- name: string;
2519
- args: import("@webstudio-is/css-engine").StyleValue;
2520
- hidden?: boolean;
2521
- } | {
2522
- value: {
2523
- value: string;
2524
- type: "asset";
2525
- } | {
2526
- type: "url";
2527
- url: string;
2528
- };
2529
- type: "image";
2530
- hidden?: boolean | undefined;
2531
- })[];
2532
- type: "tuple";
2269
+ } | undefined;
2533
2270
  hidden?: boolean | undefined;
2534
2271
  } | {
2535
2272
  value: ({
@@ -2568,7 +2305,9 @@ export declare const WebstudioFragment: z.ZodObject<{
2568
2305
  type: "image";
2569
2306
  hidden?: boolean | undefined;
2570
2307
  } | {
2571
- value: ({
2308
+ value: string;
2309
+ type: "var";
2310
+ fallback?: {
2572
2311
  value: number;
2573
2312
  type: "unit";
2574
2313
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
@@ -2588,35 +2327,24 @@ export declare const WebstudioFragment: z.ZodObject<{
2588
2327
  g: number;
2589
2328
  alpha: number;
2590
2329
  hidden?: boolean | undefined;
2591
- } | {
2592
- type: "function";
2593
- name: string;
2594
- args: import("@webstudio-is/css-engine").StyleValue;
2595
- hidden?: boolean;
2596
- } | {
2597
- value: {
2598
- value: string;
2599
- type: "asset";
2600
- } | {
2601
- type: "url";
2602
- url: string;
2603
- };
2604
- type: "image";
2605
- hidden?: boolean | undefined;
2606
- })[];
2607
- type: "tuple";
2608
- hidden?: boolean | undefined;
2609
- } | {
2610
- value: string;
2611
- type: "invalid";
2330
+ } | undefined;
2612
2331
  hidden?: boolean | undefined;
2613
2332
  })[];
2614
- type: "layers";
2333
+ type: "tuple";
2615
2334
  hidden?: boolean | undefined;
2616
2335
  } | {
2617
- type: "guaranteedInvalid";
2336
+ value: string;
2337
+ type: "invalid";
2618
2338
  hidden?: boolean | undefined;
2619
2339
  })[];
2340
+ type: "layers";
2341
+ hidden?: boolean | undefined;
2342
+ } | {
2343
+ type: "guaranteedInvalid";
2344
+ hidden?: boolean | undefined;
2345
+ } | {
2346
+ value: "";
2347
+ type: "unset";
2620
2348
  hidden?: boolean | undefined;
2621
2349
  };
2622
2350
  styleSourceId: string;