@tamagui/theme-base 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -165,6 +165,7 @@ const tokens = (0, import_core.createTokens)({
165
165
  space,
166
166
  size
167
167
  });
168
+ console.log("tokens", tokens, Object.keys(tokens.size));
168
169
  // Annotate the CommonJS export names for ESM import in node:
169
170
  0 && (module.exports = {
170
171
  color,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tokens.tsx"],
4
- "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)\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)]\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.map(([k, v]) => [`$-${(k as string).slice(1)}`, -v])\n\nexport const space: {\n [Key in\n | `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`\n | SizeKeys]: 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: size as any as Sizes,\n})\n"],
5
- "mappings": "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",
4
+ "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)\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)]\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.map(([k, v]) => [`$-${(k as string).slice(1)}`, -v])\n\ntype SizeKeysWithNegatives =\n | `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`\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\nconsole.log('tokens', tokens, Object.keys(tokens.size))\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -151,6 +151,7 @@ const tokens = createTokens({
151
151
  space,
152
152
  size
153
153
  });
154
+ console.log("tokens", tokens, Object.keys(tokens.size));
154
155
  export {
155
156
  color,
156
157
  colorTokens,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tokens.tsx"],
4
- "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)\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)]\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.map(([k, v]) => [`$-${(k as string).slice(1)}`, -v])\n\nexport const space: {\n [Key in\n | `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`\n | SizeKeys]: 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: size as any as Sizes,\n})\n"],
5
- "mappings": "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",
4
+ "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)\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)]\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.map(([k, v]) => [`$-${(k as string).slice(1)}`, -v])\n\ntype SizeKeysWithNegatives =\n | `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`\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\nconsole.log('tokens', tokens, Object.keys(tokens.size))\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/theme-base",
3
- "version": "1.0.17",
3
+ "version": "1.0.18",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -26,12 +26,12 @@
26
26
  }
27
27
  },
28
28
  "dependencies": {
29
- "@tamagui/colors": "^1.0.17",
30
- "@tamagui/core": "^1.0.17",
31
- "@tamagui/create-themes": "^1.0.17"
29
+ "@tamagui/colors": "^1.0.18",
30
+ "@tamagui/core": "^1.0.18",
31
+ "@tamagui/create-themes": "^1.0.18"
32
32
  },
33
33
  "devDependencies": {
34
- "@tamagui/build": "^1.0.17"
34
+ "@tamagui/build": "^1.0.18"
35
35
  },
36
36
  "publishConfig": {
37
37
  "access": "public"
package/src/tokens.tsx CHANGED
@@ -84,10 +84,12 @@ function sizeToSpace(v: number) {
84
84
 
85
85
  const spacesNegative = spaces.map(([k, v]) => [`$-${(k as string).slice(1)}`, -v])
86
86
 
87
+ type SizeKeysWithNegatives =
88
+ | `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`
89
+ | SizeKeys
90
+
87
91
  export const space: {
88
- [Key in
89
- | `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`
90
- | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number
92
+ [Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number
91
93
  } = {
92
94
  ...Object.fromEntries(spaces),
93
95
  ...Object.fromEntries(spacesNegative),
@@ -188,5 +190,7 @@ export const tokens = createTokens({
188
190
  radius,
189
191
  zIndex,
190
192
  space,
191
- size: size as any as Sizes,
193
+ size,
192
194
  })
195
+
196
+ console.log('tokens', tokens, Object.keys(tokens.size))
package/types/tokens.d.ts CHANGED
@@ -35,8 +35,9 @@ type Sizes = {
35
35
  [Key in SizeKeysIn extends `$${infer Key}` ? Key : SizeKeysIn]: number;
36
36
  };
37
37
  type SizeKeys = `${keyof Sizes extends `${infer K}` ? K : never}`;
38
+ type SizeKeysWithNegatives = `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}` | SizeKeys;
38
39
  export declare const space: {
39
- [Key in `$-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number;
40
+ [Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number;
40
41
  };
41
42
  export declare const zIndex: {
42
43
  0: number;
@@ -684,198 +685,198 @@ export declare const radius: {
684
685
  };
685
686
  export declare const tokens: {
686
687
  color: {
687
- yellow1Dark: Variable<string | Variable<string>>;
688
- yellow2Dark: Variable<string | Variable<string>>;
689
- yellow3Dark: Variable<string | Variable<string>>;
690
- yellow4Dark: Variable<string | Variable<string>>;
691
- yellow5Dark: Variable<string | Variable<string>>;
692
- yellow6Dark: Variable<string | Variable<string>>;
693
- yellow7Dark: Variable<string | Variable<string>>;
694
- yellow8Dark: Variable<string | Variable<string>>;
695
- yellow9Dark: Variable<string | Variable<string>>;
696
- yellow10Dark: Variable<string | Variable<string>>;
697
- yellow11Dark: Variable<string | Variable<string>>;
698
- yellow12Dark: Variable<string | Variable<string>>;
699
- red1Dark: Variable<string | Variable<string>>;
700
- red2Dark: Variable<string | Variable<string>>;
701
- red3Dark: Variable<string | Variable<string>>;
702
- red4Dark: Variable<string | Variable<string>>;
703
- red5Dark: Variable<string | Variable<string>>;
704
- red6Dark: Variable<string | Variable<string>>;
705
- red7Dark: Variable<string | Variable<string>>;
706
- red8Dark: Variable<string | Variable<string>>;
707
- red9Dark: Variable<string | Variable<string>>;
708
- red10Dark: Variable<string | Variable<string>>;
709
- red11Dark: Variable<string | Variable<string>>;
710
- red12Dark: Variable<string | Variable<string>>;
711
- purple1Dark: Variable<string | Variable<string>>;
712
- purple2Dark: Variable<string | Variable<string>>;
713
- purple3Dark: Variable<string | Variable<string>>;
714
- purple4Dark: Variable<string | Variable<string>>;
715
- purple5Dark: Variable<string | Variable<string>>;
716
- purple6Dark: Variable<string | Variable<string>>;
717
- purple7Dark: Variable<string | Variable<string>>;
718
- purple8Dark: Variable<string | Variable<string>>;
719
- purple9Dark: Variable<string | Variable<string>>;
720
- purple10Dark: Variable<string | Variable<string>>;
721
- purple11Dark: Variable<string | Variable<string>>;
722
- purple12Dark: Variable<string | Variable<string>>;
723
- pink1Dark: Variable<string | Variable<string>>;
724
- pink2Dark: Variable<string | Variable<string>>;
725
- pink3Dark: Variable<string | Variable<string>>;
726
- pink4Dark: Variable<string | Variable<string>>;
727
- pink5Dark: Variable<string | Variable<string>>;
728
- pink6Dark: Variable<string | Variable<string>>;
729
- pink7Dark: Variable<string | Variable<string>>;
730
- pink8Dark: Variable<string | Variable<string>>;
731
- pink9Dark: Variable<string | Variable<string>>;
732
- pink10Dark: Variable<string | Variable<string>>;
733
- pink11Dark: Variable<string | Variable<string>>;
734
- pink12Dark: Variable<string | Variable<string>>;
735
- orange1Dark: Variable<string | Variable<string>>;
736
- orange2Dark: Variable<string | Variable<string>>;
737
- orange3Dark: Variable<string | Variable<string>>;
738
- orange4Dark: Variable<string | Variable<string>>;
739
- orange5Dark: Variable<string | Variable<string>>;
740
- orange6Dark: Variable<string | Variable<string>>;
741
- orange7Dark: Variable<string | Variable<string>>;
742
- orange8Dark: Variable<string | Variable<string>>;
743
- orange9Dark: Variable<string | Variable<string>>;
744
- orange10Dark: Variable<string | Variable<string>>;
745
- orange11Dark: Variable<string | Variable<string>>;
746
- orange12Dark: Variable<string | Variable<string>>;
747
- green1Dark: Variable<string | Variable<string>>;
748
- green2Dark: Variable<string | Variable<string>>;
749
- green3Dark: Variable<string | Variable<string>>;
750
- green4Dark: Variable<string | Variable<string>>;
751
- green5Dark: Variable<string | Variable<string>>;
752
- green6Dark: Variable<string | Variable<string>>;
753
- green7Dark: Variable<string | Variable<string>>;
754
- green8Dark: Variable<string | Variable<string>>;
755
- green9Dark: Variable<string | Variable<string>>;
756
- green10Dark: Variable<string | Variable<string>>;
757
- green11Dark: Variable<string | Variable<string>>;
758
- green12Dark: Variable<string | Variable<string>>;
759
- gray1Dark: Variable<string | Variable<string>>;
760
- gray2Dark: Variable<string | Variable<string>>;
761
- gray3Dark: Variable<string | Variable<string>>;
762
- gray4Dark: Variable<string | Variable<string>>;
763
- gray5Dark: Variable<string | Variable<string>>;
764
- gray6Dark: Variable<string | Variable<string>>;
765
- gray7Dark: Variable<string | Variable<string>>;
766
- gray8Dark: Variable<string | Variable<string>>;
767
- gray9Dark: Variable<string | Variable<string>>;
768
- gray10Dark: Variable<string | Variable<string>>;
769
- gray11Dark: Variable<string | Variable<string>>;
770
- gray12Dark: Variable<string | Variable<string>>;
771
- blue1Dark: Variable<string | Variable<string>>;
772
- blue2Dark: Variable<string | Variable<string>>;
773
- blue3Dark: Variable<string | Variable<string>>;
774
- blue4Dark: Variable<string | Variable<string>>;
775
- blue5Dark: Variable<string | Variable<string>>;
776
- blue6Dark: Variable<string | Variable<string>>;
777
- blue7Dark: Variable<string | Variable<string>>;
778
- blue8Dark: Variable<string | Variable<string>>;
779
- blue9Dark: Variable<string | Variable<string>>;
780
- blue10Dark: Variable<string | Variable<string>>;
781
- blue11Dark: Variable<string | Variable<string>>;
782
- blue12Dark: Variable<string | Variable<string>>;
783
- yellow1Light: Variable<string | Variable<string>>;
784
- yellow2Light: Variable<string | Variable<string>>;
785
- yellow3Light: Variable<string | Variable<string>>;
786
- yellow4Light: Variable<string | Variable<string>>;
787
- yellow5Light: Variable<string | Variable<string>>;
788
- yellow6Light: Variable<string | Variable<string>>;
789
- yellow7Light: Variable<string | Variable<string>>;
790
- yellow8Light: Variable<string | Variable<string>>;
791
- yellow9Light: Variable<string | Variable<string>>;
792
- yellow10Light: Variable<string | Variable<string>>;
793
- yellow11Light: Variable<string | Variable<string>>;
794
- yellow12Light: Variable<string | Variable<string>>;
795
- red1Light: Variable<string | Variable<string>>;
796
- red2Light: Variable<string | Variable<string>>;
797
- red3Light: Variable<string | Variable<string>>;
798
- red4Light: Variable<string | Variable<string>>;
799
- red5Light: Variable<string | Variable<string>>;
800
- red6Light: Variable<string | Variable<string>>;
801
- red7Light: Variable<string | Variable<string>>;
802
- red8Light: Variable<string | Variable<string>>;
803
- red9Light: Variable<string | Variable<string>>;
804
- red10Light: Variable<string | Variable<string>>;
805
- red11Light: Variable<string | Variable<string>>;
806
- red12Light: Variable<string | Variable<string>>;
807
- purple1Light: Variable<string | Variable<string>>;
808
- purple2Light: Variable<string | Variable<string>>;
809
- purple3Light: Variable<string | Variable<string>>;
810
- purple4Light: Variable<string | Variable<string>>;
811
- purple5Light: Variable<string | Variable<string>>;
812
- purple6Light: Variable<string | Variable<string>>;
813
- purple7Light: Variable<string | Variable<string>>;
814
- purple8Light: Variable<string | Variable<string>>;
815
- purple9Light: Variable<string | Variable<string>>;
816
- purple10Light: Variable<string | Variable<string>>;
817
- purple11Light: Variable<string | Variable<string>>;
818
- purple12Light: Variable<string | Variable<string>>;
819
- pink1Light: Variable<string | Variable<string>>;
820
- pink2Light: Variable<string | Variable<string>>;
821
- pink3Light: Variable<string | Variable<string>>;
822
- pink4Light: Variable<string | Variable<string>>;
823
- pink5Light: Variable<string | Variable<string>>;
824
- pink6Light: Variable<string | Variable<string>>;
825
- pink7Light: Variable<string | Variable<string>>;
826
- pink8Light: Variable<string | Variable<string>>;
827
- pink9Light: Variable<string | Variable<string>>;
828
- pink10Light: Variable<string | Variable<string>>;
829
- pink11Light: Variable<string | Variable<string>>;
830
- pink12Light: Variable<string | Variable<string>>;
831
- orange1Light: Variable<string | Variable<string>>;
832
- orange2Light: Variable<string | Variable<string>>;
833
- orange3Light: Variable<string | Variable<string>>;
834
- orange4Light: Variable<string | Variable<string>>;
835
- orange5Light: Variable<string | Variable<string>>;
836
- orange6Light: Variable<string | Variable<string>>;
837
- orange7Light: Variable<string | Variable<string>>;
838
- orange8Light: Variable<string | Variable<string>>;
839
- orange9Light: Variable<string | Variable<string>>;
840
- orange10Light: Variable<string | Variable<string>>;
841
- orange11Light: Variable<string | Variable<string>>;
842
- orange12Light: Variable<string | Variable<string>>;
843
- green1Light: Variable<string | Variable<string>>;
844
- green2Light: Variable<string | Variable<string>>;
845
- green3Light: Variable<string | Variable<string>>;
846
- green4Light: Variable<string | Variable<string>>;
847
- green5Light: Variable<string | Variable<string>>;
848
- green6Light: Variable<string | Variable<string>>;
849
- green7Light: Variable<string | Variable<string>>;
850
- green8Light: Variable<string | Variable<string>>;
851
- green9Light: Variable<string | Variable<string>>;
852
- green10Light: Variable<string | Variable<string>>;
853
- green11Light: Variable<string | Variable<string>>;
854
- green12Light: Variable<string | Variable<string>>;
855
- gray1Light: Variable<string | Variable<string>>;
856
- gray2Light: Variable<string | Variable<string>>;
857
- gray3Light: Variable<string | Variable<string>>;
858
- gray4Light: Variable<string | Variable<string>>;
859
- gray5Light: Variable<string | Variable<string>>;
860
- gray6Light: Variable<string | Variable<string>>;
861
- gray7Light: Variable<string | Variable<string>>;
862
- gray8Light: Variable<string | Variable<string>>;
863
- gray9Light: Variable<string | Variable<string>>;
864
- gray10Light: Variable<string | Variable<string>>;
865
- gray11Light: Variable<string | Variable<string>>;
866
- gray12Light: Variable<string | Variable<string>>;
867
- blue1Light: Variable<string | Variable<string>>;
868
- blue2Light: Variable<string | Variable<string>>;
869
- blue3Light: Variable<string | Variable<string>>;
870
- blue4Light: Variable<string | Variable<string>>;
871
- blue5Light: Variable<string | Variable<string>>;
872
- blue6Light: Variable<string | Variable<string>>;
873
- blue7Light: Variable<string | Variable<string>>;
874
- blue8Light: Variable<string | Variable<string>>;
875
- blue9Light: Variable<string | Variable<string>>;
876
- blue10Light: Variable<string | Variable<string>>;
877
- blue11Light: Variable<string | Variable<string>>;
878
- blue12Light: Variable<string | Variable<string>>;
688
+ yellow1Light: Variable<string>;
689
+ yellow2Light: Variable<string>;
690
+ yellow3Light: Variable<string>;
691
+ yellow4Light: Variable<string>;
692
+ yellow5Light: Variable<string>;
693
+ yellow6Light: Variable<string>;
694
+ yellow7Light: Variable<string>;
695
+ yellow8Light: Variable<string>;
696
+ yellow9Light: Variable<string>;
697
+ yellow10Light: Variable<string>;
698
+ yellow11Light: Variable<string>;
699
+ yellow12Light: Variable<string>;
700
+ red1Light: Variable<string>;
701
+ red2Light: Variable<string>;
702
+ red3Light: Variable<string>;
703
+ red4Light: Variable<string>;
704
+ red5Light: Variable<string>;
705
+ red6Light: Variable<string>;
706
+ red7Light: Variable<string>;
707
+ red8Light: Variable<string>;
708
+ red9Light: Variable<string>;
709
+ red10Light: Variable<string>;
710
+ red11Light: Variable<string>;
711
+ red12Light: Variable<string>;
712
+ purple1Light: Variable<string>;
713
+ purple2Light: Variable<string>;
714
+ purple3Light: Variable<string>;
715
+ purple4Light: Variable<string>;
716
+ purple5Light: Variable<string>;
717
+ purple6Light: Variable<string>;
718
+ purple7Light: Variable<string>;
719
+ purple8Light: Variable<string>;
720
+ purple9Light: Variable<string>;
721
+ purple10Light: Variable<string>;
722
+ purple11Light: Variable<string>;
723
+ purple12Light: Variable<string>;
724
+ pink1Light: Variable<string>;
725
+ pink2Light: Variable<string>;
726
+ pink3Light: Variable<string>;
727
+ pink4Light: Variable<string>;
728
+ pink5Light: Variable<string>;
729
+ pink6Light: Variable<string>;
730
+ pink7Light: Variable<string>;
731
+ pink8Light: Variable<string>;
732
+ pink9Light: Variable<string>;
733
+ pink10Light: Variable<string>;
734
+ pink11Light: Variable<string>;
735
+ pink12Light: Variable<string>;
736
+ orange1Light: Variable<string>;
737
+ orange2Light: Variable<string>;
738
+ orange3Light: Variable<string>;
739
+ orange4Light: Variable<string>;
740
+ orange5Light: Variable<string>;
741
+ orange6Light: Variable<string>;
742
+ orange7Light: Variable<string>;
743
+ orange8Light: Variable<string>;
744
+ orange9Light: Variable<string>;
745
+ orange10Light: Variable<string>;
746
+ orange11Light: Variable<string>;
747
+ orange12Light: Variable<string>;
748
+ green1Light: Variable<string>;
749
+ green2Light: Variable<string>;
750
+ green3Light: Variable<string>;
751
+ green4Light: Variable<string>;
752
+ green5Light: Variable<string>;
753
+ green6Light: Variable<string>;
754
+ green7Light: Variable<string>;
755
+ green8Light: Variable<string>;
756
+ green9Light: Variable<string>;
757
+ green10Light: Variable<string>;
758
+ green11Light: Variable<string>;
759
+ green12Light: Variable<string>;
760
+ gray1Light: Variable<string>;
761
+ gray2Light: Variable<string>;
762
+ gray3Light: Variable<string>;
763
+ gray4Light: Variable<string>;
764
+ gray5Light: Variable<string>;
765
+ gray6Light: Variable<string>;
766
+ gray7Light: Variable<string>;
767
+ gray8Light: Variable<string>;
768
+ gray9Light: Variable<string>;
769
+ gray10Light: Variable<string>;
770
+ gray11Light: Variable<string>;
771
+ gray12Light: Variable<string>;
772
+ blue1Light: Variable<string>;
773
+ blue2Light: Variable<string>;
774
+ blue3Light: Variable<string>;
775
+ blue4Light: Variable<string>;
776
+ blue5Light: Variable<string>;
777
+ blue6Light: Variable<string>;
778
+ blue7Light: Variable<string>;
779
+ blue8Light: Variable<string>;
780
+ blue9Light: Variable<string>;
781
+ blue10Light: Variable<string>;
782
+ blue11Light: Variable<string>;
783
+ blue12Light: Variable<string>;
784
+ yellow1Dark: Variable<string>;
785
+ yellow2Dark: Variable<string>;
786
+ yellow3Dark: Variable<string>;
787
+ yellow4Dark: Variable<string>;
788
+ yellow5Dark: Variable<string>;
789
+ yellow6Dark: Variable<string>;
790
+ yellow7Dark: Variable<string>;
791
+ yellow8Dark: Variable<string>;
792
+ yellow9Dark: Variable<string>;
793
+ yellow10Dark: Variable<string>;
794
+ yellow11Dark: Variable<string>;
795
+ yellow12Dark: Variable<string>;
796
+ red1Dark: Variable<string>;
797
+ red2Dark: Variable<string>;
798
+ red3Dark: Variable<string>;
799
+ red4Dark: Variable<string>;
800
+ red5Dark: Variable<string>;
801
+ red6Dark: Variable<string>;
802
+ red7Dark: Variable<string>;
803
+ red8Dark: Variable<string>;
804
+ red9Dark: Variable<string>;
805
+ red10Dark: Variable<string>;
806
+ red11Dark: Variable<string>;
807
+ red12Dark: Variable<string>;
808
+ purple1Dark: Variable<string>;
809
+ purple2Dark: Variable<string>;
810
+ purple3Dark: Variable<string>;
811
+ purple4Dark: Variable<string>;
812
+ purple5Dark: Variable<string>;
813
+ purple6Dark: Variable<string>;
814
+ purple7Dark: Variable<string>;
815
+ purple8Dark: Variable<string>;
816
+ purple9Dark: Variable<string>;
817
+ purple10Dark: Variable<string>;
818
+ purple11Dark: Variable<string>;
819
+ purple12Dark: Variable<string>;
820
+ pink1Dark: Variable<string>;
821
+ pink2Dark: Variable<string>;
822
+ pink3Dark: Variable<string>;
823
+ pink4Dark: Variable<string>;
824
+ pink5Dark: Variable<string>;
825
+ pink6Dark: Variable<string>;
826
+ pink7Dark: Variable<string>;
827
+ pink8Dark: Variable<string>;
828
+ pink9Dark: Variable<string>;
829
+ pink10Dark: Variable<string>;
830
+ pink11Dark: Variable<string>;
831
+ pink12Dark: Variable<string>;
832
+ orange1Dark: Variable<string>;
833
+ orange2Dark: Variable<string>;
834
+ orange3Dark: Variable<string>;
835
+ orange4Dark: Variable<string>;
836
+ orange5Dark: Variable<string>;
837
+ orange6Dark: Variable<string>;
838
+ orange7Dark: Variable<string>;
839
+ orange8Dark: Variable<string>;
840
+ orange9Dark: Variable<string>;
841
+ orange10Dark: Variable<string>;
842
+ orange11Dark: Variable<string>;
843
+ orange12Dark: Variable<string>;
844
+ green1Dark: Variable<string>;
845
+ green2Dark: Variable<string>;
846
+ green3Dark: Variable<string>;
847
+ green4Dark: Variable<string>;
848
+ green5Dark: Variable<string>;
849
+ green6Dark: Variable<string>;
850
+ green7Dark: Variable<string>;
851
+ green8Dark: Variable<string>;
852
+ green9Dark: Variable<string>;
853
+ green10Dark: Variable<string>;
854
+ green11Dark: Variable<string>;
855
+ green12Dark: Variable<string>;
856
+ gray1Dark: Variable<string>;
857
+ gray2Dark: Variable<string>;
858
+ gray3Dark: Variable<string>;
859
+ gray4Dark: Variable<string>;
860
+ gray5Dark: Variable<string>;
861
+ gray6Dark: Variable<string>;
862
+ gray7Dark: Variable<string>;
863
+ gray8Dark: Variable<string>;
864
+ gray9Dark: Variable<string>;
865
+ gray10Dark: Variable<string>;
866
+ gray11Dark: Variable<string>;
867
+ gray12Dark: Variable<string>;
868
+ blue1Dark: Variable<string>;
869
+ blue2Dark: Variable<string>;
870
+ blue3Dark: Variable<string>;
871
+ blue4Dark: Variable<string>;
872
+ blue5Dark: Variable<string>;
873
+ blue6Dark: Variable<string>;
874
+ blue7Dark: Variable<string>;
875
+ blue8Dark: Variable<string>;
876
+ blue9Dark: Variable<string>;
877
+ blue10Dark: Variable<string>;
878
+ blue11Dark: Variable<string>;
879
+ blue12Dark: Variable<string>;
879
880
  };
880
881
  space: {
881
882
  0: Variable<number>;
@@ -971,25 +972,25 @@ export declare const tokens: {
971
972
  radius: {
972
973
  0: Variable<number>;
973
974
  1: Variable<number>;
975
+ 4: Variable<number>;
974
976
  2: Variable<number>;
975
977
  3: Variable<number>;
976
- 4: Variable<number>;
978
+ 8: Variable<number>;
977
979
  true: Variable<number>;
980
+ 12: Variable<number>;
978
981
  5: Variable<number>;
979
- 6: Variable<number>;
980
982
  7: Variable<number>;
981
- 8: Variable<number>;
982
983
  9: Variable<number>;
983
984
  10: Variable<number>;
985
+ 6: Variable<number>;
984
986
  11: Variable<number>;
985
- 12: Variable<number>;
986
987
  };
987
988
  zIndex: {
988
989
  0: Variable<number>;
989
990
  1: Variable<number>;
991
+ 4: Variable<number>;
990
992
  2: Variable<number>;
991
993
  3: Variable<number>;
992
- 4: Variable<number>;
993
994
  5: Variable<number>;
994
995
  };
995
996
  };