@symbo.ls/scratch 3.14.0 → 3.14.2

package/dist/esm/defaultConfig/document.js

@@ -1,4 +0,0 @@
-const document = {};
-export {
-  document
-};

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

@@ -1,18 +0,0 @@
-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 = {};
-export {
-  fontFace,
-  fontFamily,
-  fontFamilyTypes
-};

package/dist/esm/defaultConfig/font.js

@@ -1,13 +0,0 @@
-var defFont = {
-  // eslint-disable-line
-  name: "",
-  url: "",
-  fontStyle: "",
-  fontWeight: 500,
-  fontStretch: "normal",
-  fontOpticalSizing: "auto"
-};
-const font = {};
-export {
-  font
-};

package/dist/esm/defaultConfig/grid.js

@@ -1,5 +0,0 @@
-const defaultProps = {};
-const grid = defaultProps;
-export {
-  grid
-};

package/dist/esm/defaultConfig/icons.js

@@ -1,6 +0,0 @@
-const icons = {};
-const semanticIcons = {};
-export {
-  icons,
-  semanticIcons
-};

package/dist/esm/defaultConfig/index.js

@@ -1,25 +0,0 @@
-export * from "./sequence.js";
-export * from "./unit.js";
-export * from "./typography.js";
-export * from "./font.js";
-export * from "./font-family.js";
-export * from "./media.js";
-export * from "./spacing.js";
-export * from "./color.js";
-export * from "./theme.js";
-export * from "./shadow.js";
-export * from "./icons.js";
-export * from "./timing.js";
-export * from "./document.js";
-export * from "./responsive.js";
-export * from "./animation.js";
-export * from "./svg.js";
-export * from "./templates.js";
-export * from "./grid.js";
-export * from "./class.js";
-const reset = {};
-const vars = {};
-export {
-  reset,
-  vars
-};

package/dist/esm/defaultConfig/media.js

@@ -1,9 +0,0 @@
-const media = {
-  tv: "(min-width: 2780px)",
-  light: "(prefers-color-scheme: light)",
-  dark: "(prefers-color-scheme: dark)",
-  print: "print"
-};
-export {
-  media
-};

package/dist/esm/defaultConfig/responsive.js

@@ -1,30 +0,0 @@
-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]
-};
-export {
-  breakpoints,
-  devices
-};

package/dist/esm/defaultConfig/sequence.js

@@ -1,29 +0,0 @@
-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
-};
-export {
-  sequence
-};

package/dist/esm/defaultConfig/shadow.js

@@ -1,4 +0,0 @@
-const shadow = {};
-export {
-  shadow
-};

package/dist/esm/defaultConfig/spacing.js

@@ -1,18 +0,0 @@
-import { sequence } from "./sequence.js";
-import { typography } from "./typography.js";
-const defaultProps = {
-  base: typography.base,
-  type: "spacing",
-  ratio: sequence.phi,
-  range: [-5, 15],
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-const spacing = defaultProps;
-export {
-  spacing
-};

package/dist/esm/defaultConfig/svg.js

@@ -1,6 +0,0 @@
-const svg = {};
-const svgData = {};
-export {
-  svg,
-  svgData
-};

package/dist/esm/defaultConfig/templates.js

@@ -1,4 +0,0 @@
-const templates = {};
-export {
-  templates
-};

package/dist/esm/defaultConfig/theme.js

@@ -1,16 +0,0 @@
-const themeA = {
-  // eslint-disable-line no-unused-vars
-  text: "blue",
-  background: "white",
-  border: "black",
-  // .opacity(0.2),
-  active: {},
-  helpers: [],
-  themes: {},
-  inverse: {}
-  // schemeAInverse
-};
-const theme = {};
-export {
-  theme
-};

package/dist/esm/defaultConfig/timing.js

@@ -1,17 +0,0 @@
-import { sequence } from "./sequence.js";
-const defaultProps = {
-  default: 150,
-  base: 150,
-  type: "timing",
-  ratio: sequence["perfect-fourth"],
-  range: [-3, 12],
-  mediaRegenerate: false,
-  unit: "ms",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-const timing = defaultProps;
-export {
-  timing
-};

package/dist/esm/defaultConfig/typography.js

@@ -1,21 +0,0 @@
-import { sequence } from "./sequence.js";
-const defaultProps = {
-  browserDefault: 16,
-  base: 16,
-  type: "font-size",
-  ratio: sequence["minor-third"],
-  range: [-3, 12],
-  h1Matches: 6,
-  lineHeight: 1.5,
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  templates: {},
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-const typography = defaultProps;
-export {
-  typography
-};

package/dist/esm/defaultConfig/unit.js

@@ -1,6 +0,0 @@
-const unit = {
-  default: "em"
-};
-export {
-  unit
-};

package/dist/esm/factory.js

@@ -1,120 +0,0 @@
-import {
-  deepClone,
-  deepMerge,
-  isDefined,
-  isObject
-} from "@symbo.ls/utils";
-import * as CONF from "./defaultConfig/index.js";
-const cssVars = {};
-const cssMediaVars = {};
-const _CONF = CONF;
-const _confLower = {};
-const toCamel = (s) => s.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
-for (const key in _CONF) {
-  const lower = key.toLowerCase();
-  _confLower[lower] = _CONF[key];
-  const camel = toCamel(lower);
-  if (camel !== lower) _confLower[camel] = _CONF[key];
-  if (lower !== key) _confLower[key] = _CONF[key];
-}
-const CONFIG = {
-  verbose: false,
-  useVariable: true,
-  useReset: true,
-  globalTheme: "auto",
-  cssVars,
-  cssMediaVars,
-  CSS_VARS: cssVars,
-  CSS_MEDIA_VARS: cssMediaVars,
-  _scratchConfig: true,
-  ..._confLower
-};
-const cachedConfig = deepClone(CONFIG);
-const FACTORY = {
-  active: "0",
-  0: CONFIG
-};
-const activateConfig = (def) => {
-  if (isDefined(def)) {
-    FACTORY.active = def;
-  }
-  return FACTORY[def || FACTORY.active];
-};
-const configStack = [];
-const pushConfig = (config) => {
-  if (config && config._scratchConfig) configStack.push(config);
-};
-const popConfig = () => {
-  configStack.pop();
-};
-const getActiveConfig = (def) => {
-  if (configStack.length) return configStack[configStack.length - 1];
-  return FACTORY[def || FACTORY.active] || CONFIG;
-};
-const setActiveConfig = (newConfig) => {
-  if (!isObject(newConfig)) return;
-  FACTORY.active = "1";
-  FACTORY["1"] = deepMerge(newConfig, deepClone(cachedConfig));
-  return newConfig;
-};
-const APP_FLAGS = [
-  "useReset",
-  "useVariable",
-  "useFontImport",
-  "useIconSprite",
-  "useSvgSprite",
-  "useDocumentTheme",
-  "useDefaultIcons",
-  "useDefaultConfig",
-  "verbose",
-  "globalTheme"
-];
-const ALIAS_GROUPS = [
-  ["fontfamily", "fontFamily", "font_family"],
-  ["fontfamilytypes", "fontFamilyTypes"],
-  ["semanticicons", "semanticIcons"],
-  ["svgdata", "svgData"]
-];
-const aliasCaseVariants = (cfg) => {
-  for (const vs of ALIAS_GROUPS) {
-    let merged;
-    for (const v of vs) {
-      const val = cfg[v];
-      if (!isObject(val)) continue;
-      merged = merged ? deepMerge(val, merged) : val;
-    }
-    if (!merged) continue;
-    for (const v of vs) if (isObject(cfg[v])) cfg[v] = merged;
-  }
-};
-const createConfig = (name, overrides, { cleanBase = false } = {}) => {
-  const activeBase = cleanBase ? null : getActiveConfig();
-  const base = deepClone(
-    !cleanBase && activeBase && activeBase._scratchConfig ? activeBase : cachedConfig
-  );
-  for (const flag of APP_FLAGS) {
-    delete base[flag];
-  }
-  const cfg = deepMerge(overrides || {}, base);
-  cfg.cssVars = {};
-  cfg.cssMediaVars = {};
-  cfg.CSS_VARS = cfg.cssVars;
-  cfg.CSS_MEDIA_VARS = cfg.cssMediaVars;
-  cfg._scratchConfig = true;
-  aliasCaseVariants(cfg);
-  if (name) FACTORY[name] = cfg;
-  return cfg;
-};
-export {
-  CONFIG,
-  FACTORY,
-  activateConfig,
-  createConfig,
-  cssMediaVars,
-  cssVars,
-  getActiveConfig,
-  popConfig,
-  pushConfig,
-  setActiveConfig,
-  toCamel
-};

package/dist/esm/index.js

@@ -1,14 +0,0 @@
-import * as scratchUtils from "./utils/index.js";
-import * as scratchSystem from "./system/index.js";
-import * as scratchDefaultConfig from "./defaultConfig/index.js";
-export * from "./factory.js";
-export * from "./defaultConfig/index.js";
-export * from "./system/index.js";
-export * from "./utils/index.js";
-export * from "./transforms/index.js";
-export * from "./set.js";
-export {
-  scratchDefaultConfig,
-  scratchSystem,
-  scratchUtils
-};

package/dist/esm/set.js

@@ -1,280 +0,0 @@
-import { FACTORY, getActiveConfig, setActiveConfig, toCamel } from "./factory.js";
-import {
-  setColor,
-  setGradient,
-  setFont,
-  setFontFamily,
-  setTheme,
-  setSvgIcon,
-  setSVG,
-  applyTypographySequence,
-  applySpacingSequence,
-  applyReset,
-  applyTimingSequence,
-  applyDocument,
-  setShadow
-} from "./system/index.js";
-import { deepMerge, isObject, isArray } from "@symbo.ls/utils";
-const setVars = (val, key) => {
-  const CONFIG = getActiveConfig();
-  const { cssVars } = CONFIG;
-  const varName = key.startsWith("--") ? key : `--${key}`;
-  cssVars[varName] = val;
-  return val;
-};
-const asIs = (val) => val;
-const VALUE_TRANSFORMERS = {
-  color: setColor,
-  gradient: setGradient,
-  font: setFont,
-  fontFamily: setFontFamily,
-  fontfamily: setFontFamily,
-  theme: setTheme,
-  icons: setSvgIcon,
-  semanticIcons: asIs,
-  semanticicons: asIs,
-  svg: setSVG,
-  svgData: asIs,
-  typography: asIs,
-  shadow: setShadow,
-  spacing: asIs,
-  media: asIs,
-  grid: asIs,
-  class: asIs,
-  timing: asIs,
-  reset: asIs,
-  unit: asIs,
-  animation: asIs,
-  vars: setVars
-};
-const setValue = (factoryName, value, key) => {
-  const CONFIG = getActiveConfig();
-  const camelName = toCamel(factoryName);
-  const lowerName = camelName.toLowerCase();
-  const FACTORY2 = CONFIG[camelName] || CONFIG[lowerName] || CONFIG[factoryName];
-  const transformer = VALUE_TRANSFORMERS[camelName] || VALUE_TRANSFORMERS[lowerName];
-  if (transformer) {
-    try {
-      const result = transformer(value, key);
-      if (FACTORY2) FACTORY2[key] = result;
-      return FACTORY2;
-    } catch (error) {
-      if (CONFIG.verbose)
-        console.warn("Error setting", lowerName, "value", value, key, error);
-    }
-  }
-  if (CONFIG.verbose)
-    console.warn("Can not find", lowerName, "method in scratch");
-};
-const setEach = (factoryName, props) => {
-  const CONFIG = getActiveConfig();
-  const lowerName = factoryName.toLowerCase();
-  const keys = Object.keys(props).sort((a, b) => {
-    const aComposite = isObject(props[a]) || isArray(props[a]) ? 1 : 0;
-    const bComposite = isObject(props[b]) || isArray(props[b]) ? 1 : 0;
-    return aComposite - bComposite;
-  });
-  keys.forEach((key) => {
-    try {
-      return setValue(lowerName, props[key], key);
-    } catch (error) {
-      if (CONFIG.verbose)
-        console.warn(
-          "Error setting",
-          lowerName,
-          "value",
-          props[key],
-          key,
-          error
-        );
-    }
-  });
-  return CONFIG[lowerName] || CONFIG[factoryName];
-};
-const changeGlobalTheme = (newTheme, targetConfig) => {
-  const CONFIG = targetConfig || getActiveConfig();
-  CONFIG.globalTheme = newTheme;
-  const configDoc = CONFIG.document && CONFIG.document.documentElement ? CONFIG.document : null;
-  const targetDoc = configDoc || (typeof document !== "undefined" ? document : null);
-  const targetWin = targetDoc && targetDoc.defaultView || (typeof window !== "undefined" ? window : null);
-  if (targetDoc) {
-    const root = CONFIG.themeRoot || targetDoc.documentElement;
-    const forced = newTheme && newTheme !== "auto";
-    if (forced) {
-      root.setAttribute("data-theme", newTheme);
-      if (newTheme === "dark" || newTheme === "light") {
-        root.style.colorScheme = newTheme;
-      } else {
-        root.style.colorScheme = "light dark";
-      }
-    } else if (targetWin && targetWin.matchMedia) {
-      const apply = (mq2) => {
-        root.setAttribute("data-theme", mq2.matches ? "dark" : "light");
-      };
-      const mq = targetWin.matchMedia("(prefers-color-scheme: dark)");
-      apply(mq);
-      root.style.colorScheme = "light dark";
-      if (!CONFIG.__prefersListener) {
-        CONFIG.__prefersListener = apply;
-        try {
-          mq.addEventListener("change", apply);
-        } catch (e) {
-          mq.addListener(apply);
-        }
-      }
-    } else {
-      root.setAttribute("data-theme", "light");
-      root.style.colorScheme = "light";
-    }
-  }
-  const themeVarPrefix = CONFIG.varPrefix ? `--${CONFIG.varPrefix}-theme-` : "--theme-";
-  for (const key in CONFIG.cssVars) {
-    if (key.startsWith(themeVarPrefix)) delete CONFIG.cssVars[key];
-  }
-  for (const key in CONFIG.cssMediaVars) {
-    delete CONFIG.cssMediaVars[key];
-  }
-  if (targetDoc && CONFIG.cssVars) {
-    const targetSelector = CONFIG.scopeSelector || ":root";
-    const sheets = targetDoc.styleSheets;
-    for (let i = 0; i < sheets.length; i++) {
-      try {
-        const rules = sheets[i].cssRules;
-        for (let j = 0; j < rules.length; j++) {
-          if (rules[j].selectorText === targetSelector) {
-            for (const key in CONFIG.cssVars) {
-              rules[j].style.setProperty(key, CONFIG.cssVars[key]);
-            }
-            return CONFIG;
-          }
-        }
-      } catch (e) {
-      }
-    }
-  }
-  return CONFIG;
-};
-const SET_OPTIONS = {};
-const set = (recivedConfig, options = SET_OPTIONS) => {
-  let CONFIG = options.config || getActiveConfig();
-  const {
-    version,
-    verbose,
-    useVariable,
-    useReset,
-    useSvgSprite,
-    useFontImport,
-    useIconSprite,
-    globalTheme,
-    themeRoot,
-    useDocumentTheme,
-    useDefaultConfig,
-    semanticIcons,
-    files,
-    assets,
-    ...config
-  } = recivedConfig;
-  if (options.newConfig) {
-    CONFIG = setActiveConfig(options.newConfig);
-  }
-  if (files !== void 0) CONFIG.files = files;
-  if (assets !== void 0) CONFIG.assets = assets;
-  if (verbose !== void 0) CONFIG.verbose = verbose;
-  if (useVariable !== void 0) CONFIG.useVariable = useVariable;
-  if (useReset !== void 0) CONFIG.useReset = useReset;
-  if (useFontImport !== void 0) CONFIG.useFontImport = useFontImport;
-  if (useSvgSprite !== void 0) CONFIG.useSvgSprite = useSvgSprite;
-  if (useIconSprite !== void 0) CONFIG.useIconSprite = useIconSprite;
-  if (useDocumentTheme !== void 0) CONFIG.useDocumentTheme = useDocumentTheme;
-  if (globalTheme !== void 0) CONFIG.globalTheme = globalTheme;
-  if (themeRoot !== void 0) CONFIG.themeRoot = themeRoot;
-  if (recivedConfig.useThemeSuffixedVars !== void 0)
-    CONFIG.useThemeSuffixedVars = recivedConfig.useThemeSuffixedVars;
-  if (useDefaultConfig !== void 0) CONFIG.useDefaultConfig = useDefaultConfig;
-  if (semanticIcons !== void 0) CONFIG.semanticIcons = semanticIcons;
-  if (CONFIG.verbose) console.log(CONFIG);
-  const setConfigDoc = CONFIG.document && CONFIG.document.documentElement ? CONFIG.document : null;
-  const setTargetDoc = setConfigDoc || (typeof document !== "undefined" ? document : null);
-  const setTargetWin = setTargetDoc && setTargetDoc.defaultView || (typeof window !== "undefined" ? window : null);
-  const setRoot = setTargetDoc && (CONFIG.themeRoot || setTargetDoc.documentElement);
-  if (setRoot && typeof setRoot.setAttribute === "function") {
-    const forced = CONFIG.globalTheme && CONFIG.globalTheme !== "auto";
-    if (forced) {
-      setRoot.setAttribute("data-theme", CONFIG.globalTheme);
-      if (CONFIG.globalTheme === "dark" || CONFIG.globalTheme === "light") {
-        setRoot.style.colorScheme = CONFIG.globalTheme;
-      } else {
-        setRoot.style.colorScheme = "light dark";
-      }
-    } else if (setTargetWin && setTargetWin.matchMedia) {
-      const apply = (mq2) => {
-        setRoot.setAttribute("data-theme", mq2.matches ? "dark" : "light");
-      };
-      const mq = setTargetWin.matchMedia("(prefers-color-scheme: dark)");
-      apply(mq);
-      setRoot.style.colorScheme = "light dark";
-      if (!CONFIG.__prefersListener) {
-        CONFIG.__prefersListener = apply;
-        try {
-          mq.addEventListener("change", apply);
-        } catch (e) {
-          mq.addListener(apply);
-        }
-      }
-    } else {
-      setRoot.setAttribute("data-theme", "light");
-      setRoot.style.colorScheme = "light";
-    }
-  }
-  if (!CONFIG.__svgCache) CONFIG.__svgCache = {};
-  const keys = Object.keys(config);
-  const keySet = new Set(keys);
-  keys.forEach((key) => {
-    const lower = key.toLowerCase();
-    if (lower !== key && keySet.has(lower)) {
-      deepMerge(config[lower], config[key]);
-    }
-  });
-  keys.map((key) => {
-    const lower = key.toLowerCase();
-    if (lower !== key && keySet.has(lower)) return;
-    return setEach(key, config[key]);
-  });
-  if (CONFIG.varPrefix) {
-    if (CONFIG.typography) CONFIG.typography.varPrefix = CONFIG.varPrefix;
-    if (CONFIG.spacing) CONFIG.spacing.varPrefix = CONFIG.varPrefix;
-    if (CONFIG.timing) CONFIG.timing.varPrefix = CONFIG.varPrefix;
-  }
-  if (config.typography) {
-    try {
-      applyTypographySequence();
-    } catch (e) {
-      if (CONFIG.verbose) console.warn("Error applying typography sequence", e);
-    }
-  }
-  if (config.spacing) {
-    try {
-      applySpacingSequence();
-    } catch (e) {
-      if (CONFIG.verbose) console.warn("Error applying spacing sequence", e);
-    }
-  }
-  if (config.timing) {
-    try {
-      applyTimingSequence();
-    } catch (e) {
-      if (CONFIG.verbose) console.warn("Error applying timing sequence", e);
-    }
-  }
-  applyDocument();
-  const computedReset = applyReset();
-  if (computedReset) CONFIG.reset = computedReset;
-  return CONFIG;
-};
-export {
-  VALUE_TRANSFORMERS,
-  changeGlobalTheme,
-  set,
-  setEach,
-  setValue
-};