@hanzogui/themes 2.0.0

package/dist/cjs/subtleChildrenThemes.cjs

@@ -0,0 +1,65 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var subtleChildrenThemes_exports = {};
+__export(subtleChildrenThemes_exports, {
+  subtleChildrenThemes: () => subtleChildrenThemes,
+  v5SubtlePaletteAdjustments: () => v5SubtlePaletteAdjustments
+});
+module.exports = __toCommonJS(subtleChildrenThemes_exports);
+var import_v5_themes = require("./v5-themes.cjs");
+const v5SubtlePaletteAdjustments = {
+    default: {
+      light: hsl => ({
+        ...hsl,
+        s: hsl.s * 0.9
+      }),
+      dark: (hsl, i) => ({
+        ...hsl,
+        s: hsl.s * (i <= 4 ? 0.7 : 0.9)
+      })
+    },
+    // yellow palette in radix is especially off from the rest
+    yellow: {
+      light: (hsl, i) => {
+        const t = (i - 1) / 11,
+          sStart = 0.65,
+          sEnd = 0.4,
+          lStart = 1.08;
+        return {
+          ...hsl,
+          s: hsl.s * (sStart + t * (sEnd - sStart)),
+          l: hsl.l * (lStart + t * (0.8 - lStart))
+        };
+      },
+      dark: (hsl, i) => ({
+        ...hsl,
+        s: hsl.s * (i <= 7 ? 0.45 : 0.55),
+        l: hsl.l * (i <= 4 ? 0.8 : 1)
+      })
+    }
+  },
+  subtleChildrenThemes = (0, import_v5_themes.adjustPalettes)(import_v5_themes.defaultChildrenThemes, {
+    ...v5SubtlePaletteAdjustments,
+    gray: void 0,
+    // skip
+    neutral: void 0
+    // skip
+  });

package/dist/cjs/subtleChildrenThemes.native.js

@@ -0,0 +1,74 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var subtleChildrenThemes_exports = {};
+__export(subtleChildrenThemes_exports, {
+  subtleChildrenThemes: () => subtleChildrenThemes,
+  v5SubtlePaletteAdjustments: () => v5SubtlePaletteAdjustments
+});
+module.exports = __toCommonJS(subtleChildrenThemes_exports);
+var import_v5_themes = require("./v5-themes.native.js"),
+  v5SubtlePaletteAdjustments = {
+    default: {
+      light: function (hsl) {
+        return {
+          ...hsl,
+          s: hsl.s * 0.9
+        };
+      },
+      dark: function (hsl, i) {
+        return {
+          ...hsl,
+          s: hsl.s * (i <= 4 ? 0.7 : 0.9)
+        };
+      }
+    },
+    // yellow palette in radix is especially off from the rest
+    yellow: {
+      light: function (hsl, i) {
+        var t = (i - 1) / 11,
+          sStart = 0.65,
+          sEnd = 0.4,
+          lStart = 1.08,
+          lEnd = 0.8;
+        return {
+          ...hsl,
+          s: hsl.s * (sStart + t * (sEnd - sStart)),
+          l: hsl.l * (lStart + t * (lEnd - lStart))
+        };
+      },
+      dark: function (hsl, i) {
+        return {
+          ...hsl,
+          s: hsl.s * (i <= 7 ? 0.45 : 0.55),
+          l: hsl.l * (i <= 4 ? 0.8 : 1)
+        };
+      }
+    }
+  },
+  subtleChildrenThemes = (0, import_v5_themes.adjustPalettes)(import_v5_themes.defaultChildrenThemes, {
+    ...v5SubtlePaletteAdjustments,
+    gray: void 0,
+    // skip
+    neutral: void 0
+  });
+//# sourceMappingURL=subtleChildrenThemes.native.js.map

package/dist/cjs/subtleChildrenThemes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","subtleChildrenThemes_exports","__export","subtleChildrenThemes","v5SubtlePaletteAdjustments","module","exports","import_v5_themes","require","default","light","hsl","s","dark","i","yellow","t","sStart","sEnd","lStart","lEnd","l","adjustPalettes","defaultChildrenThemes"],"sources":["../../src/subtleChildrenThemes.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,0BAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAIO,CAAAK,4BAAA;AAEA,IAAAM,gBAAM,GAAAC,OAAA,wBAET;EAAAJ,0BAAA;IACFK,OAAA,EAAS;MACPC,KAAA,EAAO,SAAAA,CAACC,GAAS;QACf,OAAG;UACH,GAAGA,GAAI;UACTC,CAAA,EAAAD,GAAA,CAAAC,CAAA;QACA;MAAmB;MACdC,IACH,EAAG,SAAAA,CAASF,GAAA,EAAKG,CAAA,EAAI;QACvB;UACF,GAAAH,GAAA;UAAAC,CAAA,EAAAD,GAAA,CAAAC,CAAA,IAAAE,CAAA;QAEA;MACE;IAGE;IAUA;IAAOC,MACL;MAAGL,KACH,EAAG,SAAAA,CAASC,GAAA,EAAAG,CAAA;QAAqB,IACjCE,CAAG,IAAIF,CAAA,IAAK;UAAAG,MALD,OAKsB;UAAAC,IAAA;UAAAC,MAAA;UAAAC,IAAA;QACnC;UACF,GAAAT,GAAA;UAEAC,CAAA,EAAOD,GAAA,CAAAC,CAAK,IAAAK,MAAO,GAAAD,CAAA,IAAAE,IAAA,GAAAD,MAAA;UACjBI,CAAG,EAAAV,GAAA,CAAAU,CAAA,IAAAF,MAAA,GAAAH,CAAA,IAAAI,IAAA,GAAAD,MAAA;QACH;MAA4B;MAE9BN,IAAA,WAAAA,CAAAF,GAAA,EAAAG,CAAA;QACF;UAGW,GAAAH,GAAA;UACRC,CAAA,EAAAD,GAAA,CAAAC,CAAA,IAAAE,CAAA;UACGO,CAAA,EAAAV,GAAA,CAAAU,CAAA,IAAAP,CAAA;QAAA;MACN;IAAS;EACX,CAAC;EAAAX,oBAAA,OAAAI,gBAAA,CAAAe,cAAA,EAAAf,gBAAA,CAAAgB,qBAAA","ignoreList":[]}

package/dist/cjs/templates.cjs

@@ -0,0 +1,118 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var templates_exports = {};
+__export(templates_exports, {
+  maskOptions: () => maskOptions,
+  templates: () => templates
+});
+module.exports = __toCommonJS(templates_exports);
+var import_palettes = require("./palettes.cjs");
+const 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: import_palettes.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
+    }
+  };

package/dist/cjs/templates.native.js

@@ -0,0 +1,121 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var templates_exports = {};
+__export(templates_exports, {
+  maskOptions: () => maskOptions,
+  templates: () => templates
+});
+module.exports = __toCommonJS(templates_exports);
+var import_palettes = require("./palettes.native.js"),
+  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: import_palettes.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
+    }
+  };
+//# sourceMappingURL=templates.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","templates_exports","__export","maskOptions","templates","module","exports","import_palettes","require","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","base","colorLight","shadows","shadowColor","shadowColorHover","shadowColorPress","shadowColorFocus","colors","baseMaskOptions","override","skip","max","palettes","light","length","min","skipShadowsAndSpecificColors","component","alt","button"],"sources":["../../src/templates.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,iBAAA;AAEzB,IAAAM,eAAM,GAAAC,OAAA,uBAAyB;EAAAC,sBAAA;IAC7BC,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;EAEalC,SAAA,GAAY;IACvBmC,IAAA,EAAMjB,QAAA;IACNkB,UAAA,EAAY;MACV,GAAGlB,QAAA;MAAA;MAEHY,WAAA,EAAa;MACbC,gBAAA,EAAkB;MAClBC,gBAAA,EAAkB;MAClBC,gBAAA,EAAkB;IACpB;EACF;EAEMI,OAAA,GAAU;IACdC,WAAA,EAAa;IACbC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;IAClBC,gBAAA,EAAkB;EACpB;EAEMC,MAAA,GAAS;IACb,GAAGL,OAAA;IACHZ,KAAA,EAAO;IACPC,UAAA,EAAY;IACZE,UAAA,EAAY;IACZD,UAAA,EAAY;EACd;EAEMgB,eAAA,GAA+B;IACnCC,QAAA,EAAUP,OAAA;IACVQ,IAAA,EAAMR,OAAA;IAAA;IAENS,GAAA,EAAK3C,eAAA,CAAA4C,QAAA,CAASC,KAAA,CAAMC,MAAA,GAAS;IAC7BC,GAAA,EAAK;EACP;EAEMC,4BAAA,GAA+B;IACnC,GAAGd,OAAA;IACH,GAAGhC;EACL;EAEaN,WAAA,GAAc;IACzBqD,SAAA,EAAW;MACT,GAAGT,eAAA;MACHC,QAAA,EAAUF,MAAA;MACVG,IAAA,EAAMM;IACR;IACAE,GAAA,EAAK;MACH,GAAGV;IACL;IACAW,MAAA,EAAQ;MACN,GAAGX,eAAA;MACHC,QAAA,EAAU;QACR,GAAGF,MAAA;QACHZ,WAAA,EAAa;QACbC,gBAAA,EAAkB;MACpB;MACAc,IAAA,EAAMM;IACR;EACF","ignoreList":[]}

package/dist/cjs/themes-new.cjs

@@ -0,0 +1,86 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var themes_new_exports = {};
+__export(themes_new_exports, {
+  themes: () => themes
+});
+module.exports = __toCommonJS(themes_new_exports);
+var import_theme_builder = require("@hanzogui/theme-builder"),
+  import_componentThemeDefinitions = require("./componentThemeDefinitions.cjs"),
+  import_theme_builder2 = require("@hanzogui/theme-builder"),
+  import_palettes = require("./palettes.cjs"),
+  import_shadows = require("./shadows.cjs"),
+  import_templates = require("./templates.cjs"),
+  import_tokens = require("./tokens.cjs");
+const colorThemeDefinition = colorName => [{
+    parent: "light",
+    palette: colorName,
+    template: "colorLight"
+  }, {
+    parent: "dark",
+    palette: colorName,
+    template: "base"
+  }],
+  themesBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(import_palettes.palettes).addTemplates(import_templates.templates).addMasks(import_theme_builder2.masks).addThemes({
+    light: {
+      template: "base",
+      palette: "light",
+      nonInheritedValues: {
+        ...import_tokens.lightColors,
+        ...import_shadows.shadows.light
+      }
+    },
+    dark: {
+      template: "base",
+      palette: "dark",
+      nonInheritedValues: {
+        ...import_tokens.darkColors,
+        ...import_shadows.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",
+      ...import_templates.maskOptions.alt
+    },
+    alt2: {
+      mask: "soften2",
+      ...import_templates.maskOptions.alt
+    },
+    active: {
+      mask: "soften3",
+      skip: {
+        color: 1
+      }
+    }
+  }).addChildThemes(import_componentThemeDefinitions.componentThemeDefinitions, {
+    // to save bundle size but make alt themes not work on components
+    // avoidNestingWithin: ['alt1', 'alt2'],
+  }),
+  themes = themesBuilder.build();

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

@@ -0,0 +1,88 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var themes_new_exports = {};
+__export(themes_new_exports, {
+  themes: () => themes
+});
+module.exports = __toCommonJS(themes_new_exports);
+var import_theme_builder = require("@hanzogui/theme-builder"),
+  import_componentThemeDefinitions = require("./componentThemeDefinitions.native.js"),
+  import_theme_builder2 = require("@hanzogui/theme-builder"),
+  import_palettes = require("./palettes.native.js"),
+  import_shadows = require("./shadows.native.js"),
+  import_templates = require("./templates.native.js"),
+  import_tokens = require("./tokens.native.js"),
+  colorThemeDefinition = function (colorName) {
+    return [{
+      parent: "light",
+      palette: colorName,
+      template: "colorLight"
+    }, {
+      parent: "dark",
+      palette: colorName,
+      template: "base"
+    }];
+  },
+  themesBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(import_palettes.palettes).addTemplates(import_templates.templates).addMasks(import_theme_builder2.masks).addThemes({
+    light: {
+      template: "base",
+      palette: "light",
+      nonInheritedValues: {
+        ...import_tokens.lightColors,
+        ...import_shadows.shadows.light
+      }
+    },
+    dark: {
+      template: "base",
+      palette: "dark",
+      nonInheritedValues: {
+        ...import_tokens.darkColors,
+        ...import_shadows.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",
+      ...import_templates.maskOptions.alt
+    },
+    alt2: {
+      mask: "soften2",
+      ...import_templates.maskOptions.alt
+    },
+    active: {
+      mask: "soften3",
+      skip: {
+        color: 1
+      }
+    }
+  }).addChildThemes(import_componentThemeDefinitions.componentThemeDefinitions, {}),
+  themes = themesBuilder.build();
+//# sourceMappingURL=themes-new.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themes_new_exports","__export","themes","module","exports","import_theme_builder","require","import_componentThemeDefinitions","import_theme_builder2","import_palettes","import_shadows","import_templates","import_tokens","colorThemeDefinition","colorName","parent","palette","template","themesBuilder","createThemeBuilder","addPalettes","palettes","addTemplates","templates","addMasks","masks","addThemes","light","nonInheritedValues","lightColors","shadows","dark","darkColors","addChildThemes","orange","yellow","green","blue","purple","pink","red","alt1","mask","maskOptions","alt","alt2","active","skip","color","componentThemeDefinitions","build"],"sources":["../../src/themes-new.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmC,CAAAK,kBAAA;AAQnC,IAAAK,oBAAM,GAAAC,OAAwB,0BAAsB;EAAAC,gCAAA,GAAAD,OAAA;EAAAE,qBAAA,GAAAF,OAAA;EAAAG,eAAA,GAAAH,OAAA;EAAAI,cAAA,GAAAJ,OAAA;EAAAK,gBAAA,GAAAL,OAAA;EAAAM,aAAA,GAAAN,OAAA;EAAAO,oBAAA,YAAAA,CAAAC,SAAA;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,OAAAb,oBAAA,CAAAc,kBAAA,IAAAC,WAAA,CAAAX,eAAA,CAAAY,QAAA,EAAAC,YAAA,CAAAX,gBAAA,CAAAY,SAAA,EAAAC,QAAA,CAAAhB,qBAAA,CAAAiB,KAAA,EAAAC,SAAA;IAAAC,KACV;MACAV,QAAA;MAAoBD,OACf;MAAAY,kBACA;QACL,GAAAhB,aAAA,CAAAiB,WAAA;QACF,GAAAnB,cAAA,CAAAoB,OAAA,CAAAH;MACA;IAAM;IACMI,IACV;MACAd,QAAA;MAAoBD,OACf;MAAAY,kBACA;QACL,GAAAhB,aAAA,CAAAoB,UAAA;QACF,GAAAtB,cAAA,CAAAoB,OAAA,CAAAC;MAED;IACC;EAAqC,EACrC,CAAAE,cAAQ;IACRC,MAAA,EAAOrB,oBAAqB,SAAO;IACnCsB,MAAM,EAAAtB,oBAAqB,SAAM;IACjCuB,KAAA,EAAAvB,oBAAQ,QAAqB;IAC7BwB,IAAA,EAAMxB,oBAAA,CAAqB,MAAM;IACjCyB,MAAK,EAAAzB,oBAAqB,SAAK;IAChC0B,IACA,EAAA1B,oBAAe;IACd2B,GAAA,EAAA3B,oBAAM;EAAA,GAAAoB,cACE;IAAAQ,IACN,EAAG;MACLC,IAAA;MACA,GAAA/B,gBAAM,CAAAgC,WAAA,CAAAC;IAAA;IACEC,IACN,EAAG;MACLH,IAAA;MACA,GAAA/B,gBAAQ,CAAAgC,WAAA,CAAAC;IAAA;IACAE,MACN,EAAM;MAAAJ,IACJ,WAAO;MACTK,IAAA;QACFC,KAAA;MAED;IAA0C;EAAA,GAAAf,cAAA,CAAA1B,gCAAA,CAAA0C,yBAAA;EAAA/C,MAAA,GAAAgB,aAAA,CAAAgC,KAAA","ignoreList":[]}