styled.d.ts

import 'styled-components';
import { BreakpointsArray, MediaQueries } from './essentials/Breakpoints/Breakpoints';
import { Colors, SemanticColors } from './essentials/Colors/Colors';
import { Spaces } from './essentials';

declare module 'styled-components' {
    export interface DefaultTheme {
        colors: typeof Colors;
        semanticColors: typeof SemanticColors;
        breakpoints: BreakpointsArray;
        fontSizes: string[];
        fontWeights: {
            normal: number;
            semibold: number;
            bold: number;
        };
        fonts: {
            normal: string;
            monospace: string;
        };
        mediaQueries: typeof MediaQueries;
        space: typeof Spaces;
        radii: string[];
        iconSizes: {
            small: number;
            medium: number;
            large: number;
        };
        shadows: {
            small: string;
            medium: string;
            large: string;
        };
    }
}