@tamagui/theme-base 1.0.0-beta.172

package/dist/esm/themes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/themes.tsx"],
+  "sourcesContent": ["import * as Colors from '@tamagui/colors'\nimport { Variable, getVariableValue } from '@tamagui/core'\n\nimport { allDarkColors, allLightColors } from './colors'\nimport { setColorAlpha } from './colorUtils'\nimport { tokens } from './tokens'\n\ntype ThemeCreatorProps = {\n  shift?: number\n  backgrounds: (string | Variable)[]\n  colors?: (string | Variable)[]\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\ntype AltKeys = 1 | 2 | 3 | 4 // one less for dark_darker\ntype AltName<Name extends string, Keys extends string | number> = `${Name}_alt${Keys}`\ntype ThemeCreator<A = any> = (str: number, props: ThemeCreatorProps) => A\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  const altThemes: 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] = [altThemes[i][0], (altThemes[i + 1] || altThemes[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 = makeActiveTheme(theme)\n  themeEntries = [\n    ...themeEntries,\n    ...altThemes,\n    ...altButtonThemes,\n    [`${name}_Button`, altThemes[0][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 createTheme: ThemeCreator = (\n  str = 1,\n  {\n    backgrounds,\n    isLight = true,\n    // isBase = false,\n    colors = [...backgrounds].reverse(),\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 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  return {\n    background: get(backgrounds, str),\n    backgroundStronger: get(backgrounds, str + strongerDir),\n    backgroundSoft: get(backgrounds, str + 3),\n    backgroundHover: get(backgrounds, str + lighterDir),\n    backgroundPress: get(backgrounds, str + darkerDir * 1),\n    backgroundFocus: get(backgrounds, str + darkerDir * 2),\n    backgroundTransparent: tokens.color.grayA1,\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    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: colors[Math.floor(colors.length / 2)],\n    shadowColor: isLight ? tokens.color.grayA3 : tokens.color.grayA8,\n    shadowColorHover: darkColors[!isLight ? 1 : 8],\n    shadowColorPress: darkColors[!isLight ? 1 : 8],\n    shadowColorFocus: darkColors[!isLight ? 1 : 8],\n  }\n}\n\nexport const colorSchemes = [\n  { name: 'blue', colors: Colors.blue, darkColors: Colors.blueDark },\n  { name: 'gray', colors: Colors.gray, darkColors: Colors.grayDark },\n  { name: 'green', colors: Colors.green, darkColors: Colors.greenDark },\n  { name: 'indigo', colors: Colors.indigo, darkColors: Colors.indigoDark },\n  { name: 'orange', colors: Colors.orange, darkColors: Colors.orangeDark },\n  { name: 'pink', colors: Colors.pink, darkColors: Colors.pinkDark },\n  { name: 'purple', colors: Colors.purple, darkColors: Colors.purpleDark },\n  { name: 'red', colors: Colors.red, darkColors: Colors.redDark },\n  { name: 'violet', colors: Colors.violet, darkColors: Colors.violetDark },\n  { name: 'yellow', colors: Colors.yellow, darkColors: Colors.yellowDark },\n  { name: 'teal', colors: Colors.teal, darkColors: Colors.tealDark },\n  { name: 'lime', colors: Colors.lime, darkColors: Colors.limeDark },\n  { name: 'brown', colors: Colors.brown, darkColors: Colors.brownDark },\n] as const\n\nexport type ColorNames = typeof colorSchemes[number]['name']\n\nexport const lightGradient = [\n  '#fff',\n  '#f4f4f4',\n  tokens.color.gray1,\n  tokens.color.gray2,\n  tokens.color.gray3,\n  tokens.color.gray4,\n  tokens.color.gray5,\n  tokens.color.gray6,\n  tokens.color.gray7,\n  tokens.color.gray8,\n  tokens.color.gray9,\n  tokens.color.gray10,\n  tokens.color.gray11,\n  tokens.color.gray12,\n]\n\nexport const darkGradient = [\n  '#0f0f0f',\n  '#111111',\n  '#141414',\n  '#191919',\n  '#242424',\n  '#292929',\n  '#323232',\n  '#383838',\n  '#424242',\n  '#494949',\n  '#545454',\n  '#626262',\n]\n\nconst lightThemes = createThemesFrom('light', createTheme, {\n  backgrounds: lightGradient,\n  isLight: true,\n})\n\nconst darkThemes = createThemesFrom('dark', createTheme, {\n  backgrounds: darkGradient,\n  colors: lightGradient,\n  isLight: false,\n  shift: 1,\n  offsets: {\n    color: [0, 6, 7, 7, 7, 7],\n  },\n})\n\nconst baseThemes = {\n  // light\n  ...lightThemes,\n  light: {\n    ...allLightColors,\n    ...lightThemes.light,\n  },\n  light_active: makeActiveTheme(lightThemes.light),\n  light_Card: lightThemes.light,\n  light_Button: lightThemes.light_alt1,\n\n  // dark\n  ...darkThemes,\n  dark: {\n    ...allDarkColors,\n    ...darkThemes.dark,\n  },\n  dark_active: makeActiveTheme(darkThemes.dark),\n  dark_Card: darkThemes.dark_alt1,\n  dark_Button: darkThemes.dark_alt1,\n}\n\nfunction makeActiveTheme(theme: any) {\n  const res = { ...theme }\n  res.backgroundHover = res.background\n  res.colorHover = res.color\n  res.backgroundPress = res.background\n  res.colorPress = res.color\n  return res\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] = [colors, darkColors].map((colors, i) => {\n    const isLight = i === 0\n    const scheme = isLight ? 'light' : 'dark'\n    const shift = isLight ? 0 : 1\n\n    let backgrounds = Object.values(colors) as any[]\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, createTheme, {\n      backgrounds,\n      isLight,\n      shift,\n      isBase: false,\n      offsets: {\n        background: isLight ? [1, 1, 1, 0, 0, 0] : null,\n        borderColor: isLight ? [0, 1, 1, 2, 2, -2] : null,\n        color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1],\n      },\n    })\n    return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v])\n  })\n  const lightButtonTheme = altLightThemes[0]\n  const darkButtonTheme = altDarkThemes[0]\n  return [\n    ...altLightThemes,\n    [`${lightButtonTheme[0]}_Button`, altLightThemes[2][1]],\n    ...altDarkThemes,\n    [`${darkButtonTheme[0]}_Button`, altDarkThemes[2][1]],\n  ]\n})\n\nconst transparent = {\n  background: 'transparent',\n  backgroundSoft: 'transparent',\n  backgroundHover: 'transparent',\n  backgroundPress: 'transparent',\n  backgroundFocus: 'transparent',\n  backgroundTransparent: 'transparent',\n  shadowColor: 'transparent',\n  shadowColorHover: 'transparent',\n  shadowColorPress: 'transparent',\n  shadowColorFocus: 'transparent',\n}\n\ntype MyThemeBase = typeof baseThemes['light_alt1']\n\n// @ts-ignore\nconst dark_outline: MyThemeBase = {\n  ...baseThemes.dark,\n  borderColor: '#fff',\n  ...transparent,\n}\n\n// @ts-ignore\nconst light_outline: MyThemeBase = {\n  ...baseThemes.light,\n  borderColor: '#000',\n  ...transparent,\n}\n\nconst colorThemes: {\n  [key in ColorThemeNames]: MyThemeBase\n} = Object.fromEntries(colorThemeEntries) as any\n\nconst allThemes = {\n  ...baseThemes,\n  ...colorThemes,\n  dark_outline,\n  light_outline,\n} as const\n\nexport const themes: {\n  [key in keyof typeof allThemes]: typeof baseThemes['light']\n} = allThemes as any\n\n// TODO\n// export function createThemes(props: {\n//   colors?:\n//     | 'amber'\n//     | 'blue'\n//     | 'bronze'\n//     | 'brown'\n//     | 'crimson'\n//     | 'cyan'\n//     | 'gold'\n//     | 'grass'\n//     | 'gray'\n//     | 'green'\n//     | 'indigo'\n//     | 'lime'\n//     | 'mint'\n//     | 'olive'\n//     | 'orange'\n//     | 'pink'\n//     | 'plum'\n//     | 'purple'\n//     | 'mauve'\n//     | 'red'\n//     | 'sage'\n//     | 'sand'\n//     | 'sky'\n//     | 'slate'\n//     | 'teal'\n//     | 'tomato'\n//     | 'violet'\n//     | 'yellow'\n//   alternates?: number\n// }) {}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/tokens.js

@@ -0,0 +1,62 @@
+import { createTokens } from "@tamagui/core";
+import { allLightColors, darkColorsPostfixed } from "./colors";
+import { firaFont } from "./firaFont";
+import { interFont } from "./interFont";
+const size = {
+  true: 20,
+  0: 0,
+  "0.5": 2,
+  1: 6,
+  2: 10,
+  3: 15,
+  4: 20,
+  5: 25,
+  6: 30,
+  7: 40,
+  8: 50,
+  9: 65,
+  10: 75,
+  11: 85,
+  12: 100
+};
+const space = {
+  ...size,
+  ...Object.fromEntries(Object.entries(size).map(([k, v]) => [`-${k}`, -v]))
+};
+const tokens = createTokens({
+  size,
+  space,
+  font: {
+    title: interFont,
+    body: interFont,
+    mono: firaFont
+  },
+  zIndex: {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500
+  },
+  color: {
+    ...allLightColors,
+    ...darkColorsPostfixed
+  },
+  radius: {
+    0: 0,
+    1: 3,
+    2: 5,
+    3: 7,
+    4: 9,
+    5: 10,
+    6: 12,
+    7: 16,
+    8: 20,
+    9: 30
+  }
+});
+export {
+  tokens
+};
+//# sourceMappingURL=tokens.js.map

package/dist/esm/tokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tokens.tsx"],
+  "sourcesContent": ["import { createTokens } from '@tamagui/core'\n\nimport { allLightColors, darkColorsPostfixed } from './colors'\nimport { firaFont } from './firaFont'\nimport { interFont } from './interFont'\n\nconst size = {\n  true: 20, // for space boolean true\n  0: 0,\n  '0.5': 2,\n  1: 6,\n  2: 10,\n  3: 15,\n  4: 20,\n  5: 25,\n  6: 30,\n  7: 40,\n  8: 50,\n  9: 65,\n  10: 75,\n  11: 85,\n  12: 100,\n} as const\n\ntype Sizes = typeof size\ntype SizeKeys = keyof Sizes\n\nconst space: {\n  [Key in `-${SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n  ...size,\n  ...Object.fromEntries(Object.entries(size).map(([k, v]) => [`-${k}`, -v])),\n} as any\n\nexport const tokens = createTokens({\n  size,\n  space,\n  font: {\n    title: interFont,\n    body: interFont,\n    mono: firaFont,\n  },\n  zIndex: {\n    0: 0,\n    1: 100,\n    2: 200,\n    3: 300,\n    4: 400,\n    5: 500,\n  },\n  color: {\n    ...allLightColors,\n    ...darkColorsPostfixed,\n  },\n  radius: {\n    0: 0,\n    1: 3,\n    2: 5,\n    3: 7,\n    4: 9,\n    5: 10,\n    6: 12,\n    7: 16,\n    8: 20,\n    9: 30,\n  },\n})\n"],
+  "mappings": "AAAA;AAEA;AACA;AACA;AAEA,MAAM,OAAO;AAAA,EACX,MAAM;AAAA,EACN,GAAG;AAAA,EACH,OAAO;AAAA,EACP,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,MAAM,QAEF;AAAA,KACC;AAAA,KACA,OAAO,YAAY,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;AAC3E;AAEO,MAAM,SAAS,aAAa;AAAA,EACjC;AAAA,EACA;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,OAAO;AAAA,OACF;AAAA,OACA;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF,CAAC;",
+  "names": []
+}

package/dist/jsx/colorUtils.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { getVariableValue } from "@tamagui/core";
+const hexToRGBA = /* @__PURE__ */ __name((hex, alpha = 1) => {
+  var _a;
+  if (!isValidHex(hex)) {
+    throw new Error("Invalid HEX");
+  }
+  const chunkSize = Math.floor((hex.length - 1) / 3);
+  const hexArr = getChunksFromString(hex.slice(1), chunkSize);
+  const [r, g, b, a] = (_a = hexArr == null ? void 0 : hexArr.map(convertHexUnitTo256)) != null ? _a : [];
+  return `rgba(${r}, ${g}, ${b}, ${getAlphaFloat(a, alpha)})`;
+}, "hexToRGBA");
+const setColorAlpha = /* @__PURE__ */ __name((colorIn, alpha = 1) => {
+  let color = `${getVariableValue(colorIn)}`;
+  if (color.startsWith("hsl(")) {
+    return color.replace("hsl", "hsla").replace(")", `, ${alpha})`);
+  }
+  if (color.startsWith("#")) {
+    return hexToRGBA(color, alpha);
+  }
+  if (color.startsWith("rgb(")) {
+    return color.replace("rgb", "rgba").replace(")", `, ${alpha})`);
+  }
+  return color;
+}, "setColorAlpha");
+const isValidHex = /* @__PURE__ */ __name((hex) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex), "isValidHex");
+const getChunksFromString = /* @__PURE__ */ __name((st, chunkSize = 0) => st.match(new RegExp(`.{${chunkSize}}`, "g")), "getChunksFromString");
+const convertHexUnitTo256 = /* @__PURE__ */ __name((hexStr) => parseInt(hexStr.repeat(2 / hexStr.length), 16), "convertHexUnitTo256");
+const getAlphaFloat = /* @__PURE__ */ __name((a, alpha = 1) => {
+  if (a !== void 0) {
+    return a / 255;
+  }
+  if (typeof alpha != "number" || alpha < 0 || alpha > 1) {
+    return 1;
+  }
+  return alpha;
+}, "getAlphaFloat");
+export {
+  hexToRGBA,
+  setColorAlpha
+};

package/dist/jsx/colors.js

@@ -0,0 +1,53 @@
+import * as Colors from "@tamagui/colors";
+const colorNames = [
+  "blue",
+  "gray",
+  "green",
+  "indigo",
+  "orange",
+  "pink",
+  "purple",
+  "red",
+  "violet",
+  "yellow",
+  "teal"
+];
+const allLightColors = {
+  ...Colors.blue,
+  ...Colors.gray,
+  ...Colors.grayA,
+  ...Colors.green,
+  ...Colors.indigo,
+  ...Colors.orange,
+  ...Colors.pink,
+  ...Colors.purple,
+  ...Colors.red,
+  ...Colors.violet,
+  ...Colors.yellow,
+  ...Colors.teal
+};
+const allDarkColors = {
+  ...Colors.blueDark,
+  ...Colors.grayDark,
+  ...Colors.grayDarkA,
+  ...Colors.greenDark,
+  ...Colors.indigoDark,
+  ...Colors.orangeDark,
+  ...Colors.pinkDark,
+  ...Colors.purpleDark,
+  ...Colors.redDark,
+  ...Colors.violetDark,
+  ...Colors.yellowDark,
+  ...Colors.tealDark
+};
+const darkColorsPostfixed = Object.fromEntries(Object.entries(allDarkColors).map(([k, v]) => [`${k}Dark`, v]));
+const colorNamesLight = Object.keys(allLightColors);
+const colorNamesDark = Object.keys(allDarkColors);
+export {
+  allDarkColors,
+  allLightColors,
+  colorNames,
+  colorNamesDark,
+  colorNamesLight,
+  darkColorsPostfixed
+};

package/dist/jsx/firaFont.js

@@ -0,0 +1,31 @@
+import { createFont } from "@tamagui/core";
+const firaFont = createFont({
+  family: "Fira Code, Monaco, Consolas, Ubuntu Mono, monospace",
+  size: {
+    1: 10,
+    2: 11,
+    3: 12,
+    4: 13,
+    5: 15,
+    6: 16,
+    7: 17
+  },
+  lineHeight: {
+    1: 15,
+    2: 18,
+    3: 19,
+    4: 20,
+    5: 22,
+    6: 24
+  },
+  weight: {
+    4: "300",
+    6: "700"
+  },
+  letterSpacing: {
+    4: 0
+  }
+});
+export {
+  firaFont
+};

package/dist/jsx/fonts.js

@@ -0,0 +1,2 @@
+export * from "./interFont";
+export * from "./firaFont";

package/dist/jsx/index.js

@@ -0,0 +1,3 @@
+export * from "./themes";
+export * from "./tokens";
+export * from "./colors";

package/dist/jsx/interFont.js

@@ -0,0 +1,60 @@
+import { createFont } from "@tamagui/core";
+const interFont = createFont({
+  family: 'Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+  size: {
+    1: 10,
+    2: 12,
+    3: 14,
+    4: 15,
+    5: 16,
+    6: 17,
+    7: 21,
+    8: 25,
+    9: 32,
+    10: 45,
+    11: 58,
+    12: 68,
+    13: 82,
+    14: 102,
+    15: 124,
+    16: 144
+  },
+  lineHeight: {
+    1: 15,
+    2: 20,
+    3: 25,
+    4: 27,
+    5: 29,
+    6: 31,
+    7: 34,
+    8: 38,
+    9: 42,
+    10: 54,
+    11: 72,
+    12: 80,
+    13: 100,
+    14: 120,
+    15: 150,
+    16: 170
+  },
+  weight: {
+    4: "300",
+    7: "600",
+    8: "700"
+  },
+  letterSpacing: {
+    4: 0,
+    7: 0,
+    8: -1,
+    9: -2,
+    10: -3,
+    11: -4,
+    12: -5,
+    13: -6,
+    14: -7,
+    15: -8
+  }
+});
+export {
+  interFont
+};

package/dist/jsx/themes.js

@@ -0,0 +1,231 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import * as Colors from "@tamagui/colors";
+import { getVariableValue } from "@tamagui/core";
+import { allDarkColors, allLightColors } from "./colors";
+import { setColorAlpha } from "./colorUtils";
+import { tokens } from "./tokens";
+const alternates = [1, 2, 3, 4];
+function createThemesFrom(name, getTheme, props) {
+  const { shift = 0 } = props;
+  const theme = getTheme(0 + shift, props);
+  let themeEntries = [[name, theme]];
+  const altThemes = alternates.map((alt) => [
+    `${name}_alt${alt}`,
+    getTheme(alt + shift, props)
+  ]);
+  const altButtonThemes = alternates.map((_, i) => {
+    const [bName, bTheme] = [altThemes[i][0], (altThemes[i + 1] || altThemes[i])[1]];
+    return [`${bName}_Button`, bTheme];
+  });
+  const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props);
+  const activeTheme = makeActiveTheme(theme);
+  themeEntries = [
+    ...themeEntries,
+    ...altThemes,
+    ...altButtonThemes,
+    [`${name}_Button`, altThemes[0][1]],
+    [`${name}_darker`, darkerTheme],
+    [`${name}_active`, activeTheme]
+  ];
+  const themes2 = Object.fromEntries(themeEntries);
+  return themes2;
+}
+__name(createThemesFrom, "createThemesFrom");
+const createTheme = /* @__PURE__ */ __name((str = 1, {
+  backgrounds,
+  isLight = true,
+  colors = [...backgrounds].reverse(),
+  offsets: offsetsProp
+}) => {
+  var _a, _b, _c, _d;
+  const offsets = {
+    borderColor: (_b = (_a = offsetsProp == null ? void 0 : offsetsProp.borderColor) != null ? _a : offsetsProp == null ? void 0 : offsetsProp.background) != null ? _b : [0, 0, 0, 0],
+    background: (_c = offsetsProp == null ? void 0 : offsetsProp.background) != null ? _c : [0, 0, 0, 0],
+    color: (_d = offsetsProp == null ? void 0 : offsetsProp.color) != null ? _d : [0, 0, 0, 0]
+  };
+  const darkColors = isLight ? colors : backgrounds;
+  const lighterDir = isLight ? -1 : 1;
+  const darkerDir = -lighterDir;
+  const strongerDir = isLight ? darkerDir : lighterDir;
+  const get = /* @__PURE__ */ __name((arr, index, name = "background") => {
+    return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))];
+  }, "get");
+  const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, "color")), 0.5);
+  return {
+    background: get(backgrounds, str),
+    backgroundStronger: get(backgrounds, str + strongerDir),
+    backgroundSoft: get(backgrounds, str + 3),
+    backgroundHover: get(backgrounds, str + lighterDir),
+    backgroundPress: get(backgrounds, str + darkerDir * 1),
+    backgroundFocus: get(backgrounds, str + darkerDir * 2),
+    backgroundTransparent: tokens.color.grayA1,
+    borderColor: isLight ? get(colors, 8 - str, "borderColor") : get(backgrounds, 2 + str, "borderColor"),
+    borderColorHover: isLight ? get(colors, 6 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor"),
+    borderColorPress: isLight ? get(colors, 5 - str, "borderColor") : get(backgrounds, 1 + str, "borderColor"),
+    borderColorFocus: isLight ? get(colors, 4 - str, "borderColor") : get(backgrounds, 3 + str, "borderColor"),
+    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: colors[Math.floor(colors.length / 2)],
+    shadowColor: isLight ? tokens.color.grayA3 : tokens.color.grayA8,
+    shadowColorHover: darkColors[!isLight ? 1 : 8],
+    shadowColorPress: darkColors[!isLight ? 1 : 8],
+    shadowColorFocus: darkColors[!isLight ? 1 : 8]
+  };
+}, "createTheme");
+const colorSchemes = [
+  { name: "blue", colors: Colors.blue, darkColors: Colors.blueDark },
+  { name: "gray", colors: Colors.gray, darkColors: Colors.grayDark },
+  { name: "green", colors: Colors.green, darkColors: Colors.greenDark },
+  { name: "indigo", colors: Colors.indigo, darkColors: Colors.indigoDark },
+  { name: "orange", colors: Colors.orange, darkColors: Colors.orangeDark },
+  { name: "pink", colors: Colors.pink, darkColors: Colors.pinkDark },
+  { name: "purple", colors: Colors.purple, darkColors: Colors.purpleDark },
+  { name: "red", colors: Colors.red, darkColors: Colors.redDark },
+  { name: "violet", colors: Colors.violet, darkColors: Colors.violetDark },
+  { name: "yellow", colors: Colors.yellow, darkColors: Colors.yellowDark },
+  { name: "teal", colors: Colors.teal, darkColors: Colors.tealDark },
+  { name: "lime", colors: Colors.lime, darkColors: Colors.limeDark },
+  { name: "brown", colors: Colors.brown, darkColors: Colors.brownDark }
+];
+const lightGradient = [
+  "#fff",
+  "#f4f4f4",
+  tokens.color.gray1,
+  tokens.color.gray2,
+  tokens.color.gray3,
+  tokens.color.gray4,
+  tokens.color.gray5,
+  tokens.color.gray6,
+  tokens.color.gray7,
+  tokens.color.gray8,
+  tokens.color.gray9,
+  tokens.color.gray10,
+  tokens.color.gray11,
+  tokens.color.gray12
+];
+const darkGradient = [
+  "#0f0f0f",
+  "#111111",
+  "#141414",
+  "#191919",
+  "#242424",
+  "#292929",
+  "#323232",
+  "#383838",
+  "#424242",
+  "#494949",
+  "#545454",
+  "#626262"
+];
+const lightThemes = createThemesFrom("light", createTheme, {
+  backgrounds: lightGradient,
+  isLight: true
+});
+const darkThemes = createThemesFrom("dark", createTheme, {
+  backgrounds: darkGradient,
+  colors: lightGradient,
+  isLight: false,
+  shift: 1,
+  offsets: {
+    color: [0, 6, 7, 7, 7, 7]
+  }
+});
+const baseThemes = {
+  ...lightThemes,
+  light: {
+    ...allLightColors,
+    ...lightThemes.light
+  },
+  light_active: makeActiveTheme(lightThemes.light),
+  light_Card: lightThemes.light,
+  light_Button: lightThemes.light_alt1,
+  ...darkThemes,
+  dark: {
+    ...allDarkColors,
+    ...darkThemes.dark
+  },
+  dark_active: makeActiveTheme(darkThemes.dark),
+  dark_Card: darkThemes.dark_alt1,
+  dark_Button: darkThemes.dark_alt1
+};
+function makeActiveTheme(theme) {
+  const res = { ...theme };
+  res.backgroundHover = res.background;
+  res.colorHover = res.color;
+  res.backgroundPress = res.background;
+  res.colorPress = res.color;
+  return res;
+}
+__name(makeActiveTheme, "makeActiveTheme");
+const colorThemeEntries = colorSchemes.flatMap(({ name, colors, darkColors }) => {
+  const [altLightThemes, altDarkThemes] = [colors, darkColors].map((colors2, i) => {
+    const isLight = i === 0;
+    const scheme = isLight ? "light" : "dark";
+    const shift = isLight ? 0 : 1;
+    let backgrounds = Object.values(colors2);
+    if (!isLight) {
+      const [_, h, sp, lp] = backgrounds[0].match(/hsl\(([0-9\.]+), ([0-9\.]+)\%, ([0-9\.]+)\%\)/);
+      backgrounds.unshift(`hsl(${h}, ${sp}%, ${parseFloat(lp) / 2}%)`);
+    }
+    const themeWithAlts = createThemesFrom(name, createTheme, {
+      backgrounds,
+      isLight,
+      shift,
+      isBase: false,
+      offsets: {
+        background: isLight ? [1, 1, 1, 0, 0, 0] : null,
+        borderColor: isLight ? [0, 1, 1, 2, 2, -2] : null,
+        color: isLight ? [0, 0, -1, -2, -3, -3, -4] : [-1, -1, -1, -1, -1, -1]
+      }
+    });
+    return Object.entries(themeWithAlts).map(([k, v]) => [`${scheme}_${k}`, v]);
+  });
+  const lightButtonTheme = altLightThemes[0];
+  const darkButtonTheme = altDarkThemes[0];
+  return [
+    ...altLightThemes,
+    [`${lightButtonTheme[0]}_Button`, altLightThemes[2][1]],
+    ...altDarkThemes,
+    [`${darkButtonTheme[0]}_Button`, altDarkThemes[2][1]]
+  ];
+});
+const transparent = {
+  background: "transparent",
+  backgroundSoft: "transparent",
+  backgroundHover: "transparent",
+  backgroundPress: "transparent",
+  backgroundFocus: "transparent",
+  backgroundTransparent: "transparent",
+  shadowColor: "transparent",
+  shadowColorHover: "transparent",
+  shadowColorPress: "transparent",
+  shadowColorFocus: "transparent"
+};
+const dark_outline = {
+  ...baseThemes.dark,
+  borderColor: "#fff",
+  ...transparent
+};
+const light_outline = {
+  ...baseThemes.light,
+  borderColor: "#000",
+  ...transparent
+};
+const colorThemes = Object.fromEntries(colorThemeEntries);
+const allThemes = {
+  ...baseThemes,
+  ...colorThemes,
+  dark_outline,
+  light_outline
+};
+const themes = allThemes;
+export {
+  colorSchemes,
+  darkGradient,
+  lightGradient,
+  themes
+};

package/dist/jsx/tokens.js

@@ -0,0 +1,61 @@
+import { createTokens } from "@tamagui/core";
+import { allLightColors, darkColorsPostfixed } from "./colors";
+import { firaFont } from "./firaFont";
+import { interFont } from "./interFont";
+const size = {
+  true: 20,
+  0: 0,
+  "0.5": 2,
+  1: 6,
+  2: 10,
+  3: 15,
+  4: 20,
+  5: 25,
+  6: 30,
+  7: 40,
+  8: 50,
+  9: 65,
+  10: 75,
+  11: 85,
+  12: 100
+};
+const space = {
+  ...size,
+  ...Object.fromEntries(Object.entries(size).map(([k, v]) => [`-${k}`, -v]))
+};
+const tokens = createTokens({
+  size,
+  space,
+  font: {
+    title: interFont,
+    body: interFont,
+    mono: firaFont
+  },
+  zIndex: {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500
+  },
+  color: {
+    ...allLightColors,
+    ...darkColorsPostfixed
+  },
+  radius: {
+    0: 0,
+    1: 3,
+    2: 5,
+    3: 7,
+    4: 9,
+    5: 10,
+    6: 12,
+    7: 16,
+    8: 20,
+    9: 30
+  }
+});
+export {
+  tokens
+};

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@tamagui/theme-base",
+  "version": "1.0.0-beta.172+0f3fd8dc",
+  "typings": "types",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.0-beta.172+0f3fd8dc",
+    "@tamagui/colors": "^1.0.0-beta.172+0f3fd8dc",
+    "@tamagui/core": "^1.0.0-beta.172+0f3fd8dc"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "0f3fd8dc83eede20419fb180704eb9ad1d63e814"
+}

package/types/colorUtils.d.ts

@@ -0,0 +1,4 @@
+import { Variable } from '@tamagui/core';
+export declare const hexToRGBA: (hex: string, alpha?: number) => string;
+export declare const setColorAlpha: (colorIn: string | Variable, alpha?: number) => string;
+//# sourceMappingURL=colorUtils.d.ts.map

package/types/colorUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../src/colorUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAoB,MAAM,eAAe,CAAA;AAE1D,eAAO,MAAM,SAAS,QAAS,MAAM,2BAQpC,CAAA;AAED,eAAO,MAAM,aAAa,YAAa,MAAM,GAAG,QAAQ,2BAYvD,CAAA"}