@symbo.ls/scratch 3.14.0 → 3.14.2

package/README.md

@@ -1,6 +1,6 @@
 # Scratch framework
 
-Design system factory for Symbols. Receives a configuration and outputs resolved design tokens (colors, themes, fonts, spacing, media queries). In v4, Scratch feeds into the atomic CSS engine (`@symbo.ls/css`) for class generation.
+Design system factory for Symbols. Receives a configuration and outputs resolved design tokens (colors, themes, fonts, spacing, media queries). In v3.14, Scratch feeds into the atomic CSS engine (`@symbo.ls/css`) for class generation.
 
 [![npm version](https://badge.fury.io/js/%40rackai%2Fscratch.svg)](https://badge.fury.io/js/%40rackai%2Fscratch)
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "3.14.0",
+  "version": "3.14.2",
   "files": [
     "dist",
     "*.js",
@@ -31,7 +31,7 @@
     "prepublish": "npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@symbo.ls/utils": "^3.14.0",
+    "@symbo.ls/utils": "^3.14.2",
     "color-contrast-checker": "^1.5.0"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",

package/src/utils/sprite.js

@@ -20,10 +20,10 @@ export const generateSprite = (icons) => {
 }
 
 const parseRootAttributes = (htmlString) => {
-  const val = htmlString.default || htmlString
+  const val = htmlString && (htmlString.default || htmlString)
   if (!isString(val)) {
     if (isDev) console.warn('parseRootAttributes:', val, 'is not a string')
-    return
+    return {}  // empty attrs — caller destructures `width`/`height`, must not crash
   }
 
   const match = val.match(/<svg\s+(.*?)>/)
@@ -35,6 +35,7 @@ const parseRootAttributes = (htmlString) => {
   const attrs = attrString.match(
     /(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm
   )
+  if (!attrs) return {}  // attr regex sometimes returns null on minimal SVG; same safety
   return attrs.reduce((acc, attr) => {
     const [key, value] = attr.split('=')
     acc[key] = value.replace(/['"]/g, '')
@@ -42,18 +43,34 @@ const parseRootAttributes = (htmlString) => {
   }, {})
 }
 
+// Rewrite every internal id="…" + url(#…) reference inside an SVG body
+// with a deterministic suffix derived from the symbol key + the original
+// id. Same input SVG + same key → same output, every render.
+//
+// Previous behavior had three bugs that compounded:
+//   1. `idRegex` had no `g` flag, so `.replace(idRegex, …)` only swapped
+//      the FIRST `id="…"` match. SVGs with multiple ids (filters,
+//      gradients, masks, clipPaths) lost references.
+//   2. `Math.random()` was the per-iteration suffix, so the same SVG got
+//      different ids on every call → SSR-rendered DOM never matched the
+//      hydrate pass and one symbol's filter could fail to match its url().
+//   3. Each iteration reset `replacedCode = code` (instead of chaining),
+//      so even though the loop ran N times it only ever produced one
+//      single-id swap.
 const replaceIdsAndUrls = (code, key) => {
-  const idRegex = /id="([^"]*)"/
-  const urlRegex = /url\(#([^)]*)\)/g
-  const matches = code.match(/id="([^"]*)"/g)
+  const ids = []
+  code.replace(/id="([^"]*)"/g, (_, id) => { ids.push(id); return _ })
+  if (!ids.length) return code
+
   let replacedCode = code
-  if (isArray(matches)) {
-    matches.forEach(() => {
-      const randomKey = Math.floor(Math.random() * 100000)
-      replacedCode = code
-        .replace(idRegex, `id="${key}-${randomKey}"`)
-        .replace(urlRegex, `url(#${key}-${randomKey})`)
-    })
+  for (const origId of ids) {
+    const escaped = origId.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+    const newId = `${key}-${origId}`
+    replacedCode = replacedCode
+      .replace(new RegExp(`id="${escaped}"`, 'g'), `id="${newId}"`)
+      .replace(new RegExp(`url\\(#${escaped}\\)`, 'g'), `url(#${newId})`)
+      .replace(new RegExp(`xlink:href="#${escaped}"`, 'g'), `xlink:href="#${newId}"`)
+      .replace(new RegExp(`href="#${escaped}"`, 'g'), `href="#${newId}"`)
   }
   return replacedCode
 }

package/dist/cjs/defaultConfig/animation.js

@@ -1,24 +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);
-var animation_exports = {};
-__export(animation_exports, {
-  animation: () => animation
-});
-module.exports = __toCommonJS(animation_exports);
-const animation = {};

package/dist/cjs/defaultConfig/cases.js

@@ -1,24 +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);
-var cases_exports = {};
-__export(cases_exports, {
-  cases: () => cases
-});
-module.exports = __toCommonJS(cases_exports);
-const cases = {};

package/dist/cjs/defaultConfig/class.js

@@ -1,24 +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);
-var class_exports = {};
-__export(class_exports, {
-  class: () => defaultProps
-});
-module.exports = __toCommonJS(class_exports);
-const defaultProps = {};

package/dist/cjs/defaultConfig/color.js

@@ -1,31 +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);
-var color_exports = {};
-__export(color_exports, {
-  color: () => color,
-  gradient: () => gradient
-});
-module.exports = __toCommonJS(color_exports);
-var proto = {
-  // eslint-disable-line
-  name: "",
-  value: ""
-};
-const color = {};
-const gradient = {};

package/dist/cjs/defaultConfig/document.js

@@ -1,24 +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);
-var document_exports = {};
-__export(document_exports, {
-  document: () => document
-});
-module.exports = __toCommonJS(document_exports);
-const document = {};

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

@@ -1,38 +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);
-var font_family_exports = {};
-__export(font_family_exports, {
-  fontFace: () => fontFace,
-  fontFamily: () => fontFamily,
-  fontFamilyTypes: () => fontFamilyTypes
-});
-module.exports = __toCommonJS(font_family_exports);
-var defaultFont = {
-  // eslint-disable-line
-  name: "",
-  family: "",
-  type: ""
-};
-const fontFamily = {};
-const fontFamilyTypes = {
-  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
-  serif: "Times New Roman, Georgia, serif, --system-default",
-  monospace: "Courier New, monospace, --system-default"
-};
-const fontFace = {};

package/dist/cjs/defaultConfig/font.js

@@ -1,33 +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);
-var font_exports = {};
-__export(font_exports, {
-  font: () => font
-});
-module.exports = __toCommonJS(font_exports);
-var defFont = {
-  // eslint-disable-line
-  name: "",
-  url: "",
-  fontStyle: "",
-  fontWeight: 500,
-  fontStretch: "normal",
-  fontOpticalSizing: "auto"
-};
-const font = {};

package/dist/cjs/defaultConfig/grid.js

@@ -1,25 +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);
-var grid_exports = {};
-__export(grid_exports, {
-  grid: () => grid
-});
-module.exports = __toCommonJS(grid_exports);
-const defaultProps = {};
-const grid = defaultProps;

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);
-var icons_exports = {};
-__export(icons_exports, {
-  icons: () => icons,
-  semanticIcons: () => semanticIcons
-});
-module.exports = __toCommonJS(icons_exports);
-const icons = {};
-const semanticIcons = {};

package/dist/cjs/defaultConfig/index.js

@@ -1,46 +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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var defaultConfig_exports = {};
-__export(defaultConfig_exports, {
-  reset: () => reset,
-  vars: () => vars
-});
-module.exports = __toCommonJS(defaultConfig_exports);
-__reExport(defaultConfig_exports, require("./sequence.js"), module.exports);
-__reExport(defaultConfig_exports, require("./unit.js"), module.exports);
-__reExport(defaultConfig_exports, require("./typography.js"), module.exports);
-__reExport(defaultConfig_exports, require("./font.js"), module.exports);
-__reExport(defaultConfig_exports, require("./font-family.js"), module.exports);
-__reExport(defaultConfig_exports, require("./media.js"), module.exports);
-__reExport(defaultConfig_exports, require("./spacing.js"), module.exports);
-__reExport(defaultConfig_exports, require("./color.js"), module.exports);
-__reExport(defaultConfig_exports, require("./theme.js"), module.exports);
-__reExport(defaultConfig_exports, require("./shadow.js"), module.exports);
-__reExport(defaultConfig_exports, require("./icons.js"), module.exports);
-__reExport(defaultConfig_exports, require("./timing.js"), module.exports);
-__reExport(defaultConfig_exports, require("./document.js"), module.exports);
-__reExport(defaultConfig_exports, require("./responsive.js"), module.exports);
-__reExport(defaultConfig_exports, require("./animation.js"), module.exports);
-__reExport(defaultConfig_exports, require("./svg.js"), module.exports);
-__reExport(defaultConfig_exports, require("./templates.js"), module.exports);
-__reExport(defaultConfig_exports, require("./grid.js"), module.exports);
-__reExport(defaultConfig_exports, require("./class.js"), module.exports);
-const reset = {};
-const vars = {};

package/dist/cjs/defaultConfig/media.js

@@ -1,29 +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);
-var media_exports = {};
-__export(media_exports, {
-  media: () => media
-});
-module.exports = __toCommonJS(media_exports);
-const media = {
-  tv: "(min-width: 2780px)",
-  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);
-var responsive_exports = {};
-__export(responsive_exports, {
-  breakpoints: () => breakpoints,
-  devices: () => devices
-});
-module.exports = __toCommonJS(responsive_exports);
-const breakpoints = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-};
-const devices = {
-  screenXXL: [2560, 1440],
-  screenXL: [2240, 1260],
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 720],
-  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,49 +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);
-var sequence_exports = {};
-__export(sequence_exports, {
-  sequence: () => sequence
-});
-module.exports = __toCommonJS(sequence_exports);
-const 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
-};

package/dist/cjs/defaultConfig/shadow.js

@@ -1,24 +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);
-var shadow_exports = {};
-__export(shadow_exports, {
-  shadow: () => shadow
-});
-module.exports = __toCommonJS(shadow_exports);
-const shadow = {};

package/dist/cjs/defaultConfig/spacing.js

@@ -1,38 +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);
-var spacing_exports = {};
-__export(spacing_exports, {
-  spacing: () => spacing
-});
-module.exports = __toCommonJS(spacing_exports);
-var import_sequence = require("./sequence.js");
-var import_typography = require("./typography.js");
-const defaultProps = {
-  base: import_typography.typography.base,
-  type: "spacing",
-  ratio: import_sequence.sequence.phi,
-  range: [-5, 15],
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-const spacing = defaultProps;

package/dist/cjs/defaultConfig/svg.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);
-var svg_exports = {};
-__export(svg_exports, {
-  svg: () => svg,
-  svgData: () => svgData
-});
-module.exports = __toCommonJS(svg_exports);
-const svg = {};
-const svgData = {};

package/dist/cjs/defaultConfig/templates.js

@@ -1,24 +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);
-var templates_exports = {};
-__export(templates_exports, {
-  templates: () => templates
-});
-module.exports = __toCommonJS(templates_exports);
-const templates = {};