@hero-design/rn 8.105.3 → 8.105.4

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

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

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

@@ -1,5 +1,5 @@
-import { ViewProps, StyleProp, ViewStyle, ImageProps } from 'react-native';
-import { IconName } from '../Icon';
+import type { ViewProps, StyleProp, ViewStyle, ImageProps } from 'react-native';
+import type { IconName } from '../Icon';
 interface BaseMapPinProps extends ViewProps {
     /**
      * Additional style.

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface ModalProps {
     /**
      * Content of the modal.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface PageControlProps {
     /**
      * The number of pages to display

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

@@ -1,6 +1,6 @@
-import React, { ComponentProps } from 'react';
-import { TextInput } from 'react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { ComponentProps } from 'react';
+import React from 'react';
+import type { StyleProp, ViewStyle, TextInput } from 'react-native';
 import type { State } from './StyledPinInput';
 interface PinInputProps {
     /**

package/types/components/Portal/contexts.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import type React from 'react';
 import type { ReactNode } from 'react';
-import { ActionTypes } from './types';
+import type { ActionTypes } from './types';
 export interface PortalType {
     name: string;
     node: ReactNode;

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

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
-import { Theme } from '../../theme';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { Theme } from '../../theme';
 export interface PortalProps {
     name?: string;
     hostName?: string;

package/types/components/Portal/reducer.d.ts

@@ -1,4 +1,4 @@
-import { PortalType } from './contexts';
+import type { PortalType } from './contexts';
 import type { ActionTypes } from './types';
 type State = Record<string, Array<PortalType>>;
 export declare const reducer: (state: Record<string, Array<PortalType>>, action: ActionTypes) => State;

package/types/components/Portal/usePortal.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare const usePortal: (hostName?: string) => {
     registerHost: () => void;
     deregisterHost: () => void;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export interface ProgressStepProps extends ViewProps {
     /**
      * The total number of steps.

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

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
 export interface RadioProps {
     /**

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

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from 'react';
-import { IconName } from '../Icon';
+import type { ReactElement, ReactNode } from 'react';
+import type { IconName } from '../Icon';
 export type OptionType<T> = {
     value: T;
     text: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export interface RateOption<T extends string | number> {
     value: T;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RefreshControlProps as NativeRefreshControlProps } from 'react-native';
+import type { RefreshControlProps as NativeRefreshControlProps } from 'react-native';
 export type RefreshControlProps = Omit<NativeRefreshControlProps, 'colors' | 'tintColor'>;
 declare const RefreshControl: ({ ...props }: RefreshControlProps) => React.JSX.Element;
 export default RefreshControl;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ToolbarButtonName } from './types';
+import type { ToolbarButtonName } from './types';
 export interface EditorToolbarProps {
     /**
      * List of buttons to display in toolbar

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Ref } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import { TextUnit } from './types';
+import type { TextUnit } from './types';
 export interface RichTextEditorRef {
     requestBlur: VoidFunction;
     insertNodes: (nodes: Record<string, unknown>[]) => void;

package/types/components/RichTextEditor/utils/events.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from 'events';
+import type { EventEmitter } from 'events';
 export interface Listener<T> {
     (data: T): void;
 }

package/types/components/RichTextEditor/utils/rnWebView.d.ts

@@ -1,4 +1,4 @@
-import WebView from 'react-native-webview';
+import type WebView from 'react-native-webview';
 export declare const requestBlurEditor: (element: WebView) => void;
 export interface WebViewEventMessage {
     type: string;

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

@@ -1,7 +1,7 @@
 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';
+import type { State } from './StyledSearch';
+import type { IconName } from '../Icon';
 export type SearchOneLineHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
 interface SearchOneLineProps extends NativeTextInputProps {
     /**

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
-import { BadgeProps } from '../Badge';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
+import type { BadgeProps } from '../Badge';
 interface SearchSuffixIconProps {
     /**
      * Name of Icon or ReactElement to render on the right side of the input.

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
 interface SearchTwoLineProps {
     /**
      * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '../Icon';
+import type { IconName } from '../Icon';
 export declare const renderPrefix: ({ prefix, }: {
     prefix?: IconName | React.ReactElement;
 }) => React.JSX.Element | undefined;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { SegmentedControlItemConfig } from './types';
 export interface SegmentedControlProps extends ViewProps {
     /**

package/types/components/Select/BaseOptionList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SectionList, SectionListProps } from 'react-native';
+import type { SectionList, SectionListProps } from 'react-native';
 import type { SelectOptionType, SelectProps, SectionType } from './types';
 export type BaseOptionListProps<V, T extends SelectOptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
     sectionListRef?: React.RefObject<SectionList<T, SectionType>>;

package/types/components/Select/MultiSelect/OptionList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseOptionListProps } from '../BaseOptionList';
+import type { BaseOptionListProps } from '../BaseOptionList';
 import type { MultiSelectProps } from '.';
 import type { SelectOptionType } from '../types';
 type OptionListProps<V, T extends SelectOptionType<V>> = Pick<MultiSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {

package/types/components/Select/MultiSelect/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TextInputProps as NativeTextInputProps } from 'react-native';
-import { TextInputProps } from '../../TextInput';
+import type { TextInputProps } from '../../TextInput';
 import type { SelectOptionType, SelectProps } from '../types';
 export interface MultiSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
     /**

package/types/components/Select/MultiSelect/utils.d.ts

@@ -1,2 +1,2 @@
-import { SelectOptionType } from '../types';
+import type { SelectOptionType } from '../types';
 export declare const isOptionSelected: <V, T extends SelectOptionType<V>>(value?: V[], option?: T) => boolean;

package/types/components/Select/SingleSelect/OptionList.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { SectionList } from 'react-native';
+import type { SectionList } from 'react-native';
 import type { SingleSelectProps } from '.';
-import { BaseOptionListProps } from '../BaseOptionList';
+import type { BaseOptionListProps } from '../BaseOptionList';
 import type { SelectOptionType, SectionType } from '../types';
 type OptionListProps<V, T extends SelectOptionType<V>> = Pick<SingleSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
     onPress: (value: V | null) => void;

package/types/components/Select/SingleSelect/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TextInputProps as NativeTextInputProps } from 'react-native';
-import { TextInputProps } from '../../TextInput';
+import type { TextInputProps } from '../../TextInput';
 import type { SelectOptionType, SelectProps } from '../types';
 export interface SingleSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
     /**

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

@@ -1,6 +1,6 @@
 import type { MultiSelectProps } from './MultiSelect';
 import type { SingleSelectProps } from './SingleSelect';
-import { SelectOptionType } from './types';
+import type { SelectOptionType } from './types';
 export type { MultiSelectProps, SingleSelectProps };
 type SingleSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<SingleSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;
 type MultiSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<MultiSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;

package/types/components/Select/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from 'react';
 import type { ListRenderItemInfo, SectionListData, SectionListRenderItemInfo, StyleProp, ViewStyle } from 'react-native';
-import { BottomSheetProps } from '../BottomSheet';
+import type { BottomSheetProps } from '../BottomSheet';
 import type { TextInputProps } from '../TextInput';
 export type SelectOptionType<V> = {
     value: V;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export interface SkeletonProps extends ViewProps {
     /**
      * Intent of the component.

package/types/components/Slider/RangeSlider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 export type SliderRangeValue = {
     start: number;
     end: number;

package/types/components/Slider/SingleSlider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface SingleSliderProps {
     /**
      * Minimum value of the slider.

package/types/components/StatusScreens/Empty/index.d.ts

@@ -1,10 +1,11 @@
 import type { ReactElement } from 'react';
 import type { ImageProps as RNImageProps, StyleProp, ViewStyle } from 'react-native';
-import { ImageProps } from '../../Image';
-import { StatusIconName } from '../StatusIcon';
+import type { ImageProps } from '../../Image';
+import type { StatusIconName } from '../StatusIcon';
 interface EmptyProps {
     /**
      * Image to be displayed.
+     * @deprecated The `image` prop is deprecated and will be removed in the next major version. Use the `icon` prop instead.
      */
     image?: ReactElement<ImageProps | RNImageProps>;
     /**
@@ -17,6 +18,7 @@ interface EmptyProps {
     description?: string;
     /**
      * Empty's variant.
+     * @deprecated The `variant` prop is deprecated and will be removed in the next major version. Only light mode will be supported.
      */
     variant?: 'light' | 'dark';
     /**
@@ -28,7 +30,7 @@ interface EmptyProps {
      */
     testID?: string;
     /**
-     * Status icon to be displayed, this will replace the image prop.
+     * Status icon to be displayed, this will replace the deprecated image prop.
      */
     icon?: StatusIconName;
 }

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

@@ -38,6 +38,12 @@ declare const StyledErrorImageContainer: import("@emotion/native").StyledCompone
 }, {}, {
     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;
@@ -50,4 +56,4 @@ declare const StyledErrorDescription: import("@emotion/native").StyledComponent<
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonPrimary, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, };
+export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonPrimary, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, StyledErrorIconContainer, };

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

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { ImageSourcePropType, ViewProps, ImageProps as RNImageProps } from 'react-native';
-import { ErrorVariant } from './StyledError';
-import { ImageProps } from '../../Image/index';
+import type { ErrorVariant } from './StyledError';
+import type { ImageProps } from '../../Image/index';
 import type { StatusIconName } from '../StatusIcon';
 interface ErrorProps extends ViewProps {
     /**
@@ -24,6 +24,7 @@ interface ErrorProps extends ViewProps {
     description?: string;
     /**
      * Image of the error
+     * @deprecated The `image` prop is deprecated and will be removed in the next major version. Use the `icon` prop instead.
      */
     image?: ReactElement<ImageProps | RNImageProps> | ImageSourcePropType | string;
     /**
@@ -47,7 +48,7 @@ interface ErrorProps extends ViewProps {
      */
     onSecondaryCtaPress?: () => void;
     /**
-     * Status icon to be displayed, this will replace the image prop.
+     * Status icon to be displayed, this will replace the deprecated image prop.
      */
     icon?: StatusIconName;
 }

package/types/components/StatusScreens/StatusIcon/assets/Add.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Add: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Add;

package/types/components/StatusScreens/StatusIcon/assets/Boom.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Boom: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Boom;

package/types/components/StatusScreens/StatusIcon/assets/Build.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Build: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Build;

package/types/components/StatusScreens/StatusIcon/assets/Clock.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Clock: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Clock;

package/types/components/StatusScreens/StatusIcon/assets/Confetti.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Confetti: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Confetti;

package/types/components/StatusScreens/StatusIcon/assets/Connections.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Connections: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Connections;

package/types/components/StatusScreens/StatusIcon/assets/Error.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const ErrorIcon: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default ErrorIcon;

package/types/components/StatusScreens/StatusIcon/assets/Info.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Info: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Info;

package/types/components/StatusScreens/StatusIcon/assets/List.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const List: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default List;

package/types/components/StatusScreens/StatusIcon/assets/Location.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Location: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Location;

package/types/components/StatusScreens/StatusIcon/assets/Lock.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Lock: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Lock;

package/types/components/StatusScreens/StatusIcon/assets/Merge.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Merge: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Merge;

package/types/components/StatusScreens/StatusIcon/assets/NoResult.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const NoResult: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default NoResult;

package/types/components/StatusScreens/StatusIcon/assets/Notifications.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Notifications: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Notifications;

package/types/components/StatusScreens/StatusIcon/assets/Search.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Search: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Search;

package/types/components/StatusScreens/StatusIcon/assets/Star.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Star: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Star;

package/types/components/StatusScreens/StatusIcon/assets/Success.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Success: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Success;

package/types/components/StatusScreens/StatusIcon/assets/Unlock.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const Unlock: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default Unlock;

package/types/components/StatusScreens/StatusIcon/assets/User.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StatusSvgProps } from '../types';
+import type { StatusSvgProps } from '../types';
 declare const User: ({ stroke, fill, testID }: StatusSvgProps) => React.JSX.Element;
 export default User;

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

@@ -24,6 +24,12 @@ declare const StyledSuccessImageContainer: import("@emotion/native").StyledCompo
 }, {}, {
     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;
@@ -42,8 +48,12 @@ declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledCompon
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
+declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").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, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessModal, };
+export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessIconContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessButtonSecondary, StyledSuccessModal, };

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

@@ -1,11 +1,12 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { ViewProps, ImageSourcePropType, ImageProps as RNImageProps } from 'react-native';
-import { SuccessVariant } from './StyledSuccess';
-import { ImageProps } from '../../Image';
-import { StatusIconName } from '../StatusIcon';
+import type { SuccessVariant } from './StyledSuccess';
+import type { ImageProps } from '../../Image';
+import type { StatusIconName } from '../StatusIcon';
 export interface SuccessProps extends ViewProps {
     /**
      * Image to be displayed.
+     * @deprecated The `image` prop is deprecated and will be removed in the next major version. Use the `icon` prop instead.
      */
     image?: ReactElement<ImageProps | RNImageProps> | ImageSourcePropType | string;
     /**
@@ -41,7 +42,7 @@ export interface SuccessProps extends ViewProps {
      */
     testID?: string;
     /**
-     * Status icon to be displayed, this will replace the image prop.
+     * Status icon to be displayed, this will replace the deprecated image prop.
      */
     icon?: StatusIconName;
 }

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

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ActionIntent } from './StyledSwipeable';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { ActionIntent } from './StyledSwipeable';
 export interface SwipeableActionProps {
     /**
      * Visual intent color applied to action.

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

@@ -1,4 +1,5 @@
-import React, { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
+import React from 'react';
 import { Swipeable as RnghSwipeable } from 'react-native-gesture-handler';
 type State = 'closed' | 'leftOpen' | 'rightOpen';
 type RnghSwipeableProps = ComponentProps<typeof RnghSwipeable>;

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

@@ -1,6 +1,6 @@
 import type { ReactElement } from 'react';
 import React from 'react';
-import { LayoutChangeEvent } from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
 import type { BadgeConfigType, SwitchOptionType } from '.';
 export declare const OptionContent: ({ content, badge, }: {
     content: ReactElement;

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

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../../Icon';
 type StatusBadgeType = {
     type: 'status';