pouncejs
Version:
A collection of UI components from Panther labs
36 lines (35 loc) • 1.21 kB
TypeScript
/// <reference types="react" />
import { Theme as StyledSystemTheme } from 'styled-system';
import * as CSS from 'csstype';
import colors from './colors';
import typography from './typography';
import icons from './icons';
declare type radii = 'none' | 'small' | 'medium' | 'large' | 'pill' | 'circle';
declare type fontFamilies = 'primary' | 'mono';
declare type shadows = 'none' | 'dark50' | 'dark100' | 'dark150' | 'dark200' | 'dark250' | 'dark300';
export interface CustomIcons {
}
declare type PounceIcons = typeof icons;
export interface Theme extends StyledSystemTheme {
fontSizes: typeof typography['fontSizes'];
lineHeights: typeof typography['lineHeights'];
space: CSS.Property.Margin<number | string>[];
fontWeights: typeof typography['fontWeights'];
letterSpacings: typeof typography['letterSpacings'];
fonts: {
[key in fontFamilies]: string;
};
colors: typeof colors;
radii: {
[key in radii]: number;
};
shadows: {
[key in shadows]: CSS.Property.BoxShadow;
};
icons: Record<keyof (PounceIcons & CustomIcons), {
path: JSX.Element;
viewBox?: string;
}>;
}
export declare const theme: Theme;
export {};