@tamagui/themes 2.7.7 → 3.0.0-beta.643.1

package/src/index.ts

@@ -0,0 +1,3 @@
+export { themes } from './generated'
+export type { Theme, ThemeNames, Themes } from './generated'
+export { colorTokens, tailwindColors, tokens, type ColorTokenName } from './tokens'

package/src/tailwind-colors.ts

@@ -0,0 +1,292 @@
+// AUTO-GENERATED from tailwindcss@4.3.0 with @csstools/color-helpers@6.1.0. Do not edit.
+// Source checksum: d8fc16823f2b4e64ea102d9888d8ca3d7aa97e4551d9cd5f17c0ec6d65bb0bf6
+export const tailwindColors = {
+  white: '#ffffff',
+  black: '#000000',
+  'slate-50': '#f8fafc',
+  'slate-100': '#f1f5f9',
+  'slate-200': '#e2e8f0',
+  'slate-300': '#cad5e2',
+  'slate-400': '#90a1b9',
+  'slate-500': '#62748e',
+  'slate-600': '#45556c',
+  'slate-700': '#314158',
+  'slate-800': '#1d293d',
+  'slate-900': '#0f172b',
+  'slate-950': '#020618',
+  'gray-50': '#f9fafb',
+  'gray-100': '#f3f4f6',
+  'gray-200': '#e5e7eb',
+  'gray-300': '#d1d5dc',
+  'gray-400': '#99a1af',
+  'gray-500': '#6a7282',
+  'gray-600': '#4a5565',
+  'gray-700': '#364153',
+  'gray-800': '#1e2939',
+  'gray-900': '#101828',
+  'gray-950': '#030712',
+  'zinc-50': '#fafafa',
+  'zinc-100': '#f4f4f5',
+  'zinc-200': '#e4e4e7',
+  'zinc-300': '#d4d4d8',
+  'zinc-400': '#9f9fa9',
+  'zinc-500': '#71717b',
+  'zinc-600': '#52525c',
+  'zinc-700': '#3f3f46',
+  'zinc-800': '#27272a',
+  'zinc-900': '#18181b',
+  'zinc-950': '#09090b',
+  'neutral-50': '#fafafa',
+  'neutral-100': '#f5f5f5',
+  'neutral-200': '#e5e5e5',
+  'neutral-300': '#d4d4d4',
+  'neutral-400': '#a1a1a1',
+  'neutral-500': '#737373',
+  'neutral-600': '#525252',
+  'neutral-700': '#404040',
+  'neutral-800': '#262626',
+  'neutral-900': '#171717',
+  'neutral-950': '#0a0a0a',
+  'stone-50': '#fafaf9',
+  'stone-100': '#f5f5f4',
+  'stone-200': '#e7e5e4',
+  'stone-300': '#d6d3d1',
+  'stone-400': '#a6a09b',
+  'stone-500': '#79716b',
+  'stone-600': '#57534d',
+  'stone-700': '#44403b',
+  'stone-800': '#292524',
+  'stone-900': '#1c1917',
+  'stone-950': '#0c0a09',
+  'mauve-50': '#fafafa',
+  'mauve-100': '#f3f1f3',
+  'mauve-200': '#e7e4e7',
+  'mauve-300': '#d7d0d7',
+  'mauve-400': '#a89ea9',
+  'mauve-500': '#79697b',
+  'mauve-600': '#594c5b',
+  'mauve-700': '#463947',
+  'mauve-800': '#2a212c',
+  'mauve-900': '#1d161e',
+  'mauve-950': '#0c090c',
+  'olive-50': '#fbfbf9',
+  'olive-100': '#f4f4f0',
+  'olive-200': '#e8e8e3',
+  'olive-300': '#d8d8d0',
+  'olive-400': '#abab9c',
+  'olive-500': '#7c7c67',
+  'olive-600': '#5b5b4b',
+  'olive-700': '#474739',
+  'olive-800': '#2b2b22',
+  'olive-900': '#1d1d16',
+  'olive-950': '#0c0c09',
+  'mist-50': '#f9fbfb',
+  'mist-100': '#f1f3f3',
+  'mist-200': '#e3e7e8',
+  'mist-300': '#d0d6d8',
+  'mist-400': '#9ca8ab',
+  'mist-500': '#67787c',
+  'mist-600': '#4b585b',
+  'mist-700': '#394447',
+  'mist-800': '#22292b',
+  'mist-900': '#161b1d',
+  'mist-950': '#090b0c',
+  'taupe-50': '#fbfaf9',
+  'taupe-100': '#f3f1f1',
+  'taupe-200': '#e8e4e3',
+  'taupe-300': '#d8d2d0',
+  'taupe-400': '#aba09c',
+  'taupe-500': '#7c6d67',
+  'taupe-600': '#5b4f4b',
+  'taupe-700': '#473c39',
+  'taupe-800': '#2b2422',
+  'taupe-900': '#1d1816',
+  'taupe-950': '#0c0a09',
+  'red-50': '#fef2f2',
+  'red-100': '#ffe2e2',
+  'red-200': '#ffc9c9',
+  'red-300': '#ffa2a2',
+  'red-400': '#ff6467',
+  'red-500': '#fb2c36',
+  'red-600': '#e7000b',
+  'red-700': '#c10007',
+  'red-800': '#9f0712',
+  'red-900': '#82181a',
+  'red-950': '#460809',
+  'orange-50': '#fff7ed',
+  'orange-100': '#ffedd4',
+  'orange-200': '#ffd6a7',
+  'orange-300': '#ffb86a',
+  'orange-400': '#ff8904',
+  'orange-500': '#ff6900',
+  'orange-600': '#f54900',
+  'orange-700': '#ca3500',
+  'orange-800': '#9f2d00',
+  'orange-900': '#7e2a0c',
+  'orange-950': '#441306',
+  'amber-50': '#fffbeb',
+  'amber-100': '#fef3c6',
+  'amber-200': '#fee685',
+  'amber-300': '#ffd230',
+  'amber-400': '#ffb900',
+  'amber-500': '#fe9a00',
+  'amber-600': '#e17100',
+  'amber-700': '#bb4d00',
+  'amber-800': '#973c00',
+  'amber-900': '#7b3306',
+  'amber-950': '#461901',
+  'yellow-50': '#fefce8',
+  'yellow-100': '#fef9c2',
+  'yellow-200': '#fff085',
+  'yellow-300': '#ffdf20',
+  'yellow-400': '#fdc700',
+  'yellow-500': '#f0b100',
+  'yellow-600': '#d08700',
+  'yellow-700': '#a65f00',
+  'yellow-800': '#894b00',
+  'yellow-900': '#733e0a',
+  'yellow-950': '#432004',
+  'lime-50': '#f7fee7',
+  'lime-100': '#ecfcca',
+  'lime-200': '#d8f999',
+  'lime-300': '#bbf451',
+  'lime-400': '#9ae600',
+  'lime-500': '#7ccf00',
+  'lime-600': '#5ea500',
+  'lime-700': '#497d00',
+  'lime-800': '#3c6300',
+  'lime-900': '#35530e',
+  'lime-950': '#192e03',
+  'green-50': '#f0fdf4',
+  'green-100': '#dcfce7',
+  'green-200': '#b9f8cf',
+  'green-300': '#7bf1a8',
+  'green-400': '#05df72',
+  'green-500': '#00c950',
+  'green-600': '#00a63e',
+  'green-700': '#008236',
+  'green-800': '#016630',
+  'green-900': '#0d542b',
+  'green-950': '#032e15',
+  'emerald-50': '#ecfdf5',
+  'emerald-100': '#d0fae5',
+  'emerald-200': '#a4f4cf',
+  'emerald-300': '#5ee9b5',
+  'emerald-400': '#00d492',
+  'emerald-500': '#00bc7d',
+  'emerald-600': '#009966',
+  'emerald-700': '#007a55',
+  'emerald-800': '#006045',
+  'emerald-900': '#004f3b',
+  'emerald-950': '#002c22',
+  'teal-50': '#f0fdfa',
+  'teal-100': '#cbfbf1',
+  'teal-200': '#96f7e4',
+  'teal-300': '#46ecd5',
+  'teal-400': '#00d5be',
+  'teal-500': '#00bba7',
+  'teal-600': '#009689',
+  'teal-700': '#00786f',
+  'teal-800': '#005f5a',
+  'teal-900': '#0b4f4a',
+  'teal-950': '#022f2e',
+  'cyan-50': '#ecfeff',
+  'cyan-100': '#cefafe',
+  'cyan-200': '#a2f4fd',
+  'cyan-300': '#53eafd',
+  'cyan-400': '#00d3f2',
+  'cyan-500': '#00b8db',
+  'cyan-600': '#0092b8',
+  'cyan-700': '#007595',
+  'cyan-800': '#005f78',
+  'cyan-900': '#104e64',
+  'cyan-950': '#053345',
+  'sky-50': '#f0f9ff',
+  'sky-100': '#dff2fe',
+  'sky-200': '#b8e6fe',
+  'sky-300': '#74d4ff',
+  'sky-400': '#00bcff',
+  'sky-500': '#00a6f4',
+  'sky-600': '#0084d1',
+  'sky-700': '#0069a8',
+  'sky-800': '#00598a',
+  'sky-900': '#024a70',
+  'sky-950': '#052f4a',
+  'blue-50': '#eff6ff',
+  'blue-100': '#dbeafe',
+  'blue-200': '#bedbff',
+  'blue-300': '#8ec5ff',
+  'blue-400': '#51a2ff',
+  'blue-500': '#2b7fff',
+  'blue-600': '#155dfc',
+  'blue-700': '#1447e6',
+  'blue-800': '#193cb8',
+  'blue-900': '#1c398e',
+  'blue-950': '#162456',
+  'indigo-50': '#eef2ff',
+  'indigo-100': '#e0e7ff',
+  'indigo-200': '#c6d2ff',
+  'indigo-300': '#a3b3ff',
+  'indigo-400': '#7c86ff',
+  'indigo-500': '#615fff',
+  'indigo-600': '#4f39f6',
+  'indigo-700': '#432dd7',
+  'indigo-800': '#372aac',
+  'indigo-900': '#312c85',
+  'indigo-950': '#1e1a4d',
+  'violet-50': '#f5f3ff',
+  'violet-100': '#ede9fe',
+  'violet-200': '#ddd6ff',
+  'violet-300': '#c4b4ff',
+  'violet-400': '#a684ff',
+  'violet-500': '#8e51ff',
+  'violet-600': '#7f22fe',
+  'violet-700': '#7008e7',
+  'violet-800': '#5d0ec0',
+  'violet-900': '#4d179a',
+  'violet-950': '#2f0d68',
+  'purple-50': '#faf5ff',
+  'purple-100': '#f3e8ff',
+  'purple-200': '#e9d4ff',
+  'purple-300': '#dab2ff',
+  'purple-400': '#c27aff',
+  'purple-500': '#ad46ff',
+  'purple-600': '#9810fa',
+  'purple-700': '#8200db',
+  'purple-800': '#6e11b0',
+  'purple-900': '#59168b',
+  'purple-950': '#3c0366',
+  'fuchsia-50': '#fdf4ff',
+  'fuchsia-100': '#fae8ff',
+  'fuchsia-200': '#f6cfff',
+  'fuchsia-300': '#f4a8ff',
+  'fuchsia-400': '#ed6aff',
+  'fuchsia-500': '#e12afb',
+  'fuchsia-600': '#c800de',
+  'fuchsia-700': '#a800b7',
+  'fuchsia-800': '#8a0194',
+  'fuchsia-900': '#721378',
+  'fuchsia-950': '#4b004f',
+  'pink-50': '#fdf2f8',
+  'pink-100': '#fce7f3',
+  'pink-200': '#fccee8',
+  'pink-300': '#fda5d5',
+  'pink-400': '#fb64b6',
+  'pink-500': '#f6339a',
+  'pink-600': '#e60076',
+  'pink-700': '#c6005c',
+  'pink-800': '#a3004c',
+  'pink-900': '#861043',
+  'pink-950': '#510424',
+  'rose-50': '#fff1f2',
+  'rose-100': '#ffe4e6',
+  'rose-200': '#ffccd3',
+  'rose-300': '#ffa1ad',
+  'rose-400': '#ff637e',
+  'rose-500': '#ff2056',
+  'rose-600': '#ec003f',
+  'rose-700': '#c70036',
+  'rose-800': '#a50036',
+  'rose-900': '#8b0836',
+  'rose-950': '#4d0218',
+} satisfies Record<string, string>

package/src/themes.generate.ts

@@ -0,0 +1 @@
+export { themes } from './builder'

package/src/tokens.ts

@@ -0,0 +1,29 @@
+import { tailwindColors } from './tailwind-colors'
+
+export { tailwindColors }
+
+export const colorTokens = {
+  ...tailwindColors,
+  'brand-50': tailwindColors['blue-50'],
+  'brand-100': tailwindColors['blue-100'],
+  'brand-200': tailwindColors['blue-200'],
+  'brand-300': tailwindColors['blue-300'],
+  'brand-400': tailwindColors['blue-400'],
+  'brand-500': tailwindColors['blue-500'],
+  'brand-600': tailwindColors['blue-600'],
+  'brand-700': tailwindColors['blue-700'],
+  'brand-800': tailwindColors['blue-800'],
+  'brand-900': tailwindColors['blue-900'],
+  'brand-950': tailwindColors['blue-950'],
+  'shadow-1': 'rgba(0, 0, 0, 0.05)',
+  'shadow-2': 'rgba(0, 0, 0, 0.08)',
+  'shadow-3': 'rgba(0, 0, 0, 0.12)',
+  'shadow-4': 'rgba(0, 0, 0, 0.16)',
+  'shadow-5': 'rgba(0, 0, 0, 0.2)',
+  'shadow-6': 'rgba(0, 0, 0, 0.25)',
+  'shadow-7': 'rgba(0, 0, 0, 0.3)',
+} as const
+
+export const tokens = { color: colorTokens } as const
+
+export type ColorTokenName = keyof typeof colorTokens

package/src/utils.ts

@@ -1,14 +1,3 @@
-export function postfixObjKeys<A extends { [key: string]: string }, B extends string>(
-  obj: A,
-  postfix: B
-): {
-  [Key in `${keyof A extends string ? keyof A : never}${B}`]: string
-} {
-  return Object.fromEntries(
-    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
-  ) as any
-}
-
 // a bit odd but keeping backward compat for values >8 while fixing below
 export function sizeToSpace(v: number) {
   if (v === 0) return 0
@@ -18,34 +7,3 @@ export function sizeToSpace(v: number) {
   if (v <= 16) return Math.round(v * 0.333)
   return Math.floor(v * 0.7 - 12)
 }
-
-export function objectFromEntries<ARR_T extends EntriesType>(
-  arr: ARR_T
-): EntriesToObject<ARR_T> {
-  return Object.fromEntries(arr) as EntriesToObject<ARR_T>
-}
-
-export type EntriesType =
-  | [PropertyKey, unknown][]
-  | ReadonlyArray<readonly [PropertyKey, unknown]>
-
-export type DeepWritable<OBJ_T> = { -readonly [P in keyof OBJ_T]: DeepWritable<OBJ_T[P]> }
-export type UnionToIntersection<UNION_T> = // From https://stackoverflow.com/a/50375286
-  (UNION_T extends any ? (k: UNION_T) => void : never) extends (k: infer I) => void
-    ? I
-    : never
-
-export type UnionObjectFromArrayOfPairs<ARR_T extends EntriesType> =
-  DeepWritable<ARR_T> extends (infer R)[]
-    ? R extends [infer key, infer val]
-      ? { [prop in key & PropertyKey]: val }
-      : never
-    : never
-export type MergeIntersectingObjects<ObjT> = { [key in keyof ObjT]: ObjT[key] }
-export type EntriesToObject<ARR_T extends EntriesType> = MergeIntersectingObjects<
-  UnionToIntersection<UnionObjectFromArrayOfPairs<ARR_T>>
->
-
-export function objectKeys<O extends object>(obj: O) {
-  return Object.keys(obj) as Array<keyof O>
-}

package/src/v5-subtle.tsx

@@ -1,12 +1,10 @@
-export { createThemes } from '@tamagui/theme-builder'
+// static v5-subtle entry with generated themes, tokens and types only. it
+// intentionally excludes the retired v5 builder and @tamagui/colors.
 export { themes } from './generated-v5-subtle'
 export type {
   Theme as V5SubtleTheme,
   ThemeNames as V5SubtleThemeNames,
   Themes as V5SubtleThemes,
 } from './generated-v5-subtle'
-export { subtleChildrenThemes, v5SubtlePaletteAdjustments } from './subtleChildrenThemes'
-export { v5Templates } from './v5-templates'
-export * from './v5-themes-subtle'
 export { tokens } from './v5-tokens'
 export type { V5Tokens } from './v5-tokens'

package/src/v5-tokens.ts

@@ -17,52 +17,47 @@ import { sizeToSpace } from './utils'
 //  space is used in conjunction with size
 //  i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)
 export 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,
+  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,
+  '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,
 }
 
 type SizeKeysIn = keyof typeof size
-type Sizes = {
-  [Key in SizeKeysIn extends `$${infer Key}` ? Key : SizeKeysIn]: number
-}
-type SizeKeys = `${keyof Sizes extends `${infer K}` ? K : never}`
+type Sizes = { [Key in SizeKeysIn]: number }
+type SizeKeys = `${SizeKeysIn}`
 
 export const spaces = Object.entries(size).map(([k, v]) => {
   return [k, sizeToSpace(v)] as const
 })
 
-export const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v])
+export const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k}`, -v])
 
-type SizeKeysWithNegatives =
-  | Exclude<`-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`, '-0'>
-  | SizeKeys
+type SizeKeysWithNegatives = Exclude<`-${SizeKeys}`, '-0'> | SizeKeys
 
 export const space: {
   [Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number
@@ -86,7 +81,6 @@ export const radius = {
   2: 5,
   3: 7,
   4: 9,
-  true: 9,
   5: 10,
   6: 16,
   7: 19,

package/src/v5.tsx

@@ -1,11 +1,10 @@
-export { createThemes } from '@tamagui/theme-builder'
+// static v5 entry with generated themes, tokens and types only. it intentionally
+// excludes the retired v5 builder and @tamagui/colors.
 export { themes } from './generated-v5'
 export type {
   Theme as V5Theme,
   ThemeNames as V5ThemeNames,
   Themes as V5Themes,
 } from './generated-v5'
-export { v5Templates } from './v5-templates'
-export * from './v5-themes'
 export { tokens } from './v5-tokens'
 export type { V5Tokens } from './v5-tokens'