@hanzogui/theme-builder 8.3.0 → 8.3.2

package/dist/cjs/createThemes.cjs

@@ -1,395 +0,0 @@
-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 createThemes_exports = {};
-__export(createThemes_exports, {
-  createPalettes: () => createPalettes,
-  createSimpleThemeBuilder: () => createSimpleThemeBuilder,
-  createThemes: () => createThemes,
-  createV4ThemeBuilder: () => createV4ThemeBuilder,
-  createV4Themes: () => createV4Themes,
-  getComponentThemes: () => getComponentThemes,
-  getLastBuilder: () => getLastBuilder
-});
-module.exports = __toCommonJS(createThemes_exports);
-var import_color2k = require("color2k");
-var import_defaultComponentThemes = require("./defaultComponentThemes.cjs");
-var import_defaultTemplates = require("./defaultTemplates.cjs");
-var import_getThemeSuitePalettes = require("./getThemeSuitePalettes.cjs");
-var import_ThemeBuilder = require("./ThemeBuilder.cjs");
-function createThemes(props) {
-  const {
-    accent,
-    childrenThemes,
-    grandChildrenThemes,
-    templates = import_defaultTemplates.defaultTemplates,
-    componentThemes,
-    getTheme
-  } = props;
-  const builder = createSimpleThemeBuilder({
-    extra: props.base.extra,
-    accentExtra: accent?.extra,
-    componentThemes,
-    palettes: createPalettes(getThemesPalettes(props)),
-    templates,
-    accentTheme: !!accent,
-    childrenThemes: normalizeSubThemes(childrenThemes),
-    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,
-    getTheme
-  });
-  lastBuilder = builder.themeBuilder;
-  return builder.themes;
-}
-let lastBuilder = null;
-const getLastBuilder = () => lastBuilder;
-function createV4Themes(props) {
-  const {
-    accent,
-    childrenThemes,
-    grandChildrenThemes,
-    templates = import_defaultTemplates.defaultTemplates,
-    componentThemes,
-    getTheme
-  } = props;
-  const builder = createV4ThemeBuilder({
-    extra: props.base.extra,
-    accentExtra: accent?.extra,
-    componentThemes,
-    palettes: createPalettes(getThemesPalettes(props)),
-    templates,
-    accentTheme: !!accent,
-    childrenThemes: normalizeSubThemes(childrenThemes),
-    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0,
-    getTheme
-  });
-  lastBuilder = builder.themeBuilder;
-  return builder.themes;
-}
-function normalizeSubThemes(defs) {
-  return Object.fromEntries(Object.entries(defs || {}).map(([name, value]) => {
-    const hasPalette = value.palette !== void 0;
-    return [name, {
-      // Only add palette if the definition has one, otherwise theme is template-only
-      ...(hasPalette ? {
-        palette: name
-      } : {}),
-      template: value.template || "base"
-    }];
-  }));
-}
-const defaultPalettes = createPalettes(getThemesPalettes({
-  base: {
-    palette: ["#fff", "#000"]
-  },
-  accent: {
-    palette: ["#ff0000", "#ff9999"]
-  }
-}));
-function createSimpleThemeBuilder(props) {
-  const {
-    getTheme,
-    extra,
-    accentExtra,
-    childrenThemes = null,
-    grandChildrenThemes = null,
-    templates = import_defaultTemplates.defaultTemplates,
-    palettes = defaultPalettes,
-    accentTheme,
-    componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0
-  } = props;
-  let themeBuilder = (0, import_ThemeBuilder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
-    light: {
-      template: "base",
-      palette: "light",
-      nonInheritedValues: {
-        ...extra?.light,
-        ...(accentTheme && palettes.light_accent && {
-          accent1: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-        })
-      }
-    },
-    dark: {
-      template: "base",
-      palette: "dark",
-      nonInheritedValues: {
-        ...extra?.dark,
-        ...(accentTheme && palettes.dark_accent && {
-          accent1: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-        })
-      }
-    }
-  });
-  if (palettes.light_accent) {
-    themeBuilder = themeBuilder.addChildThemes({
-      accent: [{
-        parent: "light",
-        template: "base",
-        palette: "light_accent",
-        nonInheritedValues: accentExtra?.light
-      }, {
-        parent: "dark",
-        template: "base",
-        palette: "dark_accent",
-        nonInheritedValues: accentExtra?.dark
-      }]
-    });
-  }
-  if (childrenThemes) {
-    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
-      avoidNestingWithin: ["accent"]
-    });
-  }
-  if (grandChildrenThemes) {
-    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
-      avoidNestingWithin: ["accent"]
-    });
-  }
-  if (componentThemes) {
-    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
-      avoidNestingWithin: Object.keys(grandChildrenThemes || {})
-    });
-  }
-  if (getTheme) {
-    themeBuilder = themeBuilder.getTheme(getTheme);
-  }
-  return {
-    themeBuilder,
-    themes: themeBuilder.build()
-  };
-}
-function getSchemePalette(colors) {
-  return {
-    light: colors,
-    dark: [...colors].reverse()
-  };
-}
-function getAnchors(palette) {
-  const maxIndex = 11;
-  const numItems = palette.light.length;
-  const anchors = palette.light.map((lcolor, index) => {
-    const dcolor = palette.dark[index];
-    const [lhue, lsat, llum, lalpha] = (0, import_color2k.parseToHsla)(lcolor);
-    const [dhue, dsat, dlum, dalpha] = (0, import_color2k.parseToHsla)(dcolor);
-    return {
-      index: spreadIndex(maxIndex, numItems, index),
-      hue: {
-        light: lhue,
-        dark: dhue
-      },
-      sat: {
-        light: lsat,
-        dark: dsat
-      },
-      lum: {
-        light: llum,
-        dark: dlum
-      },
-      alpha: {
-        light: lalpha,
-        dark: dalpha
-      }
-    };
-  });
-  return anchors;
-}
-function spreadIndex(maxIndex, numItems, index) {
-  return Math.round(index / (numItems - 1) * maxIndex);
-}
-function coerceSimplePaletteToSchemePalette(def) {
-  return Array.isArray(def) ? getSchemePalette(def) : def;
-}
-function getThemesPalettes(props) {
-  const base = coerceSimplePaletteToSchemePalette(props.base.palette);
-  const accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null;
-  const baseAnchors = getAnchors(base);
-  function getSubThemesPalettes(defs, isGrandChildren = false) {
-    return Object.fromEntries(Object.entries(defs).map(([key, value]) => {
-      if (isGrandChildren && key === "accent" && !value.palette) {
-        return null;
-      }
-      return [key, {
-        name: key,
-        anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors
-      }];
-    }).filter(Boolean));
-  }
-  return {
-    base: {
-      name: "base",
-      anchors: baseAnchors
-    },
-    ...(accent && {
-      accent: {
-        name: "accent",
-        anchors: getAnchors(accent)
-      }
-    }),
-    ...(props.childrenThemes && getSubThemesPalettes(props.childrenThemes, false)),
-    ...(props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes, true))
-  };
-}
-const getComponentThemes = components => {
-  return Object.fromEntries(Object.entries(components).map(([componentName, {
-    template
-  }]) => {
-    return [componentName, {
-      parent: "",
-      template: template || "base"
-    }];
-  }));
-};
-function createPalettes(palettes) {
-  const accentPalettes = palettes.accent ? (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.accent) : null;
-  const basePalettes = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palettes.base);
-  const next = Object.fromEntries(Object.entries(palettes).flatMap(([name, palette]) => {
-    const palettes2 = (0, import_getThemeSuitePalettes.getThemeSuitePalettes)(palette);
-    const isAccent = name.startsWith("accent");
-    const oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;
-    if (!oppositePalettes) {
-      return [];
-    }
-    const oppositeLight = oppositePalettes.light;
-    const oppositeDark = oppositePalettes.dark;
-    const bgOffset = 7;
-    const out = [[name === "base" ? "light" : `light_${name}`, [oppositeLight[bgOffset], ...palettes2.light, oppositeLight[oppositeLight.length - bgOffset - 1]]], [name === "base" ? "dark" : `dark_${name}`, [oppositeDark[oppositeDark.length - bgOffset - 1], ...palettes2.dark, oppositeDark[bgOffset]]]];
-    return out;
-  }));
-  return next;
-}
-function createV4ThemeBuilder(props) {
-  const {
-    getTheme,
-    extra,
-    accentExtra,
-    childrenThemes = null,
-    grandChildrenThemes = null,
-    templates = import_defaultTemplates.defaultTemplates,
-    palettes = defaultPalettes,
-    accentTheme,
-    componentThemes = templates === import_defaultTemplates.defaultTemplates ? import_defaultComponentThemes.defaultComponentThemes : void 0
-  } = props;
-  let themeBuilder = (0, import_ThemeBuilder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addThemes({
-    light: {
-      template: "base",
-      palette: "light",
-      nonInheritedValues: {
-        ...extra?.light,
-        ...(accentTheme && palettes.light_accent && {
-          accent1: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.light_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-        })
-      }
-    },
-    dark: {
-      template: "base",
-      palette: "dark",
-      nonInheritedValues: {
-        ...extra?.dark,
-        ...(accentTheme && palettes.dark_accent && {
-          accent1: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 0],
-          accent2: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 1],
-          accent3: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 2],
-          accent4: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 3],
-          accent5: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 4],
-          accent6: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 5],
-          accent7: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 6],
-          accent8: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 7],
-          accent9: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 8],
-          accent10: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 9],
-          accent11: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 10],
-          accent12: palettes.dark_accent[import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET + 11]
-        })
-      }
-    }
-  });
-  if (childrenThemes) {
-    themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
-      avoidNestingWithin: ["accent"]
-    });
-  }
-  if (grandChildrenThemes) {
-    themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
-      avoidNestingWithin: ["accent"]
-    });
-  }
-  if (palettes.light_accent) {
-    themeBuilder = themeBuilder.addChildThemes({
-      accent: [{
-        parent: "light",
-        template: "base",
-        palette: "light_accent",
-        nonInheritedValues: accentExtra?.light
-      }, {
-        parent: "dark",
-        template: "base",
-        palette: "dark_accent",
-        nonInheritedValues: accentExtra?.dark
-      }]
-    }, {
-      avoidNestingWithin: Object.keys(childrenThemes || {})
-    });
-  }
-  if (componentThemes) {
-    themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
-      avoidNestingWithin: Object.keys(grandChildrenThemes || {})
-    });
-  }
-  if (getTheme) {
-    themeBuilder = themeBuilder.getTheme(getTheme);
-  }
-  return {
-    themeBuilder,
-    themes: themeBuilder.build()
-  };
-}