import * as React from 'react'; import type { BaseTheme, ColorProps, OpacityProps, SpacingProps, SpacingShorthandProps, TextShadowProps, TypographyProps, VariantProps, VisibleProps } from '@shopify/restyle'; import type { Text as RNText } from 'react-native'; import { Animated } from 'react-native'; import type { Theme } from './../../theme/theme'; declare type BaseTextProps = ColorProps & OpacityProps & VisibleProps & TypographyProps & SpacingProps & TextShadowProps & VariantProps; interface IProps { bold?: boolean; } export declare type TextProps = BaseTextProps & SpacingShorthandProps; /** * `Text` helps us create hierarchies, organize information, and guide our users through pages * @param bold is an optional `boolean` to set a font weight * * @example * ```tsx The wizard quickly jinxed the gnomes before they vaporized * ``` * * @see https://zeroheight.com/502cb86ad/p/05f910-typography */ export declare const Text: ({ children, bold, ...props }: IProps & import("react-native").TextProps & { children?: React.ReactNode; } & ColorProps<{ 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; }; }; }> & 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; }; }; }> & 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; }; }; }> & TypographyProps<{ 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; }; }; }> & 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; }; }; }> & { textShadowOffset?: 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; }; }; }>; textShadowRadius?: import("@shopify/restyle").ResponsiveValue; } & { textShadowColor?: 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; } & VariantProps<{ 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; }; }; }, "textVariants", "variant"> & 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; }; }; }>) => JSX.Element; export declare const AnimatedText: Animated.AnimatedComponent & 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; }; }; }> & 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; }; }; }> & TypographyProps<{ 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; }; }; }> & 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; }; }; }> & { textShadowOffset?: 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; }; }; }>; textShadowRadius?: import("@shopify/restyle").ResponsiveValue; } & { textShadowColor?: 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; } & VariantProps<{ 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; }; }; }, "textVariants", "variant"> & 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; }; }; }> & Pick & React.RefAttributes> & { defaultProps?: Partial & 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; }; }; }> & 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; }; }; }> & TypographyProps<{ 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; }; }; }> & 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; }; }; }> & { textShadowOffset?: 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; }; }; }>; textShadowRadius?: import("@shopify/restyle").ResponsiveValue; } & { textShadowColor?: 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; } & VariantProps<{ 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; }; }; }, "textVariants", "variant"> & 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; }; }; }> & Pick & React.RefAttributes> | undefined; }>; export {};