@symbo.ls/scratch 3.14.0 → 3.14.2

package/dist/cjs/system/theme.js

@@ -1,496 +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 theme_exports = {};
-__export(theme_exports, {
-  getMediaTheme: () => getMediaTheme,
-  getTheme: () => getTheme,
-  setMediaTheme: () => setMediaTheme,
-  setTheme: () => setTheme
-});
-module.exports = __toCommonJS(theme_exports);
-var import_color = require("./color.js");
-var import_factory = require("../factory.js");
-var import_color2 = require("../utils/color.js");
-var import_utils = require("@symbo.ls/utils");
-const CSS_NAMED_COLORS = /* @__PURE__ */ new Set([
-  "black",
-  "white",
-  "red",
-  "green",
-  "blue",
-  "yellow",
-  "orange",
-  "purple",
-  "pink",
-  "brown",
-  "gray",
-  "grey",
-  "cyan",
-  "magenta",
-  "lime",
-  "olive",
-  "navy",
-  "teal",
-  "aqua",
-  "maroon",
-  "silver",
-  "fuchsia",
-  "transparent",
-  "currentColor",
-  "currentcolor",
-  "inherit",
-  "initial",
-  "unset",
-  "none",
-  "aliceblue",
-  "antiquewhite",
-  "aquamarine",
-  "azure",
-  "beige",
-  "bisque",
-  "blanchedalmond",
-  "blueviolet",
-  "burlywood",
-  "cadetblue",
-  "chartreuse",
-  "chocolate",
-  "coral",
-  "cornflowerblue",
-  "cornsilk",
-  "crimson",
-  "darkblue",
-  "darkcyan",
-  "darkgoldenrod",
-  "darkgray",
-  "darkgreen",
-  "darkgrey",
-  "darkkhaki",
-  "darkmagenta",
-  "darkolivegreen",
-  "darkorange",
-  "darkorchid",
-  "darkred",
-  "darksalmon",
-  "darkseagreen",
-  "darkslateblue",
-  "darkslategray",
-  "darkslategrey",
-  "darkturquoise",
-  "darkviolet",
-  "deeppink",
-  "deepskyblue",
-  "dimgray",
-  "dimgrey",
-  "dodgerblue",
-  "firebrick",
-  "floralwhite",
-  "forestgreen",
-  "gainsboro",
-  "ghostwhite",
-  "gold",
-  "goldenrod",
-  "greenyellow",
-  "honeydew",
-  "hotpink",
-  "indianred",
-  "indigo",
-  "ivory",
-  "khaki",
-  "lavender",
-  "lavenderblush",
-  "lawngreen",
-  "lemonchiffon",
-  "lightblue",
-  "lightcoral",
-  "lightcyan",
-  "lightgoldenrodyellow",
-  "lightgray",
-  "lightgreen",
-  "lightgrey",
-  "lightpink",
-  "lightsalmon",
-  "lightseagreen",
-  "lightskyblue",
-  "lightslategray",
-  "lightslategrey",
-  "lightsteelblue",
-  "lightyellow",
-  "limegreen",
-  "linen",
-  "mediumaquamarine",
-  "mediumblue",
-  "mediumorchid",
-  "mediumpurple",
-  "mediumseagreen",
-  "mediumslateblue",
-  "mediumspringgreen",
-  "mediumturquoise",
-  "mediumvioletred",
-  "midnightblue",
-  "mintcream",
-  "mistyrose",
-  "moccasin",
-  "navajowhite",
-  "oldlace",
-  "olivedrab",
-  "orangered",
-  "orchid",
-  "palegoldenrod",
-  "palegreen",
-  "paleturquoise",
-  "palevioletred",
-  "papayawhip",
-  "peachpuff",
-  "peru",
-  "plum",
-  "powderblue",
-  "rosybrown",
-  "royalblue",
-  "saddlebrown",
-  "salmon",
-  "sandybrown",
-  "seagreen",
-  "seashell",
-  "sienna",
-  "skyblue",
-  "slateblue",
-  "slategray",
-  "slategrey",
-  "snow",
-  "springgreen",
-  "steelblue",
-  "tan",
-  "thistle",
-  "tomato",
-  "turquoise",
-  "violet",
-  "wheat",
-  "whitesmoke",
-  "yellowgreen",
-  "rebeccapurple"
-]);
-const COLOR_PARAM_TOKENS = ["color", "Color", "background", "Background", "fill", "Fill", "stroke", "Stroke"];
-const isColorParam = (param) => {
-  for (let i = 0; i < COLOR_PARAM_TOKENS.length; i++) {
-    if (param.includes(COLOR_PARAM_TOKENS[i])) return true;
-  }
-  return false;
-};
-const setThemeValue = (theme) => {
-  const value = {};
-  const { state, media, helpers, ...rest } = theme;
-  const keys = Object.keys(rest);
-  keys.map((key) => {
-    const conditions = ["color", "Color", "background", "border"];
-    const isColor = conditions.some((k) => key.includes(k));
-    return value[key] = isColor ? (0, import_color.getColor)(theme[key]) : theme[key];
-  });
-  return value;
-};
-const getThemeValue = (theme) => {
-  if (theme.value) return theme.value;
-  theme.value = setThemeValue(theme);
-  return theme.value;
-};
-const getTheme = (value, modifier) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (CONFIG.useVariable) return getMediaTheme(value, modifier);
-  const THEME = CONFIG.theme;
-  if ((0, import_utils.isString)(value)) {
-    const [theme, subtheme] = value.split(" ");
-    const isOurTheme = THEME[theme];
-    if (isOurTheme) {
-      if (!subtheme && !modifier) return getThemeValue(isOurTheme);
-      value = [theme, subtheme || modifier];
-    }
-  }
-  if ((0, import_utils.isObjectLike)(value) && value[1]) {
-    const themeName = value[0];
-    const subThemeName = value[1];
-    const { helpers, media, state } = THEME[themeName];
-    if (media && media[subThemeName]) return getThemeValue(media[subThemeName]);
-    if (helpers && helpers[subThemeName]) return getThemeValue(helpers[subThemeName]);
-    if (state && state[subThemeName]) return getThemeValue(state[subThemeName]);
-  } else if ((0, import_utils.isObject)(value)) return setThemeValue(value);
-};
-const setInverseTheme = (theme, variant, value) => {
-  if ((0, import_utils.isObject)(variant)) {
-    theme.variants.inverse.value = setThemeValue(variant);
-  } else if (variant === true) {
-    const { color, background } = value;
-    theme.variants.inverse = {
-      value: {
-        color: background,
-        background: color
-      }
-    };
-  }
-};
-const setPseudo = (theme, key, variant, themeValue) => {
-  const result = getTheme(variant);
-  themeValue[`&:${key}`] = result;
-  if ((0, import_utils.isObject)(variant) && !variant.value) variant.value = result;
-};
-const setSelectors = (theme, value) => {
-  const { state } = theme;
-  if (!state) return;
-  const keys = Object.keys(state);
-  keys.map((key) => {
-    const variant = state[key];
-    setPseudo(theme, key, variant, value);
-    return theme;
-  });
-  return theme;
-};
-const setPrefersScheme = (theme, key, variant, themeValue) => {
-  const result = getTheme(variant);
-  themeValue[`@media (prefers-color-scheme: ${key})`] = result;
-  if ((0, import_utils.isObject)(variant) && !variant.value) variant.value = result;
-};
-const setMedia = (theme, value) => {
-  const { media } = theme;
-  if (!media) return;
-  const keys = Object.keys(media);
-  keys.map((key) => {
-    const variant = media[key];
-    if (key === "dark" || key === "light") setPrefersScheme(theme, key, variant, value);
-    if (key === "inverse") setInverseTheme(theme, variant, value);
-    return theme;
-  });
-  return theme;
-};
-const setHelpers = (theme, value) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { helpers } = theme;
-  if (!helpers) return;
-  const keys = Object.keys(helpers);
-  keys.map((key) => {
-    const helper = helpers[key];
-    if ((0, import_utils.isString)(helper)) helpers[key] = CONFIG.theme[helper];
-    else getThemeValue(helpers[key]);
-    return theme;
-  });
-  return theme;
-};
-const setTheme = (val, key) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (CONFIG.useVariable) return setMediaTheme(val, key);
-  const { state, media, helpers } = val;
-  const value = setThemeValue(val, key);
-  const vp = CONFIG.varPrefix ? CONFIG.varPrefix + "-" : "";
-  const CSSvar = `--${vp}theme-${key}`;
-  setSelectors(val, value);
-  setMedia(val, value);
-  setHelpers(val, value);
-  return { var: CSSvar, value, state, media, helpers };
-};
-const keySetters = {
-  // eslint-disable-line
-  "@": (theme, value) => setMedia(theme, value),
-  ":": (theme, value) => setSelectors(theme, value),
-  ".": (theme, value) => setHelpers(theme, value)
-};
-const generateAutoVars = (schemes, varPrefix, CONFIG) => {
-  const { cssVars: CSS_VARS } = CONFIG;
-  if (!CONFIG.cssMediaVars) CONFIG.cssMediaVars = {};
-  const MEDIA_VARS = CONFIG.cssMediaVars;
-  const globalTheme = CONFIG.globalTheme !== void 0 ? CONFIG.globalTheme : "auto";
-  const result = {};
-  const allKeys = /* @__PURE__ */ new Set();
-  for (const scheme in schemes) {
-    if (schemes[scheme]) for (const k of Object.keys(schemes[scheme])) allKeys.add(k);
-  }
-  const brokenSchemes = /* @__PURE__ */ new Set();
-  for (const param of allKeys) {
-    const symb = param.slice(0, 1);
-    if (symb === "@" || symb === "." || symb === ":") continue;
-    if (!isColorParam(param)) continue;
-    for (const scheme in schemes) {
-      if (brokenSchemes.has(scheme)) continue;
-      const val = schemes[scheme]?.[param];
-      if (val === void 0) continue;
-      const color = (0, import_color.getColor)(val, `@${scheme}`);
-      if (color === void 0) continue;
-      if ((0, import_utils.isString)(color) && /^[a-z][a-zA-Z]+$/.test(color) && !CSS_NAMED_COLORS.has(color)) {
-        brokenSchemes.add(scheme);
-      }
-    }
-  }
-  for (const param of allKeys) {
-    const symb = param.slice(0, 1);
-    const hasObject = Object.values(schemes).some((s) => (0, import_utils.isObjectLike)(s?.[param]));
-    if (symb === "." && hasObject) {
-      const helperName = param.slice(1);
-      const subSchemes = {};
-      for (const scheme in schemes) {
-        if ((0, import_utils.isObjectLike)(schemes[scheme]?.[param])) subSchemes[scheme] = schemes[scheme][param];
-      }
-      result[param] = generateAutoVars(subSchemes, `${varPrefix}-${helperName}`, CONFIG);
-    } else if (symb === ":" && hasObject) {
-      const pseudoName = param.replace(/^:+/, "");
-      const subSchemes = {};
-      for (const scheme in schemes) {
-        if ((0, import_utils.isObjectLike)(schemes[scheme]?.[param])) subSchemes[scheme] = schemes[scheme][param];
-      }
-      result[param] = generateAutoVars(subSchemes, `${varPrefix}-${pseudoName}`, CONFIG);
-    } else if (symb !== "@" && symb !== "." && symb !== ":") {
-      const vp = CONFIG.varPrefix ? CONFIG.varPrefix + "-" : "";
-      const autoVar = `--${vp}theme-${varPrefix}-${param}`;
-      const forced = globalTheme && globalTheme !== "auto" ? String(globalTheme).replace(/^'|'$/g, "") : null;
-      let fallbackColor;
-      for (const scheme in schemes) {
-        if (brokenSchemes.has(scheme)) continue;
-        const val = schemes[scheme]?.[param];
-        if (val === void 0) continue;
-        const color = (0, import_color.getColor)(val, `@${scheme}`);
-        if (color === void 0) continue;
-        if (forced && scheme === forced || !forced && (scheme === "light" || fallbackColor === void 0)) {
-          fallbackColor = color;
-        }
-        const selector = `[data-theme="${scheme}"]`;
-        if (!MEDIA_VARS[selector]) MEDIA_VARS[selector] = {};
-        MEDIA_VARS[selector][autoVar] = color;
-        if (scheme === "dark" || scheme === "light") {
-          const mq = `@media (prefers-color-scheme: ${scheme})`;
-          if (!MEDIA_VARS[mq]) MEDIA_VARS[mq] = {};
-          MEDIA_VARS[mq][autoVar] = color;
-        }
-      }
-      if (fallbackColor !== void 0) {
-        CSS_VARS[autoVar] = fallbackColor;
-      }
-      result[param] = `var(${autoVar})`;
-      result[`.${param}`] = { [param]: result[param] };
-    }
-  }
-  if (result.background || result.color || result.backgroundColor) {
-    result[".inversed"] = {
-      color: result.background || result.backgroundColor,
-      background: result.color
-    };
-  }
-  return result;
-};
-const setMediaTheme = (val, key, suffix, prefers) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { cssVars: CSS_VARS } = CONFIG;
-  const theme = { value: val };
-  const isTopLevel = !suffix && !prefers;
-  if ((0, import_utils.isObjectLike)(val)) {
-    if (isTopLevel && CONFIG.useVariable) {
-      const schemes = {};
-      for (const param in val) {
-        if (param.startsWith("@") && (0, import_utils.isObjectLike)(val[param])) {
-          schemes[param.slice(1)] = val[param];
-        }
-      }
-      if (Object.keys(schemes).length) {
-        const autoResult = generateAutoVars(schemes, key, CONFIG);
-        Object.assign(theme, autoResult);
-      }
-    }
-    for (const param in val) {
-      const symb = param.slice(0, 1);
-      const value = val[param];
-      if (symb === "@" || symb === ":" || symb === ".") {
-        const hasPrefers = symb === "@" && param;
-        theme[param] = setMediaTheme(value, key, param, prefers || hasPrefers);
-      } else if (!isTopLevel) {
-        const color = (0, import_color.getColor)(value, prefers);
-        const metaSuffixes = [...new Set([prefers, suffix].filter((v) => v).map((v) => v.slice(1)))];
-        const varmetaSuffixName = metaSuffixes.length ? "-" + metaSuffixes.join("-") : "";
-        const vp = CONFIG.varPrefix ? CONFIG.varPrefix + "-" : "";
-        const CSSVar = `--${vp}theme-${key}${varmetaSuffixName}-${param}`;
-        if (CONFIG.useVariable) {
-          if (CONFIG.useThemeSuffixedVars) CSS_VARS[CSSVar] = color;
-          theme[param] = `var(${CSSVar})`;
-        } else {
-          theme[param] = color;
-        }
-        theme[`.${param}`] = { [param]: theme[param] };
-      }
-    }
-    if (!theme[".inversed"] && (theme.background || theme.color || theme.backgroundColor)) {
-      theme[".inversed"] = {
-        color: theme.background || theme.backgroundColor,
-        background: theme.color
-      };
-    }
-  }
-  if ((0, import_utils.isString)(val) && (0, import_color2.isCSSVar)(val)) {
-    const THEME = CONFIG.theme;
-    const value = THEME[val.slice(2)];
-    const getReferenced = getMediaTheme(value, prefers);
-    return getReferenced;
-  }
-  return theme;
-};
-const recursiveTheme = (val) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const obj = {};
-  for (const param in val) {
-    const symb = param.slice(0, 1);
-    if ((0, import_utils.isObjectLike)(val[param])) {
-      if (symb === "@") {
-        continue;
-      } else if (symb === ":") {
-        obj[`&${param}`] = recursiveTheme(val[param]);
-      } else if (symb === ".") {
-        obj[`&${param}`] = recursiveTheme(val[param]);
-      }
-    } else obj[param] = val[param];
-  }
-  return obj;
-};
-const findModifierFromArray = (val, modifierArray) => {
-  const currentMod = modifierArray.shift();
-  if (val[currentMod]) return findModifierFromArray(val[currentMod], modifierArray);
-  return val;
-};
-const findModifier = (val, modifier) => {
-  if ((0, import_utils.isArray)(modifier)) return findModifierFromArray(val, modifier);
-  else if ((0, import_utils.isString)(modifier) && val[modifier]) return val[modifier];
-  else return val;
-};
-const checkForReference = (val, callback) => {
-  if ((0, import_utils.isString)(val) && (0, import_color2.isCSSVar)(val)) return getMediaTheme(val.slice(2));
-  return val;
-};
-const checkThemeReference = (val) => checkForReference(val, checkThemeReference);
-const getMediaTheme = (value, modifier) => {
-  const activeConfig = (0, import_factory.getActiveConfig)();
-  if ((0, import_utils.isString)(value) && (0, import_color2.isCSSVar)(value)) {
-    value = getMediaTheme(value.slice(2));
-  }
-  if (!value || !(0, import_utils.isString)(value)) {
-    if (activeConfig.verbose) {
-      console.warn(`${value} - Theme is not a string`);
-    }
-    return;
-  }
-  const [themeName, ...themeModifiers] = (0, import_utils.isArray)(value) ? value : value.split(" ");
-  let themeValue = activeConfig.theme[themeName];
-  if (themeValue && themeModifiers.length) {
-    themeValue = findModifier(themeValue, themeModifiers);
-  } else if (themeValue && modifier) {
-    themeValue = findModifier(themeValue, modifier);
-  }
-  const resolvedTheme = recursiveTheme(themeValue);
-  return resolvedTheme;
-};

package/dist/cjs/system/timing.js

@@ -1,48 +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 timing_exports = {};
-__export(timing_exports, {
-  applyTimingSequence: () => applyTimingSequence,
-  getTimingByKey: () => getTimingByKey,
-  getTimingFunction: () => getTimingFunction
-});
-module.exports = __toCommonJS(timing_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-var import_utils2 = require("../utils/index.js");
-const applyTimingSequence = () => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { timing: TIMING } = CONFIG;
-  (0, import_utils2.generateSequence)(TIMING);
-  (0, import_utils2.applySequenceVars)(TIMING);
-};
-const getTimingFunction = (value) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { timing: TIMING } = CONFIG;
-  return TIMING[value] || TIMING[(0, import_utils.toCamelCase)(value)] || value;
-};
-const getTimingByKey = (value, property = "timing") => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { timing: TIMING } = CONFIG;
-  return (0, import_utils2.getSequenceValuePropertyPair)(
-    value,
-    property,
-    TIMING
-  );
-};

package/dist/cjs/system/typography.js

@@ -1,108 +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 typography_exports = {};
-__export(typography_exports, {
-  applyHeadings: () => applyHeadings,
-  applyTypographySequence: () => applyTypographySequence,
-  getFontSizeByKey: () => getFontSizeByKey,
-  runThroughMedia: () => runThroughMedia
-});
-module.exports = __toCommonJS(typography_exports);
-var import_utils = require("@symbo.ls/utils");
-var import_factory = require("../factory.js");
-var import_utils2 = require("../utils/index.js");
-const runThroughMedia = (FACTORY) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { typography: TYPOGRAPHY, media: MEDIA } = CONFIG;
-  for (const prop in FACTORY) {
-    const isPropMedia = prop.slice(0, 1) === "@";
-    const mediaValue = FACTORY[prop];
-    if (!isPropMedia) continue;
-    const { mediaRegenerate } = FACTORY;
-    const mediaName = prop.slice(1);
-    const { type, base, ratio, range, subSequence, h1Matches, unit } = FACTORY;
-    (0, import_utils.merge)(mediaValue, {
-      type,
-      base,
-      ratio,
-      range,
-      subSequence,
-      h1Matches,
-      unit
-    });
-    const VIEWPORT_UNITS = /* @__PURE__ */ new Set(["vw", "vh", "vmin", "vmax", "svw", "svh", "lvw", "lvh", "dvw", "dvh"]);
-    const inheritedUnit = mediaValue.unit || unit;
-    const mediaUnit = !mediaValue.unit && VIEWPORT_UNITS.has(unit) ? "rem" : inheritedUnit;
-    const query = MEDIA[mediaName];
-    const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
-    TYPOGRAPHY.templates[media] = {
-      fontSize: mediaValue.base / TYPOGRAPHY.browserDefault + mediaUnit
-    };
-    if (!mediaRegenerate) {
-      (0, import_utils.merge)(mediaValue, {
-        sequence: {},
-        scales: {},
-        vars: {}
-      });
-      (0, import_utils2.generateSequence)(mediaValue);
-      (0, import_utils2.applyMediaSequenceVars)(FACTORY, prop);
-      continue;
-    }
-    (0, import_utils.merge)(mediaValue, {
-      sequence: {},
-      scales: {},
-      templates: {},
-      vars: {}
-    });
-    (0, import_utils2.generateSequence)(mediaValue);
-    (0, import_utils2.applyMediaSequenceVars)(FACTORY, prop);
-  }
-};
-const applyHeadings = (props) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (props.h1Matches) {
-    const unit = props.unit;
-    const HEADINGS = (0, import_utils2.findHeadings)(props);
-    const { templates } = props;
-    for (const k in HEADINGS) {
-      const headerName = `h${parseInt(k) + 1}`;
-      const headerStyle = templates[headerName];
-      templates[headerName] = {
-        fontSize: CONFIG.useVariable ? `var(${HEADINGS[k]?.variable})` : `${HEADINGS[k]?.scaling}${unit}`,
-        margin: headerStyle ? headerStyle.margin : 0,
-        lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
-        letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
-        fontWeight: headerStyle ? headerStyle.fontWeight : 900 - k * 100
-      };
-    }
-  }
-};
-const applyTypographySequence = () => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { typography: TYPOGRAPHY } = CONFIG;
-  (0, import_utils2.generateSequence)(TYPOGRAPHY);
-  applyHeadings(TYPOGRAPHY);
-  (0, import_utils2.applySequenceVars)(TYPOGRAPHY);
-  runThroughMedia(TYPOGRAPHY);
-};
-const getFontSizeByKey = (value) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { typography: TYPOGRAPHY } = CONFIG;
-  return (0, import_utils2.getSequenceValuePropertyPair)(value, "fontSize", TYPOGRAPHY);
-};

package/dist/cjs/tests/index.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);
-var tests_exports = {};
-__export(tests_exports, {
-  testWCAGAA: () => testWCAGAA,
-  testWCAGAAA: () => testWCAGAAA
-});
-module.exports = __toCommonJS(tests_exports);
-const testWCAGAA = (colorA, colorB) => {
-};
-const testWCAGAAA = (colorA, colorB) => {
-};