@hanzogui/theme-builder 2.0.0

package/dist/cjs/defaultTemplates.cjs

@@ -0,0 +1,149 @@
+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 defaultTemplates_exports = {};
+__export(defaultTemplates_exports, {
+  defaultTemplates: () => defaultTemplates
+});
+module.exports = __toCommonJS(defaultTemplates_exports);
+var import_helpers = require("./helpers.cjs");
+const getTemplates = () => {
+    const lightTemplates = getBaseTemplates("light"),
+      darkTemplates = getBaseTemplates("dark");
+    return {
+      ...(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]]))
+    };
+  },
+  getBaseTemplates = scheme => {
+    const isLight = scheme === "light",
+      bgIndex = 6,
+      lighten = isLight ? -1 : 1,
+      darken = -lighten,
+      increaseContrast = 1,
+      borderColor = bgIndex + 3,
+      baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1
+      },
+      alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2
+      },
+      inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
+    return {
+      base,
+      surface1,
+      surface2,
+      surface3,
+      alt1,
+      alt2,
+      inverse
+    };
+  },
+  defaultTemplates = getTemplates();

package/dist/cjs/defaultTemplates.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: !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 defaultTemplates_exports = {};
+__export(defaultTemplates_exports, {
+  defaultTemplates: () => defaultTemplates
+});
+module.exports = __toCommonJS(defaultTemplates_exports);
+var import_helpers = require("./helpers.native.js"),
+  getTemplates = function () {
+    var lightTemplates = getBaseTemplates("light"),
+      darkTemplates = getBaseTemplates("dark"),
+      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;
+  },
+  getBaseTemplates = function (scheme) {
+    var isLight = scheme === "light",
+      bgIndex = 6,
+      lighten = isLight ? -1 : 1,
+      darken = -lighten,
+      increaseContrast = 1,
+      borderColor = bgIndex + 3,
+      baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1
+      },
+      alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2
+      },
+      inverse = Object.fromEntries(Object.entries(base).map(function (param) {
+        var [key, index] = param;
+        return [key, -index];
+      }));
+    return {
+      base,
+      surface1,
+      surface2,
+      surface3,
+      alt1,
+      alt2,
+      inverse
+    };
+  },
+  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,147 @@
+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 defaultTemplatesStronger_exports = {};
+__export(defaultTemplatesStronger_exports, {
+  defaultTemplatesStronger: () => defaultTemplatesStronger
+});
+module.exports = __toCommonJS(defaultTemplatesStronger_exports);
+var import_helpers = require("./helpers.cjs");
+const getTemplates = () => {
+    const lightTemplates = getBaseTemplates("light"),
+      darkTemplates = getBaseTemplates("dark");
+    return {
+      ...(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]]))
+    };
+  },
+  getBaseTemplates = scheme => {
+    const isLight = scheme === "light",
+      bgIndex = 6,
+      lighten = isLight ? -1 : 1,
+      darken = -lighten,
+      borderColor = bgIndex + 3,
+      baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1
+      },
+      alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2
+      },
+      inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
+    return {
+      base,
+      surface1,
+      surface2,
+      surface3,
+      alt1,
+      alt2,
+      inverse
+    };
+  },
+  defaultTemplatesStronger = getTemplates();

package/dist/cjs/defaultTemplatesStronger.native.js

@@ -0,0 +1,158 @@
+"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 defaultTemplatesStronger_exports = {};
+__export(defaultTemplatesStronger_exports, {
+  defaultTemplatesStronger: () => defaultTemplatesStronger
+});
+module.exports = __toCommonJS(defaultTemplatesStronger_exports);
+var import_helpers = require("./helpers.native.js"),
+  getTemplates = function () {
+    var lightTemplates = getBaseTemplates("light"),
+      darkTemplates = getBaseTemplates("dark"),
+      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;
+  },
+  getBaseTemplates = function (scheme) {
+    var isLight = scheme === "light",
+      bgIndex = 6,
+      lighten = isLight ? -1 : 1,
+      darken = -lighten,
+      borderColor = bgIndex + 3,
+      baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1
+      },
+      alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2
+      },
+      inverse = Object.fromEntries(Object.entries(base).map(function (param) {
+        var [key, index] = param;
+        return [key, -index];
+      }));
+    return {
+      base,
+      surface1,
+      surface2,
+      surface3,
+      alt1,
+      alt2,
+      inverse
+    };
+  },
+  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":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gCAAA;AAAAC,QAAA,CAAAD,gCAAA;EAAAE,wBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA8C,CAAAK,gCAAA;AAG9C,IAAAK,cAAM,GAAeC,OAAM;EAAAC,YAAA,YAAAA,CAAA;IACzB,IAAAC,cAAM,GAAAC,gBAAiB,QAAiB;MAAOC,aACzC,GAAAD,gBAAgB,OAAiB;MAAME,SAAA;QAa7C,KAZkB,EAAAN,cAAA,CAAAO,iBAAA,MAAAP,cAAA,CAAAQ,UAAA,EAAAL,cAAA,EAAAM,GAAA,WAAAC,IAAA;UAChB,OAAG,UACDA,IAAA,IACEP,cAAW,CAAAO,IAAA,CAAS,CACtB;QACF;QACA,OAAGV,cAAA,CAAAO,iBAAA,MAAAP,cAAA,CAAAQ,UAAA,EAAAH,aAAA,EAAAI,GAAA,WAAAC,IAAA;UAAA,OACD,CACE,QAACA,IAAU,IACbL,aAAA,CAAAK,IAAA,EACF;QACF;MAEF,CAEM;IACJ,OAAMJ,SAAU;EASG;EAAAF,gBACT,YAAAA,CAAAO,MAAA;IAAA,IACRC,OAAA,GAAYD,MAAC,KAAU;MAAAE,OAAA;MAAAC,OAAA,GAAAF,OAAA;MAAAG,MAAA,IAAAD,OAAA;MAAAE,WAAA,GAAAH,OAAA;MAAAI,UAAA;QACvBC,KAAA,GAAAL,OAAa;QACbM,UAAA,EAAY,CAACN,OAAA,GAAU;QACvBO,UAAA,GAAAP,OAAmB;QACnBQ,UAAA,GAAAR,OAAc;QAChBS,gBAIa,GAAAT,OAAA;QACXU,YAAA;MAAkB;MAClBC,IAAA;QAEAC,gBAAa;QACbC,WAAA,GAAc;QACdC,WAAA,GAAc;QACdC,YAAA,EAAc;QACdC,YAAA,EAAc;QACdC,YAAQ;QACRC,YAAQ;QACRC,MAAA,EAAQnB,OAAA;QACRoB,MAAA,EAAQpB,OAAA,GAAU;QAClBqB,MAAA,EAAQrB,OAAA,GAAU;QAClBsB,MAAA,EAAQtB,OAAA,GAAU;QAClBuB,MAAA,EAAQvB,OAAA,GAAU;QAClBwB,MAAA,EAAQxB,OAAA,GAAU;QAClByB,MAAA,EAAQzB,OAAA,GAAU;QAClB0B,MAAA,EAAA1B,OAAS,IAAU;QACnB2B,MAAA,EAAA3B,OAAS,IAAU;QACnB4B,OAAA,EAAS5B,OAAA,GAAU;QACnB6B,OAAA,EAAQ7B,OAAA;QACR8B,OAAA,EAAS9B,OAAA;QACT+B,MAAA,GAAS;QACTC,OAAA,EAAS;QACTC,OAAA,EAAS;QAAAC,OAAA;QAAAC,OAAA;QAAA;QAAA;QAKT;QACA;QAA2BC,UAAA,EAAApC,OAAA;QAC3BqC,eAAA,EAAiBrC,OAAA,GAAUC,OAAA;QAAA;QAC3BqC,eAAA,EAAiBtC,OAAA,GAAUE,MAAA;QAC3B;QACAqC,eAAA,EAAAvC,OAAkB,GAAAE,MAAc;QAChCC,WAAA;QACAqC,gBAAA,EAAkBrC,WAAA,GAAAF,OAAA;QAClBwC,gBAAG,EAAAtC,WAAA,GAAAD,MAAA;QACHwC,gBAAA,EAAkBvC,WAAA;QACpB,GAEMC,UAAW;QACfuC,gBAAG;MAAA;MACHC,QAAA,GAAY;QACZ,GAAAxC,UAAA;QACAgC,UAAA,EAAAzB,IAAA,CAAiByB,UAAK;QACtBC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAa,EAAA3B,IAAK,CAAA2B,eAAc;QAChCC,eAAA,EAAA5B,IAAkB,CAAA4B,eAAK;QACvBpC,WAAA,EAAAQ,IAAA,CAAkBR,WAAK;QACvBqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC5CE,gBAEiB,EAAA/B,IAAA,CAAA+B,gBAAA;QACfD,gBAAG,EAAA9B,IAAA,CAAA8B,gBAAA;MAAA;MACHI,QAAA,GAAY;QACZ,GAAAzC,UAAA;QACAgC,UAAA,EAAAzB,IAAA,CAAiByB,UAAK;QACtBC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAa,EAAA3B,IAAK,CAAA2B,eAAc;QAChCC,eAAA,EAAA5B,IAAkB,CAAA4B,eAAK;QACvBpC,WAAA,EAAAQ,IAAA,CAAkBR,WAAK;QACvBqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC5CE,gBAEiB,EAAA/B,IAAA,CAAA+B,gBAAA;QACfD,gBAAG,EAAA9B,IAAA,CAAA8B,gBAAA;MAAA;MACHK,QAAA,GAAY;QACZ,GAAA1C,UAAA;QACAgC,UAAA,EAAAzB,IAAA,CAAiByB,UAAK;QACtBC,eAAA,EAAiB1B,IAAA,CAAK0B,eAAA,GAAkB;QACxCC,eAAa,EAAA3B,IAAK,CAAA2B,eAAc;QAChCC,eAAA,EAAA5B,IAAkB,CAAA4B,eAAK;QACvBpC,WAAA,EAAAQ,IAAA,CAAkBR,WAAK;QACvBqC,gBAAA,EAAkB7B,IAAA,CAAK6B,gBAAA,GAAmB;QAC5CE,gBAEa,EAAA/B,IAAA,CAAA+B,gBAAA;QACXD,gBAAY,EAAA9B,IAAQ,CAAA8B,gBAAA;MAAA;MACpBM,IAAA;QACA1C,KAAA,EAAAM,IAAA,CAAYN,KAAK;QACjBC,UAAA,EAAYK,IAAA,CAAKL,UAAA,GAAa;QAChCC,UAEa,EAAAI,IAAA,CAAAJ,UAAA;QACXC,UAAO,EAAKG,IAAA,CAAAH,UAAQ;MAAA;MACpBwC,IAAA;QACA3C,KAAA,EAAAM,IAAA,CAAYN,KAAK;QACjBC,UAAA,EAAYK,IAAA,CAAKL,UAAA,GAAa;QAChCC,UAEM,EAAUI,IAAA,CAAAJ,UAAO;QACrBC,UAAO,EAAAG,IAAQ,CAAAH,UAAY;MAG7B;MAAAyC,OAAA,GAAAC,MAAA,CAAAC,WAAA,CAAAD,MAAA,CAAAE,OAAA,CAAAzC,IAAA,EAAAf,GAAA,WAAAyD,KAAA;QAEA,KAAOC,GAAA,EAAAC,KAAA,IAAAF,KAAA;QACL,QACAC,GAAA,EACA,CAAAC,KAAA,CACA;MAAA,EACA;IAAA,OACA;MACA5C,IAAA;MACFiC,QAAA;MAGWC,QAAA","ignoreList":[]}