@symbo.ls/scratch 2.11.225 → 2.11.226

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.
package/dist/cjs/index.js CHANGED
@@ -3125,10 +3125,22 @@ var transformTextStroke = (stroke) => {
3125
3125
  return v;
3126
3126
  }).join(" ");
3127
3127
  };
3128
- var transformShadow = (sh, globalTheme) => {
3129
- return sh.split(",").map((shadow) => getShadow(shadow, globalTheme)).join(",");
3130
- };
3131
- var transformBoxShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
3128
+ var transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
3129
+ var transformBoxShadow = (shadows) => shadows.split("|").map((shadow) => {
3130
+ return shadow.split(", ").map((v) => {
3131
+ v = v.trim();
3132
+ if (v.slice(0, 2) === "--")
3133
+ return `var(${v})`;
3134
+ if (getColor(v).length > 2)
3135
+ return getColor(v);
3136
+ if (v.includes("px") || v.slice(-2) === "em")
3137
+ return v;
3138
+ const arr = v.split(" ");
3139
+ if (!arr.length)
3140
+ return v;
3141
+ return arr.map((v2) => getSpacingByKey(v2, "shadow").shadow).join(" ");
3142
+ }).join(" ");
3143
+ }).join(",");
3132
3144
  var transformBackgroundImage = (backgroundImage, globalTheme) => {
3133
3145
  const CONFIG2 = getActiveConfig();
3134
3146
  return backgroundImage.split(", ").map((v) => {
@@ -2118,10 +2118,22 @@ var transformTextStroke = (stroke) => {
2118
2118
  return v;
2119
2119
  }).join(" ");
2120
2120
  };
2121
- var transformShadow = (sh, globalTheme) => {
2122
- return sh.split(",").map((shadow) => getShadow(shadow, globalTheme)).join(",");
2123
- };
2124
- var transformBoxShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
2121
+ var transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
2122
+ var transformBoxShadow = (shadows) => shadows.split("|").map((shadow) => {
2123
+ return shadow.split(", ").map((v) => {
2124
+ v = v.trim();
2125
+ if (v.slice(0, 2) === "--")
2126
+ return `var(${v})`;
2127
+ if (getColor(v).length > 2)
2128
+ return getColor(v);
2129
+ if (v.includes("px") || v.slice(-2) === "em")
2130
+ return v;
2131
+ const arr = v.split(" ");
2132
+ if (!arr.length)
2133
+ return v;
2134
+ return arr.map((v2) => getSpacingByKey(v2, "shadow").shadow).join(" ");
2135
+ }).join(" ");
2136
+ }).join(",");
2125
2137
  var transformBackgroundImage = (backgroundImage, globalTheme) => {
2126
2138
  const CONFIG2 = getActiveConfig();
2127
2139
  return backgroundImage.split(", ").map((v) => {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@symbo.ls/scratch",
3
3
  "description": "Φ / CSS framework and methodology.",
4
4
  "author": "symbo.ls",
5
- "version": "2.11.225",
5
+ "version": "2.11.226",
6
6
  "files": [
7
7
  "src",
8
8
  "dist"
@@ -29,5 +29,5 @@
29
29
  "@symbo.ls/utils": "latest",
30
30
  "color-contrast-checker": "^1.5.0"
31
31
  },
32
- "gitHead": "6f10ab3baba728d15243a17edb13a5dd5618cb98"
32
+ "gitHead": "cc4d8658520b0dc949f40274fbc99f2915877f96"
33
33
  }
@@ -46,11 +46,19 @@ export const transformTextStroke = stroke => {
46
46
  }).join(' ')
47
47
  }
48
48
 
49
- export const transformShadow = (sh, globalTheme) => {
50
- return sh.split(',').map(shadow => getShadow(shadow, globalTheme)).join(',')
51
- }
49
+ export const transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme)
52
50
 
53
- export const transformBoxShadow = (sh, globalTheme) => getShadow(sh, globalTheme)
51
+ export const transformBoxShadow = shadows => shadows.split('|').map(shadow => {
52
+ return shadow.split(', ').map(v => {
53
+ v = v.trim()
54
+ if (v.slice(0, 2) === '--') return `var(${v})`
55
+ if (getColor(v).length > 2) return getColor(v)
56
+ if (v.includes('px') || v.slice(-2) === 'em') return v
57
+ const arr = v.split(' ')
58
+ if (!arr.length) return v
59
+ return arr.map(v => getSpacingByKey(v, 'shadow').shadow).join(' ')
60
+ }).join(' ')
61
+ }).join(',')
54
62
 
55
63
  export const transformBackgroundImage = (backgroundImage, globalTheme) => {
56
64
  const CONFIG = getActiveConfig()