/// import { Animated } from 'react-native'; import Reanimated from 'react-native-reanimated'; export declare const Box: import("react").ForwardRefExoticComponent & import("@shopify/restyle").OpacityProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").VisibleProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").LayoutProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").SpacingProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & { borderBottomWidth?: import("@shopify/restyle").ResponsiveValue; borderLeftWidth?: import("@shopify/restyle").ResponsiveValue; borderRightWidth?: import("@shopify/restyle").ResponsiveValue; borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; borderTopWidth?: import("@shopify/restyle").ResponsiveValue; borderStartWidth?: import("@shopify/restyle").ResponsiveValue; borderEndWidth?: import("@shopify/restyle").ResponsiveValue; borderWidth?: import("@shopify/restyle").ResponsiveValue; } & { borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { borderRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; } & { shadowOpacity?: import("@shopify/restyle").ResponsiveValue; shadowOffset?: import("@shopify/restyle").ResponsiveValue<{ width: number; height: number; } | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; shadowRadius?: import("@shopify/restyle").ResponsiveValue; elevation?: import("@shopify/restyle").ResponsiveValue; } & { shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; top?: import("@shopify/restyle").ResponsiveValue; right?: import("@shopify/restyle").ResponsiveValue; bottom?: import("@shopify/restyle").ResponsiveValue; left?: import("@shopify/restyle").ResponsiveValue; start?: import("@shopify/restyle").ResponsiveValue; end?: import("@shopify/restyle").ResponsiveValue; } & { zIndex?: import("@shopify/restyle").ResponsiveValue | undefined; } & import("@shopify/restyle").SpacingShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").BackgroundColorShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & Pick & import("react").RefAttributes> & { defaultProps?: Partial & import("@shopify/restyle").OpacityProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").VisibleProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").LayoutProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").SpacingProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & { borderBottomWidth?: import("@shopify/restyle").ResponsiveValue; borderLeftWidth?: import("@shopify/restyle").ResponsiveValue; borderRightWidth?: import("@shopify/restyle").ResponsiveValue; borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; borderTopWidth?: import("@shopify/restyle").ResponsiveValue; borderStartWidth?: import("@shopify/restyle").ResponsiveValue; borderEndWidth?: import("@shopify/restyle").ResponsiveValue; borderWidth?: import("@shopify/restyle").ResponsiveValue; } & { borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { borderRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; } & { shadowOpacity?: import("@shopify/restyle").ResponsiveValue; shadowOffset?: import("@shopify/restyle").ResponsiveValue<{ width: number; height: number; } | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; shadowRadius?: import("@shopify/restyle").ResponsiveValue; elevation?: import("@shopify/restyle").ResponsiveValue; } & { shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; top?: import("@shopify/restyle").ResponsiveValue; right?: import("@shopify/restyle").ResponsiveValue; bottom?: import("@shopify/restyle").ResponsiveValue; left?: import("@shopify/restyle").ResponsiveValue; start?: import("@shopify/restyle").ResponsiveValue; end?: import("@shopify/restyle").ResponsiveValue; } & { zIndex?: import("@shopify/restyle").ResponsiveValue | undefined; } & import("@shopify/restyle").SpacingShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").BackgroundColorShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & Pick & import("react").RefAttributes> | undefined; }; export declare const AnimatedBox: Animated.AnimatedComponent & import("@shopify/restyle").OpacityProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").VisibleProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").LayoutProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").SpacingProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & { borderBottomWidth?: import("@shopify/restyle").ResponsiveValue; borderLeftWidth?: import("@shopify/restyle").ResponsiveValue; borderRightWidth?: import("@shopify/restyle").ResponsiveValue; borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; borderTopWidth?: import("@shopify/restyle").ResponsiveValue; borderStartWidth?: import("@shopify/restyle").ResponsiveValue; borderEndWidth?: import("@shopify/restyle").ResponsiveValue; borderWidth?: import("@shopify/restyle").ResponsiveValue; } & { borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { borderRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; } & { shadowOpacity?: import("@shopify/restyle").ResponsiveValue; shadowOffset?: import("@shopify/restyle").ResponsiveValue<{ width: number; height: number; } | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; shadowRadius?: import("@shopify/restyle").ResponsiveValue; elevation?: import("@shopify/restyle").ResponsiveValue; } & { shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; top?: import("@shopify/restyle").ResponsiveValue; right?: import("@shopify/restyle").ResponsiveValue; bottom?: import("@shopify/restyle").ResponsiveValue; left?: import("@shopify/restyle").ResponsiveValue; start?: import("@shopify/restyle").ResponsiveValue; end?: import("@shopify/restyle").ResponsiveValue; } & { zIndex?: import("@shopify/restyle").ResponsiveValue | undefined; } & import("@shopify/restyle").SpacingShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").BackgroundColorShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & Pick & import("react").RefAttributes> & { defaultProps?: Partial & import("@shopify/restyle").OpacityProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").VisibleProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").LayoutProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").SpacingProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & { borderBottomWidth?: import("@shopify/restyle").ResponsiveValue; borderLeftWidth?: import("@shopify/restyle").ResponsiveValue; borderRightWidth?: import("@shopify/restyle").ResponsiveValue; borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; borderTopWidth?: import("@shopify/restyle").ResponsiveValue; borderStartWidth?: import("@shopify/restyle").ResponsiveValue; borderEndWidth?: import("@shopify/restyle").ResponsiveValue; borderWidth?: import("@shopify/restyle").ResponsiveValue; } & { borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { borderRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; } & { shadowOpacity?: import("@shopify/restyle").ResponsiveValue; shadowOffset?: import("@shopify/restyle").ResponsiveValue<{ width: number; height: number; } | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; shadowRadius?: import("@shopify/restyle").ResponsiveValue; elevation?: import("@shopify/restyle").ResponsiveValue; } & { shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; top?: import("@shopify/restyle").ResponsiveValue; right?: import("@shopify/restyle").ResponsiveValue; bottom?: import("@shopify/restyle").ResponsiveValue; left?: import("@shopify/restyle").ResponsiveValue; start?: import("@shopify/restyle").ResponsiveValue; end?: import("@shopify/restyle").ResponsiveValue; } & { zIndex?: import("@shopify/restyle").ResponsiveValue | undefined; } & import("@shopify/restyle").SpacingShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").BackgroundColorShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & Pick & import("react").RefAttributes> | undefined; }>; export declare const ReanimatedBox: import("react").FunctionComponent & import("@shopify/restyle").OpacityProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").VisibleProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").LayoutProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").SpacingProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & { borderBottomWidth?: import("@shopify/restyle").ResponsiveValue; borderLeftWidth?: import("@shopify/restyle").ResponsiveValue; borderRightWidth?: import("@shopify/restyle").ResponsiveValue; borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; borderTopWidth?: import("@shopify/restyle").ResponsiveValue; borderStartWidth?: import("@shopify/restyle").ResponsiveValue; borderEndWidth?: import("@shopify/restyle").ResponsiveValue; borderWidth?: import("@shopify/restyle").ResponsiveValue; } & { borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { borderRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue | undefined; borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue | undefined; } & { shadowOpacity?: import("@shopify/restyle").ResponsiveValue; shadowOffset?: import("@shopify/restyle").ResponsiveValue<{ width: number; height: number; } | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; shadowRadius?: import("@shopify/restyle").ResponsiveValue; elevation?: import("@shopify/restyle").ResponsiveValue; } & { shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "green" | "white" | "gray100" | "gray60" | "gray5" | "chiperBrandRed" | "yankeesBlue" | "darkBlueGray" | "ghostWhite" | "bleuDeFrance" | "blueJeans" | "blue10" | "brightYellow" | "philippineGreen" | "diferente" | "positiva" | "visionaria" | "cercana" | "creativa" | "sonadora" | "productiva" | "extraordinaria" | "transformadora" | "honeydev" | "gray200" | "gray300" | "gray25" | "greenWithOpacity" | "whiteWithOpacity" | "blackWithOpacity" | "black", { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> | undefined; } & { position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | undefined, { fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }>; top?: import("@shopify/restyle").ResponsiveValue; right?: import("@shopify/restyle").ResponsiveValue; bottom?: import("@shopify/restyle").ResponsiveValue; left?: import("@shopify/restyle").ResponsiveValue; start?: import("@shopify/restyle").ResponsiveValue; end?: import("@shopify/restyle").ResponsiveValue; } & { zIndex?: import("@shopify/restyle").ResponsiveValue | undefined; } & import("@shopify/restyle").SpacingShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & import("@shopify/restyle").BackgroundColorShorthandProps<{ fonts: { caustenRoundBold: string; caustenRoundRegular: string; }; colors: { yankeesBlue: string; green: string; chiperBrandRed: string; darkBlueGray: string; ghostWhite: string; white: string; bleuDeFrance: string; blueJeans: string; blue10: string; brightYellow: string; philippineGreen: string; diferente: string; positiva: string; visionaria: string; cercana: string; creativa: string; sonadora: string; productiva: string; extraordinaria: string; transformadora: string; honeydev: string; gray200: string; gray300: string; gray100: string; gray60: string; gray25: string; gray5: string; greenWithOpacity: string; whiteWithOpacity: string; blackWithOpacity: string; transparent: string; black: string; }; spacing: { 'spacing-none': number; 'spacing-xxxxs': number; 'spacing-xxxs': number; 'spacing-xxs': number; 'spacing-xs': number; 'spacing-xms': number; 'spacing-s': number; 'spacing-xm': number; 'spacing-m': number; 'spacing-l': number; 'spacing-xl': number; }; breakpoints: { phone: number; }; textVariants: { H1: { fontSize: number; lineHeight: number; fontFamily: string; }; H2: { fontSize: number; lineHeight: number; fontFamily: string; }; H3: { fontSize: number; lineHeight: number; fontFamily: string; }; H4: { fontSize: number; lineHeight: number; fontFamily: string; }; SubTitle: { fontSize: number; lineHeight: number; fontFamily: string; }; body: { fontSize: number; lineHeight: number; fontFamily: string; }; mediumBody: { fontSize: number; lineHeight: number; fontFamily: string; }; label: { fontSize: number; lineHeight: number; fontFamily: string; }; SubHead: { fontSize: number; lineHeight: number; fontFamily: string; }; }; buttonVariants: { primary: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedDisabled: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; badgeVariants: { primary: { backgroundColor: string; }; danger: { backgroundColor: string; }; light: { backgroundColor: string; }; disabled: { backgroundColor: string; }; outlined: { backgroundColor: string; borderColor: string; borderWidth: number; }; outlinedPrimary: { backgroundColor: string; borderColor: string; borderWidth: number; }; }; }> & Pick & import("react").RefAttributes>>; export declare type BoxProps = React.ComponentProps;