@symbo.ls/scratch 2.11.212 → 2.11.216

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 (34) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/defaultConfig/index.js +4 -0
  3. package/dist/cjs/defaultConfig/shadow.js +26 -0
  4. package/dist/cjs/factory.js +30 -26
  5. package/dist/cjs/index.js +169 -75
  6. package/dist/cjs/set.js +209 -49
  7. package/dist/cjs/system/color.js +37 -28
  8. package/dist/cjs/system/document.js +30 -26
  9. package/dist/cjs/system/font.js +30 -26
  10. package/dist/cjs/system/index.js +155 -55
  11. package/dist/cjs/system/reset.js +30 -26
  12. package/dist/cjs/system/shadow.js +1944 -0
  13. package/dist/cjs/system/spacing.js +44 -38
  14. package/dist/cjs/system/svg.js +30 -26
  15. package/dist/cjs/system/theme.js +30 -26
  16. package/dist/cjs/system/timing.js +44 -38
  17. package/dist/cjs/system/typography.js +44 -38
  18. package/dist/cjs/transforms/index.js +104 -64
  19. package/dist/cjs/utils/color.js +26 -26
  20. package/dist/cjs/utils/index.js +44 -38
  21. package/dist/cjs/utils/sequence.js +40 -34
  22. package/dist/cjs/utils/sprite.js +30 -26
  23. package/dist/cjs/utils/var.js +34 -30
  24. package/package.json +2 -2
  25. package/src/defaultConfig/color.js +1 -2
  26. package/src/defaultConfig/index.js +1 -0
  27. package/src/defaultConfig/shadow.js +8 -0
  28. package/src/set.js +3 -1
  29. package/src/system/color.js +7 -1
  30. package/src/system/index.js +1 -0
  31. package/src/system/shadow.js +99 -0
  32. package/src/transforms/index.js +6 -11
  33. package/src/utils/sequence.js +12 -8
  34. package/src/utils/var.js +4 -4
package/dist/cjs/utils/index.js CHANGED
@@ -66,9 +66,9 @@ var require_cjs = __commonJS({
66
66
  }
67
67
  });
68
68
 
69
- // ../../../domql/packages/utils/dist/cjs/key.js
69
+ // ../../node_modules/@domql/utils/dist/cjs/key.js
70
70
  var require_key = __commonJS({
71
- "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
71
+ "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
72
72
  "use strict";
73
73
  var __defProp2 = Object.defineProperty;
74
74
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -105,9 +105,9 @@ var require_key = __commonJS({
105
105
  }
106
106
  });
107
107
 
108
- // ../../../domql/packages/utils/dist/cjs/env.js
108
+ // ../../node_modules/@domql/utils/dist/cjs/env.js
109
109
  var require_env = __commonJS({
110
- "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
110
+ "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
111
111
  "use strict";
112
112
  var __defProp2 = Object.defineProperty;
113
113
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -143,9 +143,9 @@ var require_env = __commonJS({
143
143
  }
144
144
  });
145
145
 
146
- // ../../../domql/packages/utils/dist/cjs/globals.js
146
+ // ../../node_modules/@domql/utils/dist/cjs/globals.js
147
147
  var require_globals = __commonJS({
148
- "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
148
+ "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
149
149
  "use strict";
150
150
  var __defProp2 = Object.defineProperty;
151
151
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -179,9 +179,9 @@ var require_globals = __commonJS({
179
179
  }
180
180
  });
181
181
 
182
- // ../../../domql/packages/utils/dist/cjs/node.js
182
+ // ../../node_modules/@domql/utils/dist/cjs/node.js
183
183
  var require_node = __commonJS({
184
- "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
184
+ "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
185
185
  "use strict";
186
186
  var __defProp2 = Object.defineProperty;
187
187
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -216,9 +216,9 @@ var require_node = __commonJS({
216
216
  }
217
217
  });
218
218
 
219
- // ../../../domql/packages/utils/dist/cjs/types.js
219
+ // ../../node_modules/@domql/utils/dist/cjs/types.js
220
220
  var require_types = __commonJS({
221
- "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
221
+ "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
222
222
  "use strict";
223
223
  var __defProp2 = Object.defineProperty;
224
224
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -303,9 +303,9 @@ var require_types = __commonJS({
303
303
  }
304
304
  });
305
305
 
306
- // ../../../domql/packages/utils/dist/cjs/array.js
306
+ // ../../node_modules/@domql/utils/dist/cjs/array.js
307
307
  var require_array = __commonJS({
308
- "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
308
+ "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
309
309
  "use strict";
310
310
  var __defProp2 = Object.defineProperty;
311
311
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -402,9 +402,9 @@ var require_array = __commonJS({
402
402
  }
403
403
  });
404
404
 
405
- // ../../../domql/packages/utils/dist/cjs/string.js
405
+ // ../../node_modules/@domql/utils/dist/cjs/string.js
406
406
  var require_string = __commonJS({
407
- "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
407
+ "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
408
408
  "use strict";
409
409
  var __defProp2 = Object.defineProperty;
410
410
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -462,9 +462,9 @@ var require_string = __commonJS({
462
462
  }
463
463
  });
464
464
 
465
- // ../../../domql/packages/utils/dist/cjs/object.js
465
+ // ../../node_modules/@domql/utils/dist/cjs/object.js
466
466
  var require_object = __commonJS({
467
- "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
467
+ "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
468
468
  "use strict";
469
469
  var __defProp2 = Object.defineProperty;
470
470
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -914,9 +914,9 @@ var require_object = __commonJS({
914
914
  }
915
915
  });
916
916
 
917
- // ../../../domql/packages/utils/dist/cjs/function.js
917
+ // ../../node_modules/@domql/utils/dist/cjs/function.js
918
918
  var require_function = __commonJS({
919
- "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
919
+ "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
920
920
  "use strict";
921
921
  var __defProp2 = Object.defineProperty;
922
922
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -989,9 +989,9 @@ var require_function = __commonJS({
989
989
  }
990
990
  });
991
991
 
992
- // ../../../domql/packages/utils/dist/cjs/log.js
992
+ // ../../node_modules/@domql/utils/dist/cjs/log.js
993
993
  var require_log = __commonJS({
994
- "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
994
+ "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
995
995
  "use strict";
996
996
  var __defProp2 = Object.defineProperty;
997
997
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1030,9 +1030,9 @@ var require_log = __commonJS({
1030
1030
  }
1031
1031
  });
1032
1032
 
1033
- // ../../../domql/packages/utils/dist/cjs/cookie.js
1033
+ // ../../node_modules/@domql/utils/dist/cjs/cookie.js
1034
1034
  var require_cookie = __commonJS({
1035
- "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
1035
+ "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
1036
1036
  "use strict";
1037
1037
  var __defProp2 = Object.defineProperty;
1038
1038
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1086,9 +1086,9 @@ var require_cookie = __commonJS({
1086
1086
  }
1087
1087
  });
1088
1088
 
1089
- // ../../../domql/packages/utils/dist/cjs/tags.js
1089
+ // ../../node_modules/@domql/utils/dist/cjs/tags.js
1090
1090
  var require_tags = __commonJS({
1091
- "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
1091
+ "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
1092
1092
  "use strict";
1093
1093
  var __defProp2 = Object.defineProperty;
1094
1094
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1251,9 +1251,9 @@ var require_tags = __commonJS({
1251
1251
  }
1252
1252
  });
1253
1253
 
1254
- // ../../../domql/packages/utils/dist/cjs/index.js
1254
+ // ../../node_modules/@domql/utils/dist/cjs/index.js
1255
1255
  var require_cjs2 = __commonJS({
1256
- "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
1256
+ "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
1257
1257
  "use strict";
1258
1258
  var __defProp2 = Object.defineProperty;
1259
1259
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1561,6 +1561,7 @@ __export(defaultConfig_exports, {
1561
1561
  MEDIA: () => MEDIA,
1562
1562
  RESET: () => RESET,
1563
1563
  SEQUENCE: () => SEQUENCE,
1564
+ SHADOW: () => SHADOW,
1564
1565
  SPACING: () => SPACING,
1565
1566
  SVG: () => SVG,
1566
1567
  SVG_DATA: () => SVG_DATA,
@@ -1683,6 +1684,9 @@ var GRADIENT = {};
1683
1684
  // src/defaultConfig/theme.js
1684
1685
  var THEME = {};
1685
1686
 
1687
+ // src/defaultConfig/shadow.js
1688
+ var SHADOW = {};
1689
+
1686
1690
  // src/defaultConfig/icons.js
1687
1691
  var ICONS = {};
1688
1692
 
@@ -1881,19 +1885,21 @@ var getSequenceValue = (value = "A", sequenceProps) => {
1881
1885
  const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
1882
1886
  let absValue = isNegative ? letterVal.slice(1) : letterVal;
1883
1887
  let mediaName = "";
1884
- if (absValue.includes("-")) {
1885
- mediaName = "-" + absValue.split("-")[1].toLowerCase();
1886
- absValue = absValue.split("-")[0];
1888
+ if (absValue.includes("_")) {
1889
+ mediaName = "_" + absValue.split("_")[1].toLowerCase();
1890
+ absValue = absValue.split("_")[0];
1887
1891
  }
1888
- const varValue = (v) => `var(${prefix}${v}${mediaName})`;
1892
+ const varValue = (v) => startsWithDashOrLetterRegex.test(v) ? `var(${prefix}${v}${mediaName})` : v;
1889
1893
  if (absValue.includes("+")) {
1890
- const args = absValue.split("+");
1891
- const [first, second] = args;
1894
+ const [first, second] = absValue.split("+");
1892
1895
  const joint = `${varValue(first)} + ${varValue(second)}`;
1893
1896
  return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
1897
+ } else if (absValue.includes("*")) {
1898
+ const [first, second] = absValue.split("*");
1899
+ const joint = `${varValue(first)} * ${varValue(second)}`;
1900
+ return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
1894
1901
  } else if (absValue.includes("-")) {
1895
- const args = absValue.split("-");
1896
- const [first, second] = args;
1902
+ const [first, second] = absValue.split("-");
1897
1903
  const joint = `${varValue(first)} - ${varValue(second)}`;
1898
1904
  return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
1899
1905
  }
@@ -1959,14 +1965,14 @@ var applySequenceVars = (props, mediaName, options = {}) => {
1959
1965
  let underMediaQuery = CSS_VARS2[`@media ${query}`];
1960
1966
  if (!underMediaQuery)
1961
1967
  underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
1962
- underMediaQuery[item.variable] = `var(${item.variable + "-" + mediaName})`;
1963
- CSS_VARS2[item.variable + "-" + mediaName] = value;
1968
+ underMediaQuery[item.variable] = `var(${item.variable + "_" + mediaName})`;
1969
+ CSS_VARS2[item.variable + "_" + mediaName] = value;
1964
1970
  } else {
1965
1971
  if (options.useDefault === false) {
1966
1972
  CSS_VARS2[item.variable] = value;
1967
1973
  } else {
1968
- CSS_VARS2[item.variable + "-default"] = value;
1969
- CSS_VARS2[item.variable] = `var(${item.variable + "-default"})`;
1974
+ CSS_VARS2[item.variable + "_default"] = value;
1975
+ CSS_VARS2[item.variable] = `var(${item.variable + "_default"})`;
1970
1976
  }
1971
1977
  }
1972
1978
  }
package/dist/cjs/utils/sequence.js CHANGED
@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
30
30
  ));
31
31
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
32
32
 
33
- // ../../../domql/packages/utils/dist/cjs/key.js
33
+ // ../../node_modules/@domql/utils/dist/cjs/key.js
34
34
  var require_key = __commonJS({
35
- "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
35
+ "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
36
36
  "use strict";
37
37
  var __defProp2 = Object.defineProperty;
38
38
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -69,9 +69,9 @@ var require_key = __commonJS({
69
69
  }
70
70
  });
71
71
 
72
- // ../../../domql/packages/utils/dist/cjs/env.js
72
+ // ../../node_modules/@domql/utils/dist/cjs/env.js
73
73
  var require_env = __commonJS({
74
- "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
74
+ "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
75
75
  "use strict";
76
76
  var __defProp2 = Object.defineProperty;
77
77
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -107,9 +107,9 @@ var require_env = __commonJS({
107
107
  }
108
108
  });
109
109
 
110
- // ../../../domql/packages/utils/dist/cjs/globals.js
110
+ // ../../node_modules/@domql/utils/dist/cjs/globals.js
111
111
  var require_globals = __commonJS({
112
- "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
112
+ "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
113
113
  "use strict";
114
114
  var __defProp2 = Object.defineProperty;
115
115
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -143,9 +143,9 @@ var require_globals = __commonJS({
143
143
  }
144
144
  });
145
145
 
146
- // ../../../domql/packages/utils/dist/cjs/node.js
146
+ // ../../node_modules/@domql/utils/dist/cjs/node.js
147
147
  var require_node = __commonJS({
148
- "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
148
+ "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
149
149
  "use strict";
150
150
  var __defProp2 = Object.defineProperty;
151
151
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -180,9 +180,9 @@ var require_node = __commonJS({
180
180
  }
181
181
  });
182
182
 
183
- // ../../../domql/packages/utils/dist/cjs/types.js
183
+ // ../../node_modules/@domql/utils/dist/cjs/types.js
184
184
  var require_types = __commonJS({
185
- "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
185
+ "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
186
186
  "use strict";
187
187
  var __defProp2 = Object.defineProperty;
188
188
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -267,9 +267,9 @@ var require_types = __commonJS({
267
267
  }
268
268
  });
269
269
 
270
- // ../../../domql/packages/utils/dist/cjs/array.js
270
+ // ../../node_modules/@domql/utils/dist/cjs/array.js
271
271
  var require_array = __commonJS({
272
- "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
272
+ "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
273
273
  "use strict";
274
274
  var __defProp2 = Object.defineProperty;
275
275
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -366,9 +366,9 @@ var require_array = __commonJS({
366
366
  }
367
367
  });
368
368
 
369
- // ../../../domql/packages/utils/dist/cjs/string.js
369
+ // ../../node_modules/@domql/utils/dist/cjs/string.js
370
370
  var require_string = __commonJS({
371
- "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
371
+ "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
372
372
  "use strict";
373
373
  var __defProp2 = Object.defineProperty;
374
374
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -426,9 +426,9 @@ var require_string = __commonJS({
426
426
  }
427
427
  });
428
428
 
429
- // ../../../domql/packages/utils/dist/cjs/object.js
429
+ // ../../node_modules/@domql/utils/dist/cjs/object.js
430
430
  var require_object = __commonJS({
431
- "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
431
+ "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
432
432
  "use strict";
433
433
  var __defProp2 = Object.defineProperty;
434
434
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -878,9 +878,9 @@ var require_object = __commonJS({
878
878
  }
879
879
  });
880
880
 
881
- // ../../../domql/packages/utils/dist/cjs/function.js
881
+ // ../../node_modules/@domql/utils/dist/cjs/function.js
882
882
  var require_function = __commonJS({
883
- "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
883
+ "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
884
884
  "use strict";
885
885
  var __defProp2 = Object.defineProperty;
886
886
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -953,9 +953,9 @@ var require_function = __commonJS({
953
953
  }
954
954
  });
955
955
 
956
- // ../../../domql/packages/utils/dist/cjs/log.js
956
+ // ../../node_modules/@domql/utils/dist/cjs/log.js
957
957
  var require_log = __commonJS({
958
- "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
958
+ "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
959
959
  "use strict";
960
960
  var __defProp2 = Object.defineProperty;
961
961
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -994,9 +994,9 @@ var require_log = __commonJS({
994
994
  }
995
995
  });
996
996
 
997
- // ../../../domql/packages/utils/dist/cjs/cookie.js
997
+ // ../../node_modules/@domql/utils/dist/cjs/cookie.js
998
998
  var require_cookie = __commonJS({
999
- "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
999
+ "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
1000
1000
  "use strict";
1001
1001
  var __defProp2 = Object.defineProperty;
1002
1002
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1050,9 +1050,9 @@ var require_cookie = __commonJS({
1050
1050
  }
1051
1051
  });
1052
1052
 
1053
- // ../../../domql/packages/utils/dist/cjs/tags.js
1053
+ // ../../node_modules/@domql/utils/dist/cjs/tags.js
1054
1054
  var require_tags = __commonJS({
1055
- "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
1055
+ "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
1056
1056
  "use strict";
1057
1057
  var __defProp2 = Object.defineProperty;
1058
1058
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1215,9 +1215,9 @@ var require_tags = __commonJS({
1215
1215
  }
1216
1216
  });
1217
1217
 
1218
- // ../../../domql/packages/utils/dist/cjs/index.js
1218
+ // ../../node_modules/@domql/utils/dist/cjs/index.js
1219
1219
  var require_cjs = __commonJS({
1220
- "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
1220
+ "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
1221
1221
  "use strict";
1222
1222
  var __defProp2 = Object.defineProperty;
1223
1223
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1294,6 +1294,7 @@ __export(defaultConfig_exports, {
1294
1294
  MEDIA: () => MEDIA,
1295
1295
  RESET: () => RESET,
1296
1296
  SEQUENCE: () => SEQUENCE,
1297
+ SHADOW: () => SHADOW,
1297
1298
  SPACING: () => SPACING,
1298
1299
  SVG: () => SVG,
1299
1300
  SVG_DATA: () => SVG_DATA,
@@ -1416,6 +1417,9 @@ var GRADIENT = {};
1416
1417
  // src/defaultConfig/theme.js
1417
1418
  var THEME = {};
1418
1419
 
1420
+ // src/defaultConfig/shadow.js
1421
+ var SHADOW = {};
1422
+
1419
1423
  // src/defaultConfig/icons.js
1420
1424
  var ICONS = {};
1421
1425
 
@@ -1614,19 +1618,21 @@ var getSequenceValue = (value = "A", sequenceProps) => {
1614
1618
  const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
1615
1619
  let absValue = isNegative ? letterVal.slice(1) : letterVal;
1616
1620
  let mediaName = "";
1617
- if (absValue.includes("-")) {
1618
- mediaName = "-" + absValue.split("-")[1].toLowerCase();
1619
- absValue = absValue.split("-")[0];
1621
+ if (absValue.includes("_")) {
1622
+ mediaName = "_" + absValue.split("_")[1].toLowerCase();
1623
+ absValue = absValue.split("_")[0];
1620
1624
  }
1621
- const varValue = (v) => `var(${prefix}${v}${mediaName})`;
1625
+ const varValue = (v) => startsWithDashOrLetterRegex.test(v) ? `var(${prefix}${v}${mediaName})` : v;
1622
1626
  if (absValue.includes("+")) {
1623
- const args = absValue.split("+");
1624
- const [first, second] = args;
1627
+ const [first, second] = absValue.split("+");
1625
1628
  const joint = `${varValue(first)} + ${varValue(second)}`;
1626
1629
  return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
1630
+ } else if (absValue.includes("*")) {
1631
+ const [first, second] = absValue.split("*");
1632
+ const joint = `${varValue(first)} * ${varValue(second)}`;
1633
+ return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
1627
1634
  } else if (absValue.includes("-")) {
1628
- const args = absValue.split("-");
1629
- const [first, second] = args;
1635
+ const [first, second] = absValue.split("-");
1630
1636
  const joint = `${varValue(first)} - ${varValue(second)}`;
1631
1637
  return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
1632
1638
  }
package/dist/cjs/utils/sprite.js CHANGED
@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
30
30
  ));
31
31
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
32
32
 
33
- // ../../../domql/packages/utils/dist/cjs/key.js
33
+ // ../../node_modules/@domql/utils/dist/cjs/key.js
34
34
  var require_key = __commonJS({
35
- "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
35
+ "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
36
36
  "use strict";
37
37
  var __defProp2 = Object.defineProperty;
38
38
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -69,9 +69,9 @@ var require_key = __commonJS({
69
69
  }
70
70
  });
71
71
 
72
- // ../../../domql/packages/utils/dist/cjs/env.js
72
+ // ../../node_modules/@domql/utils/dist/cjs/env.js
73
73
  var require_env = __commonJS({
74
- "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
74
+ "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
75
75
  "use strict";
76
76
  var __defProp2 = Object.defineProperty;
77
77
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -107,9 +107,9 @@ var require_env = __commonJS({
107
107
  }
108
108
  });
109
109
 
110
- // ../../../domql/packages/utils/dist/cjs/globals.js
110
+ // ../../node_modules/@domql/utils/dist/cjs/globals.js
111
111
  var require_globals = __commonJS({
112
- "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
112
+ "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
113
113
  "use strict";
114
114
  var __defProp2 = Object.defineProperty;
115
115
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -143,9 +143,9 @@ var require_globals = __commonJS({
143
143
  }
144
144
  });
145
145
 
146
- // ../../../domql/packages/utils/dist/cjs/node.js
146
+ // ../../node_modules/@domql/utils/dist/cjs/node.js
147
147
  var require_node = __commonJS({
148
- "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
148
+ "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
149
149
  "use strict";
150
150
  var __defProp2 = Object.defineProperty;
151
151
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -180,9 +180,9 @@ var require_node = __commonJS({
180
180
  }
181
181
  });
182
182
 
183
- // ../../../domql/packages/utils/dist/cjs/types.js
183
+ // ../../node_modules/@domql/utils/dist/cjs/types.js
184
184
  var require_types = __commonJS({
185
- "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
185
+ "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
186
186
  "use strict";
187
187
  var __defProp2 = Object.defineProperty;
188
188
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -267,9 +267,9 @@ var require_types = __commonJS({
267
267
  }
268
268
  });
269
269
 
270
- // ../../../domql/packages/utils/dist/cjs/array.js
270
+ // ../../node_modules/@domql/utils/dist/cjs/array.js
271
271
  var require_array = __commonJS({
272
- "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
272
+ "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
273
273
  "use strict";
274
274
  var __defProp2 = Object.defineProperty;
275
275
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -366,9 +366,9 @@ var require_array = __commonJS({
366
366
  }
367
367
  });
368
368
 
369
- // ../../../domql/packages/utils/dist/cjs/string.js
369
+ // ../../node_modules/@domql/utils/dist/cjs/string.js
370
370
  var require_string = __commonJS({
371
- "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
371
+ "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
372
372
  "use strict";
373
373
  var __defProp2 = Object.defineProperty;
374
374
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -426,9 +426,9 @@ var require_string = __commonJS({
426
426
  }
427
427
  });
428
428
 
429
- // ../../../domql/packages/utils/dist/cjs/object.js
429
+ // ../../node_modules/@domql/utils/dist/cjs/object.js
430
430
  var require_object = __commonJS({
431
- "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
431
+ "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
432
432
  "use strict";
433
433
  var __defProp2 = Object.defineProperty;
434
434
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -878,9 +878,9 @@ var require_object = __commonJS({
878
878
  }
879
879
  });
880
880
 
881
- // ../../../domql/packages/utils/dist/cjs/function.js
881
+ // ../../node_modules/@domql/utils/dist/cjs/function.js
882
882
  var require_function = __commonJS({
883
- "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
883
+ "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
884
884
  "use strict";
885
885
  var __defProp2 = Object.defineProperty;
886
886
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -953,9 +953,9 @@ var require_function = __commonJS({
953
953
  }
954
954
  });
955
955
 
956
- // ../../../domql/packages/utils/dist/cjs/log.js
956
+ // ../../node_modules/@domql/utils/dist/cjs/log.js
957
957
  var require_log = __commonJS({
958
- "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
958
+ "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
959
959
  "use strict";
960
960
  var __defProp2 = Object.defineProperty;
961
961
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -994,9 +994,9 @@ var require_log = __commonJS({
994
994
  }
995
995
  });
996
996
 
997
- // ../../../domql/packages/utils/dist/cjs/cookie.js
997
+ // ../../node_modules/@domql/utils/dist/cjs/cookie.js
998
998
  var require_cookie = __commonJS({
999
- "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
999
+ "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
1000
1000
  "use strict";
1001
1001
  var __defProp2 = Object.defineProperty;
1002
1002
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1050,9 +1050,9 @@ var require_cookie = __commonJS({
1050
1050
  }
1051
1051
  });
1052
1052
 
1053
- // ../../../domql/packages/utils/dist/cjs/tags.js
1053
+ // ../../node_modules/@domql/utils/dist/cjs/tags.js
1054
1054
  var require_tags = __commonJS({
1055
- "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
1055
+ "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
1056
1056
  "use strict";
1057
1057
  var __defProp2 = Object.defineProperty;
1058
1058
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1215,9 +1215,9 @@ var require_tags = __commonJS({
1215
1215
  }
1216
1216
  });
1217
1217
 
1218
- // ../../../domql/packages/utils/dist/cjs/index.js
1218
+ // ../../node_modules/@domql/utils/dist/cjs/index.js
1219
1219
  var require_cjs = __commonJS({
1220
- "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
1220
+ "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
1221
1221
  "use strict";
1222
1222
  var __defProp2 = Object.defineProperty;
1223
1223
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1280,6 +1280,7 @@ __export(defaultConfig_exports, {
1280
1280
  MEDIA: () => MEDIA,
1281
1281
  RESET: () => RESET,
1282
1282
  SEQUENCE: () => SEQUENCE,
1283
+ SHADOW: () => SHADOW,
1283
1284
  SPACING: () => SPACING,
1284
1285
  SVG: () => SVG,
1285
1286
  SVG_DATA: () => SVG_DATA,
@@ -1402,6 +1403,9 @@ var GRADIENT = {};
1402
1403
  // src/defaultConfig/theme.js
1403
1404
  var THEME = {};
1404
1405
 
1406
+ // src/defaultConfig/shadow.js
1407
+ var SHADOW = {};
1408
+
1405
1409
  // src/defaultConfig/icons.js
1406
1410
  var ICONS = {};
1407
1411