import type { ThemeTypings as GeneratedThemeTypings } from "./theming.types"; export interface BaseThemeTypings { borders: string; colors: string; breakpoints: string; colorSchemes: string; fonts: string; fontSizes: string; fontWeights: string; layerStyles: string; letterSpacings: string; lineHeights: string; radii: string; shadows: string; sizes: string; space: string; textStyles: string; zIndices: string; components: { [componentName: string]: { sizes: string; variants: string; }; }; } /** * This is a placeholder meant to be implemented via TypeScript's Module * Augmentation feature and is an alternative to running `npx @teste-ui/cli * tokens` * * @example * ```ts * import { BaseThemeTypings } from "@teste-ui/styled-system"; * * type DefaultSizes = 'small' | 'medium' | 'large'; * * declare module "@teste-ui/styled-system" { * export interface CustomThemeTypings extends BaseThemeTypings { * // Example custom `borders` tokens * borders: 'none' | 'thin' | 'thick'; * // ... * // Other custom tokens * // ... * components: { * Button: { * // Example custom component sizes and variants * sizes: DefaultSizes; * variants: 'solid' | 'outline' | 'wacky' | 'chill'; * }, * // ... * } * } * } * ``` * * @see https://www.typescriptlang.org/docs/handbook/declaration-merging.html#module-augmentation */ export interface CustomThemeTypings { } export declare type ThemeTypings = CustomThemeTypings extends BaseThemeTypings ? CustomThemeTypings : GeneratedThemeTypings; //# sourceMappingURL=theme.types.d.ts.map