@tamagui/themes 1.114.4 → 1.115.0

package/dist/cjs/helpers.js

@@ -1,29 +0,0 @@
-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 helpers_exports = {};
-__export(helpers_exports, {
-  objectEntries: () => objectEntries,
-  objectFromEntries: () => objectFromEntries,
-  objectKeys: () => objectKeys
-});
-module.exports = __toCommonJS(helpers_exports);
-const objectKeys = (obj) => Object.keys(obj);
-function objectEntries(obj) {
-  return Object.entries(obj);
-}
-function objectFromEntries(arr) {
-  return Object.fromEntries(arr);
-}
-//# sourceMappingURL=helpers.js.map

package/dist/cjs/index.js

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./themes"), module.exports);
-__reExport(src_exports, require("./tokens"), module.exports);
-__reExport(src_exports, require("./masks"), module.exports);
-__reExport(src_exports, require("./componentThemeDefinitions"), module.exports);
-__reExport(src_exports, require("./palettes"), module.exports);
-__reExport(src_exports, require("@tamagui/colors"), module.exports);
-__reExport(src_exports, require("./templates"), module.exports);
-__reExport(src_exports, require("./shadows"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/palettes.js

@@ -1,82 +0,0 @@
-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 palettes_exports = {};
-__export(palettes_exports, {
-  palettes: () => palettes
-});
-module.exports = __toCommonJS(palettes_exports);
-var import_helpers = require("./helpers"), import_tokens = require("./tokens");
-const palettes = (() => {
-  const lightTransparent = "rgba(255,255,255,0)", darkTransparent = "rgba(10,10,10,0)", transparent = (hsl, opacity = 0) => hsl.replace("%)", `%, ${opacity})`).replace("hsl(", "hsla("), getColorPalette = (colors, color = colors[0]) => {
-    const colorPalette = Object.values(colors), [head, tail] = [
-      colorPalette.slice(0, 6),
-      colorPalette.slice(colorPalette.length - 5)
-    ];
-    return [
-      transparent(colorPalette[0]),
-      ...head,
-      ...tail,
-      color,
-      transparent(colorPalette[colorPalette.length - 1])
-    ];
-  }, lightColor = "hsl(0, 0%, 9.0%)", lightPalette = [
-    lightTransparent,
-    "#fff",
-    "#f8f8f8",
-    "hsl(0, 0%, 96.3%)",
-    "hsl(0, 0%, 94.1%)",
-    "hsl(0, 0%, 92.0%)",
-    "hsl(0, 0%, 90.0%)",
-    "hsl(0, 0%, 88.5%)",
-    "hsl(0, 0%, 81.0%)",
-    "hsl(0, 0%, 56.1%)",
-    "hsl(0, 0%, 50.3%)",
-    "hsl(0, 0%, 42.5%)",
-    lightColor,
-    darkTransparent
-  ], darkColor = "#fff", darkPalette = [
-    darkTransparent,
-    "#050505",
-    "#151515",
-    "#191919",
-    "#232323",
-    "#282828",
-    "#323232",
-    "#424242",
-    "#494949",
-    "#545454",
-    "#626262",
-    "#a5a5a5",
-    darkColor,
-    lightTransparent
-  ], lightPalettes = (0, import_helpers.objectFromEntries)(
-    (0, import_helpers.objectKeys)(import_tokens.colorTokens.light).map(
-      (key) => [`light_${key}`, getColorPalette(import_tokens.colorTokens.light[key], lightColor)]
-    )
-  ), darkPalettes = (0, import_helpers.objectFromEntries)(
-    (0, import_helpers.objectKeys)(import_tokens.colorTokens.dark).map(
-      (key) => [`dark_${key}`, getColorPalette(import_tokens.colorTokens.dark[key], darkColor)]
-    )
-  ), colorPalettes = {
-    ...lightPalettes,
-    ...darkPalettes
-  };
-  return {
-    light: lightPalette,
-    dark: darkPalette,
-    ...colorPalettes
-  };
-})();
-//# sourceMappingURL=palettes.js.map

package/dist/cjs/shadows.js

@@ -1,34 +0,0 @@
-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 shadows_exports = {};
-__export(shadows_exports, {
-  shadows: () => shadows
-});
-module.exports = __toCommonJS(shadows_exports);
-const lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", shadows = {
-  light: {
-    shadowColor: lightShadowColorStrong,
-    shadowColorHover: lightShadowColorStrong,
-    shadowColorPress: lightShadowColor,
-    shadowColorFocus: lightShadowColor
-  },
-  dark: {
-    shadowColor: darkShadowColorStrong,
-    shadowColorHover: darkShadowColorStrong,
-    shadowColorPress: darkShadowColor,
-    shadowColorFocus: darkShadowColor
-  }
-};
-//# sourceMappingURL=shadows.js.map

package/dist/cjs/templates.js

@@ -1,106 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var templates_exports = {};
-__export(templates_exports, {
-  maskOptions: () => maskOptions,
-  templates: () => templates
-});
-module.exports = __toCommonJS(templates_exports);
-var import_palettes = require("./palettes");
-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 @tamagui/button Button component looks for `$background`, so you set the
-  // dark_red_Button theme to have a stronger background than the dark_red theme.
-  background: 2,
-  backgroundHover: 3,
-  backgroundPress: 4,
-  backgroundFocus: 5,
-  backgroundStrong: 1,
-  backgroundTransparent: 0,
-  color: -1,
-  colorHover: -2,
-  colorPress: -1,
-  colorFocus: -2,
-  colorTransparent: -0,
-  borderColor: 5,
-  borderColorHover: 6,
-  borderColorFocus: 4,
-  borderColorPress: 5,
-  placeholderColor: -4
-}, templates = {
-  base: template,
-  colorLight: {
-    ...template,
-    // light color themes are a bit less sensitive
-    borderColor: 4,
-    borderColorHover: 5,
-    borderColorFocus: 4,
-    borderColorPress: 4
-  }
-}, shadows = {
-  shadowColor: 0,
-  shadowColorHover: 0,
-  shadowColorPress: 0,
-  shadowColorFocus: 0
-}, colors = {
-  ...shadows,
-  color: 0,
-  colorHover: 0,
-  colorFocus: 0,
-  colorPress: 0
-}, baseMaskOptions = {
-  override: shadows,
-  skip: shadows,
-  // avoids the transparent ends
-  max: import_palettes.palettes.light.length - 2,
-  min: 1
-}, skipShadowsAndSpecificColors = {
-  ...shadows,
-  ...templateColorsSpecific
-}, maskOptions = {
-  component: {
-    ...baseMaskOptions,
-    override: colors,
-    skip: skipShadowsAndSpecificColors
-  },
-  alt: {
-    ...baseMaskOptions
-  },
-  button: {
-    ...baseMaskOptions,
-    override: {
-      ...colors,
-      borderColor: "transparent",
-      borderColorHover: "transparent"
-    },
-    skip: skipShadowsAndSpecificColors
-  }
-};
-//# sourceMappingURL=templates.js.map

package/dist/cjs/themes-new.js

@@ -1,76 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var themes_new_exports = {};
-__export(themes_new_exports, {
-  themes: () => themes
-});
-module.exports = __toCommonJS(themes_new_exports);
-var import_theme_builder = require("@tamagui/theme-builder"), import_componentThemeDefinitions = require("./componentThemeDefinitions"), import_masks = require("./masks"), import_palettes = require("./palettes"), import_shadows = require("./shadows"), import_templates = require("./templates"), import_tokens = require("./tokens");
-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_masks.masks).addThemes({
-  light: {
-    template: "base",
-    palette: "light",
-    nonInheritedValues: {
-      ...import_tokens.lightColors,
-      ...import_shadows.shadows.light
-    }
-  },
-  dark: {
-    template: "base",
-    palette: "dark",
-    nonInheritedValues: {
-      ...import_tokens.darkColors,
-      ...import_shadows.shadows.dark
-    }
-  }
-}).addChildThemes({
-  orange: colorThemeDefinition("orange"),
-  yellow: colorThemeDefinition("yellow"),
-  green: colorThemeDefinition("green"),
-  blue: colorThemeDefinition("blue"),
-  purple: colorThemeDefinition("purple"),
-  pink: colorThemeDefinition("pink"),
-  red: colorThemeDefinition("red")
-}).addChildThemes({
-  alt1: {
-    mask: "soften",
-    ...import_templates.maskOptions.alt
-  },
-  alt2: {
-    mask: "soften2",
-    ...import_templates.maskOptions.alt
-  },
-  active: {
-    mask: "soften3",
-    skip: {
-      color: 1
-    }
-  }
-}).addChildThemes(import_componentThemeDefinitions.componentThemeDefinitions, {
-  // to save bundle size but make alt themes not work on components
-  // avoidNestingWithin: ['alt1', 'alt2'],
-}), themes = themesBuilder.build();
-//# sourceMappingURL=themes-new.js.map

package/dist/cjs/themes-old.js

@@ -1,266 +0,0 @@
-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("@tamagui/create-theme"), import_tokens = require("./tokens");
-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 @tamagui/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,
-  // tamagui 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.js.map