@symbo.ls/scratch 2.11.228 → 2.11.234

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 (26) hide show
  1. package/dist/cjs/factory.js +26 -26
  2. package/dist/cjs/index.js +41 -34
  3. package/dist/cjs/set.js +39 -34
  4. package/dist/cjs/system/color.js +26 -26
  5. package/dist/cjs/system/document.js +26 -26
  6. package/dist/cjs/system/font.js +26 -26
  7. package/dist/cjs/system/index.js +39 -34
  8. package/dist/cjs/system/reset.js +26 -26
  9. package/dist/cjs/system/shadow.js +34 -28
  10. package/dist/cjs/system/spacing.js +39 -34
  11. package/dist/cjs/system/svg.js +26 -26
  12. package/dist/cjs/system/theme.js +26 -26
  13. package/dist/cjs/system/timing.js +37 -31
  14. package/dist/cjs/system/typography.js +39 -34
  15. package/dist/cjs/transforms/index.js +34 -28
  16. package/dist/cjs/utils/color.js +26 -26
  17. package/dist/cjs/utils/index.js +40 -34
  18. package/dist/cjs/utils/sequence.js +34 -28
  19. package/dist/cjs/utils/sprite.js +26 -26
  20. package/dist/cjs/utils/unit.js +28 -0
  21. package/dist/cjs/utils/var.js +36 -32
  22. package/package.json +2 -2
  23. package/src/utils/index.js +1 -0
  24. package/src/utils/sequence.js +6 -2
  25. package/src/utils/unit.js +5 -0
  26. package/src/utils/var.js +11 -9
package/dist/cjs/system/index.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;
@@ -270,9 +270,9 @@ var require_types = __commonJS({
270
270
  }
271
271
  });
272
272
 
273
- // ../../../domql/packages/utils/dist/cjs/array.js
273
+ // ../../node_modules/@domql/utils/dist/cjs/array.js
274
274
  var require_array = __commonJS({
275
- "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
275
+ "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
276
276
  "use strict";
277
277
  var __defProp2 = Object.defineProperty;
278
278
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -383,9 +383,9 @@ var require_array = __commonJS({
383
383
  }
384
384
  });
385
385
 
386
- // ../../../domql/packages/utils/dist/cjs/string.js
386
+ // ../../node_modules/@domql/utils/dist/cjs/string.js
387
387
  var require_string = __commonJS({
388
- "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
388
+ "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
389
389
  "use strict";
390
390
  var __defProp2 = Object.defineProperty;
391
391
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -443,9 +443,9 @@ var require_string = __commonJS({
443
443
  }
444
444
  });
445
445
 
446
- // ../../../domql/packages/utils/dist/cjs/object.js
446
+ // ../../node_modules/@domql/utils/dist/cjs/object.js
447
447
  var require_object = __commonJS({
448
- "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
448
+ "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
449
449
  "use strict";
450
450
  var __defProp2 = Object.defineProperty;
451
451
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -935,9 +935,9 @@ var require_object = __commonJS({
935
935
  }
936
936
  });
937
937
 
938
- // ../../../domql/packages/utils/dist/cjs/function.js
938
+ // ../../node_modules/@domql/utils/dist/cjs/function.js
939
939
  var require_function = __commonJS({
940
- "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
940
+ "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
941
941
  "use strict";
942
942
  var __defProp2 = Object.defineProperty;
943
943
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1010,9 +1010,9 @@ var require_function = __commonJS({
1010
1010
  }
1011
1011
  });
1012
1012
 
1013
- // ../../../domql/packages/utils/dist/cjs/log.js
1013
+ // ../../node_modules/@domql/utils/dist/cjs/log.js
1014
1014
  var require_log = __commonJS({
1015
- "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
1015
+ "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
1016
1016
  "use strict";
1017
1017
  var __defProp2 = Object.defineProperty;
1018
1018
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1051,9 +1051,9 @@ var require_log = __commonJS({
1051
1051
  }
1052
1052
  });
1053
1053
 
1054
- // ../../../domql/packages/utils/dist/cjs/cookie.js
1054
+ // ../../node_modules/@domql/utils/dist/cjs/cookie.js
1055
1055
  var require_cookie = __commonJS({
1056
- "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
1056
+ "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
1057
1057
  "use strict";
1058
1058
  var __defProp2 = Object.defineProperty;
1059
1059
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1107,9 +1107,9 @@ var require_cookie = __commonJS({
1107
1107
  }
1108
1108
  });
1109
1109
 
1110
- // ../../../domql/packages/utils/dist/cjs/tags.js
1110
+ // ../../node_modules/@domql/utils/dist/cjs/tags.js
1111
1111
  var require_tags = __commonJS({
1112
- "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
1112
+ "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
1113
1113
  "use strict";
1114
1114
  var __defProp2 = Object.defineProperty;
1115
1115
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1272,9 +1272,9 @@ var require_tags = __commonJS({
1272
1272
  }
1273
1273
  });
1274
1274
 
1275
- // ../../../domql/packages/utils/dist/cjs/index.js
1275
+ // ../../node_modules/@domql/utils/dist/cjs/index.js
1276
1276
  var require_cjs = __commonJS({
1277
- "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
1277
+ "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
1278
1278
  "use strict";
1279
1279
  var __defProp2 = Object.defineProperty;
1280
1280
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1611,6 +1611,11 @@ var getActiveConfig = (def) => {
1611
1611
  return FACTORY[def || FACTORY.active];
1612
1612
  };
1613
1613
 
1614
+ // src/utils/unit.js
1615
+ var isScalingUnit = (unit) => {
1616
+ return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
1617
+ };
1618
+
1614
1619
  // src/utils/color.js
1615
1620
  var import_globals = __toESM(require_cjs2(), 1);
1616
1621
  var import_utils2 = __toESM(require_cjs(), 1);
@@ -1804,9 +1809,10 @@ var setSequenceValue = (props, sequenceProps) => {
1804
1809
  sequenceProps.vars[variable] = scaling + sequenceProps.unit;
1805
1810
  };
1806
1811
  var setScalingVar = (key, sequenceProps) => {
1807
- const { type } = sequenceProps;
1812
+ const { base, type, unit } = sequenceProps;
1813
+ const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
1808
1814
  if (key === 0)
1809
- return "1em";
1815
+ return defaultVal;
1810
1816
  const prefix = "--" + (type && type.replace(".", "-"));
1811
1817
  const ratioVar = `${prefix}-ratio`;
1812
1818
  if (key > 0) {
@@ -1978,9 +1984,9 @@ var applyGlobalVars = (vars, obj, options) => {
1978
1984
  const ratioVar = `${prefix}-ratio`;
1979
1985
  vars[ratioVar] = ratio;
1980
1986
  const [first, middle, second] = getSubratio(base, ratio);
1981
- vars[`${prefix}-sub-ratio-1`] = first;
1982
- vars[`${prefix}-sub-ratio-2`] = middle;
1983
- vars[`${prefix}-sub-ratio-3`] = second;
1987
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
1988
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
1989
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
1984
1990
  };
1985
1991
  var applySequenceVars = (FACTORY2, options = {}) => {
1986
1992
  const CONFIG2 = getActiveConfig();
@@ -2008,7 +2014,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
2008
2014
  };
2009
2015
  var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
2010
2016
  const CONFIG2 = getActiveConfig();
2011
- const { UNIT: UNIT2, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG2;
2017
+ const { UNIT: UNIT2, MEDIA: MEDIA2, CSS_VARS: CSS_VARS2 } = CONFIG2;
2012
2018
  const mediaName = media.slice(1);
2013
2019
  const unit = FACTORY2.unit || UNIT2.default;
2014
2020
  const { mediaRegenerate } = FACTORY2;
@@ -2025,7 +2031,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
2025
2031
  }
2026
2032
  for (const key in sequence) {
2027
2033
  const item = sequence[key];
2028
- const value = (FACTORY2.type === TIMING2.type ? sequence[key].val : scales[key]) + unit;
2034
+ const value = (isScalingUnit(unit) ? scales[key] : sequence[key].val) + unit;
2029
2035
  if (!query && CONFIG2.verbose)
2030
2036
  console.warn("Can't find query ", query);
2031
2037
  let underMediaQuery = CSS_VARS2[`@media ${query}`];
@@ -2034,7 +2040,6 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
2034
2040
  underMediaQuery[item.variable] = `var(${item.variable + "_" + mediaName})`;
2035
2041
  CSS_VARS2[item.variable + "_" + mediaName] = value;
2036
2042
  }
2037
- console.log(CSS_VARS2);
2038
2043
  };
2039
2044
 
2040
2045
  // src/utils/sprite.js
package/dist/cjs/system/reset.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;
@@ -270,9 +270,9 @@ var require_types = __commonJS({
270
270
  }
271
271
  });
272
272
 
273
- // ../../../domql/packages/utils/dist/cjs/array.js
273
+ // ../../node_modules/@domql/utils/dist/cjs/array.js
274
274
  var require_array = __commonJS({
275
- "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
275
+ "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
276
276
  "use strict";
277
277
  var __defProp2 = Object.defineProperty;
278
278
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -383,9 +383,9 @@ var require_array = __commonJS({
383
383
  }
384
384
  });
385
385
 
386
- // ../../../domql/packages/utils/dist/cjs/string.js
386
+ // ../../node_modules/@domql/utils/dist/cjs/string.js
387
387
  var require_string = __commonJS({
388
- "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
388
+ "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
389
389
  "use strict";
390
390
  var __defProp2 = Object.defineProperty;
391
391
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -443,9 +443,9 @@ var require_string = __commonJS({
443
443
  }
444
444
  });
445
445
 
446
- // ../../../domql/packages/utils/dist/cjs/object.js
446
+ // ../../node_modules/@domql/utils/dist/cjs/object.js
447
447
  var require_object = __commonJS({
448
- "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
448
+ "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
449
449
  "use strict";
450
450
  var __defProp2 = Object.defineProperty;
451
451
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -935,9 +935,9 @@ var require_object = __commonJS({
935
935
  }
936
936
  });
937
937
 
938
- // ../../../domql/packages/utils/dist/cjs/function.js
938
+ // ../../node_modules/@domql/utils/dist/cjs/function.js
939
939
  var require_function = __commonJS({
940
- "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
940
+ "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
941
941
  "use strict";
942
942
  var __defProp2 = Object.defineProperty;
943
943
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1010,9 +1010,9 @@ var require_function = __commonJS({
1010
1010
  }
1011
1011
  });
1012
1012
 
1013
- // ../../../domql/packages/utils/dist/cjs/log.js
1013
+ // ../../node_modules/@domql/utils/dist/cjs/log.js
1014
1014
  var require_log = __commonJS({
1015
- "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
1015
+ "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
1016
1016
  "use strict";
1017
1017
  var __defProp2 = Object.defineProperty;
1018
1018
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1051,9 +1051,9 @@ var require_log = __commonJS({
1051
1051
  }
1052
1052
  });
1053
1053
 
1054
- // ../../../domql/packages/utils/dist/cjs/cookie.js
1054
+ // ../../node_modules/@domql/utils/dist/cjs/cookie.js
1055
1055
  var require_cookie = __commonJS({
1056
- "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
1056
+ "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
1057
1057
  "use strict";
1058
1058
  var __defProp2 = Object.defineProperty;
1059
1059
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1107,9 +1107,9 @@ var require_cookie = __commonJS({
1107
1107
  }
1108
1108
  });
1109
1109
 
1110
- // ../../../domql/packages/utils/dist/cjs/tags.js
1110
+ // ../../node_modules/@domql/utils/dist/cjs/tags.js
1111
1111
  var require_tags = __commonJS({
1112
- "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
1112
+ "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
1113
1113
  "use strict";
1114
1114
  var __defProp2 = Object.defineProperty;
1115
1115
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1272,9 +1272,9 @@ var require_tags = __commonJS({
1272
1272
  }
1273
1273
  });
1274
1274
 
1275
- // ../../../domql/packages/utils/dist/cjs/index.js
1275
+ // ../../node_modules/@domql/utils/dist/cjs/index.js
1276
1276
  var require_cjs = __commonJS({
1277
- "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
1277
+ "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
1278
1278
  "use strict";
1279
1279
  var __defProp2 = Object.defineProperty;
1280
1280
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
package/dist/cjs/system/shadow.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;
@@ -270,9 +270,9 @@ var require_types = __commonJS({
270
270
  }
271
271
  });
272
272
 
273
- // ../../../domql/packages/utils/dist/cjs/array.js
273
+ // ../../node_modules/@domql/utils/dist/cjs/array.js
274
274
  var require_array = __commonJS({
275
- "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
275
+ "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
276
276
  "use strict";
277
277
  var __defProp2 = Object.defineProperty;
278
278
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -383,9 +383,9 @@ var require_array = __commonJS({
383
383
  }
384
384
  });
385
385
 
386
- // ../../../domql/packages/utils/dist/cjs/string.js
386
+ // ../../node_modules/@domql/utils/dist/cjs/string.js
387
387
  var require_string = __commonJS({
388
- "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
388
+ "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
389
389
  "use strict";
390
390
  var __defProp2 = Object.defineProperty;
391
391
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -443,9 +443,9 @@ var require_string = __commonJS({
443
443
  }
444
444
  });
445
445
 
446
- // ../../../domql/packages/utils/dist/cjs/object.js
446
+ // ../../node_modules/@domql/utils/dist/cjs/object.js
447
447
  var require_object = __commonJS({
448
- "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
448
+ "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
449
449
  "use strict";
450
450
  var __defProp2 = Object.defineProperty;
451
451
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -935,9 +935,9 @@ var require_object = __commonJS({
935
935
  }
936
936
  });
937
937
 
938
- // ../../../domql/packages/utils/dist/cjs/function.js
938
+ // ../../node_modules/@domql/utils/dist/cjs/function.js
939
939
  var require_function = __commonJS({
940
- "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
940
+ "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
941
941
  "use strict";
942
942
  var __defProp2 = Object.defineProperty;
943
943
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1010,9 +1010,9 @@ var require_function = __commonJS({
1010
1010
  }
1011
1011
  });
1012
1012
 
1013
- // ../../../domql/packages/utils/dist/cjs/log.js
1013
+ // ../../node_modules/@domql/utils/dist/cjs/log.js
1014
1014
  var require_log = __commonJS({
1015
- "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
1015
+ "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
1016
1016
  "use strict";
1017
1017
  var __defProp2 = Object.defineProperty;
1018
1018
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1051,9 +1051,9 @@ var require_log = __commonJS({
1051
1051
  }
1052
1052
  });
1053
1053
 
1054
- // ../../../domql/packages/utils/dist/cjs/cookie.js
1054
+ // ../../node_modules/@domql/utils/dist/cjs/cookie.js
1055
1055
  var require_cookie = __commonJS({
1056
- "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
1056
+ "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
1057
1057
  "use strict";
1058
1058
  var __defProp2 = Object.defineProperty;
1059
1059
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1107,9 +1107,9 @@ var require_cookie = __commonJS({
1107
1107
  }
1108
1108
  });
1109
1109
 
1110
- // ../../../domql/packages/utils/dist/cjs/tags.js
1110
+ // ../../node_modules/@domql/utils/dist/cjs/tags.js
1111
1111
  var require_tags = __commonJS({
1112
- "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
1112
+ "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
1113
1113
  "use strict";
1114
1114
  var __defProp2 = Object.defineProperty;
1115
1115
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1272,9 +1272,9 @@ var require_tags = __commonJS({
1272
1272
  }
1273
1273
  });
1274
1274
 
1275
- // ../../../domql/packages/utils/dist/cjs/index.js
1275
+ // ../../node_modules/@domql/utils/dist/cjs/index.js
1276
1276
  var require_cjs = __commonJS({
1277
- "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
1277
+ "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
1278
1278
  "use strict";
1279
1279
  var __defProp2 = Object.defineProperty;
1280
1280
  var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -1584,6 +1584,11 @@ var getActiveConfig = (def) => {
1584
1584
  // src/system/color.js
1585
1585
  var import_utils9 = __toESM(require_cjs(), 1);
1586
1586
 
1587
+ // src/utils/unit.js
1588
+ var isScalingUnit = (unit) => {
1589
+ return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
1590
+ };
1591
+
1587
1592
  // src/utils/color.js
1588
1593
  var import_globals = __toESM(require_cjs2(), 1);
1589
1594
  var import_utils2 = __toESM(require_cjs(), 1);
@@ -1746,9 +1751,10 @@ var setSequenceValue = (props, sequenceProps) => {
1746
1751
  sequenceProps.vars[variable] = scaling + sequenceProps.unit;
1747
1752
  };
1748
1753
  var setScalingVar = (key, sequenceProps) => {
1749
- const { type } = sequenceProps;
1754
+ const { base, type, unit } = sequenceProps;
1755
+ const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
1750
1756
  if (key === 0)
1751
- return "1em";
1757
+ return defaultVal;
1752
1758
  const prefix = "--" + (type && type.replace(".", "-"));
1753
1759
  const ratioVar = `${prefix}-ratio`;
1754
1760
  if (key > 0) {