@hanzogui/themes 2.0.0

package/dist/cjs/themes-old.cjs

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

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

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

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

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

package/dist/cjs/themes.cjs

@@ -0,0 +1,26 @@
+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_exports = {};
+__export(themes_exports, {
+  themes: () => import_generated_new.themes
+});
+module.exports = __toCommonJS(themes_exports);
+var import_generated_new = require("./generated-new.cjs");

package/dist/cjs/themes.native.js

@@ -0,0 +1,29 @@
+"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_exports = {};
+__export(themes_exports, {
+  themes: () => import_generated_new.themes
+});
+module.exports = __toCommonJS(themes_exports);
+var import_generated_new = require("./generated-new.native.js");
+//# sourceMappingURL=themes.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themes_exports","__export","themes","import_generated_new","module","exports"],"sources":["../../src/themes.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAC,oBAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,cAAA","ignoreList":[]}