@hero-design/rn 8.64.9-alpha.0 → 8.65.0-alpha.0

package/types/components/FAB/StyledFAB.d.ts

@@ -2,21 +2,21 @@ import type { TextProps } from 'react-native';
 import { Animated, TouchableHighlight } from 'react-native';
 import type { IconProps } from '../Icon';
 declare const StyledFAB: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").TouchableHighlightProps & import("react").RefAttributes<TouchableHighlight>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeActive?: boolean | undefined;
 }, {}, {}>;
 declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;
 declare const StyledFABText: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & TextProps, {}, {}>;
 declare const StyledIconContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;
 export { StyledFAB, StyledFABIcon, StyledFABText, StyledIconContainer };

package/types/components/Icon/HeroIcon/index.d.ts

@@ -1,7 +1,7 @@
 declare type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 declare type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
 declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeSize: ThemeSize;

package/types/components/List/StyledBasicListItem.d.ts

@@ -1,24 +1,24 @@
 import { TouchableHighlight, View } from 'react-native';
 declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeSelected?: boolean | undefined;

package/types/components/List/StyledListItem.d.ts

@@ -2,7 +2,7 @@ import { TouchableHighlight, View } from 'react-native';
 export declare type Variant = 'full-width' | 'card';
 export declare type LeadingStatusIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
 declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeSelected?: boolean | undefined;
@@ -11,19 +11,19 @@ declare const StyledListItemContainer: import("@emotion/native").StyledComponent
     ref?: import("react").Ref<TouchableHighlight> | undefined;
 }>;
 declare const StyledContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledChildrenContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledLeadingStatus: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeLeadingStatusIntent: LeadingStatusIntent;
@@ -31,19 +31,19 @@ declare const StyledLeadingStatus: import("@emotion/native").StyledComponent<imp
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;

package/types/components/MapPin/Focussed.d.ts

@@ -0,0 +1,13 @@
+import { ViewProps, StyleProp, ViewStyle } from 'react-native';
+export interface MapPinFocussedProps extends ViewProps {
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const MapPinFocussed: ({ style, testID, ...nativeProps }: MapPinFocussedProps) => JSX.Element;
+export default MapPinFocussed;

package/types/components/MapPin/StyledMapPin.d.ts

@@ -0,0 +1,32 @@
+import { View } from 'react-native';
+declare type State = 'idle' | 'selected' | 'applied';
+export declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    themeState: State;
+    themeIsIcon: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledBadge: import("@emotion/native").StyledComponent<import("../Badge/types").IconBadgeProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+export declare const StyledImage: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").Image> | undefined;
+}>;
+export declare const StyledFocusIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+export {};

package/types/components/MapPin/index.d.ts

@@ -0,0 +1,5 @@
+import { MapPinProps } from './types';
+declare const _default: (({ style, testID, state, image, icon, ...nativeProps }: MapPinProps) => JSX.Element) & {
+    Focussed: ({ style, testID, ...nativeProps }: import("./Focussed").MapPinFocussedProps) => JSX.Element;
+};
+export default _default;

package/types/components/MapPin/types.d.ts

@@ -0,0 +1,38 @@
+import { ViewProps, StyleProp, ViewStyle, ImageProps } from 'react-native';
+import { IconName } from '../Icon';
+interface BaseMapPinProps extends ViewProps {
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * State of the map pin.
+     */
+    state?: 'idle' | 'selected' | 'applied';
+}
+interface ImageMapPinProps extends BaseMapPinProps {
+    /**
+     * Icon to display in the map pin.
+     */
+    icon?: never;
+    /**
+     * Image to display in the map pin.
+     */
+    image: ImageProps;
+}
+interface IconMapPinProps extends BaseMapPinProps {
+    /**
+     * Icon to display in the map pin.
+     */
+    icon: IconName;
+    /**
+     * Image to display in the map pin.
+     */
+    image?: never;
+}
+export declare type MapPinProps = ImageMapPinProps | IconMapPinProps;
+export {};

package/types/components/PageControl/StyledPageControl.d.ts

@@ -1,12 +1,12 @@
 import { Animated, View } from 'react-native';
 declare const StyledPageControl: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledPageControlAnimatedView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;
 export { StyledPageControl, StyledPageControlAnimatedView };

package/types/components/PinInput/StyledPinInput.d.ts

@@ -1,19 +1,19 @@
 import { TextInput, View } from 'react-native';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledPinWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare type State = 'default' | 'disabled' | 'error';
 export declare const StyledCell: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeFocused: boolean;
@@ -22,19 +22,19 @@ export declare const StyledCell: import("@emotion/native").StyledComponent<impor
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledCellText: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeState: State;
 }, {}, {}>;
 export declare const StyledSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeState: State;
@@ -42,7 +42,7 @@ export declare const StyledMask: import("@emotion/native").StyledComponent<impor
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledFilledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeState: State;
@@ -50,7 +50,7 @@ export declare const StyledFilledMask: import("@emotion/native").StyledComponent
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledHiddenInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themePinLength: number;
@@ -58,12 +58,12 @@ export declare const StyledHiddenInput: import("@emotion/native").StyledComponen
     ref?: import("react").Ref<TextInput> | undefined;
 }>;
 export declare const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledErrorMessage: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;

package/types/components/Progress/ProgressStep.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export interface ProgressStepProps extends ViewProps {
+    /**
+     * The total number of steps.
+     */
+    steps: number;
+    /**
+     * The current step.
+     */
+    current: number;
+    /**
+     * Test ID of the component.
+     */
+    testID?: string;
+}
+declare type StepState = 'complete' | 'incomplete' | 'current';
+export declare const getStepState: (current: number, index: number) => StepState;
+declare const ProgressStep: ({ steps, current, onLayout, ...props }: ProgressStepProps) => React.JSX.Element;
+export default ProgressStep;

package/types/components/Progress/StyledProgressBar.d.ts

@@ -2,7 +2,7 @@ import { Animated, View } from 'react-native';
 import type { ViewProps } from 'react-native';
 import type { ThemeIntent } from './types';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;
@@ -10,7 +10,7 @@ declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledInner: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;

package/types/components/Progress/StyledProgressCircle.d.ts

@@ -2,19 +2,19 @@ import { View } from 'react-native';
 import type { ViewProps } from 'react-native';
 import type { ThemeIntent } from './types';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledHalfCircleWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledHalfCircleInnerFG: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;
@@ -22,7 +22,7 @@ declare const StyledHalfCircleInnerFG: import("@emotion/native").StyledComponent
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledHalfCircleInnerBG: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;
@@ -30,13 +30,13 @@ declare const StyledHalfCircleInnerBG: import("@emotion/native").StyledComponent
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledDonutCircle: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledStrokeEnd: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;

package/types/components/Progress/StyledStep.d.ts

@@ -0,0 +1,23 @@
+declare type StepState = 'complete' | 'incomplete' | 'current';
+declare const StyledStepContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+declare const StyledStep: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    themeState: StepState;
+    themeWidth: number;
+}, {}, {}>;
+declare const StyledSingleStepContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+declare const StyledSingleStep: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    themeState: 'complete' | 'incomplete';
+}, {}, {}>;
+export { StyledStepContainer, StyledStep, StyledSingleStepContainer, StyledSingleStep, };

package/types/components/Radio/StyledRadio.d.ts

@@ -1,19 +1,19 @@
 import { View } from 'react-native';
 declare type RadioIntent = 'light' | 'dark';
 declare const Circle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const InnerCircle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: RadioIntent;
@@ -21,7 +21,7 @@ declare const Spacer: import("@emotion/native").StyledComponent<import("react-na
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledRadio: import("@emotion/native").StyledComponent<import("../List/ListItem").ListItemProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: RadioIntent;

package/types/components/Rate/StyledRate.d.ts

@@ -1,10 +1,10 @@
 import { Animated, View } from 'react-native';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;
 declare const StyledIconWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;
 export { StyledWrapper, StyledIconWrapper };

package/types/components/RichTextEditor/StyledRichTextEditor.d.ts

@@ -1,13 +1,13 @@
 import { View } from 'react-native';
 import { WebView } from 'react-native-webview';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledWebView: import("@emotion/native").StyledComponent<import("react-native-webview/lib/WebViewTypes").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes").WindowsWebViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     height: number | undefined;

package/types/components/RichTextEditor/StyledToolbar.d.ts

@@ -1,6 +1,6 @@
 import { TouchableOpacity, View } from 'react-native';
 export declare const StyledToolbarButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     selected: boolean;
@@ -8,13 +8,13 @@ export declare const StyledToolbarButton: import("@emotion/native").StyledCompon
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
 export declare const StyledToolbar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledSeparator: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;

package/types/components/Search/SearchOneLine.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import type { TextInputProps as NativeTextInputProps, TextInput as RNTextInput, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { State } from './StyledSearch';
+import { IconName } from '../Icon';
+export declare type SearchOneLineHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
+interface SearchOneLineProps extends NativeTextInputProps {
+    /**
+     * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
+     */
+    prefix?: IconName | React.ReactElement;
+    /**
+     * Name of Icon or ReactElement to render on the right side of the input.
+     */
+    suffix?: IconName | React.ReactElement;
+    /**
+     * Additional wrapper style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Input text style.
+     */
+    textStyle?: StyleProp<TextStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * Accessibility label for the input (Android).
+     */
+    accessibilityLabelledBy?: string;
+    /**
+     *  Placeholder text to display.
+     * */
+    placeholder?: string;
+    /**
+     * Whether the input is editable.
+     * */
+    editable?: boolean;
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The max length of the input.
+     * If the max length is set, the input will display the current length and the max length.
+     * */
+    maxLength?: number;
+    /**
+     * Whether to hide the character count.
+     * */
+    renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+    /**
+     * Variant of the SearchTwo
+     * @default 'basic'
+     */
+    variant?: 'basic' | 'reversed';
+}
+export declare const getState: ({ disabled, editable, isEmptyValue, }: {
+    disabled?: boolean | undefined;
+    editable?: boolean | undefined;
+    isFocused?: boolean | undefined;
+    isEmptyValue?: boolean | undefined;
+}) => State;
+declare const SearchOneLine: React.ForwardRefExoticComponent<SearchOneLineProps & React.RefAttributes<SearchOneLineHandles>>;
+export default SearchOneLine;

package/types/components/Search/SearchSuffixIcon.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { IconName } from '../Icon';
+import { BadgeProps } from '../Badge';
+interface SearchSuffixIconProps {
+    /**
+     * Name of Icon or ReactElement to render on the right side of the input.
+     */
+    suffix?: IconName | React.ReactElement;
+    /**
+     * Additional wrapper style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * Badge props to be render on the suffix.
+     */
+    badge?: Omit<BadgeProps, 'size'>;
+}
+declare const SearchSuffixIcon: (props: SearchSuffixIconProps) => React.JSX.Element;
+export default SearchSuffixIcon;

package/types/components/Search/SearchTwoLine.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { IconName } from '../Icon';
+interface SearchTwoLineProps {
+    /**
+     * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
+     */
+    prefix?: IconName | React.ReactElement;
+    /**
+     * Name of Icon or ReactElement to render on the right side of the input.
+     */
+    suffix?: IconName | React.ReactElement;
+    /**
+     * Additional wrapper style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Label of the Input handler.
+     */
+    label: React.ReactNode;
+    /**
+     * Content of the Input handler.
+     */
+    content: React.ReactNode;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * Variant of the SearchTwo
+     * @default 'basic'
+     */
+    variant?: 'basic' | 'reversed';
+}
+declare const SearchTwoLine: (props: SearchTwoLineProps) => React.JSX.Element;
+export default SearchTwoLine;