@symbo.ls/scratch 2.11.524 → 2.11.527

package/dist/cjs/index.js

@@ -774,7 +774,7 @@ var mixTwoRgba = (colorA, colorB, range = 0.5) => {
 var opacify = (color, opacity) => {
   const arr = colorStringToRgbaArray(color);
   if (!arr) {
-    if (ENV === "test" || ENV === "development")
+    if (ENV === "testing" || ENV === "development")
       console.warn(color + " color is not rgba");
     return;
   }
@@ -1416,6 +1416,8 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV2 = "development";
+var isDev = ENV2 === "development" || ENV2 === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -1431,7 +1433,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {
@@ -1945,6 +1949,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1953,8 +1958,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
@@ -2536,7 +2543,14 @@ var setEach = (factoryName, props) => {
   const CONFIG2 = getActiveConfig();
   const FACTORY_NAME = factoryName.toUpperCase();
   const keys = Object.keys(props);
-  keys.map((key) => setValue(FACTORY_NAME, props[key], key));
+  keys.map((key) => {
+    try {
+      setValue(FACTORY_NAME, props[key], key);
+    } catch (error) {
+      if (CONFIG2.verbose)
+        console.warn("Error setting", FACTORY_NAME, "value", props[key], key, error);
+    }
+  });
   return CONFIG2[FACTORY_NAME];
 };
 var SET_OPTIONS = {};

package/dist/cjs/set.js

@@ -1108,10 +1108,14 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {
@@ -1551,6 +1555,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1559,8 +1564,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
@@ -1860,7 +1867,14 @@ var setEach = (factoryName, props) => {
   const CONFIG2 = getActiveConfig();
   const FACTORY_NAME = factoryName.toUpperCase();
   const keys = Object.keys(props);
-  keys.map((key) => setValue(FACTORY_NAME, props[key], key));
+  keys.map((key) => {
+    try {
+      setValue(FACTORY_NAME, props[key], key);
+    } catch (error) {
+      if (CONFIG2.verbose)
+        console.warn("Error setting", FACTORY_NAME, "value", props[key], key, error);
+    }
+  });
   return CONFIG2[FACTORY_NAME];
 };
 var SET_OPTIONS = {};

package/dist/cjs/system/index.js

@@ -1126,6 +1126,8 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -1141,7 +1143,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {
@@ -1621,6 +1625,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1629,8 +1634,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,

package/dist/cjs/system/svg.js

@@ -652,6 +652,8 @@ var getActiveConfig = (def) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -667,7 +669,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {

package/dist/cjs/system/typography.js

@@ -993,6 +993,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1001,8 +1002,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,

package/dist/cjs/utils/color.js

@@ -223,7 +223,7 @@ var mixTwoRgba = (colorA, colorB, range = 0.5) => {
 var opacify = (color, opacity) => {
   const arr = colorStringToRgbaArray(color);
   if (!arr) {
-    if (ENV === "test" || ENV === "development")
+    if (ENV === "testing" || ENV === "development")
       console.warn(color + " color is not rgba");
     return;
   }

package/dist/cjs/utils/index.js

@@ -596,7 +596,7 @@ var mixTwoRgba = (colorA, colorB, range = 0.5) => {
 var opacify = (color, opacity) => {
   const arr = colorStringToRgbaArray(color);
   if (!arr) {
-    if (ENV === "test" || ENV === "development")
+    if (ENV === "testing" || ENV === "development")
       console.warn(color + " color is not rgba");
     return;
   }
@@ -1225,6 +1225,8 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV2 = "development";
+var isDev = ENV2 === "development" || ENV2 === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -1240,7 +1242,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {

package/dist/cjs/utils/sprite.js

@@ -361,6 +361,8 @@ var getActiveConfig = (def) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -376,7 +378,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.524",
+  "version": "2.11.527",
   "files": [
     "src",
     "dist"
@@ -30,5 +30,5 @@
     "@symbo.ls/utils": "^2.11.512",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "11ddc293abaa696dce80d4fb0356a27f0a0f476c"
+  "gitHead": "e2c07300cd296386220c924b8f15b4856cb24ba1"
 }

package/src/set.js

@@ -78,7 +78,13 @@ export const setEach = (factoryName, props) => {
   const CONFIG = getActiveConfig()
   const FACTORY_NAME = factoryName.toUpperCase()
   const keys = Object.keys(props)
-  keys.map(key => setValue(FACTORY_NAME, props[key], key))
+  keys.map(key => {
+    try {
+      setValue(FACTORY_NAME, props[key], key)
+    } catch (error) {
+      if (CONFIG.verbose) console.warn('Error setting', FACTORY_NAME, 'value', props[key], key, error)
+    }
+  })
 
   return CONFIG[FACTORY_NAME]
 }

package/src/system/typography.js

@@ -76,8 +76,9 @@ export const applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`
       const headerStyle = templates[headerName]
+      if (!HEADINGS[k]) continue
       templates[headerName] = {
-        fontSize: CONFIG.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG.useVariable ? `var(${HEADINGS[k]?.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,

package/src/utils/color.js

@@ -152,7 +152,7 @@ export const mixTwoRgba = (colorA, colorB, range = 0.5) => {
 export const opacify = (color, opacity) => {
   const arr = colorStringToRgbaArray(color)
   if (!arr) {
-    if (ENV === 'test' || ENV === 'development') console.warn(color + ' color is not rgba')
+    if (ENV === 'testing' || ENV === 'development') console.warn(color + ' color is not rgba')
     return
   }
   arr[3] = opacity

package/src/utils/sprite.js

@@ -3,6 +3,9 @@
 import { isArray, isString } from '@domql/utils'
 import { getActiveConfig } from '../factory'
 
+const ENV = process.env.NODE_ENV || 'development'
+const isDev = ENV === 'development' || ENV === 'testing'
+
 export const generateSprite = (icons) => {
   const CONFIG = getActiveConfig()
 
@@ -20,7 +23,8 @@ export const generateSprite = (icons) => {
 const parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`)
+    if (isDev) console.warn('parseRootAttributes:', val, 'is not a string')
+    return
   }
 
   const match = val.match(/<svg\s+(.*?)>/)