@hanzogui/themes 2.0.0

package/dist/esm/templates.native.js

@@ -0,0 +1,94 @@
+import { palettes } from "./palettes.native.js";
+var templateColorsSpecific = {
+    color1: 1,
+    color2: 2,
+    color3: 3,
+    color4: 4,
+    color5: 5,
+    color6: 6,
+    color7: 7,
+    color8: 8,
+    color9: 9,
+    color10: 10,
+    color11: 11,
+    color12: 12
+  },
+  template = {
+    ...templateColorsSpecific,
+    // the background, color, etc keys here work like generics - they make it so you
+    // can publish components for others to use without mandating a specific color scale
+    // the @hanzogui/button Button component looks for `$background`, so you set the
+    // dark_red_Button theme to have a stronger background than the dark_red theme.
+    background: 2,
+    backgroundHover: 3,
+    backgroundPress: 4,
+    backgroundFocus: 5,
+    backgroundStrong: 1,
+    backgroundTransparent: 0,
+    color: -1,
+    colorHover: -2,
+    colorPress: -1,
+    colorFocus: -2,
+    colorTransparent: -0,
+    borderColor: 5,
+    borderColorHover: 6,
+    borderColorFocus: 4,
+    borderColorPress: 5,
+    placeholderColor: -4
+  },
+  templates = {
+    base: template,
+    colorLight: {
+      ...template,
+      // light color themes are a bit less sensitive
+      borderColor: 4,
+      borderColorHover: 5,
+      borderColorFocus: 4,
+      borderColorPress: 4
+    }
+  },
+  shadows = {
+    shadowColor: 0,
+    shadowColorHover: 0,
+    shadowColorPress: 0,
+    shadowColorFocus: 0
+  },
+  colors = {
+    ...shadows,
+    color: 0,
+    colorHover: 0,
+    colorFocus: 0,
+    colorPress: 0
+  },
+  baseMaskOptions = {
+    override: shadows,
+    skip: shadows,
+    // avoids the transparent ends
+    max: palettes.light.length - 2,
+    min: 1
+  },
+  skipShadowsAndSpecificColors = {
+    ...shadows,
+    ...templateColorsSpecific
+  },
+  maskOptions = {
+    component: {
+      ...baseMaskOptions,
+      override: colors,
+      skip: skipShadowsAndSpecificColors
+    },
+    alt: {
+      ...baseMaskOptions
+    },
+    button: {
+      ...baseMaskOptions,
+      override: {
+        ...colors,
+        borderColor: "transparent",
+        borderColorHover: "transparent"
+      },
+      skip: skipShadowsAndSpecificColors
+    }
+  };
+export { maskOptions, templates };
+//# sourceMappingURL=templates.native.js.map

package/dist/esm/templates.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palettes","templateColorsSpecific","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","template","background","backgroundHover","backgroundPress","backgroundFocus","backgroundStrong","backgroundTransparent","color","colorHover","colorPress","colorFocus","colorTransparent","borderColor","borderColorHover","borderColorFocus","borderColorPress","placeholderColor","templates","base","colorLight","shadows","shadowColor","shadowColorHover","shadowColorPress","shadowColorFocus","colors","baseMaskOptions","override","skip","max","light","length","min","skipShadowsAndSpecificColors","maskOptions","component","alt","button"],"sources":["../../src/templates.tsx"],"sourcesContent":[null],"mappings":"AAEA,SAASA,QAAA,QAAgB;AAEzB,IAAAC,sBAAM;IACJC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;EACX;EAIMC,QAAA,GAAW;IACf,GAAGb,sBAAA;IAAA;IAAA;IAAA;IAAA;IAKHc,UAAA,EAAY;IACZC,eAAA,EAAiB;IACjBC,eAAA,EAAiB;IACjBC,eAAA,EAAiB;IACjBC,gBAAA,EAAkB;IAClBC,qBAAA,EAAuB;IACvBC,KAAA,EAAO;IACPC,UAAA,EAAY;IACZC,UAAA,EAAY;IACZC,UAAA,EAAY;IACZC,gBAAA,EAAkB;IAClBC,WAAA,EAAa;IACbC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;EACpB;EAEaC,SAAA,GAAY;IACvBC,IAAA,EAAMlB,QAAA;IACNmB,UAAA,EAAY;MACV,GAAGnB,QAAA;MAAA;MAEHY,WAAA,EAAa;MACbC,gBAAA,EAAkB;MAClBC,gBAAA,EAAkB;MAClBC,gBAAA,EAAkB;IACpB;EACF;EAEMK,OAAA,GAAU;IACdC,WAAA,EAAa;IACbC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;EACpB;EAEMC,MAAA,GAAS;IACb,GAAGL,OAAA;IACHb,KAAA,EAAO;IACPC,UAAA,EAAY;IACZE,UAAA,EAAY;IACZD,UAAA,EAAY;EACd;EAEMiB,eAAA,GAA+B;IACnCC,QAAA,EAAUP,OAAA;IACVQ,IAAA,EAAMR,OAAA;IAAA;IAENS,GAAA,EAAK3C,QAAA,CAAS4C,KAAA,CAAMC,MAAA,GAAS;IAC7BC,GAAA,EAAK;EACP;EAEMC,4BAAA,GAA+B;IACnC,GAAGb,OAAA;IACH,GAAGjC;EACL;EAEa+C,WAAA,GAAc;IACzBC,SAAA,EAAW;MACT,GAAGT,eAAA;MACHC,QAAA,EAAUF,MAAA;MACVG,IAAA,EAAMK;IACR;IACAG,GAAA,EAAK;MACH,GAAGV;IACL;IACAW,MAAA,EAAQ;MACN,GAAGX,eAAA;MACHC,QAAA,EAAU;QACR,GAAGF,MAAA;QACHb,WAAA,EAAa;QACbC,gBAAA,EAAkB;MACpB;MACAe,IAAA,EAAMK;IACR;EACF","ignoreList":[]}

package/dist/esm/themes-new.mjs

@@ -0,0 +1,63 @@
+import { createThemeBuilder } from "@hanzogui/theme-builder";
+import { componentThemeDefinitions } from "./componentThemeDefinitions.mjs";
+import { masks } from "@hanzogui/theme-builder";
+import { palettes } from "./palettes.mjs";
+import { shadows } from "./shadows.mjs";
+import { maskOptions, templates } from "./templates.mjs";
+import { darkColors, lightColors } from "./tokens.mjs";
+const colorThemeDefinition = colorName => [{
+    parent: "light",
+    palette: colorName,
+    template: "colorLight"
+  }, {
+    parent: "dark",
+    palette: colorName,
+    template: "base"
+  }],
+  themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
+    light: {
+      template: "base",
+      palette: "light",
+      nonInheritedValues: {
+        ...lightColors,
+        ...shadows.light
+      }
+    },
+    dark: {
+      template: "base",
+      palette: "dark",
+      nonInheritedValues: {
+        ...darkColors,
+        ...shadows.dark
+      }
+    }
+  }).addChildThemes({
+    orange: colorThemeDefinition("orange"),
+    yellow: colorThemeDefinition("yellow"),
+    green: colorThemeDefinition("green"),
+    blue: colorThemeDefinition("blue"),
+    purple: colorThemeDefinition("purple"),
+    pink: colorThemeDefinition("pink"),
+    red: colorThemeDefinition("red")
+  }).addChildThemes({
+    alt1: {
+      mask: "soften",
+      ...maskOptions.alt
+    },
+    alt2: {
+      mask: "soften2",
+      ...maskOptions.alt
+    },
+    active: {
+      mask: "soften3",
+      skip: {
+        color: 1
+      }
+    }
+  }).addChildThemes(componentThemeDefinitions, {
+    // to save bundle size but make alt themes not work on components
+    // avoidNestingWithin: ['alt1', 'alt2'],
+  }),
+  themes = themesBuilder.build();
+export { themes };
+//# sourceMappingURL=themes-new.mjs.map

package/dist/esm/themes-new.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemeBuilder","componentThemeDefinitions","masks","palettes","shadows","maskOptions","templates","darkColors","lightColors","colorThemeDefinition","colorName","parent","palette","template","themesBuilder","addPalettes","addTemplates","addMasks","addThemes","light","nonInheritedValues","dark","addChildThemes","orange","yellow","green","blue","purple","pink","red","alt1","mask","alt","alt2","active","skip","color","themes","build"],"sources":["../../src/themes-new.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B;AACnC,SAASC,yBAAA,QAAiC;AAC1C,SAASC,KAAA,QAAa;AACtB,SAASC,QAAA,QAAgB;AACzB,SAASC,OAAA,QAAe;AACxB,SAASC,WAAA,EAAaC,SAAA,QAAiB;AACvC,SAASC,UAAA,EAAYC,WAAA,QAAmB;AAExC,MAAMC,oBAAA,GAAwBC,SAAA,IAAsB,CAClD;IACEC,MAAA,EAAQ;IACRC,OAAA,EAASF,SAAA;IACTG,QAAA,EAAU;EACZ,GACA;IACEF,MAAA,EAAQ;IACRC,OAAA,EAASF,SAAA;IACTG,QAAA,EAAU;EACZ,EACF;EAEMC,aAAA,GAAgBd,kBAAA,CAAmB,EACtCe,WAAA,CAAYZ,QAAQ,EACpBa,YAAA,CAAaV,SAAS,EACtBW,QAAA,CAASf,KAAK,EACdgB,SAAA,CAAU;IACTC,KAAA,EAAO;MACLN,QAAA,EAAU;MACVD,OAAA,EAAS;MACTQ,kBAAA,EAAoB;QAClB,GAAGZ,WAAA;QACH,GAAGJ,OAAA,CAAQe;MACb;IACF;IACAE,IAAA,EAAM;MACJR,QAAA,EAAU;MACVD,OAAA,EAAS;MACTQ,kBAAA,EAAoB;QAClB,GAAGb,UAAA;QACH,GAAGH,OAAA,CAAQiB;MACb;IACF;EACF,CAAC,EACAC,cAAA,CAAe;IACdC,MAAA,EAAQd,oBAAA,CAAqB,QAAQ;IACrCe,MAAA,EAAQf,oBAAA,CAAqB,QAAQ;IACrCgB,KAAA,EAAOhB,oBAAA,CAAqB,OAAO;IACnCiB,IAAA,EAAMjB,oBAAA,CAAqB,MAAM;IACjCkB,MAAA,EAAQlB,oBAAA,CAAqB,QAAQ;IACrCmB,IAAA,EAAMnB,oBAAA,CAAqB,MAAM;IACjCoB,GAAA,EAAKpB,oBAAA,CAAqB,KAAK;EACjC,CAAC,EACAa,cAAA,CAAe;IACdQ,IAAA,EAAM;MACJC,IAAA,EAAM;MACN,GAAG1B,WAAA,CAAY2B;IACjB;IACAC,IAAA,EAAM;MACJF,IAAA,EAAM;MACN,GAAG1B,WAAA,CAAY2B;IACjB;IACAE,MAAA,EAAQ;MACNH,IAAA,EAAM;MACNI,IAAA,EAAM;QACJC,KAAA,EAAO;MACT;IACF;EACF,CAAC,EACAd,cAAA,CAAerB,yBAAA,EAA2B;IAAA;IAAA;EAAA,CAG1C;EAEUoC,MAAA,GAASvB,aAAA,CAAcwB,KAAA,CAAM","ignoreList":[]}

package/dist/esm/themes-new.native.js

@@ -0,0 +1,62 @@
+import { createThemeBuilder } from "@hanzogui/theme-builder";
+import { componentThemeDefinitions } from "./componentThemeDefinitions.native.js";
+import { masks } from "@hanzogui/theme-builder";
+import { palettes } from "./palettes.native.js";
+import { shadows } from "./shadows.native.js";
+import { maskOptions, templates } from "./templates.native.js";
+import { darkColors, lightColors } from "./tokens.native.js";
+var colorThemeDefinition = function (colorName) {
+    return [{
+      parent: "light",
+      palette: colorName,
+      template: "colorLight"
+    }, {
+      parent: "dark",
+      palette: colorName,
+      template: "base"
+    }];
+  },
+  themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
+    light: {
+      template: "base",
+      palette: "light",
+      nonInheritedValues: {
+        ...lightColors,
+        ...shadows.light
+      }
+    },
+    dark: {
+      template: "base",
+      palette: "dark",
+      nonInheritedValues: {
+        ...darkColors,
+        ...shadows.dark
+      }
+    }
+  }).addChildThemes({
+    orange: colorThemeDefinition("orange"),
+    yellow: colorThemeDefinition("yellow"),
+    green: colorThemeDefinition("green"),
+    blue: colorThemeDefinition("blue"),
+    purple: colorThemeDefinition("purple"),
+    pink: colorThemeDefinition("pink"),
+    red: colorThemeDefinition("red")
+  }).addChildThemes({
+    alt1: {
+      mask: "soften",
+      ...maskOptions.alt
+    },
+    alt2: {
+      mask: "soften2",
+      ...maskOptions.alt
+    },
+    active: {
+      mask: "soften3",
+      skip: {
+        color: 1
+      }
+    }
+  }).addChildThemes(componentThemeDefinitions, {}),
+  themes = themesBuilder.build();
+export { themes };
+//# sourceMappingURL=themes-new.native.js.map

package/dist/esm/themes-new.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createThemeBuilder","componentThemeDefinitions","masks","palettes","shadows","maskOptions","templates","darkColors","lightColors","colorThemeDefinition","colorName","parent","palette","template","themesBuilder","addPalettes","addTemplates","addMasks","addThemes","light","nonInheritedValues","dark","addChildThemes","orange","yellow","green","blue","purple","pink","red","alt1","mask","alt","alt2","active","skip","color","themes","build"],"sources":["../../src/themes-new.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B;AACnC,SAASC,yBAAA,QAAiC;AAC1C,SAASC,KAAA,QAAa;AACtB,SAASC,QAAA,QAAgB;AACzB,SAASC,OAAA,QAAe;AACxB,SAASC,WAAA,EAAaC,SAAA,QAAiB;AACvC,SAASC,UAAA,EAAYC,WAAA,QAAmB;AAExC,IAAAC,oBAAM,YAAAA,CAAwBC,SAAsB;IAClD,QACE;MACAC,MAAA,EAAS;MACTC,OAAA,EAAUF,SAAA;MACZG,QAAA;IACA,GACE;MACAF,MAAA,EAAS;MACTC,OAAA,EAAUF,SAAA;MACZG,QAAA;IAGI,EAKF;EAAO;EAAAC,aACK,GAAAd,kBAAA,GAAAe,WAAA,CAAAZ,QAAA,EAAAa,YAAA,CAAAV,SAAA,EAAAW,QAAA,CAAAf,KAAA,EAAAgB,SAAA;IAAAC,KACV;MACAN,QAAA;MAAoBD,OACf;MAAAQ,kBACQ;QACb,GAAAZ,WAAA;QACF,GAAAJ,OAAA,CAAAe;MACA;IAAM;IACME,IACV;MACAR,QAAA;MAAoBD,OACf;MAAAQ,kBACQ;QACb,GAAAb,UAAA;QACF,GAAAH,OAAA,CAAAiB;MAED;IACC;EAAqC,EACrC,CAAAC,cAAQ;IACRC,MAAA,EAAOd,oBAAqB,SAAO;IACnCe,MAAM,EAAAf,oBAAqB,SAAM;IACjCgB,KAAA,EAAAhB,oBAAQ,QAAqB;IAC7BiB,IAAA,EAAMjB,oBAAA,CAAqB,MAAM;IACjCkB,MAAK,EAAAlB,oBAAqB,SAAK;IAChCmB,IACA,EAAAnB,oBAAe;IACdoB,GAAA,EAAApB,oBAAM;EAAA,GAAAa,cACE;IAAAQ,IACN,EAAG;MACLC,IAAA;MACA,GAAA1B,WAAM,CAAA2B;IAAA;IACEC,IACN,EAAG;MACLF,IAAA;MACA,GAAA1B,WAAQ,CAAA2B;IAAA;IACAE,MACN,EAAM;MAAAH,IACJ,WAAO;MACTI,IAAA;QACFC,KAAA;MAED;IAA0C;EAAA,GAAAd,cAAA,CAAArB,yBAAA;EAAAoC,MAAA,GAAAvB,aAAA,CAAAwB,KAAA;AAG3C,S","ignoreList":[]}

package/dist/esm/themes-old.mjs

@@ -0,0 +1,261 @@
+import { addChildren, applyMask, createStrengthenMask, createTheme, createWeakenMask, skipMask } from "@hanzogui/create-theme";
+import { colorTokens, darkColors, lightColors } from "./tokens.mjs";
+const lightTransparent = "rgba(255,255,255,0)",
+  darkTransparent = "rgba(10,10,10,0)",
+  palettes = {
+    dark: [darkTransparent, "#050505", "#151515", "#191919", "#232323", "#282828", "#323232", "#424242", "#494949", "#545454", "#626262", "#a5a5a5", "#fff", lightTransparent],
+    light: [lightTransparent, "#fff", "#f9f9f9", "hsl(0, 0%, 97.3%)", "hsl(0, 0%, 95.1%)", "hsl(0, 0%, 94.0%)", "hsl(0, 0%, 92.0%)", "hsl(0, 0%, 89.5%)", "hsl(0, 0%, 81.0%)", "hsl(0, 0%, 56.1%)", "hsl(0, 0%, 50.3%)", "hsl(0, 0%, 42.5%)", "hsl(0, 0%, 9.0%)", darkTransparent]
+  },
+  templateColors = {
+    color1: 1,
+    color2: 2,
+    color3: 3,
+    color4: 4,
+    color5: 5,
+    color6: 6,
+    color7: 7,
+    color8: 8,
+    color9: 9,
+    color10: 10,
+    color11: 11,
+    color12: 12
+  },
+  templateShadows = {
+    shadowColor: 1,
+    shadowColorHover: 1,
+    shadowColorPress: 2,
+    shadowColorFocus: 2
+  },
+  toSkip = {
+    ...templateShadows
+  },
+  override = Object.fromEntries(Object.entries(toSkip).map(([k]) => [k, 0])),
+  overrideShadows = Object.fromEntries(Object.entries(templateShadows).map(([k]) => [k, 0])),
+  overrideWithColors = {
+    ...override,
+    color: 0,
+    colorHover: 0,
+    colorFocus: 0,
+    colorPress: 0
+  },
+  template = {
+    ...templateColors,
+    ...toSkip,
+    // the background, color, etc keys here work like generics - they make it so you
+    // can publish components for others to use without mandating a specific color scale
+    // the @hanzogui/button Button component looks for `$background`, so you set the
+    // dark_red_Button theme to have a stronger background than the dark_red theme.
+    background: 2,
+    backgroundHover: 3,
+    backgroundPress: 4,
+    backgroundFocus: 5,
+    backgroundStrong: 1,
+    backgroundTransparent: 0,
+    color: -1,
+    colorHover: -2,
+    colorPress: -1,
+    colorFocus: -2,
+    colorTransparent: -0,
+    borderColor: 4,
+    borderColorHover: 5,
+    borderColorPress: 3,
+    borderColorFocus: 4,
+    placeholderColor: -4
+  },
+  lightShadowColor = "rgba(0,0,0,0.02)",
+  lightShadowColorStrong = "rgba(0,0,0,0.066)",
+  darkShadowColor = "rgba(0,0,0,0.2)",
+  darkShadowColorStrong = "rgba(0,0,0,0.3)",
+  lightShadows = {
+    shadowColor: lightShadowColorStrong,
+    shadowColorHover: lightShadowColorStrong,
+    shadowColorPress: lightShadowColor,
+    shadowColorFocus: lightShadowColor
+  },
+  darkShadows = {
+    shadowColor: darkShadowColorStrong,
+    shadowColorHover: darkShadowColorStrong,
+    shadowColorPress: darkShadowColor,
+    shadowColorFocus: darkShadowColor
+  },
+  lightTemplate = {
+    ...template,
+    background: 2,
+    backgroundHover: 3,
+    backgroundPress: 4,
+    // our light color palette is... a bit unique
+    borderColor: 6,
+    borderColorHover: 7,
+    borderColorFocus: 5,
+    borderColorPress: 6,
+    ...lightShadows
+  },
+  darkTemplate = {
+    ...template,
+    ...darkShadows
+  },
+  light = createTheme(palettes.light, lightTemplate),
+  dark = createTheme(palettes.dark, darkTemplate),
+  baseThemes = {
+    light,
+    dark
+  },
+  masks = {
+    skip: skipMask,
+    weaker: createWeakenMask(),
+    stronger: createStrengthenMask()
+  },
+  maskOptions = {
+    override,
+    skip: toSkip,
+    // avoids the transparent ends
+    max: palettes.light.length - 2,
+    min: 1
+  },
+  transparent = (hsl, opacity = 0) => hsl.replace("%)", `%, ${opacity})`).replace("hsl(", "hsla("),
+  [lightColorThemes, darkColorThemes] = [colorTokens.light, colorTokens.dark].map((colorSet, i) => {
+    const isLight = i === 0,
+      theme = baseThemes[isLight ? "light" : "dark"];
+    return Object.fromEntries(Object.keys(colorSet).map(color => {
+      const colorPalette = Object.values(colorSet[color]),
+        [head, tail] = [colorPalette.slice(0, 6), colorPalette.slice(colorPalette.length - 5)],
+        palette = [transparent(colorPalette[0]), ...head, ...tail, theme.color, transparent(colorPalette[colorPalette.length - 1])],
+        colorTheme = createTheme(palette, isLight ? {
+          ...lightTemplate,
+          // light color themes are a bit less sensitive
+          borderColor: 4,
+          borderColorHover: 5,
+          borderColorFocus: 4,
+          borderColorPress: 4
+        } : darkTemplate);
+      return [color, colorTheme];
+    }));
+  }),
+  allThemes = addChildren(baseThemes, (name, theme) => {
+    const isLight = name === "light",
+      inverseTheme = baseThemes[isLight ? "dark" : "light"],
+      colorThemes = isLight ? lightColorThemes : darkColorThemes,
+      inverseColorThemes = isLight ? darkColorThemes : lightColorThemes,
+      allColorThemes = addChildren(colorThemes, (colorName, colorTheme) => {
+        const inverse = inverseColorThemes[colorName];
+        return {
+          ...getAltThemes({
+            theme: colorTheme,
+            inverse,
+            isLight
+          }),
+          ...getComponentThemes(colorTheme, inverse, isLight)
+        };
+      });
+    return {
+      ...{
+        ...getAltThemes({
+          theme,
+          inverse: inverseTheme,
+          isLight
+        }),
+        ...getComponentThemes(theme, inverseTheme, isLight)
+      },
+      ...allColorThemes
+    };
+  });
+function getAltThemes({
+  theme,
+  inverse,
+  isLight,
+  activeTheme
+}) {
+  const maskOptionsAlt = {
+      ...maskOptions,
+      override: overrideShadows
+    },
+    alt1 = applyMask(theme, masks.weaker, maskOptionsAlt),
+    alt2 = applyMask(alt1, masks.weaker, maskOptionsAlt),
+    active = activeTheme ?? (process.env.ACTIVE_THEME_INVERSE ? inverse : applyMask(theme, masks.weaker, {
+      ...maskOptions,
+      strength: 3,
+      skip: {
+        ...maskOptions.skip,
+        color: 1
+      }
+    }));
+  return addChildren({
+    alt1,
+    alt2,
+    active
+  }, (_, subTheme) => getComponentThemes(subTheme, subTheme === inverse ? theme : inverse, isLight));
+}
+function getComponentThemes(theme, inverse, isLight) {
+  const componentMaskOptions = {
+      ...maskOptions,
+      override: overrideWithColors,
+      skip: {
+        ...maskOptions.skip,
+        // skip colors too just for component sub themes
+        ...templateColors
+      }
+    },
+    weaker1 = applyMask(theme, masks.weaker, componentMaskOptions),
+    base = applyMask(weaker1, masks.stronger, componentMaskOptions),
+    weaker2 = applyMask(weaker1, masks.weaker, componentMaskOptions),
+    stronger1 = applyMask(theme, masks.stronger, componentMaskOptions),
+    inverse1 = applyMask(inverse, masks.weaker, componentMaskOptions),
+    inverse2 = applyMask(inverse1, masks.weaker, componentMaskOptions),
+    strongerBorderLighterBackground = isLight ? {
+      ...stronger1,
+      borderColor: weaker1.borderColor,
+      borderColorHover: weaker1.borderColorHover,
+      borderColorPress: weaker1.borderColorPress,
+      borderColorFocus: weaker1.borderColorFocus
+    } : {
+      ...applyMask(theme, masks.skip, componentMaskOptions),
+      borderColor: weaker1.borderColor,
+      borderColorHover: weaker1.borderColorHover,
+      borderColorPress: weaker1.borderColorPress,
+      borderColorFocus: weaker1.borderColorFocus
+    },
+    overlayTheme = {
+      background: isLight ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0.9)"
+    },
+    weaker2WithoutBorder = {
+      ...weaker2,
+      borderColor: "transparent",
+      borderColorHover: "transparent"
+    };
+  return {
+    ListItem: isLight ? stronger1 : base,
+    Card: weaker1,
+    Button: weaker2WithoutBorder,
+    Checkbox: weaker2,
+    DrawerFrame: weaker1,
+    SliderTrack: stronger1,
+    SliderTrackActive: weaker2,
+    SliderThumb: inverse1,
+    Progress: weaker1,
+    ProgressIndicator: inverse,
+    Switch: weaker2,
+    SwitchThumb: inverse2,
+    TooltipArrow: weaker1,
+    TooltipContent: weaker2,
+    Input: strongerBorderLighterBackground,
+    TextArea: strongerBorderLighterBackground,
+    Tooltip: inverse1,
+    // make overlays always dark
+    SheetOverlay: overlayTheme,
+    DialogOverlay: overlayTheme,
+    ModalOverlay: overlayTheme
+  };
+}
+const themes = {
+  ...allThemes,
+  // bring back the full type, the rest use a subset to avoid clogging up ts,
+  // hanzo-gui will be smart and use the top level themes as the type for useTheme() etc
+  light: createTheme(palettes.light, lightTemplate, {
+    nonInheritedValues: lightColors
+  }),
+  dark: createTheme(palettes.dark, darkTemplate, {
+    nonInheritedValues: darkColors
+  })
+};
+export { themes };
+//# sourceMappingURL=themes-old.mjs.map

package/dist/esm/themes-old.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["addChildren","applyMask","createStrengthenMask","createTheme","createWeakenMask","skipMask","colorTokens","darkColors","lightColors","lightTransparent","darkTransparent","palettes","dark","light","templateColors","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","templateShadows","shadowColor","shadowColorHover","shadowColorPress","shadowColorFocus","toSkip","override","Object","fromEntries","entries","map","k","overrideShadows","overrideWithColors","color","colorHover","colorFocus","colorPress","template","background","backgroundHover","backgroundPress","backgroundFocus","backgroundStrong","backgroundTransparent","colorTransparent","borderColor","borderColorHover","borderColorPress","borderColorFocus","placeholderColor","lightShadowColor","lightShadowColorStrong","darkShadowColor","darkShadowColorStrong","lightShadows","darkShadows","lightTemplate","darkTemplate","baseThemes","masks","skip","weaker","stronger","maskOptions","max","length","min","transparent","hsl","opacity","replace","lightColorThemes","darkColorThemes","colorSet","i","isLight","theme","keys","colorPalette","values","head","tail","slice","palette","colorTheme","allThemes","name","inverseTheme","colorThemes","inverseColorThemes","allColorThemes","colorName","inverse","getAltThemes","getComponentThemes","activeTheme","maskOptionsAlt","alt1","alt2","active","process","env","ACTIVE_THEME_INVERSE","strength","_","subTheme","componentMaskOptions","weaker1","base","weaker2","stronger1","inverse1","inverse2","strongerBorderLighterBackground","overlayTheme","weaker2WithoutBorder","ListItem","Card","Button","Checkbox","DrawerFrame","SliderTrack","SliderTrackActive","SliderThumb","Progress","ProgressIndicator","Switch","SwitchThumb","TooltipArrow","TooltipContent","Input","TextArea","Tooltip","SheetOverlay","DialogOverlay","ModalOverlay","themes","nonInheritedValues"],"sources":["../../src/themes-old.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}