@symbo.ls/scratch 2.11.522 → 3.0.1

package/dist/cjs/utils/sequence.js

@@ -51,8 +51,8 @@ var require_cjs = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
-    var src_exports = {};
-    __export2(src_exports, {
+    var index_exports = {};
+    __export2(index_exports, {
       arrayzeValue: () => arrayzeValue,
       copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
       copyStringToClipboard: () => copyStringToClipboard,
@@ -73,12 +73,11 @@ var require_cjs = __commonJS({
       toTitleCase: () => toTitleCase,
       toggleFullscreen: () => toggleFullscreen
     });
-    module2.exports = __toCommonJS2(src_exports);
+    module2.exports = __toCommonJS2(index_exports);
     var window22 = globalThis;
     var document22 = window22.document;
     var isObject2 = (arg) => {
-      if (arg === null)
-        return false;
+      if (arg === null) return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString2 = (arg) => typeof arg === "string";
@@ -103,13 +102,11 @@ var require_cjs = __commonJS({
     };
     var findClosestNumberInFactory = (val, factory) => {
       val = parseFloat(val);
-      if (isObject2(factory))
-        factory = Object.values(factory);
+      if (isObject2(factory)) factory = Object.values(factory);
       return findClosestNumber(val, factory);
     };
     var formatDate = (timestamp) => {
-      if (!timestamp)
-        return "";
+      if (!timestamp) return "";
       const d = new Date(timestamp);
       const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
       const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
@@ -176,8 +173,7 @@ var require_cjs = __commonJS({
         scriptEle.type = type;
         scriptEle.text = xhr.responseText;
         doc.body.appendChild(scriptEle);
-        if (typeof fallback === "function")
-          fallback();
+        if (typeof fallback === "function") fallback();
       } else {
         throw new Error(`Failed to load the script ${FILE_URL}`);
       }
@@ -245,20 +241,15 @@ var require_cjs = __commonJS({
     );
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
-      if (typeof str !== "string")
-        return;
+      if (typeof str !== "string") return;
       const result = str.replace(/([A-Z])/g, " $1");
       return result.charAt(0).toUpperCase() + result.slice(1);
     };
     var arrayzeValue = (val) => {
-      if (isArray2(val))
-        return val;
-      if (isString2(val))
-        return val.split(" ");
-      if (isObject2(val))
-        return Object.values(val);
-      if (isNumber2(val))
-        return [val];
+      if (isArray2(val)) return val;
+      if (isString2(val)) return val.split(" ");
+      if (isObject2(val)) return Object.values(val);
+      if (isNumber2(val)) return [val];
     };
   }
 });
@@ -281,35 +272,34 @@ __export(sequence_exports, {
 });
 module.exports = __toCommonJS(sequence_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// node_modules/@domql/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// node_modules/@domql/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// node_modules/@domql/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
 var isArray = (arg) => Array.isArray(arg);
 var isObjectLike = (arg) => {
-  if (arg === null)
-    return false;
+  if (arg === null) return false;
   return typeof arg === "object";
 };
 var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// node_modules/@domql/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// node_modules/@domql/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -332,8 +322,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var deepMerge = (element, extend, excludeFrom = []) => {
   for (const e in extend) {
     const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
-      continue;
+    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) continue;
     const elementProp = element[e];
     const extendProp = extend[e];
     if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
@@ -362,13 +351,10 @@ var deepClone = (obj, options = {}) => {
   const clone2 = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
   visited.set(obj, clone2);
   for (const key in obj) {
-    if (!Object.prototype.hasOwnProperty.call(obj, key))
-      continue;
-    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
-      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") continue;
     const value = obj[key];
-    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
-      continue;
+    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) continue;
     if (isDOMNode(value)) {
       clone2[key] = value;
       continue;
@@ -392,7 +378,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// node_modules/@domql/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/utils/sequence.js
@@ -670,8 +656,7 @@ var setSequenceValue = (props, sequenceProps) => {
 var setScalingVar = (key, sequenceProps) => {
   const { base, type, unit } = sequenceProps;
   const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
-  if (key === 0)
-    return defaultVal;
+  if (key === 0) return defaultVal;
   const prefix = "--" + (type && type.replace(".", "-"));
   const ratioVar = `${prefix}-ratio`;
   if (key > 0) {
@@ -708,10 +693,8 @@ var generateSubSequence = (props, sequenceProps) => {
   const diffRounded = ~~next - ~~value;
   let arr;
   const [first, middle, second] = getSubratioDifference(value, ratio);
-  if (diffRounded > 16)
-    arr = [first, middle, second];
-  else
-    arr = [first, second];
+  if (diffRounded > 16) arr = [first, middle, second];
+  else arr = [first, second];
   arr.forEach((v, k) => {
     const scaling = ~~(v / base * 1e3) / 1e3;
     const newVar = variable + (k + 1);
@@ -753,8 +736,7 @@ var generateSequence = (sequenceProps) => {
       index: key
     };
     setSequenceValue(props, sequenceProps);
-    if (subSequence)
-      generateSubSequence(props, sequenceProps);
+    if (subSequence) generateSubSequence(props, sequenceProps);
   }
   return sequenceProps;
 };
@@ -800,13 +782,11 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     unit = UNIT2.default,
     useVariable
   } = sequenceProps;
-  if (isString(value) && value.slice(0, 2) === "--")
-    return `var(${value})`;
+  if (isString(value) && value.slice(0, 2) === "--") return `var(${value})`;
   const prefix = `--${(0, import_utils3.toDashCase)(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
   const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
-  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter)
-    return value;
+  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter) return value;
   const letterVal = value.toUpperCase();
   const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
   let absValue = isNegative ? letterVal.slice(1) : letterVal;
@@ -830,8 +810,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
   }
   if (!sequence[absValue] && absValue.length === 2) {
-    if (CONFIG2.verbose)
-      console.warn(absValue, "- value is not found because `subSequence` is set to false");
+    if (CONFIG2.verbose) console.warn(absValue, "- value is not found because `subSequence` is set to false");
     absValue = absValue.slice(0, 1);
   }
   if (useVariable || CONFIG2.useVariable) {
@@ -839,8 +818,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     return isNegative ? `calc(${varValue2} * -1)` : varValue2;
   }
   const sequenceItem = sequence ? sequence[absValue] : null;
-  if (!sequenceItem)
-    return console.warn("can't find", sequence, absValue);
+  if (!sequenceItem) return console.warn("can't find", sequence, absValue);
   if (unit === "ms" || unit === "s") {
     return isNegative + sequenceItem.val + unit;
   }
@@ -849,12 +827,10 @@ var getSequenceValue = (value = "A", sequenceProps) => {
 var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
   if (typeof value !== "string") {
     const CONFIG2 = getActiveConfig();
-    if (CONFIG2.verbose)
-      console.warn(propertyName, value, "is not a string");
+    if (CONFIG2.verbose) console.warn(propertyName, value, "is not a string");
     return { [propertyName]: value };
   }
-  if (value === "-" || value === "")
-    return {};
+  if (value === "-" || value === "") return {};
   return { [propertyName]: getSequenceValue(value, sequenceProps) };
 };
 var findHeadingLetter = (h1Matches, index) => numToLetterMap[h1Matches - index];

package/dist/cjs/utils/sprite.js

@@ -25,35 +25,34 @@ __export(sprite_exports, {
 });
 module.exports = __toCommonJS(sprite_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// node_modules/@domql/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// node_modules/@domql/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// node_modules/@domql/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
 var isArray = (arg) => Array.isArray(arg);
 var isObjectLike = (arg) => {
-  if (arg === null)
-    return false;
+  if (arg === null) return false;
   return typeof arg === "object";
 };
 var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// node_modules/@domql/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// node_modules/@domql/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -76,8 +75,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var deepMerge = (element, extend, excludeFrom = []) => {
   for (const e in extend) {
     const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
-      continue;
+    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) continue;
     const elementProp = element[e];
     const extendProp = extend[e];
     if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
@@ -106,13 +104,10 @@ var deepClone = (obj, options = {}) => {
   const clone2 = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
   visited.set(obj, clone2);
   for (const key in obj) {
-    if (!Object.prototype.hasOwnProperty.call(obj, key))
-      continue;
-    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
-      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") continue;
     const value = obj[key];
-    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
-      continue;
+    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) continue;
     if (isDOMNode(value)) {
       clone2[key] = value;
       continue;
@@ -136,7 +131,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// node_modules/@domql/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js
@@ -365,10 +360,8 @@ var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
   for (const key in icons) {
-    if (CONFIG2.__svg_cache[key])
-      continue;
-    else
-      CONFIG2.__svg_cache[key] = true;
+    if (CONFIG2.__svg_cache[key]) continue;
+    else CONFIG2.__svg_cache[key] = true;
     sprite += icons[key];
   }
   return sprite;

package/dist/cjs/utils/theme.js

@@ -24,11 +24,8 @@ __export(theme_exports, {
 });
 module.exports = __toCommonJS(theme_exports);
 var returnSubThemeOrDefault = (orig, theme) => {
-  if (!orig)
-    return;
-  if (orig.themes && orig.themes[theme])
-    return orig.themes[theme];
-  if (orig[theme])
-    return [orig, orig[theme]];
+  if (!orig) return;
+  if (orig.themes && orig.themes[theme]) return orig.themes[theme];
+  if (orig[theme]) return [orig, orig[theme]];
   return orig;
 };

package/dist/cjs/utils/var.js

@@ -51,8 +51,8 @@ var require_cjs = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
-    var src_exports = {};
-    __export2(src_exports, {
+    var index_exports = {};
+    __export2(index_exports, {
       arrayzeValue: () => arrayzeValue,
       copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
       copyStringToClipboard: () => copyStringToClipboard,
@@ -73,12 +73,11 @@ var require_cjs = __commonJS({
       toTitleCase: () => toTitleCase,
       toggleFullscreen: () => toggleFullscreen
     });
-    module2.exports = __toCommonJS2(src_exports);
+    module2.exports = __toCommonJS2(index_exports);
     var window22 = globalThis;
     var document22 = window22.document;
     var isObject2 = (arg) => {
-      if (arg === null)
-        return false;
+      if (arg === null) return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString2 = (arg) => typeof arg === "string";
@@ -103,13 +102,11 @@ var require_cjs = __commonJS({
     };
     var findClosestNumberInFactory = (val, factory) => {
       val = parseFloat(val);
-      if (isObject2(factory))
-        factory = Object.values(factory);
+      if (isObject2(factory)) factory = Object.values(factory);
       return findClosestNumber(val, factory);
     };
     var formatDate = (timestamp) => {
-      if (!timestamp)
-        return "";
+      if (!timestamp) return "";
       const d = new Date(timestamp);
       const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
       const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
@@ -176,8 +173,7 @@ var require_cjs = __commonJS({
         scriptEle.type = type;
         scriptEle.text = xhr.responseText;
         doc.body.appendChild(scriptEle);
-        if (typeof fallback === "function")
-          fallback();
+        if (typeof fallback === "function") fallback();
       } else {
         throw new Error(`Failed to load the script ${FILE_URL}`);
       }
@@ -245,20 +241,15 @@ var require_cjs = __commonJS({
     );
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
-      if (typeof str !== "string")
-        return;
+      if (typeof str !== "string") return;
       const result = str.replace(/([A-Z])/g, " $1");
       return result.charAt(0).toUpperCase() + result.slice(1);
     };
     var arrayzeValue = (val) => {
-      if (isArray2(val))
-        return val;
-      if (isString2(val))
-        return val.split(" ");
-      if (isObject2(val))
-        return Object.values(val);
-      if (isNumber2(val))
-        return [val];
+      if (isArray2(val)) return val;
+      if (isString2(val)) return val.split(" ");
+      if (isObject2(val)) return Object.values(val);
+      if (isNumber2(val)) return [val];
     };
   }
 });
@@ -273,34 +264,33 @@ __export(var_exports, {
 });
 module.exports = __toCommonJS(var_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// node_modules/@domql/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// node_modules/@domql/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// node_modules/@domql/utils/dist/esm/types.js
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
 var isArray = (arg) => Array.isArray(arg);
 var isObjectLike = (arg) => {
-  if (arg === null)
-    return false;
+  if (arg === null) return false;
   return typeof arg === "object";
 };
 var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// node_modules/@domql/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// node_modules/@domql/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -323,8 +313,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var deepMerge = (element, extend, excludeFrom = []) => {
   for (const e in extend) {
     const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
-      continue;
+    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) continue;
     const elementProp = element[e];
     const extendProp = extend[e];
     if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
@@ -353,13 +342,10 @@ var deepClone = (obj, options = {}) => {
   const clone2 = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
   visited.set(obj, clone2);
   for (const key in obj) {
-    if (!Object.prototype.hasOwnProperty.call(obj, key))
-      continue;
-    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
-      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") continue;
     const value = obj[key];
-    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
-      continue;
+    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) continue;
     if (isDOMNode(value)) {
       clone2[key] = value;
       continue;
@@ -383,7 +369,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// node_modules/@domql/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js
@@ -684,23 +670,19 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
   const { mediaRegenerate } = FACTORY2;
   const { sequence, scales } = FACTORY2[media];
   const query = MEDIA2[mediaName];
-  if (!query && CONFIG2.verbose)
-    console.warn("Can't find media query ", query);
+  if (!query && CONFIG2.verbose) console.warn("Can't find media query ", query);
   if (!mediaRegenerate) {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
-    if (!underMediaQuery)
-      underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
+    if (!underMediaQuery) underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
     applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {
     const item = sequence[key];
     const value = (isScalingUnit(unit) ? scales[key] : sequence[key].val) + unit;
-    if (!query && CONFIG2.verbose)
-      console.warn("Can't find query ", query);
+    if (!query && CONFIG2.verbose) console.warn("Can't find query ", query);
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
-    if (!underMediaQuery)
-      underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
+    if (!underMediaQuery) underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
     underMediaQuery[item.variable] = `var(${item.variable + "_" + mediaName})`;
     CSS_VARS2[item.variable + "_" + mediaName] = value;
   }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.522",
+  "version": "3.0.1",
   "files": [
     "src",
     "dist"
@@ -27,8 +27,8 @@
   "dependencies": {
     "@domql/globals": "latest",
     "@domql/utils": "^2.5.0",
-    "@symbo.ls/utils": "^2.11.512",
+    "@symbo.ls/utils": "^3.0.1",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "f0cf0f8e16c7cac278886a322e85cb8d8188ca24"
+  "gitHead": "a4e7f586f7e4f60bd7b6a8388bdacc3ae1879433"
 }

package/src/system/svg.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { document } from '@domql/globals'
+import { document } from '@domql/utils'
 import { generateSprite, convertSvgToSymbol } from '../utils'
 import { getActiveConfig } from '../factory.js'
 

package/src/transforms/index.js

@@ -139,8 +139,15 @@ export const transformSize = (propertyName, val, props = {}, opts = {}) => {
   }
 }
 
-export const transformSizeRatio = (propertyName, props) => {
-  return transformSize(propertyName, null, props, {
+export const transformSizeRatio = (propertyName, val = null, props) => {
+  return transformSize(propertyName, val, props, {
     ratio: true
   })
 }
+
+export const transformBorderRadius = (radius, props, propertyName) => {
+  if (!isString(radius)) return
+  return {
+    borderRadius: radius.split(' ').map((v, k) => getSpacingBasedOnRatio(props, propertyName, v)[propertyName]).join(' ')
+  }
+}

package/src/utils/color.js

@@ -1,7 +1,6 @@
 'use strict'
 
-import { document, window } from '@domql/globals'
-import { isString, isNumber } from '@domql/utils'
+import { document, window, isString, isNumber } from '@domql/utils'
 const ENV = process.env.NODE_ENV
 
 export const colorStringToRgbaArray = color => {