@tamagui/themes 1.14.0 → 1.14.2

package/dist/esm/tokens.js

@@ -1,2 +1,165 @@
-import{blue as l,blueDark as y,gray as p,grayDark as $,green as g,greenDark as k,orange as u,orangeDark as c,pink as d,pinkDark as f,purple as K,purpleDark as x,red as b,redDark as z,yellow as h,yellowDark as S}from"@tamagui/colors";import{createTokens as m}from"@tamagui/web";const n={$0:0,"$0.25":2,"$0.5":4,"$0.75":8,$1:20,"$1.5":24,$2:28,"$2.5":32,$3:36,"$3.5":40,$4:44,$true:44,"$4.5":48,$5:52,$6:64,$7:74,$8:84,$9:94,$10:104,$11:124,$12:144,$13:164,$14:184,$15:204,$16:224,$17:224,$18:244,$19:264,$20:284},i=Object.entries(n).map(([r,t])=>[r,D(t)]);function D(r){return r===0?0:r===2?.5:r===4?1:r===8?1.5:r<=16?Math.round(r*.333):Math.floor(r*.7-12)}const j=i.slice(1).map(([r,t])=>[`-${r.slice(1)}`,-t]),w={...Object.fromEntries(i),...Object.fromEntries(j)},O={0:0,1:100,2:200,3:300,4:400,5:500},e={light:{blue:l,gray:p,green:g,orange:u,pink:d,purple:K,red:b,yellow:h},dark:{blue:y,gray:$,green:k,orange:c,pink:f,purple:x,red:z,yellow:S}},A={...e.dark.blue,...e.dark.gray,...e.dark.green,...e.dark.orange,...e.dark.pink,...e.dark.purple,...e.dark.red,...e.dark.yellow},E={...e.light.blue,...e.light.gray,...e.light.green,...e.light.orange,...e.light.pink,...e.light.purple,...e.light.red,...e.light.yellow},I={...s(E,"Light"),...s(A,"Dark")};function s(r,t){return Object.fromEntries(Object.entries(r).map(([o,a])=>[`${o}${t}`,a]))}const B={0:0,1:3,2:5,3:7,4:9,true:9,5:10,6:16,7:19,8:22,9:26,10:34,11:42,12:50},C=m({color:I,radius:B,zIndex:O,space:w,size:n});export{I as color,e as colorTokens,A as darkColors,E as lightColors,B as radius,n as size,w as space,C as tokens,O as zIndex};
+import {
+  blue,
+  blueDark,
+  gray,
+  grayDark,
+  green,
+  greenDark,
+  orange,
+  orangeDark,
+  pink,
+  pinkDark,
+  purple,
+  purpleDark,
+  red,
+  redDark,
+  yellow,
+  yellowDark
+} from "@tamagui/colors";
+import { createTokens } from "@tamagui/web";
+const size = {
+  $0: 0,
+  "$0.25": 2,
+  "$0.5": 4,
+  "$0.75": 8,
+  $1: 20,
+  "$1.5": 24,
+  $2: 28,
+  "$2.5": 32,
+  $3: 36,
+  "$3.5": 40,
+  $4: 44,
+  $true: 44,
+  "$4.5": 48,
+  $5: 52,
+  $6: 64,
+  $7: 74,
+  $8: 84,
+  $9: 94,
+  $10: 104,
+  $11: 124,
+  $12: 144,
+  $13: 164,
+  $14: 184,
+  $15: 204,
+  $16: 224,
+  $17: 224,
+  $18: 244,
+  $19: 264,
+  $20: 284
+};
+const spaces = Object.entries(size).map(([k, v]) => {
+  return [k, sizeToSpace(v)];
+});
+function sizeToSpace(v) {
+  if (v === 0)
+    return 0;
+  if (v === 2)
+    return 0.5;
+  if (v === 4)
+    return 1;
+  if (v === 8)
+    return 1.5;
+  if (v <= 16)
+    return Math.round(v * 0.333);
+  return Math.floor(v * 0.7 - 12);
+}
+const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
+const space = {
+  ...Object.fromEntries(spaces),
+  ...Object.fromEntries(spacesNegative)
+};
+const zIndex = {
+  0: 0,
+  1: 100,
+  2: 200,
+  3: 300,
+  4: 400,
+  5: 500
+};
+const colorTokens = {
+  light: {
+    blue,
+    gray,
+    green,
+    orange,
+    pink,
+    purple,
+    red,
+    yellow
+  },
+  dark: {
+    blue: blueDark,
+    gray: grayDark,
+    green: greenDark,
+    orange: orangeDark,
+    pink: pinkDark,
+    purple: purpleDark,
+    red: redDark,
+    yellow: yellowDark
+  }
+};
+const darkColors = {
+  ...colorTokens.dark.blue,
+  ...colorTokens.dark.gray,
+  ...colorTokens.dark.green,
+  ...colorTokens.dark.orange,
+  ...colorTokens.dark.pink,
+  ...colorTokens.dark.purple,
+  ...colorTokens.dark.red,
+  ...colorTokens.dark.yellow
+};
+const lightColors = {
+  ...colorTokens.light.blue,
+  ...colorTokens.light.gray,
+  ...colorTokens.light.green,
+  ...colorTokens.light.orange,
+  ...colorTokens.light.pink,
+  ...colorTokens.light.purple,
+  ...colorTokens.light.red,
+  ...colorTokens.light.yellow
+};
+const color = {
+  ...postfixObjKeys(lightColors, "Light"),
+  ...postfixObjKeys(darkColors, "Dark")
+};
+function postfixObjKeys(obj, postfix) {
+  return Object.fromEntries(
+    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
+  );
+}
+const radius = {
+  0: 0,
+  1: 3,
+  2: 5,
+  3: 7,
+  4: 9,
+  true: 9,
+  5: 10,
+  6: 16,
+  7: 19,
+  8: 22,
+  9: 26,
+  10: 34,
+  11: 42,
+  12: 50
+};
+const tokens = createTokens({
+  color,
+  radius,
+  zIndex,
+  space,
+  size
+});
+export {
+  color,
+  colorTokens,
+  darkColors,
+  lightColors,
+  radius,
+  size,
+  space,
+  tokens,
+  zIndex
+};
 //# sourceMappingURL=tokens.js.map

package/dist/esm/tokens.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/tokens.tsx"],
   "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/web'\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)\nexport const 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  $6: 64,\n  $7: 74,\n  $8: 84,\n  $9: 94,\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 SizeKeysIn = keyof typeof size\ntype Sizes = {\n  [Key in SizeKeysIn extends `$${infer Key}` ? Key : SizeKeysIn]: number\n}\ntype SizeKeys = `${keyof Sizes extends `${infer K}` ? K : never}`\n\nconst spaces = Object.entries(size).map(([k, v]) => {\n  return [k, sizeToSpace(v)] as const\n})\n\n// a bit odd but keeping backward compat for values >8 while fixing below\nfunction sizeToSpace(v: number) {\n  if (v === 0) return 0\n  if (v === 2) return 0.5\n  if (v === 4) return 1\n  if (v === 8) return 1.5\n  if (v <= 16) return Math.round(v * 0.333)\n  return Math.floor(v * 0.7 - 12)\n}\n\nconst spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v])\n\ntype SizeKeysWithNegatives =\n  | Exclude<`-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`, '-0'>\n  | SizeKeys\n\nexport const space: {\n  [Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n  ...Object.fromEntries(spaces),\n  ...Object.fromEntries(spacesNegative),\n} as any\n\nexport const zIndex = {\n  0: 0,\n  1: 100,\n  2: 200,\n  3: 300,\n  4: 400,\n  5: 500,\n}\n\nexport const 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\nexport const color = {\n  ...postfixObjKeys(lightColors, 'Light'),\n  ...postfixObjKeys(darkColors, 'Dark'),\n}\n\nfunction postfixObjKeys<\n  A extends { [key: string]: Variable<string> | string },\n  B extends string\n>(\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(\n    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])\n  ) as any\n}\n\nexport const radius = {\n  0: 0,\n  1: 3,\n  2: 5,\n  3: 7,\n  4: 9,\n  true: 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,\n  radius,\n  zIndex,\n  space,\n  size,\n})\n"],
-  "mappings": "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",
-  "names": ["blue", "blueDark", "gray", "grayDark", "green", "greenDark", "orange", "orangeDark", "pink", "pinkDark", "purple", "purpleDark", "red", "redDark", "yellow", "yellowDark", "createTokens", "size", "spaces", "k", "v", "sizeToSpace", "spacesNegative", "space", "zIndex", "colorTokens", "darkColors", "lightColors", "color", "postfixObjKeys", "obj", "postfix", "radius", "tokens"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/tokens.mjs

@@ -1,2 +1,165 @@
-import{blue as l,blueDark as y,gray as p,grayDark as $,green as g,greenDark as k,orange as u,orangeDark as c,pink as d,pinkDark as f,purple as K,purpleDark as x,red as b,redDark as z,yellow as h,yellowDark as S}from"@tamagui/colors";import{createTokens as m}from"@tamagui/web";const n={$0:0,"$0.25":2,"$0.5":4,"$0.75":8,$1:20,"$1.5":24,$2:28,"$2.5":32,$3:36,"$3.5":40,$4:44,$true:44,"$4.5":48,$5:52,$6:64,$7:74,$8:84,$9:94,$10:104,$11:124,$12:144,$13:164,$14:184,$15:204,$16:224,$17:224,$18:244,$19:264,$20:284},i=Object.entries(n).map(([r,t])=>[r,D(t)]);function D(r){return r===0?0:r===2?.5:r===4?1:r===8?1.5:r<=16?Math.round(r*.333):Math.floor(r*.7-12)}const j=i.slice(1).map(([r,t])=>[`-${r.slice(1)}`,-t]),w={...Object.fromEntries(i),...Object.fromEntries(j)},O={0:0,1:100,2:200,3:300,4:400,5:500},e={light:{blue:l,gray:p,green:g,orange:u,pink:d,purple:K,red:b,yellow:h},dark:{blue:y,gray:$,green:k,orange:c,pink:f,purple:x,red:z,yellow:S}},A={...e.dark.blue,...e.dark.gray,...e.dark.green,...e.dark.orange,...e.dark.pink,...e.dark.purple,...e.dark.red,...e.dark.yellow},E={...e.light.blue,...e.light.gray,...e.light.green,...e.light.orange,...e.light.pink,...e.light.purple,...e.light.red,...e.light.yellow},I={...s(E,"Light"),...s(A,"Dark")};function s(r,t){return Object.fromEntries(Object.entries(r).map(([o,a])=>[`${o}${t}`,a]))}const B={0:0,1:3,2:5,3:7,4:9,true:9,5:10,6:16,7:19,8:22,9:26,10:34,11:42,12:50},C=m({color:I,radius:B,zIndex:O,space:w,size:n});export{I as color,e as colorTokens,A as darkColors,E as lightColors,B as radius,n as size,w as space,C as tokens,O as zIndex};
+import {
+  blue,
+  blueDark,
+  gray,
+  grayDark,
+  green,
+  greenDark,
+  orange,
+  orangeDark,
+  pink,
+  pinkDark,
+  purple,
+  purpleDark,
+  red,
+  redDark,
+  yellow,
+  yellowDark
+} from "@tamagui/colors";
+import { createTokens } from "@tamagui/web";
+const size = {
+  $0: 0,
+  "$0.25": 2,
+  "$0.5": 4,
+  "$0.75": 8,
+  $1: 20,
+  "$1.5": 24,
+  $2: 28,
+  "$2.5": 32,
+  $3: 36,
+  "$3.5": 40,
+  $4: 44,
+  $true: 44,
+  "$4.5": 48,
+  $5: 52,
+  $6: 64,
+  $7: 74,
+  $8: 84,
+  $9: 94,
+  $10: 104,
+  $11: 124,
+  $12: 144,
+  $13: 164,
+  $14: 184,
+  $15: 204,
+  $16: 224,
+  $17: 224,
+  $18: 244,
+  $19: 264,
+  $20: 284
+};
+const spaces = Object.entries(size).map(([k, v]) => {
+  return [k, sizeToSpace(v)];
+});
+function sizeToSpace(v) {
+  if (v === 0)
+    return 0;
+  if (v === 2)
+    return 0.5;
+  if (v === 4)
+    return 1;
+  if (v === 8)
+    return 1.5;
+  if (v <= 16)
+    return Math.round(v * 0.333);
+  return Math.floor(v * 0.7 - 12);
+}
+const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
+const space = {
+  ...Object.fromEntries(spaces),
+  ...Object.fromEntries(spacesNegative)
+};
+const zIndex = {
+  0: 0,
+  1: 100,
+  2: 200,
+  3: 300,
+  4: 400,
+  5: 500
+};
+const colorTokens = {
+  light: {
+    blue,
+    gray,
+    green,
+    orange,
+    pink,
+    purple,
+    red,
+    yellow
+  },
+  dark: {
+    blue: blueDark,
+    gray: grayDark,
+    green: greenDark,
+    orange: orangeDark,
+    pink: pinkDark,
+    purple: purpleDark,
+    red: redDark,
+    yellow: yellowDark
+  }
+};
+const darkColors = {
+  ...colorTokens.dark.blue,
+  ...colorTokens.dark.gray,
+  ...colorTokens.dark.green,
+  ...colorTokens.dark.orange,
+  ...colorTokens.dark.pink,
+  ...colorTokens.dark.purple,
+  ...colorTokens.dark.red,
+  ...colorTokens.dark.yellow
+};
+const lightColors = {
+  ...colorTokens.light.blue,
+  ...colorTokens.light.gray,
+  ...colorTokens.light.green,
+  ...colorTokens.light.orange,
+  ...colorTokens.light.pink,
+  ...colorTokens.light.purple,
+  ...colorTokens.light.red,
+  ...colorTokens.light.yellow
+};
+const color = {
+  ...postfixObjKeys(lightColors, "Light"),
+  ...postfixObjKeys(darkColors, "Dark")
+};
+function postfixObjKeys(obj, postfix) {
+  return Object.fromEntries(
+    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
+  );
+}
+const radius = {
+  0: 0,
+  1: 3,
+  2: 5,
+  3: 7,
+  4: 9,
+  true: 9,
+  5: 10,
+  6: 16,
+  7: 19,
+  8: 22,
+  9: 26,
+  10: 34,
+  11: 42,
+  12: 50
+};
+const tokens = createTokens({
+  color,
+  radius,
+  zIndex,
+  space,
+  size
+});
+export {
+  color,
+  colorTokens,
+  darkColors,
+  lightColors,
+  radius,
+  size,
+  space,
+  tokens,
+  zIndex
+};
 //# sourceMappingURL=tokens.mjs.map

package/dist/esm/tokens.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/tokens.tsx"],
   "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/web'\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)\nexport const 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  $6: 64,\n  $7: 74,\n  $8: 84,\n  $9: 94,\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 SizeKeysIn = keyof typeof size\ntype Sizes = {\n  [Key in SizeKeysIn extends `$${infer Key}` ? Key : SizeKeysIn]: number\n}\ntype SizeKeys = `${keyof Sizes extends `${infer K}` ? K : never}`\n\nconst spaces = Object.entries(size).map(([k, v]) => {\n  return [k, sizeToSpace(v)] as const\n})\n\n// a bit odd but keeping backward compat for values >8 while fixing below\nfunction sizeToSpace(v: number) {\n  if (v === 0) return 0\n  if (v === 2) return 0.5\n  if (v === 4) return 1\n  if (v === 8) return 1.5\n  if (v <= 16) return Math.round(v * 0.333)\n  return Math.floor(v * 0.7 - 12)\n}\n\nconst spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v])\n\ntype SizeKeysWithNegatives =\n  | Exclude<`-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`, '-0'>\n  | SizeKeys\n\nexport const space: {\n  [Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n  ...Object.fromEntries(spaces),\n  ...Object.fromEntries(spacesNegative),\n} as any\n\nexport const zIndex = {\n  0: 0,\n  1: 100,\n  2: 200,\n  3: 300,\n  4: 400,\n  5: 500,\n}\n\nexport const 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\nexport const color = {\n  ...postfixObjKeys(lightColors, 'Light'),\n  ...postfixObjKeys(darkColors, 'Dark'),\n}\n\nfunction postfixObjKeys<\n  A extends { [key: string]: Variable<string> | string },\n  B extends string\n>(\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(\n    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])\n  ) as any\n}\n\nexport const radius = {\n  0: 0,\n  1: 3,\n  2: 5,\n  3: 7,\n  4: 9,\n  true: 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,\n  radius,\n  zIndex,\n  space,\n  size,\n})\n"],
-  "mappings": "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",
-  "names": ["blue", "blueDark", "gray", "grayDark", "green", "greenDark", "orange", "orangeDark", "pink", "pinkDark", "purple", "purpleDark", "red", "redDark", "yellow", "yellowDark", "createTokens", "size", "spaces", "k", "v", "sizeToSpace", "spacesNegative", "space", "zIndex", "colorTokens", "darkColors", "lightColors", "color", "postfixObjKeys", "obj", "postfix", "radius", "tokens"]
+  "mappings": "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",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/themes",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,12 +27,12 @@
     }
   },
   "dependencies": {
-    "@tamagui/colors": "1.14.0",
-    "@tamagui/create-theme": "1.14.0",
-    "@tamagui/web": "1.14.0"
+    "@tamagui/colors": "1.14.2",
+    "@tamagui/create-theme": "1.14.2",
+    "@tamagui/web": "1.14.2"
   },
   "devDependencies": {
-    "@tamagui/build": "1.14.0"
+    "@tamagui/build": "1.14.2"
   },
   "publishConfig": {
     "access": "public"