import React from 'react'; import { VariantProps } from '@shopify/restyle'; export declare type BadgeProps = React.ComponentProps & { amount?: number; type?: TypeBadge; }; export declare type TypeBadge = 'dot' | 'normal'; declare const BadgeContainer: React.ForwardRefExoticComponent & import("@shopify/restyle").BackgroundColorProps<{ 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").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 & React.RefAttributes, "width" | "top" | "bottom" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "bg" | "backgroundColor" | "opacity" | "visible" | "shadowColor" | "zIndex" | keyof import("react-native").ViewProps | "key" | "variant"> & React.RefAttributes> & { defaultProps?: Partial & import("@shopify/restyle").BackgroundColorProps<{ 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").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 & React.RefAttributes, "width" | "top" | "bottom" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "bg" | "backgroundColor" | "opacity" | "visible" | "shadowColor" | "zIndex" | keyof import("react-native").ViewProps | "key" | "variant"> & React.RefAttributes> | undefined; }; export declare const Badge: React.FC; export {};