status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-21 00:40:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(tokens): Make colors from tokens.ts reusable my setting ColorTokens type

Browse Source
This commit is contained in:
Emil Ivanichkov 2024-02-09 20:09:10 +02:00 committed by Emil Ivanichkov
parent d86f6307a8
commit 82884cbf67
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
tokens.ts
View File

@ -1,6 +1,11 @@
import { customisation } from '@status-im/colors'
import { createTokens } from '@tamagui/core'
import { size, space, zIndex } from '@tamagui/theme-base'
import { size, space, zIndex } from '@tamagui/themes'
import { ColorTokens } from 'tamagui';
type ColorObject = {
[key: string]: ColorTokens;
}
export const tokens = createTokens({
color: {
@ -200,6 +205,9 @@ export const tokens = createTokens({
},
})
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export const colorsTyped: ColorObject = tokens.color as { [key: string]: any };
type GetTokenString<A> = A extends string | number ? `$${A}` : `$${string}`
type RadiusTokens = GetTokenString<keyof typeof tokens.radius> | number