@littlespoon/theme

/** * Flowtype definitions for index * Generated by Flowgen from a Typescript Definition * Flowgen v1.21.0 * @flow */ import breakpoints from "./breakpoints"; import colors from "./colors"; import fonts from "./fonts"; declare export { breakpoints, colors, fonts }; declare var _default: { breakpoints: { +xs: 375, +sm: 550, +md: 768, +lg: 1000, +xl: 1200, +xxl: 1440, +mobile: 0, +tablet: 768, +desktop: 1000, +up: (minWidth: number, css?: string | void) => string, +down: (maxWidth: number, css?: string | void) => string, +minWidth: (minWidth: number, css?: string | void) => string, +maxWidth: (maxWidth: number, css?: string | void) => string, ... }, colors: { alert: { success: { success10: (alpha?: number) => string, success20: (alpha?: number) => string, success30: (alpha?: number) => string, success40: (alpha?: number) => string, success50: (alpha?: number) => string, ... }, warning: { warning10: (alpha?: number) => string, warning20: (alpha?: number) => string, warning30: (alpha?: number) => string, warning40: (alpha?: number) => string, warning50: (alpha?: number) => string, ... }, critical: { critical10: (alpha?: number) => string, critical20: (alpha?: number) => string, critical30: (alpha?: number) => string, critical40: (alpha?: number) => string, critical50: (alpha?: number) => string, ... }, informative: { informative10: (alpha?: number) => string, informative20: (alpha?: number) => string, informative30: (alpha?: number) => string, informative40: (alpha?: number) => string, informative50: (alpha?: number) => string, ... }, ... }, primary: { brand: { brand10: (alpha?: number) => string, brand20: (alpha?: number) => string, brand30: (alpha?: number) => string, brand40: (alpha?: number) => string, brand50: (alpha?: number) => string, brand60: (alpha?: number) => string, brand70: (alpha?: number) => string, brand80: (alpha?: number) => string, brand90: (alpha?: number) => string, brand100: (alpha?: number) => string, ... }, primaryBlue: { blue10: (alpha?: number) => string, blue20: (alpha?: number) => string, blue30: (alpha?: number) => string, blue40: (alpha?: number) => string, blue50: (alpha?: number) => string, blue60: (alpha?: number) => string, blue70: (alpha?: number) => string, blue80: (alpha?: number) => string, blue90: (alpha?: number) => string, blue100: (alpha?: number) => string, ... }, ... }, secondary: { secondaryDeepGreen: { deepGreen10: (alpha?: number) => string, deepGreen20: (alpha?: number) => string, deepGreen30: (alpha?: number) => string, deepGreen40: (alpha?: number) => string, deepGreen50: (alpha?: number) => string, deepGreen60: (alpha?: number) => string, deepGreen70: (alpha?: number) => string, deepGreen80: (alpha?: number) => string, deepGreen90: (alpha?: number) => string, deepGreen100: (alpha?: number) => string, ... }, secondaryPurple: { purple10: (alpha?: number) => string, purple20: (alpha?: number) => string, purple30: (alpha?: number) => string, purple40: (alpha?: number) => string, purple50: (alpha?: number) => string, purple60: (alpha?: number) => string, purple70: (alpha?: number) => string, purple80: (alpha?: number) => string, purple90: (alpha?: number) => string, purple100: (alpha?: number) => string, visitedLinkPurple: (alpha?: number) => string, ... }, secondaryGold: { gold5: (alpha?: number) => string, gold10: (alpha?: number) => string, gold20: (alpha?: number) => string, gold30: (alpha?: number) => string, gold40: (alpha?: number) => string, gold50: (alpha?: number) => string, gold60: (alpha?: number) => string, gold70: (alpha?: number) => string, gold80: (alpha?: number) => string, gold90: (alpha?: number) => string, gold100: (alpha?: number) => string, ... }, secondaryBlue: { blue10: (alpha?: number) => string, blue20: (alpha?: number) => string, blue30: (alpha?: number) => string, blue40: (alpha?: number) => string, blue50: (alpha?: number) => string, blue60: (alpha?: number) => string, blue70: (alpha?: number) => string, blue80: (alpha?: number) => string, blue90: (alpha?: number) => string, blue100: (alpha?: number) => string, ... }, secondaryPeach: { peach10: (alpha?: number) => string, peach20: (alpha?: number) => string, peach30: (alpha?: number) => string, peach40: (alpha?: number) => string, peach50: (alpha?: number) => string, peach60: (alpha?: number) => string, peach70: (alpha?: number) => string, peach80: (alpha?: number) => string, peach90: (alpha?: number) => string, peach100: (alpha?: number) => string, ... }, secondaryPink: { pink10: (alpha?: number) => string, pink20: (alpha?: number) => string, pink30: (alpha?: number) => string, pink40: (alpha?: number) => string, pink50: (alpha?: number) => string, pink60: (alpha?: number) => string, pink70: (alpha?: number) => string, pink80: (alpha?: number) => string, pink90: (alpha?: number) => string, pink100: (alpha?: number) => string, ... }, secondaryLimeGreen: { limeGreen10: (alpha?: number) => string, limeGreen20: (alpha?: number) => string, limeGreen30: (alpha?: number) => string, limeGreen40: (alpha?: number) => string, limeGreen50: (alpha?: number) => string, limeGreen60: (alpha?: number) => string, limeGreen70: (alpha?: number) => string, limeGreen80: (alpha?: number) => string, limeGreen90: (alpha?: number) => string, limeGreen100: (alpha?: number) => string, ... }, secondaryMintGreen: { mintGreen10: (alpha?: number) => string, mintGreen20: (alpha?: number) => string, mintGreen30: (alpha?: number) => string, mintGreen40: (alpha?: number) => string, mintGreen50: (alpha?: number) => string, mintGreen60: (alpha?: number) => string, mintGreen70: (alpha?: number) => string, mintGreen80: (alpha?: number) => string, mintGreen90: (alpha?: number) => string, mintGreen100: (alpha?: number) => string, ... }, secondaryNeutralGrey: { grey5: (alpha?: number) => string, grey10: (alpha?: number) => string, grey20: (alpha?: number) => string, grey30: (alpha?: number) => string, grey40: (alpha?: number) => string, grey50: (alpha?: number) => string, grey60: (alpha?: number) => string, grey70: (alpha?: number) => string, grey80: (alpha?: number) => string, grey90: (alpha?: number) => string, grey100: (alpha?: number) => string, ... }, ... }, token: { brand: string, shadeBlack: string, shadeWhite: string, surfacePrimary: string, surfaceSecondary: string, surfaceStrong: string, surfaceContrast: string, surfaceOverlay: string, subSurfaceSuccess: string, subSurfaceInformative: string, subSurfaceCritical: string, subSurfaceWarning: string, subSurfaceDull: (alpha?: number) => string, borderMinimal: string, borderSubtle: string, borderModerate: string, borderBold: string, borderContrast: string, borderSuccess: string, borderInformative: string, borderCritical: string, borderWarning: string, ... }, brand: string, shadeBlack: string, shadeWhite: string, surfacePrimary: string, surfaceSecondary: string, surfaceStrong: string, surfaceContrast: string, surfaceOverlay: string, subSurfaceSuccess: string, subSurfaceInformative: string, subSurfaceCritical: string, subSurfaceWarning: string, subSurfaceDull: (alpha?: number) => string, borderMinimal: string, borderSubtle: string, borderModerate: string, borderBold: string, borderContrast: string, borderSuccess: string, borderInformative: string, borderCritical: string, borderWarning: string, pink10: (alpha?: number) => string, pink20: (alpha?: number) => string, pink30: (alpha?: number) => string, pink40: (alpha?: number) => string, pink50: (alpha?: number) => string, pink60: (alpha?: number) => string, pink70: (alpha?: number) => string, pink80: (alpha?: number) => string, pink90: (alpha?: number) => string, pink100: (alpha?: number) => string, peach10: (alpha?: number) => string, peach20: (alpha?: number) => string, peach30: (alpha?: number) => string, peach40: (alpha?: number) => string, peach50: (alpha?: number) => string, peach60: (alpha?: number) => string, peach70: (alpha?: number) => string, peach80: (alpha?: number) => string, peach90: (alpha?: number) => string, peach100: (alpha?: number) => string, grey5: (alpha?: number) => string, grey10: (alpha?: number) => string, grey20: (alpha?: number) => string, grey30: (alpha?: number) => string, grey40: (alpha?: number) => string, grey50: (alpha?: number) => string, grey60: (alpha?: number) => string, grey70: (alpha?: number) => string, grey80: (alpha?: number) => string, grey90: (alpha?: number) => string, grey100: (alpha?: number) => string, mintGreen10: (alpha?: number) => string, mintGreen20: (alpha?: number) => string, mintGreen30: (alpha?: number) => string, mintGreen40: (alpha?: number) => string, mintGreen50: (alpha?: number) => string, mintGreen60: (alpha?: number) => string, mintGreen70: (alpha?: number) => string, mintGreen80: (alpha?: number) => string, mintGreen90: (alpha?: number) => string, mintGreen100: (alpha?: number) => string, limeGreen10: (alpha?: number) => string, limeGreen20: (alpha?: number) => string, limeGreen30: (alpha?: number) => string, limeGreen40: (alpha?: number) => string, limeGreen50: (alpha?: number) => string, limeGreen60: (alpha?: number) => string, limeGreen70: (alpha?: number) => string, limeGreen80: (alpha?: number) => string, limeGreen90: (alpha?: number) => string, limeGreen100: (alpha?: number) => string, gold5: (alpha?: number) => string, gold10: (alpha?: number) => string, gold20: (alpha?: number) => string, gold30: (alpha?: number) => string, gold40: (alpha?: number) => string, gold50: (alpha?: number) => string, gold60: (alpha?: number) => string, gold70: (alpha?: number) => string, gold80: (alpha?: number) => string, gold90: (alpha?: number) => string, gold100: (alpha?: number) => string, deepGreen10: (alpha?: number) => string, deepGreen20: (alpha?: number) => string, deepGreen30: (alpha?: number) => string, deepGreen40: (alpha?: number) => string, deepGreen50: (alpha?: number) => string, deepGreen60: (alpha?: number) => string, deepGreen70: (alpha?: number) => string, deepGreen80: (alpha?: number) => string, deepGreen90: (alpha?: number) => string, deepGreen100: (alpha?: number) => string, blue10: (alpha?: number) => string, blue20: (alpha?: number) => string, blue30: (alpha?: number) => string, blue40: (alpha?: number) => string, blue50: (alpha?: number) => string, blue60: (alpha?: number) => string, blue70: (alpha?: number) => string, blue80: (alpha?: number) => string, blue90: (alpha?: number) => string, blue100: (alpha?: number) => string, brand10: (alpha?: number) => string, brand20: (alpha?: number) => string, brand30: (alpha?: number) => string, brand40: (alpha?: number) => string, brand50: (alpha?: number) => string, brand60: (alpha?: number) => string, brand70: (alpha?: number) => string, brand80: (alpha?: number) => string, brand90: (alpha?: number) => string, brand100: (alpha?: number) => string, warning10: (alpha?: number) => string, warning20: (alpha?: number) => string, warning30: (alpha?: number) => string, warning40: (alpha?: number) => string, warning50: (alpha?: number) => string, success10: (alpha?: number) => string, success20: (alpha?: number) => string, success30: (alpha?: number) => string, success40: (alpha?: number) => string, success50: (alpha?: number) => string, informative10: (alpha?: number) => string, informative20: (alpha?: number) => string, informative30: (alpha?: number) => string, informative40: (alpha?: number) => string, informative50: (alpha?: number) => string, critical10: (alpha?: number) => string, critical20: (alpha?: number) => string, critical30: (alpha?: number) => string, critical40: (alpha?: number) => string, critical50: (alpha?: number) => string, ... }, fonts: { primary: { button: { +xlarge: { +letterSpacing: string, +fontSize: string, +lineHeight: string, ... }, +large: { +letterSpacing: string, +fontSize: string, +lineHeight: string, ... }, +medium: { +letterSpacing: string, +fontSize: string, +lineHeight: string, ... }, +small: { +letterSpacing: string, +fontSize: string, +lineHeight: string, ... }, ... }, caption: { +caption1: { +fontSize: string, +lineHeight: string, ... }, +medium: { +fontSize: string, +lineHeight: string, ... }, ... }, family: string, paragraph: { p0: { +fontSize: string, +lineHeight: string, ... }, p1: { +fontSize: string, +lineHeight: string, ... }, xlarge: { +fontSize: string, +lineHeight: string, ... }, p2: { +fontSize: string, +lineHeight: string, ... }, large: { +fontSize: string, +lineHeight: string, ... }, p3: { +fontSize: string, +lineHeight: string, ... }, medium: { +fontSize: string, +lineHeight: string, ... }, p4: { +fontSize: string, +lineHeight: string, ... }, small: { +fontSize: string, +lineHeight: string, ... }, ... }, weight: { +normal: 400, +bold: 700, ... }, ... }, secondary: { display: { +display1: { +fontSize: string, +lineHeight: string, ... }, +display2: { +fontSize: string, +lineHeight: string, ... }, ... }, family: string, heading: { +h1: { +fontSize: string, +lineHeight: string, ... }, +h2: { +fontSize: string, +lineHeight: string, ... }, +h3: { +fontSize: string, +lineHeight: string, ... }, +h4: { +fontSize: string, +lineHeight: string, ... }, +h5: { +fontSize: string, +lineHeight: string, ... }, +h6: { +fontSize: string, +lineHeight: string, ... }, +h7: { +fontSize: string, +lineHeight: string, ... }, ... }, weight: { +bold: 700, +extraBold: 800, +black: 900, ... }, ... }, ... }, ... }; declare export default typeof _default;