@symbo.ls/scratch 2.11.239 → 2.11.249

package/dist/cjs/utils/sequence.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber,
+      isNumber: () => isNumber2,
       isObject: () => isObject4,
       isObjectLike: () => isObjectLike,
       isString: () => isString3,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString3 = (arg) => typeof arg === "string";
-    var isNumber = (arg) => typeof arg === "number";
+    var isNumber2 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject4(arg) || isObjectLike(arg) || isString3(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject4(arg) || isObjectLike(arg) || isString3(arg) || isNumber2(arg) || isFunction(arg) || isArray3(arg) || isObjectLike(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject4,
       string: isString3,
       date: isDate,
-      number: isNumber,
+      number: isNumber2,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike,
@@ -1456,26 +1456,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/utils/sprite.js

@@ -1438,26 +1438,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/utils/var.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber,
+      isNumber: () => isNumber2,
       isObject: () => isObject4,
       isObjectLike: () => isObjectLike2,
       isString: () => isString3,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString3 = (arg) => typeof arg === "string";
-    var isNumber = (arg) => typeof arg === "number";
+    var isNumber2 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject4(arg) || isObjectLike2(arg) || isString3(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject4(arg) || isObjectLike2(arg) || isString3(arg) || isNumber2(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject4,
       string: isString3,
       date: isDate,
-      number: isNumber,
+      number: isNumber2,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike2,
@@ -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
 });
@@ -1440,26 +1440,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"
@@ -1607,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;
@@ -1628,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];
@@ -1660,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.239",
+  "version": "2.11.249",
   "files": [
     "src",
     "dist"
@@ -29,5 +29,5 @@
     "@symbo.ls/utils": "latest",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "41a7706e6ed0e20fce89aa1a0ed4975f7aa92aac"
+  "gitHead": "9c800fdfdff5d9a49083e7d4f849189a35b8054c"
 }

package/src/defaultConfig/media.js

@@ -3,27 +3,6 @@
 export const MEDIA = {
   tv: '(min-width: 2780px)',
 
-  screenL: '(max-width: 1920px)',
-  'screenL<': '(min-width: 1920px)',
-  screenM: '(max-width: 1680px)',
-  'screenM<': '(min-width: 1680px)',
-  screenS: '(max-width: 1440px)',
-  'screenS<': '(min-width: 1440px)',
-  tabletL: '(max-width: 1366px)',
-  'tabletL<': '(min-width: 1366px)',
-  tabletM: '(max-width: 1280px)',
-  'tabletM<': '(min-width: 1280px)',
-  tabletS: '(max-width: 1024px)',
-  'tabletS<': '(min-width: 1024px)',
-  mobileL: '(max-width: 768px)',
-  'mobileL<': '(min-width: 768px)',
-  mobileM: '(max-width: 560px)',
-  'mobileM<': '(min-width: 560px)',
-  mobileS: '(max-width: 480px)',
-  'mobileS<': '(min-width: 480px)',
-  mobileXS: '(max-width: 375px)',
-  'mobileXS<': '(min-width: 375px)',
-
   light: '(prefers-color-scheme: light)',
   dark: '(prefers-color-scheme: dark)',
 

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
   }