@hanzogui/themes 3.0.6 → 4.3.1

package/dist/cjs/templates.cjs

@@ -3,20 +3,22 @@ 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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var templates_exports = {};
 __export(templates_exports, {
@@ -26,93 +28,93 @@ __export(templates_exports, {
 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,
+  color1: 1,
+  color2: 2,
+  color3: 3,
+  color4: 4,
+  color5: 5,
+  color6: 6,
+  color7: 7,
+  color8: 8,
+  color9: 9,
+  color10: 10,
+  color11: 11,
+  color12: 12
+};
+const 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
+};
+const templates = {
+  base: template,
+  colorLight: {
+    ...template,
+    // light color themes are a bit less sensitive
+    borderColor: 4,
+    borderColorHover: 5,
     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
-    }
+    borderColorPress: 4
+  }
+};
+const shadows = {
+  shadowColor: 0,
+  shadowColorHover: 0,
+  shadowColorPress: 0,
+  shadowColorFocus: 0
+};
+const colors = {
+  ...shadows,
+  color: 0,
+  colorHover: 0,
+  colorFocus: 0,
+  colorPress: 0
+};
+const baseMaskOptions = {
+  override: shadows,
+  skip: shadows,
+  // avoids the transparent ends
+  max: import_palettes.palettes.light.length - 2,
+  min: 1
+};
+const skipShadowsAndSpecificColors = {
+  ...shadows,
+  ...templateColorsSpecific
+};
+const maskOptions = {
+  component: {
+    ...baseMaskOptions,
+    override: colors,
+    skip: skipShadowsAndSpecificColors
   },
-  shadows = {
-    shadowColor: 0,
-    shadowColorHover: 0,
-    shadowColorPress: 0,
-    shadowColorFocus: 0
+  alt: {
+    ...baseMaskOptions
   },
-  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"
     },
-    button: {
-      ...baseMaskOptions,
-      override: {
-        ...colors,
-        borderColor: "transparent",
-        borderColorHover: "transparent"
-      },
-      skip: skipShadowsAndSpecificColors
-    }
-  };
+    skip: skipShadowsAndSpecificColors
+  }
+};

package/dist/cjs/templates.native.js

@@ -5,20 +5,22 @@ 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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var templates_exports = {};
 __export(templates_exports, {
@@ -26,96 +28,96 @@ __export(templates_exports, {
   templates: () => templates
 });
 module.exports = __toCommonJS(templates_exports);
-var import_palettes = require("./palettes"),
-  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,
+var import_palettes = require("./palettes");
+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
+};
+var 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
+};
+var templates = {
+  base: template,
+  colorLight: {
+    ...template,
+    // light color themes are a bit less sensitive
+    borderColor: 4,
+    borderColorHover: 5,
     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
-    }
+    borderColorPress: 4
+  }
+};
+var shadows = {
+  shadowColor: 0,
+  shadowColorHover: 0,
+  shadowColorPress: 0,
+  shadowColorFocus: 0
+};
+var colors = {
+  ...shadows,
+  color: 0,
+  colorHover: 0,
+  colorFocus: 0,
+  colorPress: 0
+};
+var baseMaskOptions = {
+  override: shadows,
+  skip: shadows,
+  // avoids the transparent ends
+  max: import_palettes.palettes.light.length - 2,
+  min: 1
+};
+var skipShadowsAndSpecificColors = {
+  ...shadows,
+  ...templateColorsSpecific
+};
+var maskOptions = {
+  component: {
+    ...baseMaskOptions,
+    override: colors,
+    skip: skipShadowsAndSpecificColors
   },
-  shadows = {
-    shadowColor: 0,
-    shadowColorHover: 0,
-    shadowColorPress: 0,
-    shadowColorFocus: 0
+  alt: {
+    ...baseMaskOptions
   },
-  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"
     },
-    button: {
-      ...baseMaskOptions,
-      override: {
-        ...colors,
-        borderColor: "transparent",
-        borderColorHover: "transparent"
-      },
-      skip: skipShadowsAndSpecificColors
-    }
-  };
+    skip: skipShadowsAndSpecificColors
+  }
+};
 //# sourceMappingURL=templates.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","templates_exports","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":["templates.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: !0 });\n}, __copyProps = (to, from, except, desc) => {\n  if (from && typeof from == \"object\" || typeof from == \"function\")\n    for (let key of __getOwnPropNames(from))\n      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: !0 }), mod);\nvar templates_exports = {};\n__export(templates_exports, {\n  maskOptions: () => maskOptions,\n  templates: () => templates\n});\nmodule.exports = __toCommonJS(templates_exports);\nvar import_palettes = require(\"./palettes\"), templateColorsSpecific = {\n  color1: 1,\n  color2: 2,\n  color3: 3,\n  color4: 4,\n  color5: 5,\n  color6: 6,\n  color7: 7,\n  color8: 8,\n  color9: 9,\n  color10: 10,\n  color11: 11,\n  color12: 12\n}, template = {\n  ...templateColorsSpecific,\n  // the background, color, etc keys here work like generics - they make it so you\n  // can publish components for others to use without mandating a specific color scale\n  // the @hanzogui/button Button component looks for `$background`, so you set the\n  // dark_red_Button theme to have a stronger background than the dark_red theme.\n  background: 2,\n  backgroundHover: 3,\n  backgroundPress: 4,\n  backgroundFocus: 5,\n  backgroundStrong: 1,\n  backgroundTransparent: 0,\n  color: -1,\n  colorHover: -2,\n  colorPress: -1,\n  colorFocus: -2,\n  colorTransparent: -0,\n  borderColor: 5,\n  borderColorHover: 6,\n  borderColorFocus: 4,\n  borderColorPress: 5,\n  placeholderColor: -4\n}, templates = {\n  base: template,\n  colorLight: {\n    ...template,\n    // light color themes are a bit less sensitive\n    borderColor: 4,\n    borderColorHover: 5,\n    borderColorFocus: 4,\n    borderColorPress: 4\n  }\n}, shadows = {\n  shadowColor: 0,\n  shadowColorHover: 0,\n  shadowColorPress: 0,\n  shadowColorFocus: 0\n}, colors = {\n  ...shadows,\n  color: 0,\n  colorHover: 0,\n  colorFocus: 0,\n  colorPress: 0\n}, baseMaskOptions = {\n  override: shadows,\n  skip: shadows,\n  // avoids the transparent ends\n  max: import_palettes.palettes.light.length - 2,\n  min: 1\n}, skipShadowsAndSpecificColors = {\n  ...shadows,\n  ...templateColorsSpecific\n}, maskOptions = {\n  component: {\n    ...baseMaskOptions,\n    override: colors,\n    skip: skipShadowsAndSpecificColors\n  },\n  alt: {\n    ...baseMaskOptions\n  },\n  button: {\n    ...baseMaskOptions,\n    override: {\n      ...colors,\n      borderColor: \"transparent\",\n      borderColorHover: \"transparent\"\n    },\n    skip: skipShadowsAndSpecificColors\n  }\n};\n//# sourceMappingURL=templates.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","templates_exports","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":["templates.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar templates_exports = {};\n__export(templates_exports, {\n  maskOptions: () => maskOptions,\n  templates: () => templates\n});\nmodule.exports = __toCommonJS(templates_exports);\nvar import_palettes = require(\"./palettes\");\nvar templateColorsSpecific = {\n  color1: 1,\n  color2: 2,\n  color3: 3,\n  color4: 4,\n  color5: 5,\n  color6: 6,\n  color7: 7,\n  color8: 8,\n  color9: 9,\n  color10: 10,\n  color11: 11,\n  color12: 12\n};\nvar template = {\n  ...templateColorsSpecific,\n  // the background, color, etc keys here work like generics - they make it so you\n  // can publish components for others to use without mandating a specific color scale\n  // the @hanzogui/button Button component looks for `$background`, so you set the\n  // dark_red_Button theme to have a stronger background than the dark_red theme.\n  background: 2,\n  backgroundHover: 3,\n  backgroundPress: 4,\n  backgroundFocus: 5,\n  backgroundStrong: 1,\n  backgroundTransparent: 0,\n  color: -1,\n  colorHover: -2,\n  colorPress: -1,\n  colorFocus: -2,\n  colorTransparent: -0,\n  borderColor: 5,\n  borderColorHover: 6,\n  borderColorFocus: 4,\n  borderColorPress: 5,\n  placeholderColor: -4\n};\nvar templates = {\n  base: template,\n  colorLight: {\n    ...template,\n    // light color themes are a bit less sensitive\n    borderColor: 4,\n    borderColorHover: 5,\n    borderColorFocus: 4,\n    borderColorPress: 4\n  }\n};\nvar shadows = {\n  shadowColor: 0,\n  shadowColorHover: 0,\n  shadowColorPress: 0,\n  shadowColorFocus: 0\n};\nvar colors = {\n  ...shadows,\n  color: 0,\n  colorHover: 0,\n  colorFocus: 0,\n  colorPress: 0\n};\nvar baseMaskOptions = {\n  override: shadows,\n  skip: shadows,\n  // avoids the transparent ends\n  max: import_palettes.palettes.light.length - 2,\n  min: 1\n};\nvar skipShadowsAndSpecificColors = {\n  ...shadows,\n  ...templateColorsSpecific\n};\nvar maskOptions = {\n  component: {\n    ...baseMaskOptions,\n    override: colors,\n    skip: skipShadowsAndSpecificColors\n  },\n  alt: {\n    ...baseMaskOptions\n  },\n  button: {\n    ...baseMaskOptions,\n    override: {\n      ...colors,\n      borderColor: \"transparent\",\n      borderColorHover: \"transparent\"\n    },\n    skip: skipShadowsAndSpecificColors\n  }\n};\n//# sourceMappingURL=templates.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/themes-new.cjs

@@ -3,84 +3,86 @@ 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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), 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");
+var import_theme_builder = require("@hanzogui/theme-builder");
+var import_componentThemeDefinitions = require("./componentThemeDefinitions.cjs");
+var import_theme_builder2 = require("@hanzogui/theme-builder");
+var import_palettes = require("./palettes.cjs");
+var import_shadows = require("./shadows.cjs");
+var import_templates = require("./templates.cjs");
+var 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
-      }
+  parent: "light",
+  palette: colorName,
+  template: "colorLight"
+}, {
+  parent: "dark",
+  palette: colorName,
+  template: "base"
+}];
+const 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
     }
-  }).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
-      }
+  },
+  dark: {
+    template: "base",
+    palette: "dark",
+    nonInheritedValues: {
+      ...import_tokens.darkColors,
+      ...import_shadows.shadows.dark
     }
-  }).addChildThemes(import_componentThemeDefinitions.componentThemeDefinitions, {
-    // to save bundle size but make alt themes not work on components
-    // avoidNestingWithin: ['alt1', 'alt2'],
-  }),
-  themes = themesBuilder.build();
+  }
+}).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'],
+});
+const themes = themesBuilder.build();