UNPKG

@lobehub/ui

Version:

Lobe UI is an open-source UI component library for building AIGC web apps

1 lines 4.57 kB
{"version":3,"file":"customToken.mjs","names":["colorStepPalette: { [key: string]: string }","colorCustomToken: any","generateCustomToken: GetCustomToken<LobeCustomToken>"],"sources":["../../../src/styles/theme/customToken.ts"],"sourcesContent":["import { GetCustomToken } from 'antd-style';\nimport { AliasToken } from 'antd/es/theme/interface';\nimport { camelCase } from 'es-toolkit/compat';\nimport { mix } from 'polished';\n\nimport { colorScales } from '@/color/colors';\nimport type { ColorScaleItem } from '@/color/types';\nimport type { LobeCustomToken } from '@/types/customToken';\n\nconst generateColorPalette = ({\n name,\n scale,\n appearance,\n}: {\n appearance: 'light' | 'dark';\n name: string;\n scale: ColorScaleItem;\n}) => {\n const isDarkMode = appearance === 'dark';\n return {\n [`${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n [`${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n [`${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n [`${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n [`${name}Bg`]: scale[`${appearance}A`][1],\n [`${name}BgHover`]: scale[`${appearance}A`][2],\n [`${name}Border`]: scale[appearance][4],\n [`${name}BorderSecondary`]: scale[appearance][3],\n [`${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n [`${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n [`${name}`]: scale[appearance][9],\n [`${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n [`${name}TextHover`]: scale[`${appearance}A`][isDarkMode ? 10 : 8],\n [`${name}Text`]: scale[`${appearance}A`][9],\n [`${name}TextActive`]: scale[`${appearance}A`][isDarkMode ? 7 : 10],\n };\n};\n\nconst generateCustomColorPalette = ({\n name,\n scale,\n appearance,\n}: {\n appearance: 'light' | 'dark';\n name: string;\n scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n const colorStepPalette: { [key: string]: string } = {};\n\n for (const [index, color] of scale[appearance].entries()) {\n if (index === 0 || index === 12) continue;\n\n colorStepPalette[`${name}${index}`] = color;\n }\n for (const [index, color] of scale[`${appearance}A`].entries()) {\n if (index === 0 || index === 12) continue;\n\n colorStepPalette[`${name}${index}A`] = color;\n }\n\n return {\n ...colorStepPalette,\n ...generateColorPalette({ appearance, name, scale }),\n };\n};\n\nexport const generateCustomColorToken = (isDarkMode: boolean) => {\n let colorCustomToken: any = {};\n\n for (const [type, scale] of Object.entries(colorScales)) {\n colorCustomToken = {\n ...colorCustomToken,\n ...generateCustomColorPalette({\n appearance: isDarkMode ? 'dark' : 'light',\n name: camelCase(type),\n scale,\n }),\n };\n }\n\n return colorCustomToken;\n};\n\nexport const generateCustomToken: GetCustomToken<LobeCustomToken> = ({ isDarkMode, token }) => {\n return {\n ...generateCustomColorToken(isDarkMode),\n colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n };\n};\n"],"mappings":";;;;;AASA,MAAM,wBAAwB,EAC5B,MACA,OACA,iBAKI;CACJ,MAAM,aAAa,eAAe;AAClC,QAAO;GACJ,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACzD,GAAG,KAAK,iBAAiB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GAClE,GAAG,KAAK,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACjE,GAAG,KAAK,kBAAkB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACnE,GAAG,KAAK,MAAM,MAAM,GAAG,WAAW,IAAI;GACtC,GAAG,KAAK,WAAW,MAAM,GAAG,WAAW,IAAI;GAC3C,GAAG,KAAK,UAAU,MAAM,YAAY;GACpC,GAAG,KAAK,mBAAmB,MAAM,YAAY;GAC7C,GAAG,KAAK,eAAe,MAAM,YAAY,aAAa,IAAI;GAC1D,GAAG,KAAK,SAAS,MAAM,YAAY,aAAa,KAAK;GACrD,GAAG,SAAS,MAAM,YAAY;GAC9B,GAAG,KAAK,UAAU,MAAM,YAAY,aAAa,IAAI;GACrD,GAAG,KAAK,aAAa,MAAM,GAAG,WAAW,IAAI,aAAa,KAAK;GAC/D,GAAG,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI;GACxC,GAAG,KAAK,cAAc,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;EACjE;;AAGH,MAAM,8BAA8B,EAClC,MACA,OACA,iBAKyB;CACzB,MAAMA,mBAA8C,EAAE;AAEtD,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,YAAY,SAAS,EAAE;AACxD,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,WAAW;;AAExC,MAAK,MAAM,CAAC,OAAO,UAAU,MAAM,GAAG,WAAW,IAAI,SAAS,EAAE;AAC9D,MAAI,UAAU,KAAK,UAAU,GAAI;AAEjC,mBAAiB,GAAG,OAAO,MAAM,MAAM;;AAGzC,QAAO;EACL,GAAG;EACH,GAAG,qBAAqB;GAAE;GAAY;GAAM;GAAO,CAAC;EACrD;;AAGH,MAAa,4BAA4B,eAAwB;CAC/D,IAAIC,mBAAwB,EAAE;AAE9B,MAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,YAAY,CACrD,oBAAmB;EACjB,GAAG;EACH,GAAG,2BAA2B;GAC5B,YAAY,aAAa,SAAS;GAClC,MAAM,UAAU,KAAK;GACrB;GACD,CAAC;EACH;AAGH,QAAO;;AAGT,MAAaC,uBAAwD,EAAE,YAAY,YAAY;AAC7F,QAAO;EACL,GAAG,yBAAyB,WAAW;EACvC,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,iBAAiB;EACjF"}