coral-ui
Version:
Biblioteca de components criada pelo Design System para os produtos da Pulse criada em react-native
202 lines (201 loc) • 5.89 kB
TypeScript
export declare const borderWidthValues: {
none: number;
xs: number;
sm: number;
md: number;
lg: number;
};
export declare const borderRadiusValues: {
none: number;
nano: number;
sm: number;
md: number;
lg: number;
pill: number;
circular: number;
};
export declare const sizeHeightValues: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
};
export declare const fontSizeValues: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
'2xl': number;
'3xl': number;
'4xl': number;
'5xl': number;
'6xl': number;
'7xl': number;
'8xl': number;
'9xl': number;
'10xl': number;
};
export declare const lineHeightValues: {
lg: number;
md: number;
sm: number;
xs: number;
};
export declare const letterSpacingValues: {
lg: number;
md: number;
sm: number;
xs: number;
};
export declare const opacityValues: {
'opacity-80': number;
'opacity-64': number;
'opacity-32': number;
'opacity-16': number;
'opacity-08': number;
};
export declare const shadowOffsetValues: {
xs: {
width: number;
height: number;
};
sm: {
width: number;
height: number;
};
md: {
width: number;
height: number;
};
lg: {
width: number;
height: number;
};
};
export declare const shadowOpacityValues: {
xs: number;
sm: number;
md: number;
lg: number;
};
export declare const shadowRadiusValues: {
xs: number;
sm: number;
md: number;
lg: number;
};
export declare const spacingValues: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
'2xl': number;
'3xl': number;
'4xl': number;
'5xl': number;
'6xl': number;
'7xl': number;
'8xl': number;
'9xl': number;
};
export declare const sizeValues: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
'2xl': number;
};
export declare const borderWidth: {
property: "bw";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "borderWidth" | "bw">;
};
export declare const borderBottomWidth: {
property: "bbw";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "borderBottomWidth" | "bbw">;
};
export declare const borderTopWidth: {
property: "btw";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "borderTopWidth" | "btw">;
};
export declare const borderLeftWidth: {
property: "blw";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "borderLeftWidth" | "blw">;
};
export declare const borderRightWidth: {
property: "brw";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "borderRightWidth" | "brw">;
};
export declare const borderRadius: {
property: "br";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "borderRadius" | "br">;
};
export declare const fontSize: {
property: "fs";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "fontSize" | "fs">;
};
export declare const heightComponent: {
property: "h";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "height" | "h">;
};
export declare const widthComponent: {
property: "w";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "width" | "w">;
};
export declare const lineHeight: {
property: "lh";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "lineHeight" | "lh">;
};
export declare const letterSpacing: {
property: "ls";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "letterSpacing" | "ls">;
};
export declare const opacity: {
property: "op";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "opacity" | "op">;
};
export declare const shadowOffset: {
property: "sof";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "shadowOffset" | "sof">;
};
export declare const shadowRadius: {
property: "sr";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "shadowRadius" | "sr">;
};
export declare const shadowOpacity: {
property: "sop";
themeKey: undefined;
variant: boolean;
func: import("@shopify/restyle").RestyleFunction<Record<string, any>, import("@shopify/restyle").BaseTheme, "shadowOpacity" | "sop">;
};