@hero-design/rn 0.0.0-mainIsReactNative-1 → 0.0.0-mainIsReactNative-2

package/types/components/StatusScreens/Error/StyledError.d.ts

@@ -1,32 +1,55 @@
+import { View } from 'react-native';
 type ErrorVariant = 'full-screen' | 'in-page';
-declare const StyledErrorModal: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorButtonContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorImageContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorIconContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorImage: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorTitle: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorDescription: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+declare const StyledErrorModal: import("@emotion/native").StyledComponent<import("../../Modal").ModalProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: ErrorVariant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../../..").ButtonProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorIconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorImage: import("@emotion/native").StyledComponent<import("../../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../../..").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, StyledErrorIconContainer, };

package/types/components/StatusScreens/Success/StyledSuccess.d.ts

@@ -1,32 +1,55 @@
+import { View } from 'react-native';
 type SuccessVariant = 'full-screen' | 'in-page';
-declare const StyledSuccessContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessImage: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessImageContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessIconContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuccessModal: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+declare const StyledSuccessContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: SuccessVariant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImage: import("@emotion/native").StyledComponent<import("../../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessIconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../../..").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<import("../../..").ButtonProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessModal: import("@emotion/native").StyledComponent<import("../../Modal").ModalProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessIconContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonSecondary, StyledSuccessModal, };

package/types/components/Swipeable/StyledSwipeable.d.ts

@@ -1,4 +1,7 @@
 export type ActionIntent = 'primary' | 'success' | 'danger';
-export declare const StyledRectButton: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+export declare const StyledRectButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: ActionIntent;
+}, {}, {}>;

package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts

@@ -1,12 +1,19 @@
-export declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledTextWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledIconWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledKnot: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View, Animated } from 'react-native';
+export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+export declare const StyledTextWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledIconWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledKnot: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;

package/types/components/Switch/StyledSwitch.d.ts

@@ -1,8 +1,15 @@
+import { Animated, View } from 'react-native';
 export type Variant = 'checked' | 'unchecked' | 'disabled-checked' | 'disabled-unchecked';
-declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledKnot: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: Variant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledKnot: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledWrapper, StyledKnot };

package/types/components/Tabs/StyledScrollableTabs.d.ts

@@ -1,31 +1,60 @@
-declare const TabScreen: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const TabContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabPillLeft: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabPillBody: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabPillRight: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabItemActiveBorder: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabItemWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const HeaderTabItemIndicator: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+import { Animated, View } from 'react-native';
+declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeInsets: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabItem: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isFirstItem?: boolean;
+    themeVariant?: "underlined" | "highlighted";
+}, {}, {}>;
+declare const HeaderTabPillLeft: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const HeaderTabPillBody: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const HeaderTabPillRight: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const HeaderTabItemActiveBorder: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const HeaderTabItemWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabItemIndicator: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { HeaderTabItem, TabScreen, TabContainer, HeaderTabWrapper, HeaderTabPillLeft, HeaderTabPillBody, HeaderTabPillRight, HeaderTabItemActiveBorder, HeaderTabItemWrapper, HeaderTabItemIndicator, };

package/types/components/Tabs/StyledTabs.d.ts

@@ -1,19 +1,45 @@
-declare const TabContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { Animated, View } from 'react-native';
+declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeInsets: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const HeaderTab: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const HeaderTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const HeaderTabItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const HeaderTabItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledIndicator: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledBadgeWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledIndicator: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeWidth: number;
+}, {}, {}>;
+declare const StyledBadgeWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { TabContainer, HeaderTabWrapper, HeaderTab, HeaderTabItem, StyledIndicator, StyledBadgeWrapper, };

package/types/components/Tag/StyledTag.d.ts

@@ -1,10 +1,24 @@
-declare const StyledView: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledTagIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type ThemeIntent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived' | 'neutral';
+declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledText: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {}>;
+declare const StyledTagIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: ThemeIntent;
+    themePosition: "left" | "right";
+}, {}, {}>;
 export { StyledText, StyledView, StyledTagIcon };

package/types/components/TextInput/AssistiveInfoTrigger/StyledAssistiveInfoTrigger.d.ts

@@ -1,6 +1,11 @@
-export declare const StyledTouchable: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledRow: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+export declare const StyledTouchable: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledRow: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/TextInput/StyledTextInput.d.ts

@@ -1,45 +1,103 @@
+import { TextInput, View, Animated } from 'react-native';
+import type { Theme } from '@emotion/react';
 export type State = 'default' | 'filled' | 'disabled' | 'readonly' | 'error';
-declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+type Variant = 'text' | 'textarea';
+declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledLabelContainerInsideTextInput: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledLabelContainerInsideTextInput: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: Variant;
+}, {}, {}>;
+declare const StyledLabelInsideTextInput: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledLabelInsideTextInput: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledAsteriskLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+}, {}, {}>;
+declare const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledAsteriskLabelInsideTextInput: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledError: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+}, {}, {}>;
+declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, fontStyle, style, testID, ...nativeProps }: import("../..").CaptionProps) => import("react").JSX.Element;
+declare const StyledTextInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: Variant;
+}, {}, {
+    ref?: import("react").Ref<TextInput> | undefined;
 }>;
-declare const StyledErrorContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledBorderBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+    themeFocused: boolean;
+    themeFilled: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledError: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledTextInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: Variant;
+    themeState: State;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledInputContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeHasLabel: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, fontStyle, style, testID, ...nativeProps }: import("../Typography/Caption").CaptionProps) => import("react").JSX.Element;
-declare const StyledTextInput: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledTextInputAndLabelContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themeHasLabel: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledBorderBackDrop: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledErrorAndHelpTextContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledTextInputContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledInputContentContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledTextInputAndLabelContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorAndHelpTextContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledErrorAndMaxLengthContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledErrorAndMaxLengthContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledTextInputContainer, StyledAsteriskLabelInsideTextInput, StyledTextInput, StyledError, StyledMaxLengthMessage, StyledLabelInsideTextInput, StyledContainer, StyledErrorContainer, StyledHelperText, StyledInputContentContainer, StyledTextInputAndLabelContainer, StyledLabelContainerInsideTextInput, StyledErrorAndHelpTextContainer, StyledBorderBackDrop, StyledErrorAndMaxLengthContainer, };