import { Theme, ThemeUIStyleObject } from 'theme-ui'; import { IconName } from '../components/Icon'; /** * Figmagic integration: import Design Tokens from a Figma document to feed the theme * @see https://github.com/mikaelvesavuori/figmagic */ import BorderWidthTokens from '../tokens/borderWidths'; import ColorTokens from '../tokens/colors'; import FontSizeTokens from '../tokens/fontSizes'; import FontWeightTokens from '../tokens/fontWeights'; import LetterSpacingTokens from '../tokens/letterSpacings'; import LineHeightTokens from '../tokens/lineHeights'; import OpacityTokens from '../tokens/opacities'; import RadiiTokens from '../tokens/radii'; import ShadowTokens from '../tokens/shadows'; import SpacingTokens from '../tokens/spacing'; import ZIndiceTokens from '../tokens/zIndices'; export interface SchedulingThemeType extends Theme { breakpoints: string[]; borderWidths: typeof BorderWidthTokens; colors: typeof ColorTokens & { [key: string]: string; }; fontSizes: typeof FontSizeTokens; fontWeights: typeof FontWeightTokens; letterSpacings: typeof LetterSpacingTokens; lineHeights: typeof LineHeightTokens; opacities: typeof OpacityTokens; radii: typeof RadiiTokens; space: typeof SpacingTokens; shadows: typeof ShadowTokens; sizes: { container: number; }; zIndices: typeof ZIndiceTokens; icons: IconName[]; circles?: Record; } /** * Custom Theme object for theme-ui * Contains design tokens and centralised components variants * @see https://theme-ui.com/theming * * @note ThemeUI TypeScript support is WIP at the moment * This is why we need to make unfortunate assertions on the types for now * * @var object */ declare const SchedulingTheme: SchedulingThemeType; export default SchedulingTheme;