@symbo.ls/scratch 2.11.438 → 2.11.442

package/dist/cjs/index.js

@@ -253,14 +253,14 @@ var require_types = __commonJS({
       isNot: () => isNot,
       isNull: () => isNull2,
       isNumber: () => isNumber2,
-      isObject: () => isObject6,
+      isObject: () => isObject7,
       isObjectLike: () => isObjectLike3,
       isString: () => isString9,
       isUndefined: () => isUndefined2
     });
     module2.exports = __toCommonJS2(types_exports);
     var import_node = require_node();
-    var isObject6 = (arg) => {
+    var isObject7 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -278,7 +278,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject6(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction2(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull2(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction2(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull2(arg);
     };
     var isUndefined2 = (arg) => {
       return arg === void 0;
@@ -286,7 +286,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray7,
-      object: isObject6,
+      object: isObject7,
       string: isString9,
       date: isDate,
       number: isNumber2,
@@ -5561,13 +5561,17 @@ var transformTextStroke = (stroke) => {
   }).join(" ");
 };
 var transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
-var transformBoxShadow = (shadows) => shadows.split("|").map((shadow) => {
-  return shadow.split(", ").map((v) => {
+var transformBoxShadow = (shadows, globalTheme) => shadows.split("|").map((shadow) => {
+  return shadow.split(",").map((v) => {
     v = v.trim();
     if (v.slice(0, 2) === "--")
       return `var(${v})`;
-    if (getColor(v).length > 2)
-      return getColor(v);
+    if (getColor(v).length > 2) {
+      const color = getMediaColor(v, globalTheme);
+      if ((0, import_utils25.isObject)(color))
+        return Object.values(color).filter((v2) => v2.includes(": " + globalTheme))[0];
+      return color;
+    }
     if (v.includes("px") || v.slice(-2) === "em")
       return v;
     const arr = v.split(" ");
@@ -5587,7 +5591,7 @@ var transformBackgroundImage = (backgroundImage, globalTheme) => {
       return {
         backgroundImage: getMediaColor(backgroundImage, globalTheme || CONFIG2.globalTheme)
       };
-    } else if (v.includes("/") || v.includes("http"))
+    } else if (v.includes("/") || v.startsWith("http") || v.includes("."))
       return `url(${v})`;
     return v;
   }).join(" ");

package/dist/cjs/transforms/index.js

@@ -217,14 +217,14 @@ var require_types = __commonJS({
       isNot: () => isNot,
       isNull: () => isNull2,
       isNumber: () => isNumber2,
-      isObject: () => isObject6,
+      isObject: () => isObject7,
       isObjectLike: () => isObjectLike3,
       isString: () => isString9,
       isUndefined: () => isUndefined2
     });
     module2.exports = __toCommonJS2(types_exports);
     var import_node = require_node();
-    var isObject6 = (arg) => {
+    var isObject7 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -242,7 +242,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject6(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull2(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull2(arg);
     };
     var isUndefined2 = (arg) => {
       return arg === void 0;
@@ -250,7 +250,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray7,
-      object: isObject6,
+      object: isObject7,
       string: isString9,
       date: isDate,
       number: isNumber2,
@@ -4531,13 +4531,17 @@ var transformTextStroke = (stroke) => {
   }).join(" ");
 };
 var transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
-var transformBoxShadow = (shadows) => shadows.split("|").map((shadow) => {
-  return shadow.split(", ").map((v) => {
+var transformBoxShadow = (shadows, globalTheme) => shadows.split("|").map((shadow) => {
+  return shadow.split(",").map((v) => {
     v = v.trim();
     if (v.slice(0, 2) === "--")
       return `var(${v})`;
-    if (getColor(v).length > 2)
-      return getColor(v);
+    if (getColor(v).length > 2) {
+      const color = getMediaColor(v, globalTheme);
+      if ((0, import_utils25.isObject)(color))
+        return Object.values(color).filter((v2) => v2.includes(": " + globalTheme))[0];
+      return color;
+    }
     if (v.includes("px") || v.slice(-2) === "em")
       return v;
     const arr = v.split(" ");
@@ -4557,7 +4561,7 @@ var transformBackgroundImage = (backgroundImage, globalTheme) => {
       return {
         backgroundImage: getMediaColor(backgroundImage, globalTheme || CONFIG2.globalTheme)
       };
-    } else if (v.includes("/") || v.includes("http"))
+    } else if (v.includes("/") || v.startsWith("http") || v.includes("."))
       return `url(${v})`;
     return v;
   }).join(" ");

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.438",
+  "version": "2.11.442",
   "files": [
     "src",
     "dist"
@@ -30,5 +30,5 @@
     "@symbo.ls/utils": "latest",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "57bac07f08cd6a88591767f41a408e0915815237"
+  "gitHead": "60703b95e42c583fd5cdae32cf3484197e9ccd69"
 }

package/src/transforms/index.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isNull, isString, isUndefined } from '@domql/utils'
+import { isNull, isString, isObject, isUndefined } from '@domql/utils'
 import { getActiveConfig } from '../factory'
 import {
   getSpacingByKey,
@@ -49,11 +49,15 @@ export const transformTextStroke = stroke => {
 
 export const transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme)
 
-export const transformBoxShadow = shadows => shadows.split('|').map(shadow => {
-  return shadow.split(', ').map(v => {
+export const transformBoxShadow = (shadows, globalTheme) => shadows.split('|').map(shadow => {
+  return shadow.split(',').map(v => {
     v = v.trim()
     if (v.slice(0, 2) === '--') return `var(${v})`
-    if (getColor(v).length > 2) return getColor(v)
+    if (getColor(v).length > 2) {
+      const color = getMediaColor(v, globalTheme)
+      if (isObject(color)) return Object.values(color).filter(v => v.includes(': ' + globalTheme))[0]
+      return color
+    }
     if (v.includes('px') || v.slice(-2) === 'em') return v
     const arr = v.split(' ')
     if (!arr.length) return v
@@ -70,7 +74,7 @@ export const transformBackgroundImage = (backgroundImage, globalTheme) => {
       return {
         backgroundImage: getMediaColor(backgroundImage, globalTheme || CONFIG.globalTheme)
       }
-    } else if (v.includes('/') || v.includes('http')) return `url(${v})`
+    } else if (v.includes('/') || v.startsWith('http') || v.includes('.')) return `url(${v})`
     return v
   }).join(' ')
 }