@tamagui/themes 2.7.7 → 3.0.0-beta.1093.1

package/src/v5-color-scales.generated.ts

@@ -0,0 +1,366 @@
+// generated by scripts/generate-v5-color-scales.ts — do not edit.
+// the 12-step color scales from the frozen v5 base themes, for
+// createV6Config's `scales` option.
+
+export const v5ColorScales = {
+  "black": {
+    "light": [
+      "#090909",
+      "#151515",
+      "#191919",
+      "#232323",
+      "#333",
+      "#444",
+      "#666",
+      "#777",
+      "#858585",
+      "#aaa",
+      "#ccc",
+      "#ffffff"
+    ],
+    "dark": [
+      "#090909",
+      "#151515",
+      "#191919",
+      "#232323",
+      "#333",
+      "#444",
+      "#666",
+      "#777",
+      "#858585",
+      "#aaa",
+      "#ccc",
+      "#ffffff"
+    ]
+  },
+  "white": {
+    "light": [
+      "#fff",
+      "#f8f8f8",
+      "hsl(0, 0%, 93%)",
+      "hsl(0, 0%, 85%)",
+      "hsl(0, 0%, 80%)",
+      "hsl(0, 0%, 70%)",
+      "hsl(0, 0%, 59%)",
+      "hsl(0, 0%, 45%)",
+      "hsl(0, 0%, 30%)",
+      "hsl(0, 0%, 20%)",
+      "hsl(0, 0%, 14%)",
+      "hsl(0, 0%, 2%)"
+    ],
+    "dark": [
+      "#fff",
+      "#f8f8f8",
+      "hsl(0, 0%, 93%)",
+      "hsl(0, 0%, 85%)",
+      "hsl(0, 0%, 80%)",
+      "hsl(0, 0%, 70%)",
+      "hsl(0, 0%, 59%)",
+      "hsl(0, 0%, 45%)",
+      "hsl(0, 0%, 30%)",
+      "hsl(0, 0%, 20%)",
+      "hsl(0, 0%, 14%)",
+      "hsl(0, 0%, 2%)"
+    ]
+  },
+  "gray": {
+    "light": [
+      "#fcfcfc",
+      "#f9f9f9",
+      "#f0f0f0",
+      "#e8e8e8",
+      "#e0e0e0",
+      "#d9d9d9",
+      "#cecece",
+      "#bbbbbb",
+      "#8d8d8d",
+      "#838383",
+      "#646464",
+      "#202020"
+    ],
+    "dark": [
+      "#111111",
+      "#191919",
+      "#222222",
+      "#2a2a2a",
+      "#313131",
+      "#3a3a3a",
+      "#484848",
+      "#606060",
+      "#6e6e6e",
+      "#7b7b7b",
+      "#b4b4b4",
+      "#eeeeee"
+    ]
+  },
+  "blue": {
+    "light": [
+      "#fbfdff",
+      "#f4faff",
+      "#e6f4fe",
+      "#d5efff",
+      "#c2e5ff",
+      "#acd8fc",
+      "#8ec8f6",
+      "#5eb1ef",
+      "#0090ff",
+      "#0588f0",
+      "#0d74ce",
+      "#113264"
+    ],
+    "dark": [
+      "#0d1520",
+      "#111927",
+      "#0d2847",
+      "#003362",
+      "#004074",
+      "#104d87",
+      "#205d9e",
+      "#2870bd",
+      "#0090ff",
+      "#3b9eff",
+      "#70b8ff",
+      "#c2e6ff"
+    ]
+  },
+  "red": {
+    "light": [
+      "#fffcfc",
+      "#fff7f7",
+      "#feebec",
+      "#ffdbdc",
+      "#ffcdce",
+      "#fdbdbe",
+      "#f4a9aa",
+      "#eb8e90",
+      "#e5484d",
+      "#dc3e42",
+      "#ce2c31",
+      "#641723"
+    ],
+    "dark": [
+      "#191111",
+      "#201314",
+      "#3b1219",
+      "#500f1c",
+      "#611623",
+      "#72232d",
+      "#8c333a",
+      "#b54548",
+      "#e5484d",
+      "#ec5d5e",
+      "#ff9592",
+      "#ffd1d9"
+    ]
+  },
+  "yellow": {
+    "light": [
+      "#fdfdf9",
+      "#fefce9",
+      "#fffab8",
+      "#fff394",
+      "#ffe770",
+      "#f3d768",
+      "#e4c767",
+      "#d5ae39",
+      "#ffe629",
+      "#ffdc00",
+      "#9e6c00",
+      "#473b1f"
+    ],
+    "dark": [
+      "#14120b",
+      "#1b180f",
+      "#2d2305",
+      "#362b00",
+      "#433500",
+      "#524202",
+      "#665417",
+      "#836a21",
+      "#ffe629",
+      "#ffff57",
+      "#f5e147",
+      "#f6eeb4"
+    ]
+  },
+  "green": {
+    "light": [
+      "#fbfefc",
+      "#f4fbf6",
+      "#e6f6eb",
+      "#d6f1df",
+      "#c4e8d1",
+      "#adddc0",
+      "#8eceaa",
+      "#5bb98b",
+      "#30a46c",
+      "#2b9a66",
+      "#218358",
+      "#193b2d"
+    ],
+    "dark": [
+      "#0e1512",
+      "#121b17",
+      "#132d21",
+      "#113b29",
+      "#174933",
+      "#20573e",
+      "#28684a",
+      "#2f7c57",
+      "#30a46c",
+      "#33b074",
+      "#3dd68c",
+      "#b1f1cb"
+    ]
+  },
+  "orange": {
+    "light": [
+      "#fefcfb",
+      "#fff7ed",
+      "#ffefd6",
+      "#ffdfb5",
+      "#ffd19a",
+      "#ffc182",
+      "#f5ae73",
+      "#ec9455",
+      "#f76b15",
+      "#ef5f00",
+      "#cc4e00",
+      "#582d1d"
+    ],
+    "dark": [
+      "#17120e",
+      "#1e160f",
+      "#331e0b",
+      "#462100",
+      "#562800",
+      "#66350c",
+      "#7e451d",
+      "#a35829",
+      "#f76b15",
+      "#ff801f",
+      "#ffa057",
+      "#ffe0c2"
+    ]
+  },
+  "pink": {
+    "light": [
+      "#fffcfe",
+      "#fef7fb",
+      "#fee9f5",
+      "#fbdcef",
+      "#f6cee7",
+      "#efbfdd",
+      "#e7acd0",
+      "#dd93c2",
+      "#d6409f",
+      "#cf3897",
+      "#c2298a",
+      "#651249"
+    ],
+    "dark": [
+      "#191117",
+      "#21121d",
+      "#37172f",
+      "#4b143d",
+      "#591c47",
+      "#692955",
+      "#833869",
+      "#a84885",
+      "#d6409f",
+      "#de51a8",
+      "#ff8dcc",
+      "#fdd1ea"
+    ]
+  },
+  "purple": {
+    "light": [
+      "#fefcfe",
+      "#fbf7fe",
+      "#f7edfe",
+      "#f2e2fc",
+      "#ead5f9",
+      "#e0c4f4",
+      "#d1afec",
+      "#be93e4",
+      "#8e4ec6",
+      "#8347b9",
+      "#8145b5",
+      "#402060"
+    ],
+    "dark": [
+      "#18111b",
+      "#1e1523",
+      "#301c3b",
+      "#3d224e",
+      "#48295c",
+      "#54346b",
+      "#664282",
+      "#8457aa",
+      "#8e4ec6",
+      "#9a5cd0",
+      "#d19dff",
+      "#ecd9fa"
+    ]
+  },
+  "teal": {
+    "light": [
+      "#fafefd",
+      "#f3fbf9",
+      "#e0f8f3",
+      "#ccf3ea",
+      "#b8eae0",
+      "#a1ded2",
+      "#83cdc1",
+      "#53b9ab",
+      "#12a594",
+      "#0d9b8a",
+      "#008573",
+      "#0d3d38"
+    ],
+    "dark": [
+      "#0d1514",
+      "#111c1b",
+      "#0d2d2a",
+      "#023b37",
+      "#084843",
+      "#145750",
+      "#1c6961",
+      "#207e73",
+      "#12a594",
+      "#0eb39e",
+      "#0bd8b6",
+      "#adf0dd"
+    ]
+  },
+  "neutral": {
+    "light": [
+      "hsl(0, 0%, 68%)",
+      "hsl(0, 0%, 65%)",
+      "hsl(0, 0%, 62%)",
+      "hsl(0, 0%, 59%)",
+      "hsl(0, 0%, 56%)",
+      "hsl(0, 0%, 53%)",
+      "hsl(0, 0%, 50%)",
+      "hsl(0, 0%, 47%)",
+      "hsl(0, 0%, 44%)",
+      "hsl(0, 0%, 41%)",
+      "hsl(0, 0%, 38%)",
+      "hsl(0, 0%, 32%)"
+    ],
+    "dark": [
+      "hsl(0, 0%, 68%)",
+      "hsl(0, 0%, 65%)",
+      "hsl(0, 0%, 62%)",
+      "hsl(0, 0%, 59%)",
+      "hsl(0, 0%, 56%)",
+      "hsl(0, 0%, 53%)",
+      "hsl(0, 0%, 50%)",
+      "hsl(0, 0%, 47%)",
+      "hsl(0, 0%, 44%)",
+      "hsl(0, 0%, 41%)",
+      "hsl(0, 0%, 38%)",
+      "hsl(0, 0%, 32%)"
+    ]
+  }
+} as const

package/src/v5-color-scales.ts

@@ -0,0 +1 @@
+export { v5ColorScales } from './v5-color-scales.generated'

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'