import React from 'react'; import StyledSystem from 'styled-system'; import { PseudoBoxProps } from '.'; export declare const systemProps: StyledSystem.styleFn; declare type CSS = React.CSSProperties; declare type borderRadius = StyledSystem.BorderRadiusProps['borderRadius']; declare type borderColor = StyledSystem.BorderColorProps['borderColor']; export interface ICustomConfig { rounded?: borderRadius; roundedTop?: borderRadius; roundedBottom?: borderRadius; roundedLeft?: borderRadius; roundedRight?: borderRadius; roundedTopRight?: borderRadius; roundedTopLeft?: borderRadius; roundedBottomRight?: borderRadius; roundedBottomLeft?: borderRadius; radiusLeft?: borderRadius; radiusTop?: borderRadius; radiusRight?: borderRadius; radiusBottom?: borderRadius; borderBottomColor?: borderColor; borderTopColor?: borderColor; borderRightColor?: borderColor; borderLeftColor?: borderColor; w?: StyledSystem.WidthProps['width']; minW?: StyledSystem.MinWidthProps['minWidth']; maxW?: StyledSystem.MaxWidthProps['maxWidth']; h?: StyledSystem.HeightProps['height']; minH?: StyledSystem.MinHeightProps['minHeight']; maxH?: StyledSystem.MaxHeightProps['maxHeight']; d?: StyledSystem.DisplayProps['display']; backgroundAttachment?: StyledSystem.ResponsiveValue; bgImg?: StyledSystem.BackgroundImageProps['backgroundImage']; bgImage?: StyledSystem.BackgroundImageProps['backgroundImage']; bgSize?: StyledSystem.BackgroundSizeProps['backgroundSize']; bgPos?: StyledSystem.BackgroundPositionProps['backgroundPosition']; pos?: StyledSystem.PositionProps['position']; flexDir?: StyledSystem.FlexDirectionProps['flexDirection']; textDecoration?: StyledSystem.ResponsiveValue; textDecor?: StyledSystem.ResponsiveValue; textTransform?: StyledSystem.ResponsiveValue; overflowX?: StyledSystem.OverflowProps['overflow']; overflowY?: StyledSystem.OverflowProps['overflow']; appearance?: StyledSystem.ResponsiveValue; transform?: StyledSystem.ResponsiveValue; transformOrigin?: StyledSystem.ResponsiveValue; animation?: StyledSystem.ResponsiveValue | any; userSelect?: StyledSystem.ResponsiveValue; pointerEvents?: StyledSystem.ResponsiveValue; boxSizing?: StyledSystem.ResponsiveValue; cursor?: StyledSystem.ResponsiveValue; resize?: StyledSystem.ResponsiveValue; transition?: StyledSystem.ResponsiveValue; objectFit?: StyledSystem.ResponsiveValue; objectPosition?: StyledSystem.ResponsiveValue; visibility?: StyledSystem.ResponsiveValue; wordBreak?: StyledSystem.ResponsiveValue; overflowWrap?: StyledSystem.ResponsiveValue; whiteSpace?: StyledSystem.ResponsiveValue; fill?: StyledSystem.ColorProps['color']; stroke?: StyledSystem.ColorProps['color']; bgAttachment?: StyledSystem.ResponsiveValue; shadow?: StyledSystem.BoxShadowProps['boxShadow']; listStyleType?: StyledSystem.ResponsiveValue; listStylePosition?: StyledSystem.ResponsiveValue; listStyleImage?: StyledSystem.ResponsiveValue; listStyleImg?: StyledSystem.ResponsiveValue; listStylePos?: StyledSystem.ResponsiveValue; outline?: StyledSystem.ResponsiveValue; float?: StyledSystem.ResponsiveValue; willChange?: StyledSystem.ResponsiveValue; borderTopWidth?: StyledSystem.ResponsiveValue; borderBottomWidth?: StyledSystem.ResponsiveValue; borderLeftWidth?: StyledSystem.ResponsiveValue; borderRightWidth?: StyledSystem.ResponsiveValue; css?: any; } declare type FontSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl'; export interface IFontSize { fontSize?: StyledSystem.ResponsiveValue | StyledSystem.FontSizeProps['fontSize']; } declare type FontWeight = 'hairline' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black'; export interface IFontWeight { fontWeight?: StyledSystem.ResponsiveValue | StyledSystem.FontWeightProps['fontWeight']; } declare type LineHeight = 'none' | 'shorter' | 'short' | 'normal' | 'tall' | 'taller'; export interface ILineHeight { lineHeight?: StyledSystem.ResponsiveValue | StyledSystem.LineHeightProps['lineHeight']; } export declare type LetterSpacing = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest'; export interface ILetterSpacing { letterSpacing?: StyledSystem.ResponsiveValue | StyledSystem.LetterSpacingProps['letterSpacing']; } export interface As { as?: React.ElementType; } declare type TypographyProps = Omit; declare type StyledSystemProps = StyledSystem.LayoutProps & StyledSystem.ColorProps & StyledSystem.SpaceProps & StyledSystem.BordersProps & StyledSystem.BackgroundProps & StyledSystem.PositionProps & StyledSystem.FlexboxProps & StyledSystem.ShadowProps & StyledSystem.GridProps & StyledSystem.OpacityProps & StyledSystem.OverflowProps; declare type ModifiedStyledSystemProps = TypographyProps & IFontSize & ILetterSpacing & IFontWeight & ILineHeight & As & ICustomConfig; export declare type MinervaProps = StyledSystemProps & ModifiedStyledSystemProps & React.HTMLAttributes & React.RefAttributes; export declare const shouldForwardProp: any; export declare const BaseBox: import("styled-components").StyledComponent<"div", any, MinervaProps, never>; export declare type BoxProps = MinervaProps & PseudoBoxProps; export declare const Box: import("styled-components").StyledComponent<"div", any, BoxProps, never>; export declare const Block: import("styled-components").StyledComponent<"div", any, BoxProps, never>; export declare const Flex: import("styled-components").StyledComponent<"div", any, BoxProps, never>; export {};