@hanzogui/theme-builder 2.0.0-rc.41-hanzoai.5

package/dist/cjs/defaultTemplates.cjs

@@ -0,0 +1,154 @@
+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 defaultTemplates_exports = {};
+__export(defaultTemplates_exports, {
+  defaultTemplates: () => defaultTemplates
+});
+module.exports = __toCommonJS(defaultTemplates_exports);
+var import_helpers = require("./helpers.cjs");
+const getTemplates = () => {
+  const lightTemplates = getBaseTemplates("light");
+  const darkTemplates = getBaseTemplates("dark");
+  const templates = {
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
+  };
+  return templates;
+};
+const getBaseTemplates = scheme => {
+  const isLight = scheme === "light";
+  const bgIndex = 6;
+  const lighten = isLight ? -1 : 1;
+  const darken = -lighten;
+  const increaseContrast = 1;
+  const borderColor = bgIndex + 3;
+  const baseColors = {
+    color: -bgIndex,
+    colorHover: -bgIndex - 1,
+    colorPress: -bgIndex,
+    colorFocus: -bgIndex - 1,
+    placeholderColor: -bgIndex - 3,
+    outlineColor: -2
+  };
+  const base = {
+    accentBackground: 0,
+    accentColor: -0,
+    background0: 1,
+    background02: 2,
+    background04: 3,
+    background06: 4,
+    background08: 5,
+    color1: bgIndex,
+    color2: bgIndex + 1,
+    color3: bgIndex + 2,
+    color4: bgIndex + 3,
+    color5: bgIndex + 4,
+    color6: bgIndex + 5,
+    color7: bgIndex + 6,
+    color8: bgIndex + 7,
+    color9: bgIndex + 8,
+    color10: bgIndex + 9,
+    color11: bgIndex + 10,
+    color12: bgIndex + 11,
+    color0: -1,
+    color02: -2,
+    color04: -3,
+    color06: -4,
+    color08: -5,
+    // 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: bgIndex,
+    backgroundHover: bgIndex + increaseContrast * 2,
+    backgroundPress: bgIndex + increaseContrast * 3,
+    backgroundFocus: bgIndex + increaseContrast * 2,
+    borderColor,
+    borderColorHover: borderColor + lighten,
+    borderColorPress: borderColor + darken,
+    borderColorFocus: borderColor,
+    ...baseColors,
+    colorTransparent: -1
+  };
+  const surface1 = {
+    ...baseColors,
+    background: base.background + 1,
+    backgroundHover: base.backgroundHover + 1,
+    backgroundPress: base.backgroundPress + 1,
+    backgroundFocus: base.backgroundFocus + 1,
+    backgroundActive: base.background + 1,
+    borderColor: base.borderColor + 1,
+    borderColorHover: base.borderColorHover + 1,
+    borderColorFocus: base.borderColorFocus + 1,
+    borderColorPress: base.borderColorPress + 1
+  };
+  const surface2 = {
+    ...baseColors,
+    background: base.background + 2,
+    backgroundHover: base.backgroundHover + 2,
+    backgroundPress: base.backgroundPress + 2,
+    backgroundFocus: base.backgroundFocus + 2,
+    backgroundActive: base.background + 2,
+    borderColor: base.borderColor + 2,
+    borderColorHover: base.borderColorHover + 2,
+    borderColorFocus: base.borderColorFocus + 2,
+    borderColorPress: base.borderColorPress + 2
+  };
+  const surface3 = {
+    ...baseColors,
+    background: base.background + 3,
+    backgroundHover: base.backgroundHover + 3,
+    backgroundPress: base.backgroundPress + 3,
+    backgroundFocus: base.backgroundFocus + 3,
+    backgroundActive: base.background + 3,
+    borderColor: base.borderColor + 3,
+    borderColorHover: base.borderColorHover + 3,
+    borderColorFocus: base.borderColorFocus + 3,
+    borderColorPress: base.borderColorPress + 3
+  };
+  const alt1 = {
+    color: base.color - 1,
+    colorHover: base.colorHover - 1,
+    colorPress: base.colorPress - 1,
+    colorFocus: base.colorFocus - 1
+  };
+  const alt2 = {
+    color: base.color - 2,
+    colorHover: base.colorHover - 2,
+    colorPress: base.colorPress - 2,
+    colorFocus: base.colorFocus - 2
+  };
+  const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+    return [key, -index];
+  }));
+  return {
+    base,
+    surface1,
+    surface2,
+    surface3,
+    alt1,
+    alt2,
+    inverse
+  };
+};
+const defaultTemplates = getTemplates();

package/dist/cjs/defaultTemplates.native.js

@@ -0,0 +1,162 @@
+"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 defaultTemplates_exports = {};
+__export(defaultTemplates_exports, {
+  defaultTemplates: () => defaultTemplates
+});
+module.exports = __toCommonJS(defaultTemplates_exports);
+var import_helpers = require("./helpers.native.js");
+var getTemplates = function () {
+  var lightTemplates = getBaseTemplates("light");
+  var darkTemplates = getBaseTemplates("dark");
+  var templates = {
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(function (name) {
+      return [`light_${name}`, lightTemplates[name]];
+    })),
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(function (name) {
+      return [`dark_${name}`, darkTemplates[name]];
+    }))
+  };
+  return templates;
+};
+var getBaseTemplates = function (scheme) {
+  var isLight = scheme === "light";
+  var bgIndex = 6;
+  var lighten = isLight ? -1 : 1;
+  var darken = -lighten;
+  var increaseContrast = 1;
+  var borderColor = bgIndex + 3;
+  var baseColors = {
+    color: -bgIndex,
+    colorHover: -bgIndex - 1,
+    colorPress: -bgIndex,
+    colorFocus: -bgIndex - 1,
+    placeholderColor: -bgIndex - 3,
+    outlineColor: -2
+  };
+  var base = {
+    accentBackground: 0,
+    accentColor: -0,
+    background0: 1,
+    background02: 2,
+    background04: 3,
+    background06: 4,
+    background08: 5,
+    color1: bgIndex,
+    color2: bgIndex + 1,
+    color3: bgIndex + 2,
+    color4: bgIndex + 3,
+    color5: bgIndex + 4,
+    color6: bgIndex + 5,
+    color7: bgIndex + 6,
+    color8: bgIndex + 7,
+    color9: bgIndex + 8,
+    color10: bgIndex + 9,
+    color11: bgIndex + 10,
+    color12: bgIndex + 11,
+    color0: -1,
+    color02: -2,
+    color04: -3,
+    color06: -4,
+    color08: -5,
+    // 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: bgIndex,
+    backgroundHover: bgIndex + increaseContrast * 2,
+    backgroundPress: bgIndex + increaseContrast * 3,
+    backgroundFocus: bgIndex + increaseContrast * 2,
+    borderColor,
+    borderColorHover: borderColor + lighten,
+    borderColorPress: borderColor + darken,
+    borderColorFocus: borderColor,
+    ...baseColors,
+    colorTransparent: -1
+  };
+  var surface1 = {
+    ...baseColors,
+    background: base.background + 1,
+    backgroundHover: base.backgroundHover + 1,
+    backgroundPress: base.backgroundPress + 1,
+    backgroundFocus: base.backgroundFocus + 1,
+    backgroundActive: base.background + 1,
+    borderColor: base.borderColor + 1,
+    borderColorHover: base.borderColorHover + 1,
+    borderColorFocus: base.borderColorFocus + 1,
+    borderColorPress: base.borderColorPress + 1
+  };
+  var surface2 = {
+    ...baseColors,
+    background: base.background + 2,
+    backgroundHover: base.backgroundHover + 2,
+    backgroundPress: base.backgroundPress + 2,
+    backgroundFocus: base.backgroundFocus + 2,
+    backgroundActive: base.background + 2,
+    borderColor: base.borderColor + 2,
+    borderColorHover: base.borderColorHover + 2,
+    borderColorFocus: base.borderColorFocus + 2,
+    borderColorPress: base.borderColorPress + 2
+  };
+  var surface3 = {
+    ...baseColors,
+    background: base.background + 3,
+    backgroundHover: base.backgroundHover + 3,
+    backgroundPress: base.backgroundPress + 3,
+    backgroundFocus: base.backgroundFocus + 3,
+    backgroundActive: base.background + 3,
+    borderColor: base.borderColor + 3,
+    borderColorHover: base.borderColorHover + 3,
+    borderColorFocus: base.borderColorFocus + 3,
+    borderColorPress: base.borderColorPress + 3
+  };
+  var alt1 = {
+    color: base.color - 1,
+    colorHover: base.colorHover - 1,
+    colorPress: base.colorPress - 1,
+    colorFocus: base.colorFocus - 1
+  };
+  var alt2 = {
+    color: base.color - 2,
+    colorHover: base.colorHover - 2,
+    colorPress: base.colorPress - 2,
+    colorFocus: base.colorFocus - 2
+  };
+  var inverse = Object.fromEntries(Object.entries(base).map(function (param) {
+    var [key, index] = param;
+    return [key, -index];
+  }));
+  return {
+    base,
+    surface1,
+    surface2,
+    surface3,
+    alt1,
+    alt2,
+    inverse
+  };
+};
+var defaultTemplates = getTemplates();
+//# sourceMappingURL=defaultTemplates.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplates_exports","__export","defaultTemplates","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","increaseContrast","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","base","accentBackground","accentColor","background0","background02","background04","background06","background08","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color0","color02","color04","color06","color08","background","backgroundHover","backgroundPress","backgroundFocus","borderColorHover","borderColorPress","borderColorFocus","colorTransparent","surface1","backgroundActive","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplates.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/defaultTemplatesStronger.cjs

@@ -0,0 +1,152 @@
+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 defaultTemplatesStronger_exports = {};
+__export(defaultTemplatesStronger_exports, {
+  defaultTemplatesStronger: () => defaultTemplatesStronger
+});
+module.exports = __toCommonJS(defaultTemplatesStronger_exports);
+var import_helpers = require("./helpers.cjs");
+const getTemplates = () => {
+  const lightTemplates = getBaseTemplates("light");
+  const darkTemplates = getBaseTemplates("dark");
+  const templates = {
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
+  };
+  return templates;
+};
+const getBaseTemplates = scheme => {
+  const isLight = scheme === "light";
+  const bgIndex = 6;
+  const lighten = isLight ? -1 : 1;
+  const darken = -lighten;
+  const borderColor = bgIndex + 3;
+  const baseColors = {
+    color: -bgIndex,
+    colorHover: -bgIndex - 1,
+    colorPress: -bgIndex,
+    colorFocus: -bgIndex - 1,
+    placeholderColor: -bgIndex - 3,
+    outlineColor: -2
+  };
+  const base = {
+    accentBackground: 0,
+    accentColor: -0,
+    background0: 1,
+    background02: 2,
+    background04: 3,
+    background06: 4,
+    background08: 5,
+    color1: bgIndex,
+    color2: bgIndex + 1,
+    color3: bgIndex + 2,
+    color4: bgIndex + 3,
+    color5: bgIndex + 4,
+    color6: bgIndex + 5,
+    color7: bgIndex + 6,
+    color8: bgIndex + 7,
+    color9: bgIndex + 8,
+    color10: bgIndex + 9,
+    color11: bgIndex + 10,
+    color12: bgIndex + 11,
+    color0: -1,
+    color02: -2,
+    color04: -3,
+    color06: -4,
+    color08: -5,
+    // 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: bgIndex,
+    backgroundHover: bgIndex + lighten,
+    // always lighten on hover no matter the scheme
+    backgroundPress: bgIndex + darken,
+    // always darken on press no matter the theme
+    backgroundFocus: bgIndex + darken,
+    borderColor,
+    borderColorHover: borderColor + lighten,
+    borderColorPress: borderColor + darken,
+    borderColorFocus: borderColor,
+    ...baseColors,
+    colorTransparent: -1
+  };
+  const surface1 = {
+    ...baseColors,
+    background: base.background + 2,
+    backgroundHover: base.backgroundHover + 2,
+    backgroundPress: base.backgroundPress + 2,
+    backgroundFocus: base.backgroundFocus + 2,
+    borderColor: base.borderColor + 2,
+    borderColorHover: base.borderColorHover + 2,
+    borderColorFocus: base.borderColorFocus + 2,
+    borderColorPress: base.borderColorPress + 2
+  };
+  const surface2 = {
+    ...baseColors,
+    background: base.background + 3,
+    backgroundHover: base.backgroundHover + 3,
+    backgroundPress: base.backgroundPress + 3,
+    backgroundFocus: base.backgroundFocus + 3,
+    borderColor: base.borderColor + 3,
+    borderColorHover: base.borderColorHover + 3,
+    borderColorFocus: base.borderColorFocus + 3,
+    borderColorPress: base.borderColorPress + 3
+  };
+  const surface3 = {
+    ...baseColors,
+    background: base.background + 4,
+    backgroundHover: base.backgroundHover + 4,
+    backgroundPress: base.backgroundPress + 4,
+    backgroundFocus: base.backgroundFocus + 4,
+    borderColor: base.borderColor + 4,
+    borderColorHover: base.borderColorHover + 4,
+    borderColorFocus: base.borderColorFocus + 4,
+    borderColorPress: base.borderColorPress + 4
+  };
+  const alt1 = {
+    color: base.color - 1,
+    colorHover: base.colorHover - 1,
+    colorPress: base.colorPress - 1,
+    colorFocus: base.colorFocus - 1
+  };
+  const alt2 = {
+    color: base.color - 2,
+    colorHover: base.colorHover - 2,
+    colorPress: base.colorPress - 2,
+    colorFocus: base.colorFocus - 2
+  };
+  const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+    return [key, -index];
+  }));
+  return {
+    base,
+    surface1,
+    surface2,
+    surface3,
+    alt1,
+    alt2,
+    inverse
+  };
+};
+const defaultTemplatesStronger = getTemplates();

package/dist/cjs/defaultTemplatesStronger.native.js

@@ -0,0 +1,160 @@
+"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 defaultTemplatesStronger_exports = {};
+__export(defaultTemplatesStronger_exports, {
+  defaultTemplatesStronger: () => defaultTemplatesStronger
+});
+module.exports = __toCommonJS(defaultTemplatesStronger_exports);
+var import_helpers = require("./helpers.native.js");
+var getTemplates = function () {
+  var lightTemplates = getBaseTemplates("light");
+  var darkTemplates = getBaseTemplates("dark");
+  var templates = {
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(function (name) {
+      return [`light_${name}`, lightTemplates[name]];
+    })),
+    ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(function (name) {
+      return [`dark_${name}`, darkTemplates[name]];
+    }))
+  };
+  return templates;
+};
+var getBaseTemplates = function (scheme) {
+  var isLight = scheme === "light";
+  var bgIndex = 6;
+  var lighten = isLight ? -1 : 1;
+  var darken = -lighten;
+  var borderColor = bgIndex + 3;
+  var baseColors = {
+    color: -bgIndex,
+    colorHover: -bgIndex - 1,
+    colorPress: -bgIndex,
+    colorFocus: -bgIndex - 1,
+    placeholderColor: -bgIndex - 3,
+    outlineColor: -2
+  };
+  var base = {
+    accentBackground: 0,
+    accentColor: -0,
+    background0: 1,
+    background02: 2,
+    background04: 3,
+    background06: 4,
+    background08: 5,
+    color1: bgIndex,
+    color2: bgIndex + 1,
+    color3: bgIndex + 2,
+    color4: bgIndex + 3,
+    color5: bgIndex + 4,
+    color6: bgIndex + 5,
+    color7: bgIndex + 6,
+    color8: bgIndex + 7,
+    color9: bgIndex + 8,
+    color10: bgIndex + 9,
+    color11: bgIndex + 10,
+    color12: bgIndex + 11,
+    color0: -1,
+    color02: -2,
+    color04: -3,
+    color06: -4,
+    color08: -5,
+    // 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: bgIndex,
+    backgroundHover: bgIndex + lighten,
+    // always lighten on hover no matter the scheme
+    backgroundPress: bgIndex + darken,
+    // always darken on press no matter the theme
+    backgroundFocus: bgIndex + darken,
+    borderColor,
+    borderColorHover: borderColor + lighten,
+    borderColorPress: borderColor + darken,
+    borderColorFocus: borderColor,
+    ...baseColors,
+    colorTransparent: -1
+  };
+  var surface1 = {
+    ...baseColors,
+    background: base.background + 2,
+    backgroundHover: base.backgroundHover + 2,
+    backgroundPress: base.backgroundPress + 2,
+    backgroundFocus: base.backgroundFocus + 2,
+    borderColor: base.borderColor + 2,
+    borderColorHover: base.borderColorHover + 2,
+    borderColorFocus: base.borderColorFocus + 2,
+    borderColorPress: base.borderColorPress + 2
+  };
+  var surface2 = {
+    ...baseColors,
+    background: base.background + 3,
+    backgroundHover: base.backgroundHover + 3,
+    backgroundPress: base.backgroundPress + 3,
+    backgroundFocus: base.backgroundFocus + 3,
+    borderColor: base.borderColor + 3,
+    borderColorHover: base.borderColorHover + 3,
+    borderColorFocus: base.borderColorFocus + 3,
+    borderColorPress: base.borderColorPress + 3
+  };
+  var surface3 = {
+    ...baseColors,
+    background: base.background + 4,
+    backgroundHover: base.backgroundHover + 4,
+    backgroundPress: base.backgroundPress + 4,
+    backgroundFocus: base.backgroundFocus + 4,
+    borderColor: base.borderColor + 4,
+    borderColorHover: base.borderColorHover + 4,
+    borderColorFocus: base.borderColorFocus + 4,
+    borderColorPress: base.borderColorPress + 4
+  };
+  var alt1 = {
+    color: base.color - 1,
+    colorHover: base.colorHover - 1,
+    colorPress: base.colorPress - 1,
+    colorFocus: base.colorFocus - 1
+  };
+  var alt2 = {
+    color: base.color - 2,
+    colorHover: base.colorHover - 2,
+    colorPress: base.colorPress - 2,
+    colorFocus: base.colorFocus - 2
+  };
+  var inverse = Object.fromEntries(Object.entries(base).map(function (param) {
+    var [key, index] = param;
+    return [key, -index];
+  }));
+  return {
+    base,
+    surface1,
+    surface2,
+    surface3,
+    alt1,
+    alt2,
+    inverse
+  };
+};
+var defaultTemplatesStronger = getTemplates();
+//# sourceMappingURL=defaultTemplatesStronger.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplatesStronger_exports","__export","defaultTemplatesStronger","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","base","accentBackground","accentColor","background0","background02","background04","background06","background08","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color0","color02","color04","color06","color08","background","backgroundHover","backgroundPress","backgroundFocus","borderColorHover","borderColorPress","borderColorFocus","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplatesStronger.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}