@hero-design/rn 8.105.4-alpha.0 → 8.105.4

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;

package/types/theme/getTheme.d.ts

@@ -2,13 +2,13 @@ import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
 import getAttachmentTheme from './components/attachment';
 import getAvatarTheme from './components/avatar';
-import { BadgeThemeType } from './components/badge';
+import type { BadgeThemeType } from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getBottomSheetTheme from './components/bottomSheet';
-import { ButtonThemeType } from './components/button';
+import type { ButtonThemeType } from './components/button';
 import getCalendarTheme from './components/calendar';
 import getCardTheme from './components/card';
-import { CarouselThemeType } from './components/carousel';
+import type { CarouselThemeType } from './components/carousel';
 import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
 import getChipTheme from './components/chip';
@@ -18,14 +18,14 @@ import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
 import getDrawerTheme from './components/drawer';
-import { EmptyThemeType } from './components/empty';
-import { ErrorThemeType } from './components/error';
-import { FABThemeType } from './components/fab';
+import type { EmptyThemeType } from './components/empty';
+import type { ErrorThemeType } from './components/error';
+import type { FABThemeType } from './components/fab';
 import getIconTheme from './components/icon';
 import getImageTheme from './components/image';
 import getListTheme from './components/list';
 import getPageControlTheme from './components/pageControl';
-import { PinInputThemeType } from './components/pinInput';
+import type { PinInputThemeType } from './components/pinInput';
 import getProgressTheme from './components/progress';
 import getRadioTheme from './components/radio';
 import getRateTheme from './components/rate';
@@ -36,11 +36,11 @@ import getSelectTheme from './components/select';
 import getSkeletonTheme from './components/skeleton';
 import getSliderTheme from './components/slider';
 import getSpinnerTheme from './components/spinner';
-import { SuccessThemeType } from './components/success';
+import type { SuccessThemeType } from './components/success';
 import getSwipeableTheme from './components/swipeable';
 import getSwitchTheme from './components/switch';
 import getTabsTheme from './components/tabs';
-import { TagThemeType } from './components/tag';
+import type { TagThemeType } from './components/tag';
 import getTextInputTheme from './components/textInput';
 import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
@@ -51,7 +51,7 @@ import getSearchTheme from './components/search';
 import getMapPinTheme from './components/mapPin';
 import getFloatingIslandTheme from './components/floatingIsland';
 import getAppCueTheme from './components/appCue';
-import { ThemeMode } from './global/colors/types';
+import type { ThemeMode } from './global/colors/types';
 import getFilterTriggerTheme from './components/filterTrigger';
 import getSegmentedControlTheme from './components/segmentedControl';
 type Theme = GlobalTheme & {

package/types/theme/global/colors/ehJobs.d.ts

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

package/types/theme/global/colors/ehWorkDark.d.ts

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

package/types/theme/global/colors/swagLight.d.ts

@@ -1,4 +1,4 @@
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
  */

package/types/theme/global/colors/swagLightJobs.d.ts

@@ -1,4 +1,4 @@
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.
  */

package/types/theme/global/colors/swagSystemPalette.d.ts

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

package/types/theme/global/shadows/index.d.ts

@@ -1,4 +1,4 @@
-import { SystemPalette } from '../colors/types';
+import type { SystemPalette } from '../colors/types';
 declare const getShadows: (palette: SystemPalette) => import("./types").ShadowPalette;
 type Shadows = ReturnType<typeof getShadows>;
 export { getShadows };

package/types/types.d.ts

@@ -5,21 +5,21 @@ import type { TabType } from './components/Tabs';
 import type { TextInputProps, TextInputHandles } from './components/TextInput';
 import type { RichTextEditorRef, RichTextEditorProps } from './components/RichTextEditor';
 import type { Theme } from './theme';
-import { ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType } from './components/Select/types';
-import { SwipeableProps } from './components/Swipeable';
-import { TextProps } from './components/Typography/Text';
-import { CardCarouselHandles } from './components/Carousel/CardCarousel';
-import { FABHandles } from './components/FAB/FAB';
-import { ActionGroupHandles, ActionGroupProps } from './components/FAB/ActionGroup';
+import type { ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType } from './components/Select/types';
+import type { SwipeableProps } from './components/Swipeable';
+import type { TextProps } from './components/Typography/Text';
+import type { CardCarouselHandles } from './components/Carousel/CardCarousel';
+import type { FABHandles } from './components/FAB/FAB';
+import type { ActionGroupHandles, ActionGroupProps } from './components/FAB/ActionGroup';
 import type { ActionItemProps } from './components/FAB/ActionGroup/ActionItem';
 import type { SliderRangeValue } from './components/Slider/RangeSlider';
 import type { CalendarDateRange } from './components/Calendar/CalendarRange';
-import { LocaleCode, LocaleValues, DateTimeFormats } from './locales/types';
+import type { LocaleCode, LocaleValues, DateTimeFormats } from './locales/types';
 import type { ColumnChartProps } from './components/Chart/ColumnChart';
-import { LineChartProps } from './components/Chart/Line';
+import type { LineChartProps } from './components/Chart/Line';
 import type { Scale, SystemPalette } from './theme/global';
 import type { BrandSystemPalette, GlobalSystemPalette } from './theme/global/colors/types';
-import { ToolbarItemProps } from './components/Toolbar/ToolbarItem';
+import type { ToolbarItemProps } from './components/Toolbar/ToolbarItem';
 import type { CheckboxProps } from './components/Checkbox';
 import type { SwitchOptionType } from './components/Switch/SelectorSwitch';
 import type { BoxProps } from './components/Box';
@@ -28,15 +28,15 @@ import type { ToolbarButtonName } from './components/RichTextEditor/types';
 import type { ListItemProps } from './components/List/ListItem';
 import type { IconButtonProps } from './components/Button/IconButton';
 import type { BadgeProps } from './components/Badge';
-import { ToastProps } from './components/Toast/types';
-import { Space } from './theme/global/space';
-import { CaptionProps } from './components/Typography/Caption';
-import { Radii } from './theme/global/borders';
-import { TitleProps } from './components/Typography/Title';
-import { CarouselData, CarouselImageProps } from './components/Carousel/types';
-import { PinInputHandler } from './components/PinInput';
-import { ThemeScale } from './components/Box/types';
-import { TimePickerProps } from './components/TimePicker/types';
-import { DatePickerProps } from './components/DatePicker/types';
+import type { ToastProps } from './components/Toast/types';
+import type { Space } from './theme/global/space';
+import type { CaptionProps } from './components/Typography/Caption';
+import type { Radii } from './theme/global/borders';
+import type { TitleProps } from './components/Typography/Title';
+import type { CarouselData, CarouselImageProps } from './components/Carousel/types';
+import type { PinInputHandler } from './components/PinInput';
+import type { ThemeScale } from './components/Box/types';
+import type { TimePickerProps } from './components/TimePicker/types';
+import type { DatePickerProps } from './components/DatePicker/types';
 import type { SegmentedControlItemConfig } from './components/SegmentedControl/types';
 export type { Space, CaptionProps, Radii, TitleProps, CarouselData, CarouselImageProps, PinInputHandler, ThemeScale, ToastProps, ActionGroupProps, ToolbarItemProps, BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, ActionItemProps, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, Scale, SystemPalette, BrandSystemPalette, GlobalSystemPalette, IconProps, CheckboxProps, SwitchOptionType, BoxProps, BodyProps, ToolbarButtonName, ListItemProps, IconButtonProps, BadgeProps, TimePickerProps, DatePickerProps, SegmentedControlItemConfig, };