@tamagui/theme-base 1.0.1-beta.141 → 1.0.1-beta.142

package/dist/cjs/themes.js

@@ -26,9 +26,8 @@ module.exports = __toCommonJS(themes_exports);
 var import_core = require("@tamagui/core");
 var import_colorUtils = require("./colorUtils");
 var import_tokens = require("./tokens");
-const { color } = import_tokens.tokens;
-const alternates = [1, 2, 3, 4];
-const alts = [1, 2, 3];
+const alternates = [1, 2, 3];
+const alts = [1, 2];
 function createThemesFrom(name, getTheme, props) {
   const { shift = 0 } = props;
   const theme = getTheme(0 + shift, props);
@@ -72,8 +71,8 @@ function createThemesFrom(name, getTheme, props) {
     ...altButtonThemes.slice(0, alts.length),
     [`${name}_Button`, altThemes2[1][1]],
     [`${name}_DrawerFrame`, altThemes2[1][1]],
-    [`${name}_SliderTrack`, altThemes[2][1]],
-    [`${name}_SliderTrackActive`, altThemes[3][1]],
+    [`${name}_SliderTrack`, altThemes[0][1]],
+    [`${name}_SliderTrackActive`, altThemes[2][1]],
     [`${name}_SliderThumb`, inverted[2]],
     [`${name}_Progress`, altThemes[2][1]],
     [`${name}_ProgressIndicator`, inverted[2]],
@@ -117,14 +116,14 @@ const themeCreator = (str = 1, {
     backgroundHover: get(backgrounds, str + lighterDir),
     backgroundPress: get(backgrounds, str + darkerDir),
     backgroundFocus: get(backgrounds, str + darkerDir * 2),
-    backgroundTransparent: color.grayA1Light,
+    backgroundTransparent: "hsla(0, 0%, 0%, 0.012)",
     color: get(colors, 0 + str, "color"),
     colorHover: get(colors, 1 + str, "color"),
     colorPress: get(colors, 2 + str, "color"),
     colorFocus: get(colors, 3 + str, "color"),
     colorTranslucent,
     colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],
-    shadowColor: isLight ? color.grayA2Light : color.grayA8Light,
+    shadowColor: isLight ? "hsla(0, 0%, 0%, 0.03)" : "hsla(0, 0%, 0%, 0.2)",
     shadowColorHover: darkColors2[!isLight ? 1 : 8],
     shadowColorPress: darkColors2[!isLight ? 1 : 8],
     shadowColorFocus: darkColors2[!isLight ? 1 : 8],
@@ -170,18 +169,18 @@ const themeColors = {
   light: [
     "#fff",
     "#f4f4f4",
-    color.gray1Light,
-    color.gray2Light,
-    color.gray3Light,
-    color.gray4Light,
-    color.gray5Light,
-    color.gray6Light,
-    color.gray7Light,
-    color.gray8Light,
-    color.gray9Light,
-    color.gray10Light,
-    color.gray11Light,
-    color.gray12Light
+    "hsl(0, 0%, 99.0%)",
+    "hsl(0, 0%, 97.3%)",
+    "hsl(0, 0%, 95.1%)",
+    "hsl(0, 0%, 93.0%)",
+    "hsl(0, 0%, 90.9%)",
+    "hsl(0, 0%, 88.7%)",
+    "hsl(0, 0%, 85.8%)",
+    "hsl(0, 0%, 78.0%)",
+    "hsl(0, 0%, 56.1%)",
+    "hsl(0, 0%, 52.3%)",
+    "hsl(0, 0%, 43.5%)",
+    "hsl(0, 0%, 9.0%)"
   ],
   dark: [
     "#111111",
@@ -233,19 +232,19 @@ const baseThemes = {
   light,
   light_active: lightThemes.light,
   light_Card: lightThemes.light,
-  light_SliderTrack: lightThemes.light_alt2,
-  light_SliderTrackActive: lightThemes.light_alt3,
-  light_Switch: lightThemes.light_alt3,
+  light_SliderTrack: lightThemes.light_alt1,
+  light_SliderTrackActive: lightThemes.light_alt2,
+  light_Switch: lightThemes.light_alt2,
   light_SwitchThumb: lightThemes.light,
   light_DrawerFrame: lightThemes.light_alt1,
   ...darkThemes,
   dark,
   dark_active: darkThemes.dark,
   dark_Card: darkThemes.dark,
-  dark_DrawerFrame: darkThemes.dark_alt2,
+  dark_DrawerFrame: darkThemes.dark_alt1,
   dark_SliderTrack: darkThemes.dark_darker,
-  dark_SliderTrackActive: darkThemes.dark_alt3,
-  dark_Switch: darkThemes.dark_alt3,
+  dark_SliderTrackActive: darkThemes.dark_alt2,
+  dark_Switch: darkThemes.dark_alt2,
   dark_SwitchThumb: darkThemes.dark_darker,
   dark_Button: darkThemes.dark_alt1
 };
@@ -262,19 +261,17 @@ const colorSchemes = [
   { name: "pink", colors: findColors("pink"), darkColors: findColors("pink", true) },
   { name: "purple", colors: findColors("purple"), darkColors: findColors("purple", true) },
   { name: "red", colors: findColors("red"), darkColors: findColors("red", true) },
-  { name: "yellow", colors: findColors("yellow"), darkColors: findColors("yellow", true) },
-  { name: "teal", colors: findColors("teal"), darkColors: findColors("teal", true) }
+  { name: "yellow", colors: findColors("yellow"), darkColors: findColors("yellow", true) }
 ];
 const colorNames = [
   "blue",
-  "gray",
   "green",
   "orange",
   "pink",
   "purple",
   "red",
   "yellow",
-  "teal"
+  "gray"
 ];
 const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors: darkColors2 }) => {
   const [altLightThemes, altDarkThemes] = [
@@ -308,7 +305,7 @@ const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors: dark
 });
 const colorThemes = Object.fromEntries(colorThemeEntries);
 baseThemes.dark_active = {
-  ...colorThemes.dark_blue_alt3,
+  ...colorThemes.dark_blue_alt2,
   background: import_tokens.darkColors.blue10,
   backgroundHover: import_tokens.darkColors.blue11,
   backgroundPress: import_tokens.darkColors.blue9,

package/dist/cjs/themes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/themes.tsx"],
-  "sourcesContent": ["import { Variable, createTheme, getVariableValue, isWeb } from '@tamagui/core'\n\nimport { setColorAlpha } from './colorUtils'\nimport { darkColors, lightColors, tokens } from './tokens'\n\nconst { color } = tokens\n\n// spaghetti ahead\n\ntype ThemeCreatorProps = {\n  shift?: number\n  backgrounds: (string | Variable)[]\n  backgroundStrong?: string | Variable\n  borderColors?: (string | Variable)[]\n  colors?: (string | Variable)[]\n  activeTheme?: any\n  offsets?: {\n    color?: number[] | null\n    background?: number[] | null\n    borderColor?: number[] | null\n  }\n  isLight?: boolean\n  isBase?: boolean\n}\n\n// helpers\n\nconst alternates = [1, 2, 3, 4] as const\nconst alts = [1, 2, 3] as const\ntype AltKeys = 1 | 2 | 3\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\ntype ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\n\ninterface SubTheme {\n  background: Variable<any> | string\n  backgroundStrong: Variable<any> | string\n  backgroundSoft: Variable<any> | string\n  backgroundHover: Variable<any> | string\n  backgroundPress: Variable<any> | string\n  backgroundFocus: Variable<any> | string\n  backgroundTransparent: Variable<any> | string\n  color: Variable<any> | string\n  colorHover: Variable<any> | string\n  colorPress: Variable<any> | string\n  colorFocus: Variable<any> | string\n  colorTranslucent: Variable<any> | string\n  colorMid: Variable<any> | string\n  shadowColor: Variable<any> | string\n  shadowColorHover: Variable<any> | string\n  shadowColorPress: Variable<any> | string\n  shadowColorFocus: Variable<any> | string\n  borderColor: Variable<any> | string\n  borderColorHover: Variable<any> | string\n  borderColorPress: Variable<any> | string\n  borderColorFocus: Variable<any> | string\n}\n\nfunction createThemesFrom<Name extends string, GetTheme extends ThemeCreator = ThemeCreator>(\n  name: Name,\n  getTheme: GetTheme,\n  props: ThemeCreatorProps\n): {\n  [key in `${Name}_alt${AltKeys}` | `${Name}` | `${Name}_darker`]: GetTheme extends ThemeCreator<\n    infer Theme\n  >\n    ? Theme\n    : never\n} {\n  const { shift = 0 } = props\n  const theme = getTheme(0 + shift, props)\n  let themeEntries: any[] = [[name, theme]]\n\n  // generate alternates (for use in other themes), but keep just alts\n  const altThemes: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt * 1 + shift, props),\n  ])\n  const altThemes2: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt + shift, props),\n  ])\n  const altButtonThemes: any[] = alternates.map((_, i) => {\n    const [bName, bTheme] = [altThemes2[i][0], (altThemes2[i + 1] || altThemes2[i])[1]]\n    return [`${bName}_Button` as any, bTheme]\n  })\n  // add these after alts since we rely on positioning\n  const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)\n  const activeTheme = props.activeTheme || {\n    ...theme,\n    borderColor: props.backgrounds[7],\n    background: props.backgrounds[6],\n    backgroundHover: props.backgrounds[6],\n    backgroundPress: props.backgrounds[6],\n  }\n\n  // TODO can be de-duped\n  const inverted = altThemes.map(([_name, theme]) => {\n    return {\n      ...theme,\n      background: theme.color,\n      backgroundHover: theme.colorHover,\n      backgroundFocus: theme.colorFocus,\n      backgroundPress: theme.colorPress,\n      color: theme.background,\n      colorHover: theme.backgroundHover,\n      colorFocus: theme.backgroundFocus,\n      colorPress: theme.backgroundPress,\n    }\n  })\n\n  themeEntries = [\n    ...themeEntries,\n    // keep just alts\n    ...altThemes.slice(0, alts.length),\n    ...altButtonThemes.slice(0, alts.length),\n    [`${name}_Button`, altThemes2[1][1]],\n    [`${name}_DrawerFrame`, altThemes2[1][1]],\n    [`${name}_SliderTrack`, altThemes[2][1]],\n    [`${name}_SliderTrackActive`, altThemes[3][1]],\n    [`${name}_SliderThumb`, inverted[2]],\n    [`${name}_Progress`, altThemes[2][1]],\n    [`${name}_ProgressIndicator`, inverted[2]],\n    [`${name}_Switch`, altThemes[0][1]],\n    [`${name}_SwitchThumb`, inverted[2]],\n    [`${name}_TooltipArrow`, altThemes[1][1]],\n    [`${name}_TooltipContent`, altThemes[1][1]],\n    [`${name}_darker`, darkerTheme],\n    [`${name}_active`, activeTheme],\n  ]\n  const themes = Object.fromEntries(themeEntries)\n  // if (props.isLight) {\n  //   console.log('themes', themes)\n  // }\n  return themes as any\n}\n\nconst themeCreator = (\n  str = 1,\n  {\n    backgrounds,\n    isLight = true,\n    isBase = false,\n    colors = [...backgrounds].reverse(),\n    borderColors = isLight ? colors : backgrounds,\n    backgroundStrong,\n    offsets: offsetsProp,\n  }: ThemeCreatorProps\n) => {\n  const offsets = {\n    borderColor: offsetsProp?.borderColor ?? offsetsProp?.background ?? [0, 0, 0, 0],\n    background: offsetsProp?.background ?? [0, 0, 0, 0],\n    color: offsetsProp?.color ?? [0, 0, 0, 0],\n  }\n  const darkColors = isLight ? colors : backgrounds\n  const lighterDir = isLight ? -1 : 1\n  const darkerDir = -lighterDir\n  const strongerDir = isLight ? darkerDir : lighterDir\n  const softerDir = -strongerDir\n  const get = (arr: any[], index: number, name = 'background') => {\n    return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))]\n  }\n\n  const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, 'color')), 0.5)\n\n  const theme: SubTheme = {\n    background: get(backgrounds, str),\n    backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),\n    backgroundSoft: get(backgrounds, str + softerDir * 2),\n    backgroundHover: get(backgrounds, str + lighterDir),\n    backgroundPress: get(backgrounds, str + darkerDir),\n    backgroundFocus: get(backgrounds, str + darkerDir * 2),\n    backgroundTransparent: color.grayA1Light,\n    color: get(colors, 0 + str, 'color'),\n    colorHover: get(colors, 1 + str, 'color'),\n    colorPress: get(colors, 2 + str, 'color'),\n    colorFocus: get(colors, 3 + str, 'color'),\n    colorTranslucent,\n    colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],\n    shadowColor: isLight ? color.grayA2Light : color.grayA8Light,\n    shadowColorHover: darkColors[!isLight ? 1 : 8],\n    shadowColorPress: darkColors[!isLight ? 1 : 8],\n    shadowColorFocus: darkColors[!isLight ? 1 : 8],\n    borderColor: null as any as string | Variable,\n    borderColorHover: null as any as string | Variable,\n    borderColorPress: null as any as string | Variable,\n    borderColorFocus: null as any as string | Variable,\n  }\n\n  if (process.env.ENABLE_STEPS) {\n    Object.assign(theme, {\n      step1: backgrounds[0],\n      step2: backgrounds[1],\n      step3: backgrounds[2],\n      step4: backgrounds[3],\n      step5: backgrounds[4],\n      step6: backgrounds[5],\n      step7: backgrounds[6],\n      step8: backgrounds[7],\n      step9: backgrounds[8],\n      step10: backgrounds[9],\n      step11: backgrounds[10],\n      step12: backgrounds[11],\n    })\n  }\n\n  if (isBase) {\n    Object.assign(theme, {\n      borderColor: isLight\n        ? get(colors, 8 - str, 'borderColor')\n        : get(backgrounds, 2 + str, 'borderColor'),\n      borderColorHover: isLight\n        ? get(colors, 6 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n      borderColorPress: isLight\n        ? get(colors, 5 - str, 'borderColor')\n        : get(backgrounds, 1 + str, 'borderColor'),\n      borderColorFocus: isLight\n        ? get(colors, 4 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n    })\n  } else {\n    Object.assign(theme, {\n      borderColor: get(borderColors, 1 + strongerDir, 'borderColor'),\n      borderColorHover: get(borderColors, 2 + strongerDir, 'borderColor'),\n      borderColorPress: get(borderColors, 3 + strongerDir, 'borderColor'),\n      borderColorFocus: get(borderColors, 4 + strongerDir, 'borderColor'),\n    })\n  }\n\n  return theme\n}\n\nconst themeColors = {\n  light: [\n    '#fff',\n    '#f4f4f4',\n    color.gray1Light,\n    color.gray2Light,\n    color.gray3Light,\n    color.gray4Light,\n    color.gray5Light,\n    color.gray6Light,\n    color.gray7Light,\n    color.gray8Light,\n    color.gray9Light,\n    color.gray10Light,\n    color.gray11Light,\n    color.gray12Light,\n  ],\n  dark: [\n    '#111111',\n    '#151515',\n    '#191919',\n    '#232323',\n    '#282828',\n    '#323232',\n    '#383838',\n    '#424242',\n    '#494949',\n    '#545454',\n    '#626262',\n    '#777777',\n  ],\n}\n\nconst lightThemes = createThemesFrom('light', themeCreator, {\n  backgrounds: themeColors.light,\n  // for now web non-ios style native is...\n  backgroundStrong: isWeb ? '#fefefe' : '#f2f2f2',\n  borderColors: themeColors.light.slice(2),\n  isLight: true,\n  offsets: {\n    background: [2, 2, 2, 2, 2, 2],\n  },\n})\n\nconst darkThemes = createThemesFrom('dark', themeCreator, {\n  backgrounds: themeColors.dark,\n  colors: themeColors.light.slice(2),\n  backgroundStrong: '#070707',\n  isBase: true,\n  isLight: false,\n  shift: 1,\n  offsets: {\n    color: [0, 4, 5, 5, 5, 5],\n  },\n})\n\ndarkThemes.dark_darker.background = '#030303'\ndarkThemes.dark_darker.backgroundStrong = '#000'\n\ntype BaseTheme = {\n  [key in keyof typeof lightColors | keyof SubTheme]: Variable<string>\n}\n\nconst light = createTheme({\n  ...lightColors,\n  ...lightThemes.light,\n}) as BaseTheme\n\nconst dark = createTheme({\n  ...darkColors,\n  ...darkThemes.dark,\n}) as BaseTheme\n\nconst baseThemes = {\n  // light\n  ...lightThemes,\n  light,\n  // reserving in types, updating later\n  light_active: lightThemes.light,\n  light_Card: lightThemes.light,\n  light_SliderTrack: lightThemes.light_alt2,\n  light_SliderTrackActive: lightThemes.light_alt3,\n  light_Switch: lightThemes.light_alt3,\n  light_SwitchThumb: lightThemes.light,\n  light_DrawerFrame: lightThemes.light_alt1,\n\n  // dark\n  ...darkThemes,\n  dark,\n  // reserving in types, updating later\n  dark_active: darkThemes.dark,\n  dark_Card: darkThemes.dark,\n  dark_DrawerFrame: darkThemes.dark_alt2,\n  dark_SliderTrack: darkThemes.dark_darker,\n  dark_SliderTrackActive: darkThemes.dark_alt3,\n  dark_Switch: darkThemes.dark_alt3,\n  dark_SwitchThumb: darkThemes.dark_darker,\n  dark_Button: darkThemes.dark_alt1,\n}\n\nconst darkEntries = Object.entries(dark)\nconst lightEntries = Object.entries(light)\nfunction findColors(prefix: string, dark = false): BaseTheme {\n  return Object.fromEntries(\n    (dark ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))\n  ) as any\n}\n\nexport const colorSchemes = [\n  { name: 'blue', colors: findColors('blue'), darkColors: findColors('blue', true) },\n  { name: 'gray', colors: findColors('gray'), darkColors: findColors('gray', true) },\n  { name: 'green', colors: findColors('green'), darkColors: findColors('green', true) },\n  { name: 'orange', colors: findColors('orange'), darkColors: findColors('orange', true) },\n  { name: 'pink', colors: findColors('pink'), darkColors: findColors('pink', true) },\n  { name: 'purple', colors: findColors('purple'), darkColors: findColors('purple', true) },\n  { name: 'red', colors: findColors('red'), darkColors: findColors('red', true) },\n  { name: 'yellow', colors: findColors('yellow'), darkColors: findColors('yellow', true) },\n  { name: 'teal', colors: findColors('teal'), darkColors: findColors('teal', true) },\n] as const\n\nexport type ColorNames = typeof colorSchemes[number]['name']\n\n// nice and flat\nexport const colorNames: ColorNames[] = [\n  'blue',\n  'gray',\n  'green',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'yellow',\n  'teal',\n]\n\ntype ColorThemeNames =\n  | ColorNames\n  | AltName<`light_${ColorNames}`, AltKeys>\n  | AltName<`dark_${ColorNames}`, AltKeys>\n\nconst colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {\n  const [altLightThemes, altDarkThemes] = [\n    { colors: darkColors, backgrounds: colors },\n    { colors, backgrounds: darkColors },\n  ].map((props, i) => {\n    const isLight = i === 0\n    const colorsBase = Object.values(props.colors).slice(2)\n    const [backgrounds, colors] = [\n      Object.values(props.backgrounds),\n      isLight ? colorsBase : [colorsBase[0], '#ccc', ...colorsBase.slice(1)],\n    ] as const\n\n    const scheme = isLight ? 'light' : 'dark'\n    const shift = isLight ? 0 : 1\n\n    // if (!isLight) {\n    //   const [_, h, sp, lp] = backgrounds[0].match(/hsl\\(([0-9\\.]+), ([0-9\\.]+)\\%, ([0-9\\.]+)\\%\\)/)!\n    //   backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`)\n    // }\n\n    const themeWithAlts = createThemesFrom(name, themeCreator, {\n      // @ts-ignore\n      colors,\n      // @ts-ignore\n      backgrounds,\n      // @ts-ignore\n      borderColors: backgrounds,\n      isLight,\n      shift,\n      isBase: false,\n      offsets: {\n        background: isLight ? [2, 2, 2, 2, 2, 2] : null,\n        borderColor: isLight ? [2, 2, 2, 3, 2] : null,\n        color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n      },\n    })\n\n    return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n  })\n  return [...altLightThemes, ...altDarkThemes]\n})\n\ntype TypedColorTheme = typeof lightThemes.light_alt1\ntype TypedTheme = typeof light\ntype TypedThemes = {\n  [key in keyof typeof allThemes]: TypedTheme\n}\n\nconst colorThemes: {\n  [key in ColorThemeNames]: TypedColorTheme\n} = Object.fromEntries(colorThemeEntries) as any\n\n// add in base _active themes\nbaseThemes.dark_active = {\n  ...colorThemes.dark_blue_alt3,\n  background: darkColors.blue10,\n  backgroundHover: darkColors.blue11,\n  backgroundPress: darkColors.blue9,\n  backgroundFocus: darkColors.blue9,\n  color: darkColors.blue12,\n  colorHover: darkColors.blue12,\n  colorPress: darkColors.blue12,\n  colorFocus: darkColors.blue12,\n}\n\n// light active uses light foregound, ios style\nbaseThemes.light_active = baseThemes.dark_active\n\nconst allThemes = {\n  ...baseThemes,\n  ...colorThemes,\n} as const\n\nexport const themes: TypedThemes = allThemes as any\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Variable, createTheme, getVariableValue, isWeb } from '@tamagui/core'\n\nimport { setColorAlpha } from './colorUtils'\nimport { darkColors, lightColors } from './tokens'\n\n// spaghetti ahead\n\ntype ThemeCreatorProps = {\n  shift?: number\n  backgrounds: (string | Variable)[]\n  backgroundStrong?: string | Variable\n  borderColors?: (string | Variable)[]\n  colors?: (string | Variable)[]\n  activeTheme?: any\n  offsets?: {\n    color?: number[] | null\n    background?: number[] | null\n    borderColor?: number[] | null\n  }\n  isLight?: boolean\n  isBase?: boolean\n}\n\n// helpers\n\nconst alternates = [1, 2, 3] as const\nconst alts = [1, 2] as const\ntype AltKeys = 1 | 2\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\ntype ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\n\ninterface SubTheme {\n  background: Variable<any> | string\n  backgroundStrong: Variable<any> | string\n  backgroundSoft: Variable<any> | string\n  backgroundHover: Variable<any> | string\n  backgroundPress: Variable<any> | string\n  backgroundFocus: Variable<any> | string\n  backgroundTransparent: Variable<any> | string\n  color: Variable<any> | string\n  colorHover: Variable<any> | string\n  colorPress: Variable<any> | string\n  colorFocus: Variable<any> | string\n  colorTranslucent: Variable<any> | string\n  colorMid: Variable<any> | string\n  shadowColor: Variable<any> | string\n  shadowColorHover: Variable<any> | string\n  shadowColorPress: Variable<any> | string\n  shadowColorFocus: Variable<any> | string\n  borderColor: Variable<any> | string\n  borderColorHover: Variable<any> | string\n  borderColorPress: Variable<any> | string\n  borderColorFocus: Variable<any> | string\n}\n\nfunction createThemesFrom<Name extends string, GetTheme extends ThemeCreator = ThemeCreator>(\n  name: Name,\n  getTheme: GetTheme,\n  props: ThemeCreatorProps\n): {\n  [key in `${Name}_alt${AltKeys}` | `${Name}` | `${Name}_darker`]: GetTheme extends ThemeCreator<\n    infer Theme\n  >\n    ? Theme\n    : never\n} {\n  const { shift = 0 } = props\n  const theme = getTheme(0 + shift, props)\n  let themeEntries: any[] = [[name, theme]]\n\n  // generate alternates (for use in other themes), but keep just alts\n  const altThemes: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt * 1 + shift, props),\n  ])\n  const altThemes2: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt + shift, props),\n  ])\n  const altButtonThemes: any[] = alternates.map((_, i) => {\n    const [bName, bTheme] = [altThemes2[i][0], (altThemes2[i + 1] || altThemes2[i])[1]]\n    return [`${bName}_Button` as any, bTheme]\n  })\n  // add these after alts since we rely on positioning\n  const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)\n  const activeTheme = props.activeTheme || {\n    ...theme,\n    borderColor: props.backgrounds[7],\n    background: props.backgrounds[6],\n    backgroundHover: props.backgrounds[6],\n    backgroundPress: props.backgrounds[6],\n  }\n\n  // TODO can be de-duped\n  const inverted = altThemes.map(([_name, theme]) => {\n    return {\n      ...theme,\n      background: theme.color,\n      backgroundHover: theme.colorHover,\n      backgroundFocus: theme.colorFocus,\n      backgroundPress: theme.colorPress,\n      color: theme.background,\n      colorHover: theme.backgroundHover,\n      colorFocus: theme.backgroundFocus,\n      colorPress: theme.backgroundPress,\n    }\n  })\n\n  themeEntries = [\n    ...themeEntries,\n    // keep just alts\n    ...altThemes.slice(0, alts.length),\n    ...altButtonThemes.slice(0, alts.length),\n    [`${name}_Button`, altThemes2[1][1]],\n    [`${name}_DrawerFrame`, altThemes2[1][1]],\n    [`${name}_SliderTrack`, altThemes[0][1]],\n    [`${name}_SliderTrackActive`, altThemes[2][1]],\n    [`${name}_SliderThumb`, inverted[2]],\n    [`${name}_Progress`, altThemes[2][1]],\n    [`${name}_ProgressIndicator`, inverted[2]],\n    [`${name}_Switch`, altThemes[0][1]],\n    [`${name}_SwitchThumb`, inverted[2]],\n    [`${name}_TooltipArrow`, altThemes[1][1]],\n    [`${name}_TooltipContent`, altThemes[1][1]],\n    [`${name}_darker`, darkerTheme],\n    [`${name}_active`, activeTheme],\n  ]\n  const themes = Object.fromEntries(themeEntries)\n  // if (props.isLight) {\n  //   console.log('themes', themes)\n  // }\n  return themes as any\n}\n\nconst themeCreator = (\n  str = 1,\n  {\n    backgrounds,\n    isLight = true,\n    isBase = false,\n    colors = [...backgrounds].reverse(),\n    borderColors = isLight ? colors : backgrounds,\n    backgroundStrong,\n    offsets: offsetsProp,\n  }: ThemeCreatorProps\n) => {\n  const offsets = {\n    borderColor: offsetsProp?.borderColor ?? offsetsProp?.background ?? [0, 0, 0, 0],\n    background: offsetsProp?.background ?? [0, 0, 0, 0],\n    color: offsetsProp?.color ?? [0, 0, 0, 0],\n  }\n  const darkColors = isLight ? colors : backgrounds\n  const lighterDir = isLight ? -1 : 1\n  const darkerDir = -lighterDir\n  const strongerDir = isLight ? darkerDir : lighterDir\n  const softerDir = -strongerDir\n  const get = (arr: any[], index: number, name = 'background') => {\n    return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))]\n  }\n\n  const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, 'color')), 0.5)\n\n  const theme: SubTheme = {\n    background: get(backgrounds, str),\n    backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),\n    backgroundSoft: get(backgrounds, str + softerDir * 2),\n    backgroundHover: get(backgrounds, str + lighterDir),\n    backgroundPress: get(backgrounds, str + darkerDir),\n    backgroundFocus: get(backgrounds, str + darkerDir * 2),\n    backgroundTransparent: 'hsla(0, 0%, 0%, 0.012)',\n    color: get(colors, 0 + str, 'color'),\n    colorHover: get(colors, 1 + str, 'color'),\n    colorPress: get(colors, 2 + str, 'color'),\n    colorFocus: get(colors, 3 + str, 'color'),\n    colorTranslucent,\n    colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],\n    shadowColor: isLight ? 'hsla(0, 0%, 0%, 0.03)' : 'hsla(0, 0%, 0%, 0.2)',\n    shadowColorHover: darkColors[!isLight ? 1 : 8],\n    shadowColorPress: darkColors[!isLight ? 1 : 8],\n    shadowColorFocus: darkColors[!isLight ? 1 : 8],\n    borderColor: null as any as string | Variable,\n    borderColorHover: null as any as string | Variable,\n    borderColorPress: null as any as string | Variable,\n    borderColorFocus: null as any as string | Variable,\n  }\n\n  if (process.env.ENABLE_STEPS) {\n    Object.assign(theme, {\n      step1: backgrounds[0],\n      step2: backgrounds[1],\n      step3: backgrounds[2],\n      step4: backgrounds[3],\n      step5: backgrounds[4],\n      step6: backgrounds[5],\n      step7: backgrounds[6],\n      step8: backgrounds[7],\n      step9: backgrounds[8],\n      step10: backgrounds[9],\n      step11: backgrounds[10],\n      step12: backgrounds[11],\n    })\n  }\n\n  if (isBase) {\n    Object.assign(theme, {\n      borderColor: isLight\n        ? get(colors, 8 - str, 'borderColor')\n        : get(backgrounds, 2 + str, 'borderColor'),\n      borderColorHover: isLight\n        ? get(colors, 6 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n      borderColorPress: isLight\n        ? get(colors, 5 - str, 'borderColor')\n        : get(backgrounds, 1 + str, 'borderColor'),\n      borderColorFocus: isLight\n        ? get(colors, 4 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n    })\n  } else {\n    Object.assign(theme, {\n      borderColor: get(borderColors, 1 + strongerDir, 'borderColor'),\n      borderColorHover: get(borderColors, 2 + strongerDir, 'borderColor'),\n      borderColorPress: get(borderColors, 3 + strongerDir, 'borderColor'),\n      borderColorFocus: get(borderColors, 4 + strongerDir, 'borderColor'),\n    })\n  }\n\n  return theme\n}\n\nconst themeColors = {\n  light: [\n    '#fff',\n    '#f4f4f4',\n    'hsl(0, 0%, 99.0%)',\n    'hsl(0, 0%, 97.3%)',\n    'hsl(0, 0%, 95.1%)',\n    'hsl(0, 0%, 93.0%)',\n    'hsl(0, 0%, 90.9%)',\n    'hsl(0, 0%, 88.7%)',\n    'hsl(0, 0%, 85.8%)',\n    'hsl(0, 0%, 78.0%)',\n    'hsl(0, 0%, 56.1%)',\n    'hsl(0, 0%, 52.3%)',\n    'hsl(0, 0%, 43.5%)',\n    'hsl(0, 0%, 9.0%)',\n  ],\n  dark: [\n    '#111111',\n    '#151515',\n    '#191919',\n    '#232323',\n    '#282828',\n    '#323232',\n    '#383838',\n    '#424242',\n    '#494949',\n    '#545454',\n    '#626262',\n    '#777777',\n  ],\n}\n\nconst lightThemes = createThemesFrom('light', themeCreator, {\n  backgrounds: themeColors.light,\n  // for now web non-ios style native is...\n  backgroundStrong: isWeb ? '#fefefe' : '#f2f2f2',\n  borderColors: themeColors.light.slice(2),\n  isLight: true,\n  offsets: {\n    background: [2, 2, 2, 2, 2, 2],\n  },\n})\n\nconst darkThemes = createThemesFrom('dark', themeCreator, {\n  backgrounds: themeColors.dark,\n  colors: themeColors.light.slice(2),\n  backgroundStrong: '#070707',\n  isBase: true,\n  isLight: false,\n  shift: 1,\n  offsets: {\n    color: [0, 4, 5, 5, 5, 5],\n  },\n})\n\ndarkThemes.dark_darker.background = '#030303'\ndarkThemes.dark_darker.backgroundStrong = '#000'\n\ntype BaseTheme = {\n  [key in keyof typeof lightColors | keyof SubTheme]: Variable<string>\n}\n\nconst light = createTheme({\n  ...lightColors,\n  ...lightThemes.light,\n}) as BaseTheme\n\nconst dark = createTheme({\n  ...darkColors,\n  ...darkThemes.dark,\n}) as BaseTheme\n\nconst baseThemes = {\n  // light\n  ...lightThemes,\n  light,\n  // reserving in types, updating later\n  light_active: lightThemes.light,\n  light_Card: lightThemes.light,\n  light_SliderTrack: lightThemes.light_alt1,\n  light_SliderTrackActive: lightThemes.light_alt2,\n  light_Switch: lightThemes.light_alt2,\n  light_SwitchThumb: lightThemes.light,\n  light_DrawerFrame: lightThemes.light_alt1,\n\n  // dark\n  ...darkThemes,\n  dark,\n  // reserving in types, updating later\n  dark_active: darkThemes.dark,\n  dark_Card: darkThemes.dark,\n  dark_DrawerFrame: darkThemes.dark_alt1,\n  dark_SliderTrack: darkThemes.dark_darker,\n  dark_SliderTrackActive: darkThemes.dark_alt2,\n  dark_Switch: darkThemes.dark_alt2,\n  dark_SwitchThumb: darkThemes.dark_darker,\n  dark_Button: darkThemes.dark_alt1,\n}\n\nconst darkEntries = Object.entries(dark)\nconst lightEntries = Object.entries(light)\nfunction findColors(prefix: string, dark = false): BaseTheme {\n  return Object.fromEntries(\n    (dark ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))\n  ) as any\n}\n\nexport const colorSchemes = [\n  { name: 'blue', colors: findColors('blue'), darkColors: findColors('blue', true) },\n  { name: 'gray', colors: findColors('gray'), darkColors: findColors('gray', true) },\n  { name: 'green', colors: findColors('green'), darkColors: findColors('green', true) },\n  { name: 'orange', colors: findColors('orange'), darkColors: findColors('orange', true) },\n  { name: 'pink', colors: findColors('pink'), darkColors: findColors('pink', true) },\n  { name: 'purple', colors: findColors('purple'), darkColors: findColors('purple', true) },\n  { name: 'red', colors: findColors('red'), darkColors: findColors('red', true) },\n  { name: 'yellow', colors: findColors('yellow'), darkColors: findColors('yellow', true) },\n] as const\n\nexport type ColorNames = typeof colorSchemes[number]['name']\n\n// nice and flat\nexport const colorNames: ColorNames[] = [\n  'blue',\n  'green',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'yellow',\n  'gray',\n]\n\ntype ColorThemeNames =\n  | ColorNames\n  | AltName<`light_${ColorNames}`, AltKeys>\n  | AltName<`dark_${ColorNames}`, AltKeys>\n\nconst colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {\n  const [altLightThemes, altDarkThemes] = [\n    { colors: darkColors, backgrounds: colors },\n    { colors, backgrounds: darkColors },\n  ].map((props, i) => {\n    const isLight = i === 0\n    const colorsBase = Object.values(props.colors).slice(2)\n    const [backgrounds, colors] = [\n      Object.values(props.backgrounds),\n      isLight ? colorsBase : [colorsBase[0], '#ccc', ...colorsBase.slice(1)],\n    ] as const\n\n    const scheme = isLight ? 'light' : 'dark'\n    const shift = isLight ? 0 : 1\n\n    // if (!isLight) {\n    //   const [_, h, sp, lp] = backgrounds[0].match(/hsl\\(([0-9\\.]+), ([0-9\\.]+)\\%, ([0-9\\.]+)\\%\\)/)!\n    //   backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`)\n    // }\n\n    const themeWithAlts = createThemesFrom(name, themeCreator, {\n      // @ts-ignore\n      colors,\n      // @ts-ignore\n      backgrounds,\n      // @ts-ignore\n      borderColors: backgrounds,\n      isLight,\n      shift,\n      isBase: false,\n      offsets: {\n        background: isLight ? [2, 2, 2, 2, 2, 2] : null,\n        borderColor: isLight ? [2, 2, 2, 3, 2] : null,\n        color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n      },\n    })\n\n    return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n  })\n  return [...altLightThemes, ...altDarkThemes]\n})\n\ntype TypedColorTheme = typeof lightThemes.light_alt1\ntype TypedTheme = typeof light\ntype TypedThemes = {\n  [key in keyof typeof allThemes]: TypedTheme\n}\n\nconst colorThemes: {\n  [key in ColorThemeNames]: TypedColorTheme\n} = Object.fromEntries(colorThemeEntries) as any\n\n// add in base _active themes\nbaseThemes.dark_active = {\n  ...colorThemes.dark_blue_alt2,\n  background: darkColors.blue10,\n  backgroundHover: darkColors.blue11,\n  backgroundPress: darkColors.blue9,\n  backgroundFocus: darkColors.blue9,\n  color: darkColors.blue12,\n  colorHover: darkColors.blue12,\n  colorPress: darkColors.blue12,\n  colorFocus: darkColors.blue12,\n}\n\n// light active uses light foregound, ios style\nbaseThemes.light_active = baseThemes.dark_active\n\nconst allThemes = {\n  ...baseThemes,\n  ...colorThemes,\n} as const\n\nexport const themes: TypedThemes = allThemes as any\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/tokens.js

@@ -82,55 +82,43 @@ const colorTokens = {
   light: {
     blue: import_colors.blue,
     gray: import_colors.gray,
-    grayA: import_colors.grayA,
     green: import_colors.green,
     orange: import_colors.orange,
     pink: import_colors.pink,
     purple: import_colors.purple,
     red: import_colors.red,
-    violet: import_colors.violet,
-    yellow: import_colors.yellow,
-    teal: import_colors.teal
+    yellow: import_colors.yellow
   },
   dark: {
     blue: import_colors.blueDark,
     gray: import_colors.grayDark,
-    grayA: import_colors.grayDarkA,
     green: import_colors.greenDark,
     orange: import_colors.orangeDark,
     pink: import_colors.pinkDark,
     purple: import_colors.purpleDark,
     red: import_colors.redDark,
-    violet: import_colors.violetDark,
-    yellow: import_colors.yellowDark,
-    teal: import_colors.tealDark
+    yellow: import_colors.yellowDark
   }
 };
 const darkColors = {
   ...colorTokens.dark.blue,
   ...colorTokens.dark.gray,
-  ...colorTokens.dark.grayA,
   ...colorTokens.dark.green,
   ...colorTokens.dark.orange,
   ...colorTokens.dark.pink,
   ...colorTokens.dark.purple,
   ...colorTokens.dark.red,
-  ...colorTokens.dark.violet,
-  ...colorTokens.dark.yellow,
-  ...colorTokens.dark.teal
+  ...colorTokens.dark.yellow
 };
 const lightColors = {
   ...colorTokens.light.blue,
   ...colorTokens.light.gray,
-  ...colorTokens.light.grayA,
   ...colorTokens.light.green,
   ...colorTokens.light.orange,
   ...colorTokens.light.pink,
   ...colorTokens.light.purple,
   ...colorTokens.light.red,
-  ...colorTokens.light.violet,
-  ...colorTokens.light.yellow,
-  ...colorTokens.light.teal
+  ...colorTokens.light.yellow
 };
 const allColors = {
   ...postfixObjKeys(lightColors, "Light"),

package/dist/cjs/tokens.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tokens.tsx"],
-  "sourcesContent": ["import {\n  blue,\n  blueDark,\n  gray,\n  grayA,\n  grayDark,\n  grayDarkA,\n  green,\n  greenDark,\n  orange,\n  orangeDark,\n  pink,\n  pinkDark,\n  purple,\n  purpleDark,\n  red,\n  redDark,\n  teal,\n  tealDark,\n  violet,\n  violetDark,\n  yellow,\n  yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens } from '@tamagui/core'\n\n// should roughly map to button/input etc height at each level\n// fonts should match that height/lineHeight at each stop\n// so these are really non-linear on purpose\n// why?\n//   - at sizes <1, used for fine grained things (borders, smallest paddingY)\n//     - so smallest padY should be roughly 1-4px so it can join with lineHeight\n//   - at sizes >=1, have to consider \"pressability\" (jumps up)\n//   - after that it should go upwards somewhat naturally\n//   - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster\n//  but also one more wrinkle...\n//  space is used in conjunction with size\n//  i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)\nconst size = {\n  0: 0,\n  0.25: 2,\n  0.5: 4,\n  0.75: 8,\n  1: 20,\n  1.5: 24,\n  2: 28,\n  2.5: 32,\n  3: 36,\n  3.5: 40,\n  4: 44,\n  true: 44,\n  4.5: 48,\n  5: 52,\n  5.5: 59,\n  6: 64,\n  6.5: 69,\n  7: 74,\n  7.6: 79,\n  8: 84,\n  8.5: 89,\n  9: 94,\n  9.5: 99,\n  10: 104,\n  11: 124,\n  12: 144,\n  13: 164,\n  14: 184,\n  15: 204,\n  16: 224,\n  17: 224,\n  18: 244,\n  19: 264,\n  20: 284,\n}\n\ntype Sizes = typeof size\ntype SizeKeys = `${keyof Sizes}`\n\nconst spaces = Object.entries(size).map(([k, v]) => [\n  k,\n  Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),\n])\n\nconst spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])\n\nconst space: {\n  [Key in `-${SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n  ...Object.fromEntries(spaces),\n  ...Object.fromEntries(spacesNegative),\n} as any\n\nconst zIndex = {\n  0: 0,\n  1: 100,\n  2: 200,\n  3: 300,\n  4: 400,\n  5: 500,\n}\n\nconst colorTokens = {\n  light: {\n    blue: blue,\n    gray: gray,\n    grayA: grayA,\n    green: green,\n    orange: orange,\n    pink: pink,\n    purple: purple,\n    red: red,\n    violet: violet,\n    yellow: yellow,\n    teal: teal,\n  },\n  dark: {\n    blue: blueDark,\n    gray: grayDark,\n    grayA: grayDarkA,\n    green: greenDark,\n    orange: orangeDark,\n    pink: pinkDark,\n    purple: purpleDark,\n    red: redDark,\n    violet: violetDark,\n    yellow: yellowDark,\n    teal: tealDark,\n  },\n}\n\nexport const darkColors = {\n  ...colorTokens.dark.blue,\n  ...colorTokens.dark.gray,\n  ...colorTokens.dark.grayA,\n  ...colorTokens.dark.green,\n  ...colorTokens.dark.orange,\n  ...colorTokens.dark.pink,\n  ...colorTokens.dark.purple,\n  ...colorTokens.dark.red,\n  ...colorTokens.dark.violet,\n  ...colorTokens.dark.yellow,\n  ...colorTokens.dark.teal,\n}\n\nexport const lightColors = {\n  ...colorTokens.light.blue,\n  ...colorTokens.light.gray,\n  ...colorTokens.light.grayA,\n  ...colorTokens.light.green,\n  ...colorTokens.light.orange,\n  ...colorTokens.light.pink,\n  ...colorTokens.light.purple,\n  ...colorTokens.light.red,\n  ...colorTokens.light.violet,\n  ...colorTokens.light.yellow,\n  ...colorTokens.light.teal,\n}\n\nconst allColors = {\n  ...postfixObjKeys(lightColors, 'Light'),\n  ...postfixObjKeys(darkColors, 'Dark'),\n}\n\nfunction postfixObjKeys<A extends { [key: string]: Variable<string> | string }, B extends string>(\n  obj: A,\n  postfix: B\n): {\n  [Key in `${keyof A extends string ? keyof A : never}${B}`]: Variable<string> | string\n} {\n  return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])) as any\n}\n\nconst radius = {\n  0: 0,\n  1: 3,\n  2: 5,\n  3: 7,\n  4: 9,\n  5: 10,\n  6: 16,\n  7: 19,\n  8: 22,\n  9: 26,\n  10: 34,\n  11: 42,\n  12: 50,\n}\n\nexport const tokens = createTokens({\n  color: allColors,\n  radius,\n  zIndex,\n  space,\n  size,\n})\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  blue,\n  blueDark,\n  gray,\n  grayDark,\n  green,\n  greenDark,\n  orange,\n  orangeDark,\n  pink,\n  pinkDark,\n  purple,\n  purpleDark,\n  red,\n  redDark,\n  yellow,\n  yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens } from '@tamagui/core'\n\n// should roughly map to button/input etc height at each level\n// fonts should match that height/lineHeight at each stop\n// so these are really non-linear on purpose\n// why?\n//   - at sizes <1, used for fine grained things (borders, smallest paddingY)\n//     - so smallest padY should be roughly 1-4px so it can join with lineHeight\n//   - at sizes >=1, have to consider \"pressability\" (jumps up)\n//   - after that it should go upwards somewhat naturally\n//   - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster\n//  but also one more wrinkle...\n//  space is used in conjunction with size\n//  i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)\nconst size = {\n  0: 0,\n  0.25: 2,\n  0.5: 4,\n  0.75: 8,\n  1: 20,\n  1.5: 24,\n  2: 28,\n  2.5: 32,\n  3: 36,\n  3.5: 40,\n  4: 44,\n  true: 44,\n  4.5: 48,\n  5: 52,\n  5.5: 59,\n  6: 64,\n  6.5: 69,\n  7: 74,\n  7.6: 79,\n  8: 84,\n  8.5: 89,\n  9: 94,\n  9.5: 99,\n  10: 104,\n  11: 124,\n  12: 144,\n  13: 164,\n  14: 184,\n  15: 204,\n  16: 224,\n  17: 224,\n  18: 244,\n  19: 264,\n  20: 284,\n}\n\ntype Sizes = typeof size\ntype SizeKeys = `${keyof Sizes}`\n\nconst spaces = Object.entries(size).map(([k, v]) => [\n  k,\n  Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),\n])\n\nconst spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])\n\nconst space: {\n  [Key in `-${SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n  ...Object.fromEntries(spaces),\n  ...Object.fromEntries(spacesNegative),\n} as any\n\nconst zIndex = {\n  0: 0,\n  1: 100,\n  2: 200,\n  3: 300,\n  4: 400,\n  5: 500,\n}\n\nconst colorTokens = {\n  light: {\n    blue: blue,\n    gray: gray,\n    green: green,\n    orange: orange,\n    pink: pink,\n    purple: purple,\n    red: red,\n    yellow: yellow,\n  },\n  dark: {\n    blue: blueDark,\n    gray: grayDark,\n    green: greenDark,\n    orange: orangeDark,\n    pink: pinkDark,\n    purple: purpleDark,\n    red: redDark,\n    yellow: yellowDark,\n  },\n}\n\nexport const darkColors = {\n  ...colorTokens.dark.blue,\n  ...colorTokens.dark.gray,\n  ...colorTokens.dark.green,\n  ...colorTokens.dark.orange,\n  ...colorTokens.dark.pink,\n  ...colorTokens.dark.purple,\n  ...colorTokens.dark.red,\n  ...colorTokens.dark.yellow,\n}\n\nexport const lightColors = {\n  ...colorTokens.light.blue,\n  ...colorTokens.light.gray,\n  ...colorTokens.light.green,\n  ...colorTokens.light.orange,\n  ...colorTokens.light.pink,\n  ...colorTokens.light.purple,\n  ...colorTokens.light.red,\n  ...colorTokens.light.yellow,\n}\n\nconst allColors = {\n  ...postfixObjKeys(lightColors, 'Light'),\n  ...postfixObjKeys(darkColors, 'Dark'),\n}\n\nfunction postfixObjKeys<A extends { [key: string]: Variable<string> | string }, B extends string>(\n  obj: A,\n  postfix: B\n): {\n  [Key in `${keyof A extends string ? keyof A : never}${B}`]: Variable<string> | string\n} {\n  return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])) as any\n}\n\nconst radius = {\n  0: 0,\n  1: 3,\n  2: 5,\n  3: 7,\n  4: 9,\n  5: 10,\n  6: 16,\n  7: 19,\n  8: 22,\n  9: 26,\n  10: 34,\n  11: 42,\n  12: 50,\n}\n\nexport const tokens = createTokens({\n  color: allColors,\n  radius,\n  zIndex,\n  space,\n  size,\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/themes.js

@@ -1,9 +1,8 @@
 import { createTheme, getVariableValue, isWeb } from "@tamagui/core";
 import { setColorAlpha } from "./colorUtils";
-import { darkColors, lightColors, tokens } from "./tokens";
-const { color } = tokens;
-const alternates = [1, 2, 3, 4];
-const alts = [1, 2, 3];
+import { darkColors, lightColors } from "./tokens";
+const alternates = [1, 2, 3];
+const alts = [1, 2];
 function createThemesFrom(name, getTheme, props) {
   const { shift = 0 } = props;
   const theme = getTheme(0 + shift, props);
@@ -47,8 +46,8 @@ function createThemesFrom(name, getTheme, props) {
     ...altButtonThemes.slice(0, alts.length),
     [`${name}_Button`, altThemes2[1][1]],
     [`${name}_DrawerFrame`, altThemes2[1][1]],
-    [`${name}_SliderTrack`, altThemes[2][1]],
-    [`${name}_SliderTrackActive`, altThemes[3][1]],
+    [`${name}_SliderTrack`, altThemes[0][1]],
+    [`${name}_SliderTrackActive`, altThemes[2][1]],
     [`${name}_SliderThumb`, inverted[2]],
     [`${name}_Progress`, altThemes[2][1]],
     [`${name}_ProgressIndicator`, inverted[2]],
@@ -92,14 +91,14 @@ const themeCreator = (str = 1, {
     backgroundHover: get(backgrounds, str + lighterDir),
     backgroundPress: get(backgrounds, str + darkerDir),
     backgroundFocus: get(backgrounds, str + darkerDir * 2),
-    backgroundTransparent: color.grayA1Light,
+    backgroundTransparent: "hsla(0, 0%, 0%, 0.012)",
     color: get(colors, 0 + str, "color"),
     colorHover: get(colors, 1 + str, "color"),
     colorPress: get(colors, 2 + str, "color"),
     colorFocus: get(colors, 3 + str, "color"),
     colorTranslucent,
     colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],
-    shadowColor: isLight ? color.grayA2Light : color.grayA8Light,
+    shadowColor: isLight ? "hsla(0, 0%, 0%, 0.03)" : "hsla(0, 0%, 0%, 0.2)",
     shadowColorHover: darkColors2[!isLight ? 1 : 8],
     shadowColorPress: darkColors2[!isLight ? 1 : 8],
     shadowColorFocus: darkColors2[!isLight ? 1 : 8],
@@ -145,18 +144,18 @@ const themeColors = {
   light: [
     "#fff",
     "#f4f4f4",
-    color.gray1Light,
-    color.gray2Light,
-    color.gray3Light,
-    color.gray4Light,
-    color.gray5Light,
-    color.gray6Light,
-    color.gray7Light,
-    color.gray8Light,
-    color.gray9Light,
-    color.gray10Light,
-    color.gray11Light,
-    color.gray12Light
+    "hsl(0, 0%, 99.0%)",
+    "hsl(0, 0%, 97.3%)",
+    "hsl(0, 0%, 95.1%)",
+    "hsl(0, 0%, 93.0%)",
+    "hsl(0, 0%, 90.9%)",
+    "hsl(0, 0%, 88.7%)",
+    "hsl(0, 0%, 85.8%)",
+    "hsl(0, 0%, 78.0%)",
+    "hsl(0, 0%, 56.1%)",
+    "hsl(0, 0%, 52.3%)",
+    "hsl(0, 0%, 43.5%)",
+    "hsl(0, 0%, 9.0%)"
   ],
   dark: [
     "#111111",
@@ -208,19 +207,19 @@ const baseThemes = {
   light,
   light_active: lightThemes.light,
   light_Card: lightThemes.light,
-  light_SliderTrack: lightThemes.light_alt2,
-  light_SliderTrackActive: lightThemes.light_alt3,
-  light_Switch: lightThemes.light_alt3,
+  light_SliderTrack: lightThemes.light_alt1,
+  light_SliderTrackActive: lightThemes.light_alt2,
+  light_Switch: lightThemes.light_alt2,
   light_SwitchThumb: lightThemes.light,
   light_DrawerFrame: lightThemes.light_alt1,
   ...darkThemes,
   dark,
   dark_active: darkThemes.dark,
   dark_Card: darkThemes.dark,
-  dark_DrawerFrame: darkThemes.dark_alt2,
+  dark_DrawerFrame: darkThemes.dark_alt1,
   dark_SliderTrack: darkThemes.dark_darker,
-  dark_SliderTrackActive: darkThemes.dark_alt3,
-  dark_Switch: darkThemes.dark_alt3,
+  dark_SliderTrackActive: darkThemes.dark_alt2,
+  dark_Switch: darkThemes.dark_alt2,
   dark_SwitchThumb: darkThemes.dark_darker,
   dark_Button: darkThemes.dark_alt1
 };
@@ -237,19 +236,17 @@ const colorSchemes = [
   { name: "pink", colors: findColors("pink"), darkColors: findColors("pink", true) },
   { name: "purple", colors: findColors("purple"), darkColors: findColors("purple", true) },
   { name: "red", colors: findColors("red"), darkColors: findColors("red", true) },
-  { name: "yellow", colors: findColors("yellow"), darkColors: findColors("yellow", true) },
-  { name: "teal", colors: findColors("teal"), darkColors: findColors("teal", true) }
+  { name: "yellow", colors: findColors("yellow"), darkColors: findColors("yellow", true) }
 ];
 const colorNames = [
   "blue",
-  "gray",
   "green",
   "orange",
   "pink",
   "purple",
   "red",
   "yellow",
-  "teal"
+  "gray"
 ];
 const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors: darkColors2 }) => {
   const [altLightThemes, altDarkThemes] = [
@@ -283,7 +280,7 @@ const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors: dark
 });
 const colorThemes = Object.fromEntries(colorThemeEntries);
 baseThemes.dark_active = {
-  ...colorThemes.dark_blue_alt3,
+  ...colorThemes.dark_blue_alt2,
   background: darkColors.blue10,
   backgroundHover: darkColors.blue11,
   backgroundPress: darkColors.blue9,

package/dist/esm/themes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/themes.tsx"],
-  "sourcesContent": ["import { Variable, createTheme, getVariableValue, isWeb } from '@tamagui/core'\n\nimport { setColorAlpha } from './colorUtils'\nimport { darkColors, lightColors, tokens } from './tokens'\n\nconst { color } = tokens\n\n// spaghetti ahead\n\ntype ThemeCreatorProps = {\n  shift?: number\n  backgrounds: (string | Variable)[]\n  backgroundStrong?: string | Variable\n  borderColors?: (string | Variable)[]\n  colors?: (string | Variable)[]\n  activeTheme?: any\n  offsets?: {\n    color?: number[] | null\n    background?: number[] | null\n    borderColor?: number[] | null\n  }\n  isLight?: boolean\n  isBase?: boolean\n}\n\n// helpers\n\nconst alternates = [1, 2, 3, 4] as const\nconst alts = [1, 2, 3] as const\ntype AltKeys = 1 | 2 | 3\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\ntype ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\n\ninterface SubTheme {\n  background: Variable<any> | string\n  backgroundStrong: Variable<any> | string\n  backgroundSoft: Variable<any> | string\n  backgroundHover: Variable<any> | string\n  backgroundPress: Variable<any> | string\n  backgroundFocus: Variable<any> | string\n  backgroundTransparent: Variable<any> | string\n  color: Variable<any> | string\n  colorHover: Variable<any> | string\n  colorPress: Variable<any> | string\n  colorFocus: Variable<any> | string\n  colorTranslucent: Variable<any> | string\n  colorMid: Variable<any> | string\n  shadowColor: Variable<any> | string\n  shadowColorHover: Variable<any> | string\n  shadowColorPress: Variable<any> | string\n  shadowColorFocus: Variable<any> | string\n  borderColor: Variable<any> | string\n  borderColorHover: Variable<any> | string\n  borderColorPress: Variable<any> | string\n  borderColorFocus: Variable<any> | string\n}\n\nfunction createThemesFrom<Name extends string, GetTheme extends ThemeCreator = ThemeCreator>(\n  name: Name,\n  getTheme: GetTheme,\n  props: ThemeCreatorProps\n): {\n  [key in `${Name}_alt${AltKeys}` | `${Name}` | `${Name}_darker`]: GetTheme extends ThemeCreator<\n    infer Theme\n  >\n    ? Theme\n    : never\n} {\n  const { shift = 0 } = props\n  const theme = getTheme(0 + shift, props)\n  let themeEntries: any[] = [[name, theme]]\n\n  // generate alternates (for use in other themes), but keep just alts\n  const altThemes: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt * 1 + shift, props),\n  ])\n  const altThemes2: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt + shift, props),\n  ])\n  const altButtonThemes: any[] = alternates.map((_, i) => {\n    const [bName, bTheme] = [altThemes2[i][0], (altThemes2[i + 1] || altThemes2[i])[1]]\n    return [`${bName}_Button` as any, bTheme]\n  })\n  // add these after alts since we rely on positioning\n  const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)\n  const activeTheme = props.activeTheme || {\n    ...theme,\n    borderColor: props.backgrounds[7],\n    background: props.backgrounds[6],\n    backgroundHover: props.backgrounds[6],\n    backgroundPress: props.backgrounds[6],\n  }\n\n  // TODO can be de-duped\n  const inverted = altThemes.map(([_name, theme]) => {\n    return {\n      ...theme,\n      background: theme.color,\n      backgroundHover: theme.colorHover,\n      backgroundFocus: theme.colorFocus,\n      backgroundPress: theme.colorPress,\n      color: theme.background,\n      colorHover: theme.backgroundHover,\n      colorFocus: theme.backgroundFocus,\n      colorPress: theme.backgroundPress,\n    }\n  })\n\n  themeEntries = [\n    ...themeEntries,\n    // keep just alts\n    ...altThemes.slice(0, alts.length),\n    ...altButtonThemes.slice(0, alts.length),\n    [`${name}_Button`, altThemes2[1][1]],\n    [`${name}_DrawerFrame`, altThemes2[1][1]],\n    [`${name}_SliderTrack`, altThemes[2][1]],\n    [`${name}_SliderTrackActive`, altThemes[3][1]],\n    [`${name}_SliderThumb`, inverted[2]],\n    [`${name}_Progress`, altThemes[2][1]],\n    [`${name}_ProgressIndicator`, inverted[2]],\n    [`${name}_Switch`, altThemes[0][1]],\n    [`${name}_SwitchThumb`, inverted[2]],\n    [`${name}_TooltipArrow`, altThemes[1][1]],\n    [`${name}_TooltipContent`, altThemes[1][1]],\n    [`${name}_darker`, darkerTheme],\n    [`${name}_active`, activeTheme],\n  ]\n  const themes = Object.fromEntries(themeEntries)\n  // if (props.isLight) {\n  //   console.log('themes', themes)\n  // }\n  return themes as any\n}\n\nconst themeCreator = (\n  str = 1,\n  {\n    backgrounds,\n    isLight = true,\n    isBase = false,\n    colors = [...backgrounds].reverse(),\n    borderColors = isLight ? colors : backgrounds,\n    backgroundStrong,\n    offsets: offsetsProp,\n  }: ThemeCreatorProps\n) => {\n  const offsets = {\n    borderColor: offsetsProp?.borderColor ?? offsetsProp?.background ?? [0, 0, 0, 0],\n    background: offsetsProp?.background ?? [0, 0, 0, 0],\n    color: offsetsProp?.color ?? [0, 0, 0, 0],\n  }\n  const darkColors = isLight ? colors : backgrounds\n  const lighterDir = isLight ? -1 : 1\n  const darkerDir = -lighterDir\n  const strongerDir = isLight ? darkerDir : lighterDir\n  const softerDir = -strongerDir\n  const get = (arr: any[], index: number, name = 'background') => {\n    return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))]\n  }\n\n  const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, 'color')), 0.5)\n\n  const theme: SubTheme = {\n    background: get(backgrounds, str),\n    backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),\n    backgroundSoft: get(backgrounds, str + softerDir * 2),\n    backgroundHover: get(backgrounds, str + lighterDir),\n    backgroundPress: get(backgrounds, str + darkerDir),\n    backgroundFocus: get(backgrounds, str + darkerDir * 2),\n    backgroundTransparent: color.grayA1Light,\n    color: get(colors, 0 + str, 'color'),\n    colorHover: get(colors, 1 + str, 'color'),\n    colorPress: get(colors, 2 + str, 'color'),\n    colorFocus: get(colors, 3 + str, 'color'),\n    colorTranslucent,\n    colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],\n    shadowColor: isLight ? color.grayA2Light : color.grayA8Light,\n    shadowColorHover: darkColors[!isLight ? 1 : 8],\n    shadowColorPress: darkColors[!isLight ? 1 : 8],\n    shadowColorFocus: darkColors[!isLight ? 1 : 8],\n    borderColor: null as any as string | Variable,\n    borderColorHover: null as any as string | Variable,\n    borderColorPress: null as any as string | Variable,\n    borderColorFocus: null as any as string | Variable,\n  }\n\n  if (process.env.ENABLE_STEPS) {\n    Object.assign(theme, {\n      step1: backgrounds[0],\n      step2: backgrounds[1],\n      step3: backgrounds[2],\n      step4: backgrounds[3],\n      step5: backgrounds[4],\n      step6: backgrounds[5],\n      step7: backgrounds[6],\n      step8: backgrounds[7],\n      step9: backgrounds[8],\n      step10: backgrounds[9],\n      step11: backgrounds[10],\n      step12: backgrounds[11],\n    })\n  }\n\n  if (isBase) {\n    Object.assign(theme, {\n      borderColor: isLight\n        ? get(colors, 8 - str, 'borderColor')\n        : get(backgrounds, 2 + str, 'borderColor'),\n      borderColorHover: isLight\n        ? get(colors, 6 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n      borderColorPress: isLight\n        ? get(colors, 5 - str, 'borderColor')\n        : get(backgrounds, 1 + str, 'borderColor'),\n      borderColorFocus: isLight\n        ? get(colors, 4 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n    })\n  } else {\n    Object.assign(theme, {\n      borderColor: get(borderColors, 1 + strongerDir, 'borderColor'),\n      borderColorHover: get(borderColors, 2 + strongerDir, 'borderColor'),\n      borderColorPress: get(borderColors, 3 + strongerDir, 'borderColor'),\n      borderColorFocus: get(borderColors, 4 + strongerDir, 'borderColor'),\n    })\n  }\n\n  return theme\n}\n\nconst themeColors = {\n  light: [\n    '#fff',\n    '#f4f4f4',\n    color.gray1Light,\n    color.gray2Light,\n    color.gray3Light,\n    color.gray4Light,\n    color.gray5Light,\n    color.gray6Light,\n    color.gray7Light,\n    color.gray8Light,\n    color.gray9Light,\n    color.gray10Light,\n    color.gray11Light,\n    color.gray12Light,\n  ],\n  dark: [\n    '#111111',\n    '#151515',\n    '#191919',\n    '#232323',\n    '#282828',\n    '#323232',\n    '#383838',\n    '#424242',\n    '#494949',\n    '#545454',\n    '#626262',\n    '#777777',\n  ],\n}\n\nconst lightThemes = createThemesFrom('light', themeCreator, {\n  backgrounds: themeColors.light,\n  // for now web non-ios style native is...\n  backgroundStrong: isWeb ? '#fefefe' : '#f2f2f2',\n  borderColors: themeColors.light.slice(2),\n  isLight: true,\n  offsets: {\n    background: [2, 2, 2, 2, 2, 2],\n  },\n})\n\nconst darkThemes = createThemesFrom('dark', themeCreator, {\n  backgrounds: themeColors.dark,\n  colors: themeColors.light.slice(2),\n  backgroundStrong: '#070707',\n  isBase: true,\n  isLight: false,\n  shift: 1,\n  offsets: {\n    color: [0, 4, 5, 5, 5, 5],\n  },\n})\n\ndarkThemes.dark_darker.background = '#030303'\ndarkThemes.dark_darker.backgroundStrong = '#000'\n\ntype BaseTheme = {\n  [key in keyof typeof lightColors | keyof SubTheme]: Variable<string>\n}\n\nconst light = createTheme({\n  ...lightColors,\n  ...lightThemes.light,\n}) as BaseTheme\n\nconst dark = createTheme({\n  ...darkColors,\n  ...darkThemes.dark,\n}) as BaseTheme\n\nconst baseThemes = {\n  // light\n  ...lightThemes,\n  light,\n  // reserving in types, updating later\n  light_active: lightThemes.light,\n  light_Card: lightThemes.light,\n  light_SliderTrack: lightThemes.light_alt2,\n  light_SliderTrackActive: lightThemes.light_alt3,\n  light_Switch: lightThemes.light_alt3,\n  light_SwitchThumb: lightThemes.light,\n  light_DrawerFrame: lightThemes.light_alt1,\n\n  // dark\n  ...darkThemes,\n  dark,\n  // reserving in types, updating later\n  dark_active: darkThemes.dark,\n  dark_Card: darkThemes.dark,\n  dark_DrawerFrame: darkThemes.dark_alt2,\n  dark_SliderTrack: darkThemes.dark_darker,\n  dark_SliderTrackActive: darkThemes.dark_alt3,\n  dark_Switch: darkThemes.dark_alt3,\n  dark_SwitchThumb: darkThemes.dark_darker,\n  dark_Button: darkThemes.dark_alt1,\n}\n\nconst darkEntries = Object.entries(dark)\nconst lightEntries = Object.entries(light)\nfunction findColors(prefix: string, dark = false): BaseTheme {\n  return Object.fromEntries(\n    (dark ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))\n  ) as any\n}\n\nexport const colorSchemes = [\n  { name: 'blue', colors: findColors('blue'), darkColors: findColors('blue', true) },\n  { name: 'gray', colors: findColors('gray'), darkColors: findColors('gray', true) },\n  { name: 'green', colors: findColors('green'), darkColors: findColors('green', true) },\n  { name: 'orange', colors: findColors('orange'), darkColors: findColors('orange', true) },\n  { name: 'pink', colors: findColors('pink'), darkColors: findColors('pink', true) },\n  { name: 'purple', colors: findColors('purple'), darkColors: findColors('purple', true) },\n  { name: 'red', colors: findColors('red'), darkColors: findColors('red', true) },\n  { name: 'yellow', colors: findColors('yellow'), darkColors: findColors('yellow', true) },\n  { name: 'teal', colors: findColors('teal'), darkColors: findColors('teal', true) },\n] as const\n\nexport type ColorNames = typeof colorSchemes[number]['name']\n\n// nice and flat\nexport const colorNames: ColorNames[] = [\n  'blue',\n  'gray',\n  'green',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'yellow',\n  'teal',\n]\n\ntype ColorThemeNames =\n  | ColorNames\n  | AltName<`light_${ColorNames}`, AltKeys>\n  | AltName<`dark_${ColorNames}`, AltKeys>\n\nconst colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {\n  const [altLightThemes, altDarkThemes] = [\n    { colors: darkColors, backgrounds: colors },\n    { colors, backgrounds: darkColors },\n  ].map((props, i) => {\n    const isLight = i === 0\n    const colorsBase = Object.values(props.colors).slice(2)\n    const [backgrounds, colors] = [\n      Object.values(props.backgrounds),\n      isLight ? colorsBase : [colorsBase[0], '#ccc', ...colorsBase.slice(1)],\n    ] as const\n\n    const scheme = isLight ? 'light' : 'dark'\n    const shift = isLight ? 0 : 1\n\n    // if (!isLight) {\n    //   const [_, h, sp, lp] = backgrounds[0].match(/hsl\\(([0-9\\.]+), ([0-9\\.]+)\\%, ([0-9\\.]+)\\%\\)/)!\n    //   backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`)\n    // }\n\n    const themeWithAlts = createThemesFrom(name, themeCreator, {\n      // @ts-ignore\n      colors,\n      // @ts-ignore\n      backgrounds,\n      // @ts-ignore\n      borderColors: backgrounds,\n      isLight,\n      shift,\n      isBase: false,\n      offsets: {\n        background: isLight ? [2, 2, 2, 2, 2, 2] : null,\n        borderColor: isLight ? [2, 2, 2, 3, 2] : null,\n        color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n      },\n    })\n\n    return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n  })\n  return [...altLightThemes, ...altDarkThemes]\n})\n\ntype TypedColorTheme = typeof lightThemes.light_alt1\ntype TypedTheme = typeof light\ntype TypedThemes = {\n  [key in keyof typeof allThemes]: TypedTheme\n}\n\nconst colorThemes: {\n  [key in ColorThemeNames]: TypedColorTheme\n} = Object.fromEntries(colorThemeEntries) as any\n\n// add in base _active themes\nbaseThemes.dark_active = {\n  ...colorThemes.dark_blue_alt3,\n  background: darkColors.blue10,\n  backgroundHover: darkColors.blue11,\n  backgroundPress: darkColors.blue9,\n  backgroundFocus: darkColors.blue9,\n  color: darkColors.blue12,\n  colorHover: darkColors.blue12,\n  colorPress: darkColors.blue12,\n  colorFocus: darkColors.blue12,\n}\n\n// light active uses light foregound, ios style\nbaseThemes.light_active = baseThemes.dark_active\n\nconst allThemes = {\n  ...baseThemes,\n  ...colorThemes,\n} as const\n\nexport const themes: TypedThemes = allThemes as any\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Variable, createTheme, getVariableValue, isWeb } from '@tamagui/core'\n\nimport { setColorAlpha } from './colorUtils'\nimport { darkColors, lightColors } from './tokens'\n\n// spaghetti ahead\n\ntype ThemeCreatorProps = {\n  shift?: number\n  backgrounds: (string | Variable)[]\n  backgroundStrong?: string | Variable\n  borderColors?: (string | Variable)[]\n  colors?: (string | Variable)[]\n  activeTheme?: any\n  offsets?: {\n    color?: number[] | null\n    background?: number[] | null\n    borderColor?: number[] | null\n  }\n  isLight?: boolean\n  isBase?: boolean\n}\n\n// helpers\n\nconst alternates = [1, 2, 3] as const\nconst alts = [1, 2] as const\ntype AltKeys = 1 | 2\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\ntype ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\n\ninterface SubTheme {\n  background: Variable<any> | string\n  backgroundStrong: Variable<any> | string\n  backgroundSoft: Variable<any> | string\n  backgroundHover: Variable<any> | string\n  backgroundPress: Variable<any> | string\n  backgroundFocus: Variable<any> | string\n  backgroundTransparent: Variable<any> | string\n  color: Variable<any> | string\n  colorHover: Variable<any> | string\n  colorPress: Variable<any> | string\n  colorFocus: Variable<any> | string\n  colorTranslucent: Variable<any> | string\n  colorMid: Variable<any> | string\n  shadowColor: Variable<any> | string\n  shadowColorHover: Variable<any> | string\n  shadowColorPress: Variable<any> | string\n  shadowColorFocus: Variable<any> | string\n  borderColor: Variable<any> | string\n  borderColorHover: Variable<any> | string\n  borderColorPress: Variable<any> | string\n  borderColorFocus: Variable<any> | string\n}\n\nfunction createThemesFrom<Name extends string, GetTheme extends ThemeCreator = ThemeCreator>(\n  name: Name,\n  getTheme: GetTheme,\n  props: ThemeCreatorProps\n): {\n  [key in `${Name}_alt${AltKeys}` | `${Name}` | `${Name}_darker`]: GetTheme extends ThemeCreator<\n    infer Theme\n  >\n    ? Theme\n    : never\n} {\n  const { shift = 0 } = props\n  const theme = getTheme(0 + shift, props)\n  let themeEntries: any[] = [[name, theme]]\n\n  // generate alternates (for use in other themes), but keep just alts\n  const altThemes: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt * 1 + shift, props),\n  ])\n  const altThemes2: any[] = alternates.map((alt) => [\n    `${name}_alt${alt}`,\n    getTheme(alt + shift, props),\n  ])\n  const altButtonThemes: any[] = alternates.map((_, i) => {\n    const [bName, bTheme] = [altThemes2[i][0], (altThemes2[i + 1] || altThemes2[i])[1]]\n    return [`${bName}_Button` as any, bTheme]\n  })\n  // add these after alts since we rely on positioning\n  const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)\n  const activeTheme = props.activeTheme || {\n    ...theme,\n    borderColor: props.backgrounds[7],\n    background: props.backgrounds[6],\n    backgroundHover: props.backgrounds[6],\n    backgroundPress: props.backgrounds[6],\n  }\n\n  // TODO can be de-duped\n  const inverted = altThemes.map(([_name, theme]) => {\n    return {\n      ...theme,\n      background: theme.color,\n      backgroundHover: theme.colorHover,\n      backgroundFocus: theme.colorFocus,\n      backgroundPress: theme.colorPress,\n      color: theme.background,\n      colorHover: theme.backgroundHover,\n      colorFocus: theme.backgroundFocus,\n      colorPress: theme.backgroundPress,\n    }\n  })\n\n  themeEntries = [\n    ...themeEntries,\n    // keep just alts\n    ...altThemes.slice(0, alts.length),\n    ...altButtonThemes.slice(0, alts.length),\n    [`${name}_Button`, altThemes2[1][1]],\n    [`${name}_DrawerFrame`, altThemes2[1][1]],\n    [`${name}_SliderTrack`, altThemes[0][1]],\n    [`${name}_SliderTrackActive`, altThemes[2][1]],\n    [`${name}_SliderThumb`, inverted[2]],\n    [`${name}_Progress`, altThemes[2][1]],\n    [`${name}_ProgressIndicator`, inverted[2]],\n    [`${name}_Switch`, altThemes[0][1]],\n    [`${name}_SwitchThumb`, inverted[2]],\n    [`${name}_TooltipArrow`, altThemes[1][1]],\n    [`${name}_TooltipContent`, altThemes[1][1]],\n    [`${name}_darker`, darkerTheme],\n    [`${name}_active`, activeTheme],\n  ]\n  const themes = Object.fromEntries(themeEntries)\n  // if (props.isLight) {\n  //   console.log('themes', themes)\n  // }\n  return themes as any\n}\n\nconst themeCreator = (\n  str = 1,\n  {\n    backgrounds,\n    isLight = true,\n    isBase = false,\n    colors = [...backgrounds].reverse(),\n    borderColors = isLight ? colors : backgrounds,\n    backgroundStrong,\n    offsets: offsetsProp,\n  }: ThemeCreatorProps\n) => {\n  const offsets = {\n    borderColor: offsetsProp?.borderColor ?? offsetsProp?.background ?? [0, 0, 0, 0],\n    background: offsetsProp?.background ?? [0, 0, 0, 0],\n    color: offsetsProp?.color ?? [0, 0, 0, 0],\n  }\n  const darkColors = isLight ? colors : backgrounds\n  const lighterDir = isLight ? -1 : 1\n  const darkerDir = -lighterDir\n  const strongerDir = isLight ? darkerDir : lighterDir\n  const softerDir = -strongerDir\n  const get = (arr: any[], index: number, name = 'background') => {\n    return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))]\n  }\n\n  const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, 'color')), 0.5)\n\n  const theme: SubTheme = {\n    background: get(backgrounds, str),\n    backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),\n    backgroundSoft: get(backgrounds, str + softerDir * 2),\n    backgroundHover: get(backgrounds, str + lighterDir),\n    backgroundPress: get(backgrounds, str + darkerDir),\n    backgroundFocus: get(backgrounds, str + darkerDir * 2),\n    backgroundTransparent: 'hsla(0, 0%, 0%, 0.012)',\n    color: get(colors, 0 + str, 'color'),\n    colorHover: get(colors, 1 + str, 'color'),\n    colorPress: get(colors, 2 + str, 'color'),\n    colorFocus: get(colors, 3 + str, 'color'),\n    colorTranslucent,\n    colorMid: (isLight ? colors : backgrounds)[Math.floor(colors.length / 2)],\n    shadowColor: isLight ? 'hsla(0, 0%, 0%, 0.03)' : 'hsla(0, 0%, 0%, 0.2)',\n    shadowColorHover: darkColors[!isLight ? 1 : 8],\n    shadowColorPress: darkColors[!isLight ? 1 : 8],\n    shadowColorFocus: darkColors[!isLight ? 1 : 8],\n    borderColor: null as any as string | Variable,\n    borderColorHover: null as any as string | Variable,\n    borderColorPress: null as any as string | Variable,\n    borderColorFocus: null as any as string | Variable,\n  }\n\n  if (process.env.ENABLE_STEPS) {\n    Object.assign(theme, {\n      step1: backgrounds[0],\n      step2: backgrounds[1],\n      step3: backgrounds[2],\n      step4: backgrounds[3],\n      step5: backgrounds[4],\n      step6: backgrounds[5],\n      step7: backgrounds[6],\n      step8: backgrounds[7],\n      step9: backgrounds[8],\n      step10: backgrounds[9],\n      step11: backgrounds[10],\n      step12: backgrounds[11],\n    })\n  }\n\n  if (isBase) {\n    Object.assign(theme, {\n      borderColor: isLight\n        ? get(colors, 8 - str, 'borderColor')\n        : get(backgrounds, 2 + str, 'borderColor'),\n      borderColorHover: isLight\n        ? get(colors, 6 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n      borderColorPress: isLight\n        ? get(colors, 5 - str, 'borderColor')\n        : get(backgrounds, 1 + str, 'borderColor'),\n      borderColorFocus: isLight\n        ? get(colors, 4 - str, 'borderColor')\n        : get(backgrounds, 3 + str, 'borderColor'),\n    })\n  } else {\n    Object.assign(theme, {\n      borderColor: get(borderColors, 1 + strongerDir, 'borderColor'),\n      borderColorHover: get(borderColors, 2 + strongerDir, 'borderColor'),\n      borderColorPress: get(borderColors, 3 + strongerDir, 'borderColor'),\n      borderColorFocus: get(borderColors, 4 + strongerDir, 'borderColor'),\n    })\n  }\n\n  return theme\n}\n\nconst themeColors = {\n  light: [\n    '#fff',\n    '#f4f4f4',\n    'hsl(0, 0%, 99.0%)',\n    'hsl(0, 0%, 97.3%)',\n    'hsl(0, 0%, 95.1%)',\n    'hsl(0, 0%, 93.0%)',\n    'hsl(0, 0%, 90.9%)',\n    'hsl(0, 0%, 88.7%)',\n    'hsl(0, 0%, 85.8%)',\n    'hsl(0, 0%, 78.0%)',\n    'hsl(0, 0%, 56.1%)',\n    'hsl(0, 0%, 52.3%)',\n    'hsl(0, 0%, 43.5%)',\n    'hsl(0, 0%, 9.0%)',\n  ],\n  dark: [\n    '#111111',\n    '#151515',\n    '#191919',\n    '#232323',\n    '#282828',\n    '#323232',\n    '#383838',\n    '#424242',\n    '#494949',\n    '#545454',\n    '#626262',\n    '#777777',\n  ],\n}\n\nconst lightThemes = createThemesFrom('light', themeCreator, {\n  backgrounds: themeColors.light,\n  // for now web non-ios style native is...\n  backgroundStrong: isWeb ? '#fefefe' : '#f2f2f2',\n  borderColors: themeColors.light.slice(2),\n  isLight: true,\n  offsets: {\n    background: [2, 2, 2, 2, 2, 2],\n  },\n})\n\nconst darkThemes = createThemesFrom('dark', themeCreator, {\n  backgrounds: themeColors.dark,\n  colors: themeColors.light.slice(2),\n  backgroundStrong: '#070707',\n  isBase: true,\n  isLight: false,\n  shift: 1,\n  offsets: {\n    color: [0, 4, 5, 5, 5, 5],\n  },\n})\n\ndarkThemes.dark_darker.background = '#030303'\ndarkThemes.dark_darker.backgroundStrong = '#000'\n\ntype BaseTheme = {\n  [key in keyof typeof lightColors | keyof SubTheme]: Variable<string>\n}\n\nconst light = createTheme({\n  ...lightColors,\n  ...lightThemes.light,\n}) as BaseTheme\n\nconst dark = createTheme({\n  ...darkColors,\n  ...darkThemes.dark,\n}) as BaseTheme\n\nconst baseThemes = {\n  // light\n  ...lightThemes,\n  light,\n  // reserving in types, updating later\n  light_active: lightThemes.light,\n  light_Card: lightThemes.light,\n  light_SliderTrack: lightThemes.light_alt1,\n  light_SliderTrackActive: lightThemes.light_alt2,\n  light_Switch: lightThemes.light_alt2,\n  light_SwitchThumb: lightThemes.light,\n  light_DrawerFrame: lightThemes.light_alt1,\n\n  // dark\n  ...darkThemes,\n  dark,\n  // reserving in types, updating later\n  dark_active: darkThemes.dark,\n  dark_Card: darkThemes.dark,\n  dark_DrawerFrame: darkThemes.dark_alt1,\n  dark_SliderTrack: darkThemes.dark_darker,\n  dark_SliderTrackActive: darkThemes.dark_alt2,\n  dark_Switch: darkThemes.dark_alt2,\n  dark_SwitchThumb: darkThemes.dark_darker,\n  dark_Button: darkThemes.dark_alt1,\n}\n\nconst darkEntries = Object.entries(dark)\nconst lightEntries = Object.entries(light)\nfunction findColors(prefix: string, dark = false): BaseTheme {\n  return Object.fromEntries(\n    (dark ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix))\n  ) as any\n}\n\nexport const colorSchemes = [\n  { name: 'blue', colors: findColors('blue'), darkColors: findColors('blue', true) },\n  { name: 'gray', colors: findColors('gray'), darkColors: findColors('gray', true) },\n  { name: 'green', colors: findColors('green'), darkColors: findColors('green', true) },\n  { name: 'orange', colors: findColors('orange'), darkColors: findColors('orange', true) },\n  { name: 'pink', colors: findColors('pink'), darkColors: findColors('pink', true) },\n  { name: 'purple', colors: findColors('purple'), darkColors: findColors('purple', true) },\n  { name: 'red', colors: findColors('red'), darkColors: findColors('red', true) },\n  { name: 'yellow', colors: findColors('yellow'), darkColors: findColors('yellow', true) },\n] as const\n\nexport type ColorNames = typeof colorSchemes[number]['name']\n\n// nice and flat\nexport const colorNames: ColorNames[] = [\n  'blue',\n  'green',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'yellow',\n  'gray',\n]\n\ntype ColorThemeNames =\n  | ColorNames\n  | AltName<`light_${ColorNames}`, AltKeys>\n  | AltName<`dark_${ColorNames}`, AltKeys>\n\nconst colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {\n  const [altLightThemes, altDarkThemes] = [\n    { colors: darkColors, backgrounds: colors },\n    { colors, backgrounds: darkColors },\n  ].map((props, i) => {\n    const isLight = i === 0\n    const colorsBase = Object.values(props.colors).slice(2)\n    const [backgrounds, colors] = [\n      Object.values(props.backgrounds),\n      isLight ? colorsBase : [colorsBase[0], '#ccc', ...colorsBase.slice(1)],\n    ] as const\n\n    const scheme = isLight ? 'light' : 'dark'\n    const shift = isLight ? 0 : 1\n\n    // if (!isLight) {\n    //   const [_, h, sp, lp] = backgrounds[0].match(/hsl\\(([0-9\\.]+), ([0-9\\.]+)\\%, ([0-9\\.]+)\\%\\)/)!\n    //   backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`)\n    // }\n\n    const themeWithAlts = createThemesFrom(name, themeCreator, {\n      // @ts-ignore\n      colors,\n      // @ts-ignore\n      backgrounds,\n      // @ts-ignore\n      borderColors: backgrounds,\n      isLight,\n      shift,\n      isBase: false,\n      offsets: {\n        background: isLight ? [2, 2, 2, 2, 2, 2] : null,\n        borderColor: isLight ? [2, 2, 2, 3, 2] : null,\n        color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n      },\n    })\n\n    return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n  })\n  return [...altLightThemes, ...altDarkThemes]\n})\n\ntype TypedColorTheme = typeof lightThemes.light_alt1\ntype TypedTheme = typeof light\ntype TypedThemes = {\n  [key in keyof typeof allThemes]: TypedTheme\n}\n\nconst colorThemes: {\n  [key in ColorThemeNames]: TypedColorTheme\n} = Object.fromEntries(colorThemeEntries) as any\n\n// add in base _active themes\nbaseThemes.dark_active = {\n  ...colorThemes.dark_blue_alt2,\n  background: darkColors.blue10,\n  backgroundHover: darkColors.blue11,\n  backgroundPress: darkColors.blue9,\n  backgroundFocus: darkColors.blue9,\n  color: darkColors.blue12,\n  colorHover: darkColors.blue12,\n  colorPress: darkColors.blue12,\n  colorFocus: darkColors.blue12,\n}\n\n// light active uses light foregound, ios style\nbaseThemes.light_active = baseThemes.dark_active\n\nconst allThemes = {\n  ...baseThemes,\n  ...colorThemes,\n} as const\n\nexport const themes: TypedThemes = allThemes as any\n"],
+  "mappings": "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",
   "names": []
 }