Files
explore/toolkit/theme/theme.ts
T
tom goriunovandGitHub f6725649da UI toolkit package (#2691)
* first version of the pack

* single entry point

* add custom components to the package

* move form components to toolkit

* add more utils and hooks to the package

* minor fixes

* add CI workflow

* update readme and package.json

* fix ts

* fix build of env-validator

* fix docker build

* fix icons size

* test fixes

* more test fixes
2025-04-21 19:44:22 +02:00

42 lines
1.1 KiB
TypeScript

import { createSystem, defaultConfig, defineConfig } from '@chakra-ui/react';
import { keyframes } from './foundations/animations';
import * as borders from './foundations/borders';
import breakpoints from './foundations/breakpoints';
import colors from './foundations/colors';
import durations from './foundations/durations';
import semanticTokens from './foundations/semanticTokens';
import shadows from './foundations/shadows';
import { fonts, textStyles } from './foundations/typography';
import zIndex from './foundations/zIndex';
import globalCss from './globalCss';
import { recipes, slotRecipes } from './recipes';
export const customConfig = defineConfig({
globalCss,
theme: {
breakpoints,
keyframes,
recipes,
slotRecipes,
semanticTokens,
textStyles,
tokens: {
...borders,
colors,
durations,
fonts,
shadows,
zIndex,
fontWeights: {
normal: { value: '400' },
medium: { value: '500' },
semibold: { value: '600' },
bold: { value: '700' },
},
},
},
});
export default createSystem(defaultConfig, customConfig);