@hero-design/rn 8.105.3 → 8.105.4-alpha.1

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';

package/types/components/Tabs/ScrollableTabsHeader/ScrollableTabsHeader.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 { TabType } from '..';
 export interface ScrollableTabHeaderProps extends ViewProps {
     /**

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export type StatusBadgeType = {
     type: 'status';
 };

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
+import type { IconName } from '../Icon';
 import type { BadgeConfigType } from './TabWithBadge';
 export type ItemType = string | IconName | ((props: {
     color: string;

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

@@ -1,4 +1,4 @@
-import { NativeSyntheticEvent } from 'react-native';
+import type { NativeSyntheticEvent } from 'react-native';
 declare const useHandlePageScroll: () => {
     onPageScrollStateChanged: (e: NativeSyntheticEvent<Readonly<{
         pageScrollState: "idle" | "dragging" | "settling";

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 interface TagProps extends ViewProps {
     /**

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

@@ -1,7 +1,6 @@
 import React from 'react';
-import { TextInput as RNTextInput } from 'react-native';
-import type { TextInputProps as RNTextInputProps, StyleProp, ViewStyle, TextStyle, NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
-import { Theme } from '../../theme';
+import type { TextInputProps as RNTextInputProps, StyleProp, ViewStyle, TextStyle, NativeSyntheticEvent, TextInputFocusEventData, TextInput as RNTextInput } from 'react-native';
+import type { Theme } from '../../theme';
 import type { State } from './StyledTextInput';
 import type { IconName } from '../Icon';
 export type TextInputHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;

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

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import type { FunctionComponent } from 'react';
 import type { TimePickerProps } from './types';
 declare const PublicTimePicker: FunctionComponent<TimePickerProps>;
 export default PublicTimePicker;

package/types/components/TimePicker/index.internal.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { InternalTimePickerProps } from './types';
+import type { FunctionComponent } from 'react';
+import type { InternalTimePickerProps } from './types';
 declare const InternalTimePicker: FunctionComponent<InternalTimePickerProps>;
 export type { InternalTimePickerProps as TimePickerProps };
 export default InternalTimePicker;

package/types/components/TimePicker/types.d.ts

@@ -1,5 +1,5 @@
 import type { StyleProp, ViewStyle } from 'react-native';
-import { TextInputProps } from '../TextInput';
+import type { TextInputProps } from '../TextInput';
 export interface TimePickerProps {
     /**
      * Time picker input label.

package/types/components/Toast/StyledToast.d.ts

@@ -1,8 +1,8 @@
 import { Animated, View } from 'react-native';
 import type { ViewProps } from 'react-native';
-import { IntentType } from './types';
-import { TextProps } from '../Typography/Text';
-import { IconProps } from '../Icon';
+import type { IntentType } from './types';
+import type { TextProps } from '../Typography/Text';
+import type { IconProps } from '../Icon';
 declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

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

@@ -1,6 +1,6 @@
 import { TextInput, View } from 'react-native';
 import type { ViewProps } from 'react-native';
-import { BodyProps } from '../Typography/Body';
+import type { BodyProps } from '../Typography/Body';
 export type ToolbarMessageState = 'default' | 'filled' | 'disabled' | 'readonly';
 declare const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme;

package/types/components/Toolbar/ToolbarItem.d.ts

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

package/types/components/Toolbar/ToolbarMessage.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { TextInput as RNTextInput } from 'react-native';
-import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { ToolbarMessageState } from './StyledToolbar';
+import type { TextInput as RNTextInput, TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { ToolbarMessageState } from './StyledToolbar';
 export type ToolbarMessageHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
 export interface ToolbarMessageProps extends NativeTextInputProps {
     /**

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export interface ToolbarProps extends Omit<ViewProps, 'style'> {
     /**
      * Toolbar's content.

package/types/components/Typography/Caption/StyledCaption.d.ts

@@ -1,5 +1,5 @@
 import { Text } from 'react-native';
-import { TypographyIntent } from '../types';
+import type { TypographyIntent } from '../types';
 declare const StyledCaption: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/types/locales/en_AU.d.ts

@@ -1,3 +1,3 @@
-import { LocaleValues } from './types';
+import type { LocaleValues } from './types';
 declare const locale: LocaleValues;
 export default locale;

package/types/locales/en_CA.d.ts

@@ -1,3 +1,3 @@
-import { LocaleValues } from './types';
+import type { LocaleValues } from './types';
 declare const locale: LocaleValues;
 export default locale;

package/types/theme/ThemeSwitcher.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 type ThemeName = 'swag' | 'swagDark' | 'swagLight' | 'work' | 'jobs' | 'wallet' | 'eBens' | 'ehWorkDark' | 'ehWork' | 'ehJobs';
 declare const ThemeSwitcher: ({ name, children, }: {
     name?: ThemeName;

package/types/theme/components/datePicker.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getDatePickerTheme: (theme: GlobalTheme) => {
     sizes: {
         height: number;

package/types/theme/components/error.d.ts

@@ -12,6 +12,7 @@ declare const getErrorTheme: (theme: GlobalTheme) => {
     };
     sizes: {
         image: number;
+        icon: number;
     };
     space: {
         titleMarginBottom: number;

package/types/theme/components/success.d.ts

@@ -12,6 +12,7 @@ declare const getSuccessTheme: (theme: GlobalTheme) => {
     };
     sizes: {
         image: number;
+        icon: number;
     };
     space: {
         titleMarginBottom: number;
@@ -22,6 +23,7 @@ declare const getSuccessTheme: (theme: GlobalTheme) => {
             wrapperVerticalPadding: number;
             margin: number;
             padding: number;
+            secondaryCTAMarginTop: number;
         };
     };
     fonts: {

package/types/theme/components/timePicker.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getTimePickerTheme: (theme: GlobalTheme) => {
     sizes: {
         height: number;