@tamagui/themes 1.14.1 → 1.14.3

package/dist/esm/themes.js

@@ -1,2 +1,255 @@
-import{addChildren as u,applyMask as t,createStrengthenMask as R,createTheme as h,createWeakenMask as W}from"@tamagui/create-theme";import{colorTokens as H,darkColors as _,lightColors as $}from"./tokens";const y="rgba(255,255,255,0)",O="rgba(10,10,10,0)",b={dark:[O,"#050505","#151515","#191919","#232323","#282828","#323232","#424242","#494949","#545454","#626262","#a5a5a5","#fff",y],light:[y,"#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%)",O]},q={color1:1,color2:2,color3:3,color4:4,color5:5,color6:6,color7:7,color8:8,color9:9,color10:10,color11:11,color12:12},A={shadowColor:1,shadowColorHover:1,shadowColorPress:2,shadowColorFocus:2},M={...q,...A},x={...M,background:2,backgroundHover:3,backgroundPress:1,backgroundFocus:2,backgroundStrong:1,backgroundTransparent:0,color:-1,colorHover:-2,colorPress:-1,colorFocus:-2,colorTransparent:-0,borderColor:4,borderColorHover:5,borderColorPress:3,borderColorFocus:4,placeholderColor:-4},I="rgba(0,0,0,0.02)",j="rgba(0,0,0,0.066)",B="rgba(0,0,0,0.2)",N="rgba(0,0,0,0.3)",z={shadowColor:j,shadowColorHover:j,shadowColorPress:I,shadowColorFocus:I},G={shadowColor:N,shadowColorHover:N,shadowColorPress:B,shadowColorFocus:B},m={...x,borderColor:6,borderColorHover:7,borderColorFocus:5,borderColorPress:6,...z},p={...x,...G},J=h(b.light,m),K=h(b.dark,p),L={light:J,dark:K},l={weaker:W(),stronger:R()},a={skip:M,max:b.light.length-2,min:1},Q=u(L,(T,C)=>{const i=T==="light",w=i?"dark":"light",S=L[w],v=(r,e=0)=>r.replace("%)",`%, ${e})`).replace("hsl(","hsla("),[f,V]=[H[T],H[w]].map(r=>Object.fromEntries(Object.keys(r).map(e=>{const o=Object.values(r[e]),[s,n]=[o.slice(0,6),o.slice(o.length-5)],c=[v(o[0]),...s,...n,C.color,v(o[o.length-1])],d=h(c,i?{...m,borderColor:4,borderColorHover:5,borderColorFocus:4,borderColorPress:4}:p);return[e,d]}))),D=u(f,(r,e)=>{const o=V[r];return{...P(e,o),...g(e,o)}}),E=t(f.blue,l.weaker,{...a,strength:4});return{...{...P(C,S,E),...g(C,S)},...D};function P(r,e,o){const s={...a,skip:A},n=t(r,l.weaker,s),c=t(n,l.weaker,s),d=o??t(r,l.weaker,{...a,strength:4});return u({alt1:n,alt2:c,active:d},(k,F)=>g(F,F===e?r:e))}function g(r,e){const o=t(r,l.weaker,a),s=t(o,l.weaker,a),n=t(r,l.stronger,a),c=t(e,l.weaker,a),d=t(c,l.weaker,a),k=i?{...n,borderColor:o.borderColor,borderColorHover:o.borderColorHover,borderColorPress:o.borderColorPress,borderColorFocus:o.borderColorFocus}:{...r,borderColor:o.borderColor,borderColorHover:o.borderColorHover,borderColorPress:o.borderColorPress,borderColorFocus:o.borderColorFocus};return{Card:o,Button:s,Checkbox:s,DrawerFrame:o,SliderTrack:n,SliderTrackActive:s,SliderThumb:c,Progress:o,ProgressIndicator:e,Switch:s,SwitchThumb:d,TooltipArrow:o,TooltipContent:s,Input:k,TextArea:k,Tooltip:c}}}),oo={...Q,light:h(b.light,m,{nonInheritedValues:$}),dark:h(b.dark,p,{nonInheritedValues:_})};export{oo as themes};
+import {
+  addChildren,
+  applyMask,
+  createStrengthenMask,
+  createTheme,
+  createWeakenMask
+} from "@tamagui/create-theme";
+import { colorTokens, darkColors, lightColors } from "./tokens";
+const lightTransparent = "rgba(255,255,255,0)";
+const darkTransparent = "rgba(10,10,10,0)";
+const 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
+  ]
+};
+const 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
+};
+const templateShadows = {
+  shadowColor: 1,
+  shadowColorHover: 1,
+  shadowColorPress: 2,
+  shadowColorFocus: 2
+};
+const skip = {
+  ...templateColors,
+  ...templateShadows
+};
+const template = {
+  ...skip,
+  // 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: 1,
+  backgroundFocus: 2,
+  backgroundStrong: 1,
+  backgroundTransparent: 0,
+  color: -1,
+  colorHover: -2,
+  colorPress: -1,
+  colorFocus: -2,
+  colorTransparent: -0,
+  borderColor: 4,
+  borderColorHover: 5,
+  borderColorPress: 3,
+  borderColorFocus: 4,
+  placeholderColor: -4
+};
+const lightShadowColor = "rgba(0,0,0,0.02)";
+const lightShadowColorStrong = "rgba(0,0,0,0.066)";
+const darkShadowColor = "rgba(0,0,0,0.2)";
+const darkShadowColorStrong = "rgba(0,0,0,0.3)";
+const lightShadows = {
+  shadowColor: lightShadowColorStrong,
+  shadowColorHover: lightShadowColorStrong,
+  shadowColorPress: lightShadowColor,
+  shadowColorFocus: lightShadowColor
+};
+const darkShadows = {
+  shadowColor: darkShadowColorStrong,
+  shadowColorHover: darkShadowColorStrong,
+  shadowColorPress: darkShadowColor,
+  shadowColorFocus: darkShadowColor
+};
+const lightTemplate = {
+  ...template,
+  // our light color palette is... a bit unique
+  borderColor: 6,
+  borderColorHover: 7,
+  borderColorFocus: 5,
+  borderColorPress: 6,
+  ...lightShadows
+};
+const darkTemplate = { ...template, ...darkShadows };
+const light = createTheme(palettes.light, lightTemplate);
+const dark = createTheme(palettes.dark, darkTemplate);
+const baseThemes = {
+  light,
+  dark
+};
+const masks = {
+  weaker: createWeakenMask(),
+  stronger: createStrengthenMask()
+};
+const maskOptions = {
+  skip,
+  // avoids the transparent ends
+  max: palettes.light.length - 2,
+  min: 1
+};
+const allThemes = addChildren(baseThemes, (name, theme) => {
+  const isLight = name === "light";
+  const inverseName = isLight ? "dark" : "light";
+  const inverseTheme = baseThemes[inverseName];
+  const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
+  const [colorThemes, inverseColorThemes] = [
+    colorTokens[name],
+    colorTokens[inverseName]
+  ].map((colorSet) => {
+    return Object.fromEntries(
+      Object.keys(colorSet).map((color) => {
+        const colorPalette = Object.values(colorSet[color]);
+        const [head, tail] = [
+          colorPalette.slice(0, 6),
+          colorPalette.slice(colorPalette.length - 5)
+        ];
+        const palette = [
+          transparent(colorPalette[0]),
+          ...head,
+          ...tail,
+          theme.color,
+          transparent(colorPalette[colorPalette.length - 1])
+        ];
+        const colorTheme = createTheme(
+          palette,
+          isLight ? {
+            ...lightTemplate,
+            // light color themes are a bit less sensitive
+            borderColor: 4,
+            borderColorHover: 5,
+            borderColorFocus: 4,
+            borderColorPress: 4
+          } : darkTemplate
+        );
+        return [color, colorTheme];
+      })
+    );
+  });
+  const allColorThemes = addChildren(colorThemes, (colorName, colorTheme) => {
+    const inverse = inverseColorThemes[colorName];
+    return {
+      ...getAltThemes(colorTheme, inverse),
+      ...getComponentThemes(colorTheme, inverse)
+    };
+  });
+  const baseActiveTheme = applyMask(colorThemes.blue, masks.weaker, {
+    ...maskOptions,
+    strength: 4
+  });
+  const baseSubThemes = {
+    ...getAltThemes(theme, inverseTheme, baseActiveTheme),
+    ...getComponentThemes(theme, inverseTheme)
+  };
+  return {
+    ...baseSubThemes,
+    ...allColorThemes
+  };
+  function getAltThemes(theme2, inverse, activeTheme) {
+    const maskOptionsAlt = {
+      ...maskOptions,
+      skip: templateShadows
+    };
+    const alt1 = applyMask(theme2, masks.weaker, maskOptionsAlt);
+    const alt2 = applyMask(alt1, masks.weaker, maskOptionsAlt);
+    const active = activeTheme ?? applyMask(theme2, masks.weaker, {
+      ...maskOptions,
+      strength: 4
+    });
+    return addChildren({ alt1, alt2, active }, (_, subTheme) => {
+      return getComponentThemes(subTheme, subTheme === inverse ? theme2 : inverse);
+    });
+  }
+  function getComponentThemes(theme2, inverse) {
+    const weaker1 = applyMask(theme2, masks.weaker, maskOptions);
+    const weaker2 = applyMask(weaker1, masks.weaker, maskOptions);
+    const stronger1 = applyMask(theme2, masks.stronger, maskOptions);
+    const inverse1 = applyMask(inverse, masks.weaker, maskOptions);
+    const inverse2 = applyMask(inverse1, masks.weaker, maskOptions);
+    const strongerBorderLighterBackground = isLight ? {
+      ...stronger1,
+      borderColor: weaker1.borderColor,
+      borderColorHover: weaker1.borderColorHover,
+      borderColorPress: weaker1.borderColorPress,
+      borderColorFocus: weaker1.borderColorFocus
+    } : {
+      ...theme2,
+      borderColor: weaker1.borderColor,
+      borderColorHover: weaker1.borderColorHover,
+      borderColorPress: weaker1.borderColorPress,
+      borderColorFocus: weaker1.borderColorFocus
+    };
+    return {
+      Card: weaker1,
+      Button: weaker2,
+      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
+    };
+  }
+});
+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: createTheme(palettes.light, lightTemplate, { nonInheritedValues: lightColors }),
+  dark: createTheme(palettes.dark, darkTemplate, { nonInheritedValues: darkColors })
+};
+export {
+  themes
+};
 //# sourceMappingURL=themes.js.map

package/dist/esm/themes.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/themes.tsx"],
   "sourcesContent": ["import {\n  MaskOptions,\n  addChildren,\n  applyMask,\n  createStrengthenMask,\n  createTheme,\n  createWeakenMask,\n} from '@tamagui/create-theme'\n\nimport { colorTokens, darkColors, lightColors } from './tokens'\n\ntype ColorName = keyof typeof colorTokens.dark\n\nconst lightTransparent = 'rgba(255,255,255,0)'\nconst darkTransparent = 'rgba(10,10,10,0)'\n\n// background => foreground\nconst palettes = {\n  dark: [\n    darkTransparent,\n    '#050505',\n    '#151515',\n    '#191919',\n    '#232323',\n    '#282828',\n    '#323232',\n    '#424242',\n    '#494949',\n    '#545454',\n    '#626262',\n    '#a5a5a5',\n    '#fff',\n    lightTransparent,\n  ],\n  light: [\n    lightTransparent,\n    '#fff',\n    '#f9f9f9',\n    'hsl(0, 0%, 97.3%)',\n    'hsl(0, 0%, 95.1%)',\n    'hsl(0, 0%, 94.0%)',\n    'hsl(0, 0%, 92.0%)',\n    'hsl(0, 0%, 89.5%)',\n    'hsl(0, 0%, 81.0%)',\n    'hsl(0, 0%, 56.1%)',\n    'hsl(0, 0%, 50.3%)',\n    'hsl(0, 0%, 42.5%)',\n    'hsl(0, 0%, 9.0%)',\n    darkTransparent,\n  ],\n}\n\nconst templateColors = {\n  color1: 1,\n  color2: 2,\n  color3: 3,\n  color4: 4,\n  color5: 5,\n  color6: 6,\n  color7: 7,\n  color8: 8,\n  color9: 9,\n  color10: 10,\n  color11: 11,\n  color12: 12,\n}\n\nconst templateShadows = {\n  shadowColor: 1,\n  shadowColorHover: 1,\n  shadowColorPress: 2,\n  shadowColorFocus: 2,\n}\n\n// we can use subset of our template as a \"skip\" so it doesn't get adjusted with masks\nconst skip = {\n  ...templateColors,\n  ...templateShadows,\n}\n\n// templates use the palette and specify index\n// negative goes backwards from end so -1 is the last item\nconst template = {\n  ...skip,\n  // the background, color, etc keys here work like generics - they make it so you\n  // can publish components for others to use without mandating a specific color scale\n  // the @tamagui/button Button component looks for `$background`, so you set the\n  // dark_red_Button theme to have a stronger background than the dark_red theme.\n  background: 2,\n  backgroundHover: 3,\n  backgroundPress: 1,\n  backgroundFocus: 2,\n  backgroundStrong: 1,\n  backgroundTransparent: 0,\n  color: -1,\n  colorHover: -2,\n  colorPress: -1,\n  colorFocus: -2,\n  colorTransparent: -0,\n  borderColor: 4,\n  borderColorHover: 5,\n  borderColorPress: 3,\n  borderColorFocus: 4,\n  placeholderColor: -4,\n}\n\nconst lightShadowColor = 'rgba(0,0,0,0.02)'\nconst lightShadowColorStrong = 'rgba(0,0,0,0.066)'\nconst darkShadowColor = 'rgba(0,0,0,0.2)'\nconst darkShadowColorStrong = 'rgba(0,0,0,0.3)'\n\nconst lightShadows = {\n  shadowColor: lightShadowColorStrong,\n  shadowColorHover: lightShadowColorStrong,\n  shadowColorPress: lightShadowColor,\n  shadowColorFocus: lightShadowColor,\n}\n\nconst darkShadows = {\n  shadowColor: darkShadowColorStrong,\n  shadowColorHover: darkShadowColorStrong,\n  shadowColorPress: darkShadowColor,\n  shadowColorFocus: darkShadowColor,\n}\n\nconst lightTemplate = {\n  ...template,\n  // our light color palette is... a bit unique\n  borderColor: 6,\n  borderColorHover: 7,\n  borderColorFocus: 5,\n  borderColorPress: 6,\n  ...lightShadows,\n}\n\nconst darkTemplate = { ...template, ...darkShadows }\n\nconst light = createTheme(palettes.light, lightTemplate)\nconst dark = createTheme(palettes.dark, darkTemplate)\n\ntype SubTheme = typeof light\n\nconst baseThemes: {\n  light: SubTheme\n  dark: SubTheme\n} = {\n  light,\n  dark,\n}\n\nconst masks = {\n  weaker: createWeakenMask(),\n  stronger: createStrengthenMask(),\n}\n\n// default mask options for most uses\nconst maskOptions: MaskOptions = {\n  skip,\n  // avoids the transparent ends\n  max: palettes.light.length - 2,\n  min: 1,\n}\n\nconst allThemes = addChildren(baseThemes, (name, theme) => {\n  const isLight = name === 'light'\n  const inverseName = isLight ? 'dark' : 'light'\n  const inverseTheme = baseThemes[inverseName]\n  const transparent = (hsl: string, opacity = 0) =>\n    hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`)\n\n  // setup colorThemes and their inverses\n  const [colorThemes, inverseColorThemes] = [\n    colorTokens[name],\n    colorTokens[inverseName],\n  ].map((colorSet) => {\n    return Object.fromEntries(\n      Object.keys(colorSet).map((color) => {\n        const colorPalette = Object.values(colorSet[color]) as string[]\n        // were re-ordering these\n        const [head, tail] = [\n          colorPalette.slice(0, 6),\n          colorPalette.slice(colorPalette.length - 5),\n        ]\n        // add our transparent colors first/last\n        // and make sure the last (foreground) color is white/black rather than colorful\n        // this is mostly for consistency with the older theme-base\n        const palette = [\n          transparent(colorPalette[0]),\n          ...head,\n          ...tail,\n          theme.color,\n          transparent(colorPalette[colorPalette.length - 1]),\n        ]\n        const colorTheme = createTheme(\n          palette,\n          isLight\n            ? {\n                ...lightTemplate,\n                // light color themes are a bit less sensitive\n                borderColor: 4,\n                borderColorHover: 5,\n                borderColorFocus: 4,\n                borderColorPress: 4,\n              }\n            : darkTemplate\n        )\n        return [color, colorTheme]\n      })\n    ) as Record<ColorName, SubTheme>\n  })\n\n  const allColorThemes = addChildren(colorThemes, (colorName, colorTheme) => {\n    const inverse = inverseColorThemes[colorName]\n    return {\n      ...getAltThemes(colorTheme, inverse),\n      ...getComponentThemes(colorTheme, inverse),\n    }\n  })\n\n  const baseActiveTheme = applyMask(colorThemes.blue, masks.weaker, {\n    ...maskOptions,\n    strength: 4,\n  })\n\n  const baseSubThemes = {\n    ...getAltThemes(theme, inverseTheme, baseActiveTheme),\n    ...getComponentThemes(theme, inverseTheme),\n  }\n\n  return {\n    ...baseSubThemes,\n    ...allColorThemes,\n  }\n\n  function getAltThemes(theme: SubTheme, inverse: SubTheme, activeTheme?: SubTheme) {\n    const maskOptionsAlt = {\n      ...maskOptions,\n      skip: templateShadows,\n    }\n    const alt1 = applyMask(theme, masks.weaker, maskOptionsAlt)\n    const alt2 = applyMask(alt1, masks.weaker, maskOptionsAlt)\n    const active =\n      activeTheme ??\n      applyMask(theme, masks.weaker, {\n        ...maskOptions,\n        strength: 4,\n      })\n    return addChildren({ alt1, alt2, active }, (_, subTheme) => {\n      return getComponentThemes(subTheme, subTheme === inverse ? theme : inverse)\n    })\n  }\n\n  function getComponentThemes(theme: SubTheme, inverse: SubTheme) {\n    const weaker1 = applyMask(theme, masks.weaker, maskOptions)\n    const weaker2 = applyMask(weaker1, masks.weaker, maskOptions)\n    const stronger1 = applyMask(theme, masks.stronger, maskOptions)\n    const inverse1 = applyMask(inverse, masks.weaker, maskOptions)\n    const inverse2 = applyMask(inverse1, masks.weaker, maskOptions)\n    const strongerBorderLighterBackground: SubTheme = isLight\n      ? {\n          ...stronger1,\n          borderColor: weaker1.borderColor,\n          borderColorHover: weaker1.borderColorHover,\n          borderColorPress: weaker1.borderColorPress,\n          borderColorFocus: weaker1.borderColorFocus,\n        }\n      : {\n          ...theme,\n          borderColor: weaker1.borderColor,\n          borderColorHover: weaker1.borderColorHover,\n          borderColorPress: weaker1.borderColorPress,\n          borderColorFocus: weaker1.borderColorFocus,\n        }\n    return {\n      Card: weaker1,\n      Button: weaker2,\n      Checkbox: weaker2,\n      DrawerFrame: weaker1,\n      SliderTrack: stronger1,\n      SliderTrackActive: weaker2,\n      SliderThumb: inverse1,\n      Progress: weaker1,\n      ProgressIndicator: inverse,\n      Switch: weaker2,\n      SwitchThumb: inverse2,\n      TooltipArrow: weaker1,\n      TooltipContent: weaker2,\n      Input: strongerBorderLighterBackground,\n      TextArea: strongerBorderLighterBackground,\n      Tooltip: inverse1,\n    }\n  }\n})\n\nexport const themes = {\n  ...allThemes,\n  // bring back the full type, the rest use a subset to avoid clogging up ts,\n  // tamagui will be smart and use the top level themes as the type for useTheme() etc\n  light: createTheme(palettes.light, lightTemplate, { nonInheritedValues: lightColors }),\n  dark: createTheme(palettes.dark, darkTemplate, { nonInheritedValues: darkColors }),\n}\n\n// if (process.env.NODE_ENV === 'development') {\n//   console.log(JSON.stringify(themes).length)\n// }\n"],
-  "mappings": "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",
-  "names": ["addChildren", "applyMask", "createStrengthenMask", "createTheme", "createWeakenMask", "colorTokens", "darkColors", "lightColors", "lightTransparent", "darkTransparent", "palettes", "templateColors", "templateShadows", "skip", "template", "lightShadowColor", "lightShadowColorStrong", "darkShadowColor", "darkShadowColorStrong", "lightShadows", "darkShadows", "lightTemplate", "darkTemplate", "light", "dark", "baseThemes", "masks", "maskOptions", "allThemes", "name", "theme", "isLight", "inverseName", "inverseTheme", "transparent", "hsl", "opacity", "colorThemes", "inverseColorThemes", "colorSet", "color", "colorPalette", "head", "tail", "palette", "colorTheme", "allColorThemes", "colorName", "inverse", "getAltThemes", "getComponentThemes", "baseActiveTheme", "activeTheme", "maskOptionsAlt", "alt1", "alt2", "active", "_", "subTheme", "weaker1", "weaker2", "stronger1", "inverse1", "inverse2", "strongerBorderLighterBackground", "themes"]
+  "mappings": "AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,aAAa,YAAY,mBAAmB;AAIrD,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AAGxB,MAAM,WAAW;AAAA,EACf,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,kBAAkB;AAAA,EACtB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAGA,MAAM,OAAO;AAAA,EACX,GAAG;AAAA,EACH,GAAG;AACL;AAIA,MAAM,WAAW;AAAA,EACf,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKH,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEA,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;AAC/B,MAAM,kBAAkB;AACxB,MAAM,wBAAwB;AAE9B,MAAM,eAAe;AAAA,EACnB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEA,MAAM,cAAc;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEA,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA;AAAA,EAEH,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,GAAG;AACL;AAEA,MAAM,eAAe,EAAE,GAAG,UAAU,GAAG,YAAY;AAEnD,MAAM,QAAQ,YAAY,SAAS,OAAO,aAAa;AACvD,MAAM,OAAO,YAAY,SAAS,MAAM,YAAY;AAIpD,MAAM,aAGF;AAAA,EACF;AAAA,EACA;AACF;AAEA,MAAM,QAAQ;AAAA,EACZ,QAAQ,iBAAiB;AAAA,EACzB,UAAU,qBAAqB;AACjC;AAGA,MAAM,cAA2B;AAAA,EAC/B;AAAA;AAAA,EAEA,KAAK,SAAS,MAAM,SAAS;AAAA,EAC7B,KAAK;AACP;AAEA,MAAM,YAAY,YAAY,YAAY,CAAC,MAAM,UAAU;AACzD,QAAM,UAAU,SAAS;AACzB,QAAM,cAAc,UAAU,SAAS;AACvC,QAAM,eAAe,WAAW,WAAW;AAC3C,QAAM,cAAc,CAAC,KAAa,UAAU,MAC1C,IAAI,QAAQ,MAAM,MAAM,UAAU,EAAE,QAAQ,QAAQ,OAAO;AAG7D,QAAM,CAAC,aAAa,kBAAkB,IAAI;AAAA,IACxC,YAAY,IAAI;AAAA,IAChB,YAAY,WAAW;AAAA,EACzB,EAAE,IAAI,CAAC,aAAa;AAClB,WAAO,OAAO;AAAA,MACZ,OAAO,KAAK,QAAQ,EAAE,IAAI,CAAC,UAAU;AACnC,cAAM,eAAe,OAAO,OAAO,SAAS,KAAK,CAAC;AAElD,cAAM,CAAC,MAAM,IAAI,IAAI;AAAA,UACnB,aAAa,MAAM,GAAG,CAAC;AAAA,UACvB,aAAa,MAAM,aAAa,SAAS,CAAC;AAAA,QAC5C;AAIA,cAAM,UAAU;AAAA,UACd,YAAY,aAAa,CAAC,CAAC;AAAA,UAC3B,GAAG;AAAA,UACH,GAAG;AAAA,UACH,MAAM;AAAA,UACN,YAAY,aAAa,aAAa,SAAS,CAAC,CAAC;AAAA,QACnD;AACA,cAAM,aAAa;AAAA,UACjB;AAAA,UACA,UACI;AAAA,YACE,GAAG;AAAA;AAAA,YAEH,aAAa;AAAA,YACb,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,UACpB,IACA;AAAA,QACN;AACA,eAAO,CAAC,OAAO,UAAU;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,YAAY,aAAa,CAAC,WAAW,eAAe;AACzE,UAAM,UAAU,mBAAmB,SAAS;AAC5C,WAAO;AAAA,MACL,GAAG,aAAa,YAAY,OAAO;AAAA,MACnC,GAAG,mBAAmB,YAAY,OAAO;AAAA,IAC3C;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,UAAU,YAAY,MAAM,MAAM,QAAQ;AAAA,IAChE,GAAG;AAAA,IACH,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,gBAAgB;AAAA,IACpB,GAAG,aAAa,OAAO,cAAc,eAAe;AAAA,IACpD,GAAG,mBAAmB,OAAO,YAAY;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,WAAS,aAAaA,QAAiB,SAAmB,aAAwB;AAChF,UAAM,iBAAiB;AAAA,MACrB,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AACA,UAAM,OAAO,UAAUA,QAAO,MAAM,QAAQ,cAAc;AAC1D,UAAM,OAAO,UAAU,MAAM,MAAM,QAAQ,cAAc;AACzD,UAAM,SACJ,eACA,UAAUA,QAAO,MAAM,QAAQ;AAAA,MAC7B,GAAG;AAAA,MACH,UAAU;AAAA,IACZ,CAAC;AACH,WAAO,YAAY,EAAE,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,aAAa;AAC1D,aAAO,mBAAmB,UAAU,aAAa,UAAUA,SAAQ,OAAO;AAAA,IAC5E,CAAC;AAAA,EACH;AAEA,WAAS,mBAAmBA,QAAiB,SAAmB;AAC9D,UAAM,UAAU,UAAUA,QAAO,MAAM,QAAQ,WAAW;AAC1D,UAAM,UAAU,UAAU,SAAS,MAAM,QAAQ,WAAW;AAC5D,UAAM,YAAY,UAAUA,QAAO,MAAM,UAAU,WAAW;AAC9D,UAAM,WAAW,UAAU,SAAS,MAAM,QAAQ,WAAW;AAC7D,UAAM,WAAW,UAAU,UAAU,MAAM,QAAQ,WAAW;AAC9D,UAAM,kCAA4C,UAC9C;AAAA,MACE,GAAG;AAAA,MACH,aAAa,QAAQ;AAAA,MACrB,kBAAkB,QAAQ;AAAA,MAC1B,kBAAkB,QAAQ;AAAA,MAC1B,kBAAkB,QAAQ;AAAA,IAC5B,IACA;AAAA,MACE,GAAGA;AAAA,MACH,aAAa,QAAQ;AAAA,MACrB,kBAAkB,QAAQ;AAAA,MAC1B,kBAAkB,QAAQ;AAAA,MAC1B,kBAAkB,QAAQ;AAAA,IAC5B;AACJ,WAAO;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,aAAa;AAAA,MACb,UAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;AAEM,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA;AAAA;AAAA,EAGH,OAAO,YAAY,SAAS,OAAO,eAAe,EAAE,oBAAoB,YAAY,CAAC;AAAA,EACrF,MAAM,YAAY,SAAS,MAAM,cAAc,EAAE,oBAAoB,WAAW,CAAC;AACnF;",
+  "names": ["theme"]
 }

package/dist/esm/themes.mjs

@@ -1,2 +1,255 @@
-import{addChildren as u,applyMask as t,createStrengthenMask as R,createTheme as h,createWeakenMask as W}from"@tamagui/create-theme";import{colorTokens as H,darkColors as _,lightColors as $}from"./tokens";const y="rgba(255,255,255,0)",O="rgba(10,10,10,0)",b={dark:[O,"#050505","#151515","#191919","#232323","#282828","#323232","#424242","#494949","#545454","#626262","#a5a5a5","#fff",y],light:[y,"#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%)",O]},q={color1:1,color2:2,color3:3,color4:4,color5:5,color6:6,color7:7,color8:8,color9:9,color10:10,color11:11,color12:12},A={shadowColor:1,shadowColorHover:1,shadowColorPress:2,shadowColorFocus:2},M={...q,...A},x={...M,background:2,backgroundHover:3,backgroundPress:1,backgroundFocus:2,backgroundStrong:1,backgroundTransparent:0,color:-1,colorHover:-2,colorPress:-1,colorFocus:-2,colorTransparent:-0,borderColor:4,borderColorHover:5,borderColorPress:3,borderColorFocus:4,placeholderColor:-4},I="rgba(0,0,0,0.02)",j="rgba(0,0,0,0.066)",B="rgba(0,0,0,0.2)",N="rgba(0,0,0,0.3)",z={shadowColor:j,shadowColorHover:j,shadowColorPress:I,shadowColorFocus:I},G={shadowColor:N,shadowColorHover:N,shadowColorPress:B,shadowColorFocus:B},m={...x,borderColor:6,borderColorHover:7,borderColorFocus:5,borderColorPress:6,...z},p={...x,...G},J=h(b.light,m),K=h(b.dark,p),L={light:J,dark:K},l={weaker:W(),stronger:R()},a={skip:M,max:b.light.length-2,min:1},Q=u(L,(T,C)=>{const i=T==="light",w=i?"dark":"light",S=L[w],v=(r,e=0)=>r.replace("%)",`%, ${e})`).replace("hsl(","hsla("),[f,V]=[H[T],H[w]].map(r=>Object.fromEntries(Object.keys(r).map(e=>{const o=Object.values(r[e]),[s,n]=[o.slice(0,6),o.slice(o.length-5)],c=[v(o[0]),...s,...n,C.color,v(o[o.length-1])],d=h(c,i?{...m,borderColor:4,borderColorHover:5,borderColorFocus:4,borderColorPress:4}:p);return[e,d]}))),D=u(f,(r,e)=>{const o=V[r];return{...P(e,o),...g(e,o)}}),E=t(f.blue,l.weaker,{...a,strength:4});return{...{...P(C,S,E),...g(C,S)},...D};function P(r,e,o){const s={...a,skip:A},n=t(r,l.weaker,s),c=t(n,l.weaker,s),d=o??t(r,l.weaker,{...a,strength:4});return u({alt1:n,alt2:c,active:d},(k,F)=>g(F,F===e?r:e))}function g(r,e){const o=t(r,l.weaker,a),s=t(o,l.weaker,a),n=t(r,l.stronger,a),c=t(e,l.weaker,a),d=t(c,l.weaker,a),k=i?{...n,borderColor:o.borderColor,borderColorHover:o.borderColorHover,borderColorPress:o.borderColorPress,borderColorFocus:o.borderColorFocus}:{...r,borderColor:o.borderColor,borderColorHover:o.borderColorHover,borderColorPress:o.borderColorPress,borderColorFocus:o.borderColorFocus};return{Card:o,Button:s,Checkbox:s,DrawerFrame:o,SliderTrack:n,SliderTrackActive:s,SliderThumb:c,Progress:o,ProgressIndicator:e,Switch:s,SwitchThumb:d,TooltipArrow:o,TooltipContent:s,Input:k,TextArea:k,Tooltip:c}}}),oo={...Q,light:h(b.light,m,{nonInheritedValues:$}),dark:h(b.dark,p,{nonInheritedValues:_})};export{oo as themes};
+import {
+  addChildren,
+  applyMask,
+  createStrengthenMask,
+  createTheme,
+  createWeakenMask
+} from "@tamagui/create-theme";
+import { colorTokens, darkColors, lightColors } from "./tokens";
+const lightTransparent = "rgba(255,255,255,0)";
+const darkTransparent = "rgba(10,10,10,0)";
+const 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
+  ]
+};
+const 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
+};
+const templateShadows = {
+  shadowColor: 1,
+  shadowColorHover: 1,
+  shadowColorPress: 2,
+  shadowColorFocus: 2
+};
+const skip = {
+  ...templateColors,
+  ...templateShadows
+};
+const template = {
+  ...skip,
+  // 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: 1,
+  backgroundFocus: 2,
+  backgroundStrong: 1,
+  backgroundTransparent: 0,
+  color: -1,
+  colorHover: -2,
+  colorPress: -1,
+  colorFocus: -2,
+  colorTransparent: -0,
+  borderColor: 4,
+  borderColorHover: 5,
+  borderColorPress: 3,
+  borderColorFocus: 4,
+  placeholderColor: -4
+};
+const lightShadowColor = "rgba(0,0,0,0.02)";
+const lightShadowColorStrong = "rgba(0,0,0,0.066)";
+const darkShadowColor = "rgba(0,0,0,0.2)";
+const darkShadowColorStrong = "rgba(0,0,0,0.3)";
+const lightShadows = {
+  shadowColor: lightShadowColorStrong,
+  shadowColorHover: lightShadowColorStrong,
+  shadowColorPress: lightShadowColor,
+  shadowColorFocus: lightShadowColor
+};
+const darkShadows = {
+  shadowColor: darkShadowColorStrong,
+  shadowColorHover: darkShadowColorStrong,
+  shadowColorPress: darkShadowColor,
+  shadowColorFocus: darkShadowColor
+};
+const lightTemplate = {
+  ...template,
+  // our light color palette is... a bit unique
+  borderColor: 6,
+  borderColorHover: 7,
+  borderColorFocus: 5,
+  borderColorPress: 6,
+  ...lightShadows
+};
+const darkTemplate = { ...template, ...darkShadows };
+const light = createTheme(palettes.light, lightTemplate);
+const dark = createTheme(palettes.dark, darkTemplate);
+const baseThemes = {
+  light,
+  dark
+};
+const masks = {
+  weaker: createWeakenMask(),
+  stronger: createStrengthenMask()
+};
+const maskOptions = {
+  skip,
+  // avoids the transparent ends
+  max: palettes.light.length - 2,
+  min: 1
+};
+const allThemes = addChildren(baseThemes, (name, theme) => {
+  const isLight = name === "light";
+  const inverseName = isLight ? "dark" : "light";
+  const inverseTheme = baseThemes[inverseName];
+  const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
+  const [colorThemes, inverseColorThemes] = [
+    colorTokens[name],
+    colorTokens[inverseName]
+  ].map((colorSet) => {
+    return Object.fromEntries(
+      Object.keys(colorSet).map((color) => {
+        const colorPalette = Object.values(colorSet[color]);
+        const [head, tail] = [
+          colorPalette.slice(0, 6),
+          colorPalette.slice(colorPalette.length - 5)
+        ];
+        const palette = [
+          transparent(colorPalette[0]),
+          ...head,
+          ...tail,
+          theme.color,
+          transparent(colorPalette[colorPalette.length - 1])
+        ];
+        const colorTheme = createTheme(
+          palette,
+          isLight ? {
+            ...lightTemplate,
+            // light color themes are a bit less sensitive
+            borderColor: 4,
+            borderColorHover: 5,
+            borderColorFocus: 4,
+            borderColorPress: 4
+          } : darkTemplate
+        );
+        return [color, colorTheme];
+      })
+    );
+  });
+  const allColorThemes = addChildren(colorThemes, (colorName, colorTheme) => {
+    const inverse = inverseColorThemes[colorName];
+    return {
+      ...getAltThemes(colorTheme, inverse),
+      ...getComponentThemes(colorTheme, inverse)
+    };
+  });
+  const baseActiveTheme = applyMask(colorThemes.blue, masks.weaker, {
+    ...maskOptions,
+    strength: 4
+  });
+  const baseSubThemes = {
+    ...getAltThemes(theme, inverseTheme, baseActiveTheme),
+    ...getComponentThemes(theme, inverseTheme)
+  };
+  return {
+    ...baseSubThemes,
+    ...allColorThemes
+  };
+  function getAltThemes(theme2, inverse, activeTheme) {
+    const maskOptionsAlt = {
+      ...maskOptions,
+      skip: templateShadows
+    };
+    const alt1 = applyMask(theme2, masks.weaker, maskOptionsAlt);
+    const alt2 = applyMask(alt1, masks.weaker, maskOptionsAlt);
+    const active = activeTheme ?? applyMask(theme2, masks.weaker, {
+      ...maskOptions,
+      strength: 4
+    });
+    return addChildren({ alt1, alt2, active }, (_, subTheme) => {
+      return getComponentThemes(subTheme, subTheme === inverse ? theme2 : inverse);
+    });
+  }
+  function getComponentThemes(theme2, inverse) {
+    const weaker1 = applyMask(theme2, masks.weaker, maskOptions);
+    const weaker2 = applyMask(weaker1, masks.weaker, maskOptions);
+    const stronger1 = applyMask(theme2, masks.stronger, maskOptions);
+    const inverse1 = applyMask(inverse, masks.weaker, maskOptions);
+    const inverse2 = applyMask(inverse1, masks.weaker, maskOptions);
+    const strongerBorderLighterBackground = isLight ? {
+      ...stronger1,
+      borderColor: weaker1.borderColor,
+      borderColorHover: weaker1.borderColorHover,
+      borderColorPress: weaker1.borderColorPress,
+      borderColorFocus: weaker1.borderColorFocus
+    } : {
+      ...theme2,
+      borderColor: weaker1.borderColor,
+      borderColorHover: weaker1.borderColorHover,
+      borderColorPress: weaker1.borderColorPress,
+      borderColorFocus: weaker1.borderColorFocus
+    };
+    return {
+      Card: weaker1,
+      Button: weaker2,
+      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
+    };
+  }
+});
+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: createTheme(palettes.light, lightTemplate, { nonInheritedValues: lightColors }),
+  dark: createTheme(palettes.dark, darkTemplate, { nonInheritedValues: darkColors })
+};
+export {
+  themes
+};
 //# sourceMappingURL=themes.mjs.map

package/dist/esm/themes.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/themes.tsx"],
   "sourcesContent": ["import {\n  MaskOptions,\n  addChildren,\n  applyMask,\n  createStrengthenMask,\n  createTheme,\n  createWeakenMask,\n} from '@tamagui/create-theme'\n\nimport { colorTokens, darkColors, lightColors } from './tokens'\n\ntype ColorName = keyof typeof colorTokens.dark\n\nconst lightTransparent = 'rgba(255,255,255,0)'\nconst darkTransparent = 'rgba(10,10,10,0)'\n\n// background => foreground\nconst palettes = {\n  dark: [\n    darkTransparent,\n    '#050505',\n    '#151515',\n    '#191919',\n    '#232323',\n    '#282828',\n    '#323232',\n    '#424242',\n    '#494949',\n    '#545454',\n    '#626262',\n    '#a5a5a5',\n    '#fff',\n    lightTransparent,\n  ],\n  light: [\n    lightTransparent,\n    '#fff',\n    '#f9f9f9',\n    'hsl(0, 0%, 97.3%)',\n    'hsl(0, 0%, 95.1%)',\n    'hsl(0, 0%, 94.0%)',\n    'hsl(0, 0%, 92.0%)',\n    'hsl(0, 0%, 89.5%)',\n    'hsl(0, 0%, 81.0%)',\n    'hsl(0, 0%, 56.1%)',\n    'hsl(0, 0%, 50.3%)',\n    'hsl(0, 0%, 42.5%)',\n    'hsl(0, 0%, 9.0%)',\n    darkTransparent,\n  ],\n}\n\nconst templateColors = {\n  color1: 1,\n  color2: 2,\n  color3: 3,\n  color4: 4,\n  color5: 5,\n  color6: 6,\n  color7: 7,\n  color8: 8,\n  color9: 9,\n  color10: 10,\n  color11: 11,\n  color12: 12,\n}\n\nconst templateShadows = {\n  shadowColor: 1,\n  shadowColorHover: 1,\n  shadowColorPress: 2,\n  shadowColorFocus: 2,\n}\n\n// we can use subset of our template as a \"skip\" so it doesn't get adjusted with masks\nconst skip = {\n  ...templateColors,\n  ...templateShadows,\n}\n\n// templates use the palette and specify index\n// negative goes backwards from end so -1 is the last item\nconst template = {\n  ...skip,\n  // the background, color, etc keys here work like generics - they make it so you\n  // can publish components for others to use without mandating a specific color scale\n  // the @tamagui/button Button component looks for `$background`, so you set the\n  // dark_red_Button theme to have a stronger background than the dark_red theme.\n  background: 2,\n  backgroundHover: 3,\n  backgroundPress: 1,\n  backgroundFocus: 2,\n  backgroundStrong: 1,\n  backgroundTransparent: 0,\n  color: -1,\n  colorHover: -2,\n  colorPress: -1,\n  colorFocus: -2,\n  colorTransparent: -0,\n  borderColor: 4,\n  borderColorHover: 5,\n  borderColorPress: 3,\n  borderColorFocus: 4,\n  placeholderColor: -4,\n}\n\nconst lightShadowColor = 'rgba(0,0,0,0.02)'\nconst lightShadowColorStrong = 'rgba(0,0,0,0.066)'\nconst darkShadowColor = 'rgba(0,0,0,0.2)'\nconst darkShadowColorStrong = 'rgba(0,0,0,0.3)'\n\nconst lightShadows = {\n  shadowColor: lightShadowColorStrong,\n  shadowColorHover: lightShadowColorStrong,\n  shadowColorPress: lightShadowColor,\n  shadowColorFocus: lightShadowColor,\n}\n\nconst darkShadows = {\n  shadowColor: darkShadowColorStrong,\n  shadowColorHover: darkShadowColorStrong,\n  shadowColorPress: darkShadowColor,\n  shadowColorFocus: darkShadowColor,\n}\n\nconst lightTemplate = {\n  ...template,\n  // our light color palette is... a bit unique\n  borderColor: 6,\n  borderColorHover: 7,\n  borderColorFocus: 5,\n  borderColorPress: 6,\n  ...lightShadows,\n}\n\nconst darkTemplate = { ...template, ...darkShadows }\n\nconst light = createTheme(palettes.light, lightTemplate)\nconst dark = createTheme(palettes.dark, darkTemplate)\n\ntype SubTheme = typeof light\n\nconst baseThemes: {\n  light: SubTheme\n  dark: SubTheme\n} = {\n  light,\n  dark,\n}\n\nconst masks = {\n  weaker: createWeakenMask(),\n  stronger: createStrengthenMask(),\n}\n\n// default mask options for most uses\nconst maskOptions: MaskOptions = {\n  skip,\n  // avoids the transparent ends\n  max: palettes.light.length - 2,\n  min: 1,\n}\n\nconst allThemes = addChildren(baseThemes, (name, theme) => {\n  const isLight = name === 'light'\n  const inverseName = isLight ? 'dark' : 'light'\n  const inverseTheme = baseThemes[inverseName]\n  const transparent = (hsl: string, opacity = 0) =>\n    hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`)\n\n  // setup colorThemes and their inverses\n  const [colorThemes, inverseColorThemes] = [\n    colorTokens[name],\n    colorTokens[inverseName],\n  ].map((colorSet) => {\n    return Object.fromEntries(\n      Object.keys(colorSet).map((color) => {\n        const colorPalette = Object.values(colorSet[color]) as string[]\n        // were re-ordering these\n        const [head, tail] = [\n          colorPalette.slice(0, 6),\n          colorPalette.slice(colorPalette.length - 5),\n        ]\n        // add our transparent colors first/last\n        // and make sure the last (foreground) color is white/black rather than colorful\n        // this is mostly for consistency with the older theme-base\n        const palette = [\n          transparent(colorPalette[0]),\n          ...head,\n          ...tail,\n          theme.color,\n          transparent(colorPalette[colorPalette.length - 1]),\n        ]\n        const colorTheme = createTheme(\n          palette,\n          isLight\n            ? {\n                ...lightTemplate,\n                // light color themes are a bit less sensitive\n                borderColor: 4,\n                borderColorHover: 5,\n                borderColorFocus: 4,\n                borderColorPress: 4,\n              }\n            : darkTemplate\n        )\n        return [color, colorTheme]\n      })\n    ) as Record<ColorName, SubTheme>\n  })\n\n  const allColorThemes = addChildren(colorThemes, (colorName, colorTheme) => {\n    const inverse = inverseColorThemes[colorName]\n    return {\n      ...getAltThemes(colorTheme, inverse),\n      ...getComponentThemes(colorTheme, inverse),\n    }\n  })\n\n  const baseActiveTheme = applyMask(colorThemes.blue, masks.weaker, {\n    ...maskOptions,\n    strength: 4,\n  })\n\n  const baseSubThemes = {\n    ...getAltThemes(theme, inverseTheme, baseActiveTheme),\n    ...getComponentThemes(theme, inverseTheme),\n  }\n\n  return {\n    ...baseSubThemes,\n    ...allColorThemes,\n  }\n\n  function getAltThemes(theme: SubTheme, inverse: SubTheme, activeTheme?: SubTheme) {\n    const maskOptionsAlt = {\n      ...maskOptions,\n      skip: templateShadows,\n    }\n    const alt1 = applyMask(theme, masks.weaker, maskOptionsAlt)\n    const alt2 = applyMask(alt1, masks.weaker, maskOptionsAlt)\n    const active =\n      activeTheme ??\n      applyMask(theme, masks.weaker, {\n        ...maskOptions,\n        strength: 4,\n      })\n    return addChildren({ alt1, alt2, active }, (_, subTheme) => {\n      return getComponentThemes(subTheme, subTheme === inverse ? theme : inverse)\n    })\n  }\n\n  function getComponentThemes(theme: SubTheme, inverse: SubTheme) {\n    const weaker1 = applyMask(theme, masks.weaker, maskOptions)\n    const weaker2 = applyMask(weaker1, masks.weaker, maskOptions)\n    const stronger1 = applyMask(theme, masks.stronger, maskOptions)\n    const inverse1 = applyMask(inverse, masks.weaker, maskOptions)\n    const inverse2 = applyMask(inverse1, masks.weaker, maskOptions)\n    const strongerBorderLighterBackground: SubTheme = isLight\n      ? {\n          ...stronger1,\n          borderColor: weaker1.borderColor,\n          borderColorHover: weaker1.borderColorHover,\n          borderColorPress: weaker1.borderColorPress,\n          borderColorFocus: weaker1.borderColorFocus,\n        }\n      : {\n          ...theme,\n          borderColor: weaker1.borderColor,\n          borderColorHover: weaker1.borderColorHover,\n          borderColorPress: weaker1.borderColorPress,\n          borderColorFocus: weaker1.borderColorFocus,\n        }\n    return {\n      Card: weaker1,\n      Button: weaker2,\n      Checkbox: weaker2,\n      DrawerFrame: weaker1,\n      SliderTrack: stronger1,\n      SliderTrackActive: weaker2,\n      SliderThumb: inverse1,\n      Progress: weaker1,\n      ProgressIndicator: inverse,\n      Switch: weaker2,\n      SwitchThumb: inverse2,\n      TooltipArrow: weaker1,\n      TooltipContent: weaker2,\n      Input: strongerBorderLighterBackground,\n      TextArea: strongerBorderLighterBackground,\n      Tooltip: inverse1,\n    }\n  }\n})\n\nexport const themes = {\n  ...allThemes,\n  // bring back the full type, the rest use a subset to avoid clogging up ts,\n  // tamagui will be smart and use the top level themes as the type for useTheme() etc\n  light: createTheme(palettes.light, lightTemplate, { nonInheritedValues: lightColors }),\n  dark: createTheme(palettes.dark, darkTemplate, { nonInheritedValues: darkColors }),\n}\n\n// if (process.env.NODE_ENV === 'development') {\n//   console.log(JSON.stringify(themes).length)\n// }\n"],
-  "mappings": "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",
-  "names": ["addChildren", "applyMask", "createStrengthenMask", "createTheme", "createWeakenMask", "colorTokens", "darkColors", "lightColors", "lightTransparent", "darkTransparent", "palettes", "templateColors", "templateShadows", "skip", "template", "lightShadowColor", "lightShadowColorStrong", "darkShadowColor", "darkShadowColorStrong", "lightShadows", "darkShadows", "lightTemplate", "darkTemplate", "light", "dark", "baseThemes", "masks", "maskOptions", "allThemes", "name", "theme", "isLight", "inverseName", "inverseTheme", "transparent", "hsl", "opacity", "colorThemes", "inverseColorThemes", "colorSet", "color", "colorPalette", "head", "tail", "palette", "colorTheme", "allColorThemes", "colorName", "inverse", "getAltThemes", "getComponentThemes", "baseActiveTheme", "activeTheme", "maskOptionsAlt", "alt1", "alt2", "active", "_", "subTheme", "weaker1", "weaker2", "stronger1", "inverse1", "inverse2", "strongerBorderLighterBackground", "themes"]
+  "mappings": "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",
+  "names": ["theme"]
 }