@symbo.ls/scratch 2.11.247 → 2.11.255

package/dist/cjs/factory.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/index.js

@@ -688,7 +688,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1401,10 +1401,10 @@ __export(src_exports, {
   appendIconsSprite: () => appendIconsSprite,
   appendSVGSprite: () => appendSVGSprite,
   applyDocument: () => applyDocument,
-  applyGlobalVars: () => applyGlobalVars,
   applyHeadings: () => applyHeadings,
   applyMediaSequenceVars: () => applyMediaSequenceVars,
   applyReset: () => applyReset,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
   applySequenceVars: () => applySequenceVars,
   applySpacingSequence: () => applySpacingSequence,
   applyTimingSequence: () => applyTimingSequence,
@@ -1492,8 +1492,8 @@ module.exports = __toCommonJS(src_exports);
 // src/utils/index.js
 var utils_exports = {};
 __export(utils_exports, {
-  applyGlobalVars: () => applyGlobalVars,
   applyMediaSequenceVars: () => applyMediaSequenceVars,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
   applySequenceVars: () => applySequenceVars,
   changeLightness: () => changeLightness,
   colorStringToRgbaArray: () => colorStringToRgbaArray,
@@ -1761,14 +1761,13 @@ var toCamelCase = (str) => {
 };
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
+  if ((0, import_utils3.isArray)(val))
+    return val;
   if ((0, import_utils3.isString)(val))
     return val.split(" ");
   if ((0, import_utils3.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils3.isNumber)(val))
-    return [val];
-  if ((0, import_utils3.isArray)(val))
-    return val;
+    return Object.values(val);
+  return [val];
 };
 
 // src/factory.js
@@ -2210,7 +2209,7 @@ var setVariables = (result, key) => {
     CSS_VARS2[result.var] = result.value;
   }
 };
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -2231,7 +2230,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -2263,7 +2262,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/set.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1737,14 +1737,13 @@ var import_utils3 = __toESM(require_cjs());
 // ../utils/src/index.js
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
+  if ((0, import_utils4.isArray)(val))
+    return val;
   if ((0, import_utils4.isString)(val))
     return val.split(" ");
   if ((0, import_utils4.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils4.isNumber)(val))
-    return [val];
-  if ((0, import_utils4.isArray)(val))
-    return val;
+    return Object.values(val);
+  return [val];
 };
 
 // src/utils/sequence.js
@@ -1955,7 +1954,7 @@ var findHeadings = (propertyNames) => {
 
 // src/utils/var.js
 var import_utils7 = __toESM(require_cjs(), 1);
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -1976,7 +1975,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -2008,7 +2007,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/system/color.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/system/document.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/system/font.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1384,14 +1384,13 @@ var import_utils = __toESM(require_cjs());
 
 // ../utils/src/index.js
 var arrayzeValue = (val) => {
+  if ((0, import_utils2.isArray)(val))
+    return val;
   if ((0, import_utils2.isString)(val))
     return val.split(" ");
   if ((0, import_utils2.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils2.isNumber)(val))
-    return [val];
-  if ((0, import_utils2.isArray)(val))
-    return val;
+    return Object.values(val);
+  return [val];
 };
 
 // src/factory.js

package/dist/cjs/system/index.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1760,14 +1760,13 @@ var toCamelCase = (str) => {
 };
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
+  if ((0, import_utils4.isArray)(val))
+    return val;
   if ((0, import_utils4.isString)(val))
     return val.split(" ");
   if ((0, import_utils4.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils4.isNumber)(val))
-    return [val];
-  if ((0, import_utils4.isArray)(val))
-    return val;
+    return Object.values(val);
+  return [val];
 };
 
 // src/utils/sequence.js
@@ -1978,7 +1977,7 @@ var findHeadings = (propertyNames) => {
 
 // src/utils/var.js
 var import_utils7 = __toESM(require_cjs(), 1);
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -1999,7 +1998,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -2031,7 +2030,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/system/reset.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/system/shadow.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1702,14 +1702,13 @@ var import_utils3 = __toESM(require_cjs());
 // ../utils/src/index.js
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
+  if ((0, import_utils4.isArray)(val))
+    return val;
   if ((0, import_utils4.isString)(val))
     return val.split(" ");
   if ((0, import_utils4.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils4.isNumber)(val))
-    return [val];
-  if ((0, import_utils4.isArray)(val))
-    return val;
+    return Object.values(val);
+  return [val];
 };
 
 // src/utils/sequence.js

package/dist/cjs/system/spacing.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1384,14 +1384,13 @@ var import_utils = __toESM(require_cjs());
 // ../utils/src/index.js
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
+  if ((0, import_utils2.isArray)(val))
+    return val;
   if ((0, import_utils2.isString)(val))
     return val.split(" ");
   if ((0, import_utils2.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils2.isNumber)(val))
-    return [val];
-  if ((0, import_utils2.isArray)(val))
-    return val;
+    return Object.values(val);
+  return [val];
 };
 
 // src/system/spacing.js
@@ -1817,7 +1816,7 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
 
 // src/utils/var.js
 var import_utils7 = __toESM(require_cjs(), 1);
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -1838,7 +1837,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -1870,7 +1869,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/system/svg.js

@@ -688,7 +688,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/system/theme.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/system/timing.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1809,7 +1809,7 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
 
 // src/utils/var.js
 var import_utils7 = __toESM(require_cjs(), 1);
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -1830,7 +1830,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];

package/dist/cjs/system/typography.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1816,7 +1816,7 @@ var findHeadings = (propertyNames) => {
 
 // src/utils/var.js
 var import_utils7 = __toESM(require_cjs(), 1);
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -1837,7 +1837,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -1869,7 +1869,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/transforms/index.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1715,14 +1715,13 @@ var toCamelCase = (str) => {
 };
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
+  if ((0, import_utils4.isArray)(val))
+    return val;
   if ((0, import_utils4.isString)(val))
     return val.split(" ");
   if ((0, import_utils4.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils4.isNumber)(val))
-    return [val];
-  if ((0, import_utils4.isArray)(val))
-    return val;
+    return Object.values(val);
+  return [val];
 };
 
 // src/utils/sequence.js

package/dist/cjs/utils/color.js

@@ -688,7 +688,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/utils/index.js

@@ -688,7 +688,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1369,8 +1369,8 @@ var require_cjs2 = __commonJS({
 // src/utils/index.js
 var utils_exports = {};
 __export(utils_exports, {
-  applyGlobalVars: () => applyGlobalVars,
   applyMediaSequenceVars: () => applyMediaSequenceVars,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
   applySequenceVars: () => applySequenceVars,
   changeLightness: () => changeLightness,
   colorStringToRgbaArray: () => colorStringToRgbaArray,
@@ -2060,7 +2060,7 @@ var setVariables = (result, key) => {
     CSS_VARS2[result.var] = result.value;
   }
 };
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -2081,7 +2081,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -2113,7 +2113,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/utils/sequence.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/utils/sprite.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {

package/dist/cjs/utils/var.js

@@ -652,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1333,8 +1333,8 @@ var require_cjs = __commonJS({
 // src/utils/var.js
 var var_exports = {};
 __export(var_exports, {
-  applyGlobalVars: () => applyGlobalVars,
   applyMediaSequenceVars: () => applyMediaSequenceVars,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
   applySequenceVars: () => applySequenceVars,
   setVariables: () => setVariables
 });
@@ -1587,7 +1587,7 @@ var setVariables = (result, key) => {
     CSS_VARS2[result.var] = result.value;
   }
 };
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -1608,7 +1608,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -1640,7 +1640,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.247",
+  "version": "2.11.255",
   "files": [
     "src",
     "dist"
@@ -29,5 +29,5 @@
     "@symbo.ls/utils": "latest",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "8d02fd2978b0ae207eab84fcb3f5e2be11351e61"
+  "gitHead": "789077788ae862a474a34ae9d8844186c44624c1"
 }

package/src/system/font.js

@@ -18,6 +18,7 @@ export const setFont = (val, key) => {
   const fontFace = val[0]
     ? getFontFaceEach(key, val)
     : setCustomFontMedia(key, val.url)
+
   return { var: CSSvar, value: val, fontFace }
 }
 

package/src/utils/var.js

@@ -16,7 +16,7 @@ export const setVariables = (result, key) => {
   }
 }
 
-export const applyGlobalVars = (vars, obj, options) => {
+export const applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG = getActiveConfig()
   const { UNIT } = CONFIG
   const unit = obj.unit || UNIT.default
@@ -44,7 +44,7 @@ export const applySequenceVars = (FACTORY, options = {}) => {
   const { mediaRegenerate, sequence, scales } = FACTORY
 
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS, FACTORY, options)
+    applySequenceGlobalVars(CSS_VARS, FACTORY, options)
   }
 
   for (const key in sequence) {
@@ -88,7 +88,7 @@ export const applyMediaSequenceVars = (FACTORY, media, options = {}) => {
   if (!mediaRegenerate) {
     let underMediaQuery = CSS_VARS[`@media ${query}`]
     if (!underMediaQuery) underMediaQuery = CSS_VARS[`@media ${query}`] = {}
-    applyGlobalVars(underMediaQuery, FACTORY[media], options)
+    applySequenceGlobalVars(underMediaQuery, FACTORY[media], options)
     return
   }