@symbo.ls/scratch 2.10.235 → 2.10.245

package/dist/cjs/defaultConfig/index.js

@@ -111,15 +111,25 @@ var FONT_FACE = {};
 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/defaultConfig/media.js

@@ -26,15 +26,25 @@ module.exports = __toCommonJS(media_exports);
 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/factory.js

@@ -949,15 +949,25 @@ var FONT_FACE = {};
 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/index.js

@@ -1016,8 +1016,7 @@ var colorStringToRgbaArray = (color) => {
         return;
       color = import_globals.window.getComputedStyle(elem).color;
       import_globals.document.body.removeChild(elem);
-    } else
-      console.warn("Color conversion failed, no document or window object found");
+    }
   }
   if (color.indexOf("rgb") === 0) {
     if (color.indexOf("rgba") === -1)
@@ -1288,15 +1287,25 @@ var FONT_FACE = {};
 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/set.js

@@ -976,15 +976,25 @@ var FONT_FACE = {};
 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"
@@ -1125,8 +1135,7 @@ var colorStringToRgbaArray = (color) => {
         return;
       color = import_globals.window.getComputedStyle(elem).color;
       import_globals.document.body.removeChild(elem);
-    } else
-      console.warn("Color conversion failed, no document or window object found");
+    }
   }
   if (color.indexOf("rgb") === 0) {
     if (color.indexOf("rgba") === -1)

package/dist/cjs/system/color.js

@@ -949,15 +949,25 @@ var FONT_FACE = {};
 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"
@@ -1098,8 +1108,7 @@ var colorStringToRgbaArray = (color) => {
         return;
       color = import_globals.window.getComputedStyle(elem).color;
       import_globals.document.body.removeChild(elem);
-    } else
-      console.warn("Color conversion failed, no document or window object found");
+    }
   }
   if (color.indexOf("rgb") === 0) {
     if (color.indexOf("rgba") === -1)

package/dist/cjs/system/document.js

@@ -947,15 +947,25 @@ var FONT_FACE = {};
 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/system/font.js

@@ -965,15 +965,25 @@ var FONT_FACE = {};
 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/system/index.js

@@ -972,15 +972,25 @@ var FONT_FACE = {};
 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"
@@ -1121,8 +1131,7 @@ var colorStringToRgbaArray = (color) => {
         return;
       color = import_globals.window.getComputedStyle(elem).color;
       import_globals.document.body.removeChild(elem);
-    } else
-      console.warn("Color conversion failed, no document or window object found");
+    }
   }
   if (color.indexOf("rgb") === 0) {
     if (color.indexOf("rgba") === -1)

package/dist/cjs/system/reset.js

@@ -947,15 +947,25 @@ var FONT_FACE = {};
 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/system/spacing.js

@@ -968,15 +968,25 @@ var FONT_FACE = {};
 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/system/svg.js

@@ -962,15 +962,25 @@ var FONT_FACE = {};
 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/system/theme.js

@@ -949,15 +949,25 @@ var FONT_FACE = {};
 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/system/timing.js

@@ -962,15 +962,25 @@ var FONT_FACE = {};
 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/system/typography.js

@@ -950,15 +950,25 @@ var FONT_FACE = {};
 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/color.js

@@ -115,8 +115,7 @@ var colorStringToRgbaArray = (color) => {
         return;
       color = import_globals.window.getComputedStyle(elem).color;
       import_globals.document.body.removeChild(elem);
-    } else
-      console.warn("Color conversion failed, no document or window object found");
+    }
   }
   if (color.indexOf("rgb") === 0) {
     if (color.indexOf("rgba") === -1)

package/dist/cjs/utils/index.js

@@ -915,8 +915,7 @@ var colorStringToRgbaArray = (color) => {
         return;
       color = import_globals.window.getComputedStyle(elem).color;
       import_globals.document.body.removeChild(elem);
-    } else
-      console.warn("Color conversion failed, no document or window object found");
+    }
   }
   if (color.indexOf("rgb") === 0) {
     if (color.indexOf("rgba") === -1)
@@ -1174,15 +1173,25 @@ var FONT_FACE = {};
 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/sequence.js

@@ -962,15 +962,25 @@ var FONT_FACE = {};
 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

@@ -947,15 +947,25 @@ var FONT_FACE = {};
 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/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.10.235",
+  "version": "2.10.245",
   "files": [
     "src",
     "dist"
@@ -32,5 +32,5 @@
   "peerDependencies": {
     "@emotion/css": "^11.5.0"
   },
-  "gitHead": "74059cde606e629bc07411cf0ed71cc204056d3a"
+  "gitHead": "779c21d9c24e5accb881506303cd25ab7e1c944c"
 }

package/src/defaultConfig/media.js

@@ -4,15 +4,25 @@ 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/color.js

@@ -31,7 +31,7 @@ export const colorStringToRgbaArray = color => {
       if (elem.style.color === flag || elem.style.color === '') return // color parse failed
       color = window.getComputedStyle(elem).color
       document.body.removeChild(elem)
-    } else console.warn('Color conversion failed, no document or window object found')
+    }
   }
 
   // convert 'rgb(R,G,B)' to 'rgb(R,G,B,A)' which looks awful but will pass the regxep below

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 symbo.ls
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.