@uiw/react-native
Version:
UIW for React Native
1,786 lines (1,785 loc) • 90.8 kB
TypeScript
/// <reference types="react" />
declare const Box: import("react").ForwardRefExoticComponent<import("@shopify/restyle").BackgroundColorProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & import("@shopify/restyle").OpacityProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & import("@shopify/restyle").VisibleProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & import("@shopify/restyle").LayoutProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & import("@shopify/restyle").SpacingProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & {
borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
borderStartWidth?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
borderEndWidth?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
} & {
borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
} & {
borderRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"x0" | "x1" | "x2" | "x3" | "x4" | "x5" | "x6" | "x7" | "x8" | "x9" | "x10", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
} & {
shadowOpacity?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
shadowOffset?: import("@shopify/restyle").ResponsiveValue<{
width: number;
height: number;
} | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
} & {
shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "background" | "mask" | "border" | "icon" | "disabled" | "text" | "text_active" | "primary_text" | "primary_background" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "white" | "black" | "func50" | "func100" | "func200" | "func300" | "func400" | "func500" | "func600" | "func700" | "func800" | "func900", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
} & {
position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
top?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
right?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
bottom?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
left?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
start?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
end?: import("@shopify/restyle").ResponsiveValue<string | number | undefined, {
phone: number;
tablet: number;
largeTablet: number;
}>;
} & {
zIndex?: import("@shopify/restyle").ResponsiveValue<"1" | "9" | "19" | "29" | "39" | "49" | "59" | "69" | "79" | "89" | "99" | "199" | "299" | "399" | "499" | "599" | "699" | "799" | "899" | "999", {
phone: number;
tablet: number;
largeTablet: number;
}> | undefined;
} & import("@shopify/restyle").SpacingShorthandProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & import("@shopify/restyle").BackgroundColorShorthandProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & Omit<import("react-native").ViewProps & {
children?: import("react").ReactNode;
}, "p" | "g" | "visible" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderLeftColor" | "borderRightColor" | "borderStartColor" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopStartRadius" | "elevation" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "bottom" | "flex" | "end" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "backgroundColor" | "overflow" | "bg" | "m" | "ms" | "columnGap" | "rowGap" | "gap" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "me" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "rg" | "cg"> & import("react").RefAttributes<unknown>> & {
defaultProps?: Partial<import("@shopify/restyle").BackgroundColorProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};
textVariants: {
defaults: {
fontFamily: string;
};
h0: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h1: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: number;
lineHeight: number;
fontFamily: string;
};
h4: {};
h5: {};
h6: {};
h7: {};
h8: {};
h9: {};
p0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
p4: {};
p5: {};
p6: {};
p7: {};
p8: {};
p9: {};
d0: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d1: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d2: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d3: {
fontSize: number;
lineHeight: number;
fontFamily: string;
};
d4: {};
d5: {};
d6: {};
d7: {};
d8: {};
d9: {};
};
theme: string;
}> & import("@shopify/restyle").OpacityProps<{
spacing: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
borderRadii: {
x0: number;
x1: number;
x2: number;
x3: number;
x4: number;
x5: number;
x6: number;
x7: number;
x8: number;
x9: number;
x10: number;
};
zIndices: {
'1': number;
'9': number;
'19': number;
'29': number;
'39': number;
'49': number;
'59': number;
'69': number;
'79': number;
'89': number;
'99': number;
'199': number;
'299': number;
'399': number;
'499': number;
'599': number;
'699': number;
'799': number;
'899': number;
'999': number;
};
breakpoints: {
phone: number;
tablet: number;
largeTablet: number;
};
colors: {
background: string;
mask: string;
border: string;
icon: string;
disabled: string;
text: string;
text_active: string;
primary_text: string;
primary_background: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
transparent: string;
func50: string;
func100: string;
func200: string;
func300: string;
func400: string;
func500: string;
func600: string;
func700: string;
func800: string;
func900: string;
};