@symbo.ls/scratch 2.11.125 → 2.11.131

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.125",
+  "version": "2.11.131",
   "files": [
     "src",
     "dist"
@@ -32,5 +32,5 @@
   "peerDependencies": {
     "@emotion/css": "^11.5.0"
   },
-  "gitHead": "baa36f3a07d4ea577fe641432ab3ca0432fb4915"
+  "gitHead": "8378c373c9854f76a8a1a5e9c2181402ec09d399"
 }

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.

package/dist/cjs/defaultConfig/animation.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/animation.js
-var animation_exports = {};
-__export(animation_exports, {
-  ANIMATION: () => ANIMATION
-});
-module.exports = __toCommonJS(animation_exports);
-var ANIMATION = {};

package/dist/cjs/defaultConfig/cases.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/cases.js
-var cases_exports = {};
-__export(cases_exports, {
-  CASES: () => CASES
-});
-module.exports = __toCommonJS(cases_exports);
-var CASES = {};

package/dist/cjs/defaultConfig/color.js

@@ -1,28 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/color.js
-var color_exports = {};
-__export(color_exports, {
-  COLOR: () => COLOR,
-  GRADIENT: () => GRADIENT
-});
-module.exports = __toCommonJS(color_exports);
-var COLOR = {};
-var GRADIENT = {};

package/dist/cjs/defaultConfig/document.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/document.js
-var document_exports = {};
-__export(document_exports, {
-  DOCUMENT: () => DOCUMENT
-});
-module.exports = __toCommonJS(document_exports);
-var DOCUMENT = {};

package/dist/cjs/defaultConfig/font-family.js

@@ -1,34 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/font-family.js
-var font_family_exports = {};
-__export(font_family_exports, {
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES
-});
-module.exports = __toCommonJS(font_family_exports);
-var FONT_FAMILY = {};
-var FONT_FAMILY_TYPES = {
-  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
-  serif: "Times New Roman, Georgia, serif, --system-default",
-  monospace: "Courier New, monospace, --system-default"
-};
-var FONT_FACE = {};

package/dist/cjs/defaultConfig/font.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/font.js
-var font_exports = {};
-__export(font_exports, {
-  FONT: () => FONT
-});
-module.exports = __toCommonJS(font_exports);
-var FONT = {};

package/dist/cjs/defaultConfig/icons.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/icons.js
-var icons_exports = {};
-__export(icons_exports, {
-  ICONS: () => ICONS
-});
-module.exports = __toCommonJS(icons_exports);
-var ICONS = {};

package/dist/cjs/defaultConfig/index.js

@@ -1,221 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/index.js
-var defaultConfig_exports = {};
-__export(defaultConfig_exports, {
-  ANIMATION: () => ANIMATION,
-  BREAKPOINTS: () => BREAKPOINTS,
-  CASES: () => CASES,
-  COLOR: () => COLOR,
-  DEVICES: () => DEVICES,
-  DOCUMENT: () => DOCUMENT,
-  FONT: () => FONT,
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
-  GRADIENT: () => GRADIENT,
-  ICONS: () => ICONS,
-  MEDIA: () => MEDIA,
-  RESET: () => RESET,
-  SEQUENCE: () => SEQUENCE,
-  SPACING: () => SPACING,
-  SVG: () => SVG,
-  SVG_DATA: () => SVG_DATA,
-  TEMPLATES: () => TEMPLATES,
-  THEME: () => THEME,
-  TIMING: () => TIMING,
-  TYPOGRAPHY: () => TYPOGRAPHY,
-  UNIT: () => UNIT
-});
-module.exports = __toCommonJS(defaultConfig_exports);
-
-// src/defaultConfig/sequence.js
-var SEQUENCE = {
-  "minor-second": 1.067,
-  "major-second": 1.125,
-  "minor-third": 1.2,
-  "major-third": 1.25,
-  "perfect-fourth": 1.333,
-  "augmented-fourth": 1.414,
-  "perfect-fifth": 1.5,
-  "minor-sixth": 1.6,
-  phi: 1.618,
-  // golden-ratio
-  "major-sixth": 1.667,
-  "square-root-3": 1.732,
-  // theodorus
-  "minor-seventh": 1.778,
-  "major-seventh": 1.875,
-  octave: 2,
-  "square-root-5": 2.23,
-  // pythagoras
-  "major-tenth": 2.5,
-  "major-eleventh": 2.667,
-  "major-twelfth": 3,
-  pi: 3.14,
-  // archimedes
-  "double-octave": 4
-};
-
-// src/defaultConfig/unit.js
-var UNIT = {
-  default: "em"
-};
-
-// src/defaultConfig/typography.js
-var defaultProps = {
-  browserDefault: 16,
-  base: 16,
-  type: "font-size",
-  ratio: SEQUENCE["minor-third"],
-  range: [-3, 12],
-  h1Matches: 6,
-  lineHeight: 1.5,
-  subSequence: true,
-  unit: "em",
-  templates: {},
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TYPOGRAPHY = defaultProps;
-
-// src/defaultConfig/font.js
-var FONT = {};
-
-// src/defaultConfig/font-family.js
-var FONT_FAMILY = {};
-var FONT_FAMILY_TYPES = {
-  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
-  serif: "Times New Roman, Georgia, serif, --system-default",
-  monospace: "Courier New, monospace, --system-default"
-};
-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"
-};
-
-// src/defaultConfig/spacing.js
-var defaultProps2 = {
-  base: TYPOGRAPHY.base,
-  type: "spacing",
-  ratio: SEQUENCE.phi,
-  range: [-5, 15],
-  subSequence: true,
-  unit: "em",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var SPACING = defaultProps2;
-
-// src/defaultConfig/color.js
-var COLOR = {};
-var GRADIENT = {};
-
-// src/defaultConfig/theme.js
-var THEME = {};
-
-// src/defaultConfig/icons.js
-var ICONS = {};
-
-// src/defaultConfig/timing.js
-var defaultProps3 = {
-  default: 150,
-  base: 150,
-  type: "timing",
-  ratio: SEQUENCE["perfect-fourth"],
-  range: [-3, 12],
-  unit: "ms",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TIMING = defaultProps3;
-
-// src/defaultConfig/document.js
-var DOCUMENT = {};
-
-// src/defaultConfig/responsive.js
-var BREAKPOINTS = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-};
-var DEVICES = {
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 978],
-  tabletL: [1366, 926],
-  tabletM: [1280, 768],
-  tabletS: [1024, 768],
-  mobileL: [768, 375],
-  mobileM: [560, 768],
-  mobileS: [480, 768],
-  mobileXS: [375, 768]
-};
-
-// src/defaultConfig/cases.js
-var CASES = {};
-
-// src/defaultConfig/animation.js
-var ANIMATION = {};
-
-// src/defaultConfig/svg.js
-var SVG = {};
-var SVG_DATA = {};
-
-// src/defaultConfig/templates.js
-var TEMPLATES = {};
-
-// src/defaultConfig/index.js
-var RESET = {};

package/dist/cjs/defaultConfig/media.js

@@ -1,51 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/media.js
-var media_exports = {};
-__export(media_exports, {
-  MEDIA: () => MEDIA
-});
-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/defaultConfig/responsive.js

@@ -1,50 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/responsive.js
-var responsive_exports = {};
-__export(responsive_exports, {
-  BREAKPOINTS: () => BREAKPOINTS,
-  DEVICES: () => DEVICES
-});
-module.exports = __toCommonJS(responsive_exports);
-var BREAKPOINTS = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-};
-var DEVICES = {
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 978],
-  tabletL: [1366, 926],
-  tabletM: [1280, 768],
-  tabletS: [1024, 768],
-  mobileL: [768, 375],
-  mobileM: [560, 768],
-  mobileS: [480, 768],
-  mobileXS: [375, 768]
-};

package/dist/cjs/defaultConfig/sequence.js

@@ -1,51 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/defaultConfig/sequence.js
-var sequence_exports = {};
-__export(sequence_exports, {
-  SEQUENCE: () => SEQUENCE
-});
-module.exports = __toCommonJS(sequence_exports);
-var SEQUENCE = {
-  "minor-second": 1.067,
-  "major-second": 1.125,
-  "minor-third": 1.2,
-  "major-third": 1.25,
-  "perfect-fourth": 1.333,
-  "augmented-fourth": 1.414,
-  "perfect-fifth": 1.5,
-  "minor-sixth": 1.6,
-  phi: 1.618,
-  // golden-ratio
-  "major-sixth": 1.667,
-  "square-root-3": 1.732,
-  // theodorus
-  "minor-seventh": 1.778,
-  "major-seventh": 1.875,
-  octave: 2,
-  "square-root-5": 2.23,
-  // pythagoras
-  "major-tenth": 2.5,
-  "major-eleventh": 2.667,
-  "major-twelfth": 3,
-  pi: 3.14,
-  // archimedes
-  "double-octave": 4
-};