@hero-design/rn 7.18.0 → 7.19.0

package/src/theme/components/toolbar.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 
 const getToolbarTheme = (theme: GlobalTheme) => {
   const colors = {

package/src/theme/components/typography.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 
 const getTypographyTheme = (theme: GlobalTheme) => {
   const colors = {

package/src/theme/getTheme.ts

@@ -1,11 +1,4 @@
-import {
-  GlobalTheme,
-  Scale,
-  SystemPalette,
-  getGlobalTheme,
-  defaultScale,
-  swagSystemPalette,
-} from './global';
+import { getGlobalTheme, defaultScale, swagSystemPalette } from './global';
 
 import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
@@ -40,6 +33,7 @@ import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
 import getToolbarTheme from './components/toolbar';
 import getTypographyTheme from './components/typography';
+import type { GlobalTheme, Scale, SystemPalette } from './global';
 
 type Theme = GlobalTheme & {
   __hd__: {
@@ -123,7 +117,6 @@ const getTheme = (
     },
   };
 };
-
-export { Theme };
-
 export default getTheme;
+
+export type { Theme };

package/src/theme/global/borders.ts

@@ -24,4 +24,5 @@ const getRadii = (baseRadius: number): Radii => ({
   xlarge: baseRadius * 4, // 16
 });
 
-export { BorderWidths, getBorderWidths, Radii, getRadii };
+export { getBorderWidths, getRadii };
+export type { BorderWidths, Radii };

package/src/theme/global/colors/swag.ts

@@ -2,15 +2,14 @@ import {
   defaultMobilePalette as palette,
   swagPalette,
 } from '@hero-design/colors';
-
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 
 const swagSystemPalette: SystemPalette = {
   globalPrimary: palette.maasstrichtBlue,
   globalPrimaryLight: palette.maasstrichtBlueLight50,
   globalPrimaryBackground: palette.maasstrichtBlueLight90,
   primary: swagPalette.violet,
-  primaryLight: swagPalette.violetLight50, // no longer needed after revising Button
+  primaryLight: swagPalette.violetLight50,
   primaryDark: swagPalette.scarletGumLight30, // DEPRECATED
   primaryBackground: swagPalette.violetLight90,
   primaryBackgroundDark: palette.maasstrichtBlueLight30,

package/src/theme/global/colors/work.ts

@@ -1,7 +1,6 @@
 import { workPalette } from '@hero-design/colors';
-
-import { SystemPalette } from './types';
 import swag from './swag';
+import type { SystemPalette } from './types';
 
 const workSystemPalette: SystemPalette = {
   ...swag,

package/src/theme/global/index.ts

@@ -1,11 +1,12 @@
-import { scale as defaultScale, Scale } from './scale';
-import { SystemPalette } from './colors/types';
+import { scale as defaultScale } from './scale';
 import swagSystemPalette from './colors/swag';
 import workSystemPalette from './colors/work';
 
 import { getFonts, getFontSizes, getLineHeights } from './typography';
 import { getSpace } from './space';
 import { getBorderWidths, getRadii } from './borders';
+import type { Scale } from './scale';
+import type { SystemPalette } from './colors/types';
 
 const getGlobalTheme = (scale: Scale, systemPalette: SystemPalette) => {
   const fonts = getFonts(scale.font);
@@ -30,12 +31,6 @@ const getGlobalTheme = (scale: Scale, systemPalette: SystemPalette) => {
 
 type GlobalTheme = ReturnType<typeof getGlobalTheme>;
 
-export {
-  GlobalTheme,
-  Scale,
-  SystemPalette,
-  getGlobalTheme,
-  defaultScale,
-  swagSystemPalette,
-  workSystemPalette,
-};
+export type { GlobalTheme, Scale, SystemPalette };
+
+export { getGlobalTheme, defaultScale, swagSystemPalette, workSystemPalette };

package/src/theme/global/scale.ts

@@ -18,4 +18,5 @@ const scale = {
 
 type Scale = typeof scale;
 
-export { scale, Scale };
+export { scale };
+export type { Scale };

package/src/theme/global/space.ts

@@ -26,4 +26,5 @@ const getSpace = (baseSpace: number): Space => ({
   xxxxlarge: scale(baseSpace * 7), // 56
 });
 
-export { Space, getSpace };
+export { getSpace };
+export type { Space };

package/src/theme/global/typography.ts

@@ -69,11 +69,5 @@ const getLineHeights = (fontSizes: FontSizes): LineHeights => {
   };
 };
 
-export {
-  Fonts,
-  FontSizes,
-  LineHeights,
-  getFonts,
-  getFontSizes,
-  getLineHeights,
-};
+export { getFonts, getFontSizes, getLineHeights };
+export type { Fonts, FontSizes, LineHeights };

package/src/theme/index.ts

@@ -1,12 +1,15 @@
-import getTheme, { Theme } from './getTheme';
+import getTheme from './getTheme';
 import ThemeProvider, { useTheme } from './ThemeProvider';
 import ThemeSwitcher from './ThemeSwitcher';
 import { swagSystemPalette, workSystemPalette } from './global';
 
+import type { Theme } from './getTheme';
+
 const defaultTheme = getTheme();
 
+export type { Theme };
+
 export {
-  Theme,
   getTheme,
   ThemeProvider,
   ThemeSwitcher,

package/src/types.ts

@@ -1,16 +1,15 @@
-import { BottomNavigationTabType } from './components/BottomNavigation';
-import { IconName } from './components/Icon';
-import { SingleSelectProps, MultiSelectProps } from './components/Select';
-import { TabType } from './components/Tabs';
-import { TextInputProps } from './components/TextInput';
-import {
+import { ToolbarButtonName } from './components/RichTextEditor';
+import type { BottomNavigationTabType } from './components/BottomNavigation';
+import type { IconName } from './components/Icon';
+import type { SingleSelectProps, MultiSelectProps } from './components/Select';
+import type { TabType } from './components/Tabs';
+import type { TextInputProps } from './components/TextInput';
+import type {
   RichTextEditorRef,
   RichTextEditorProps,
-  ToolbarButtonName,
 } from './components/RichTextEditor';
-
-import { Theme } from './theme';
-import {
+import type { Theme } from './theme';
+import type {
   ListRenderOptionInfo,
   SectionListRenderOptionInfo,
 } from './components/Select/types';

package/testUtils/setup.tsx

@@ -68,3 +68,5 @@ jest.mock('react-native-webview', () => {
 });
 
 jest.mock('hero-editor/dist/app.js', () => ({ default: '' }));
+
+export {};

package/tsconfig.json

@@ -13,15 +13,10 @@
     "noImplicitThis": true,
     "noUnusedLocals": true,
     "skipLibCheck": true,
-    "types": [
-      "jest"
-    ]
+    "isolatedModules": true,
+    "types": ["jest"]
   },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "node_modules"
-  ],
+  "include": ["src"],
+  "exclude": ["node_modules"],
   "extends": "expo/tsconfig.base"
 }

package/types/components/Accordion/AccordionItem.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { Variant } from './StyledAccordion';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { Variant } from './StyledAccordion';
 export declare type AccordionItemProps = {
     header: string | ReactElement;
     content: ReactElement;

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

@@ -1,5 +1,6 @@
-import React, { Key, ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import React from 'react';
+import type { Key, ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface AccordionProps<K extends Key> {
     /**
      * List of accordion items to be rendered. Each item must have an unique key.

package/types/components/Alert/StyledAlert.d.ts

@@ -1,4 +1,5 @@
-import { TouchableOpacity, View, ViewProps } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const Container: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
 interface AlertProps {
     /**
      * Alert title.

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

@@ -1,4 +1,4 @@
-import { ImageSourcePropType, StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ImageSourcePropType, StyleProp, ViewProps, ViewStyle } from 'react-native';
 interface AvatarProps extends ViewProps {
     /** Callback function when pressing component. */
     onPress?: () => void;

package/types/components/Badge/Status.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-import { ReactNode } from 'react';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
 export interface StatusProps extends ViewProps {
     children: ReactNode;
     /**

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

@@ -1,5 +1,6 @@
-import { Animated, StyleProp, ViewStyle } from 'react-native';
+import { Animated } from 'react-native';
 import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface BadgeProps extends React.ComponentProps<typeof Animated.View> {
     /**
      * Content of the Badge.

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-import { IconName } from '../Icon';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { IconName } from '../Icon';
 export declare type BottomNavigationTabType = {
     key: string;
     title?: string;

package/types/components/BottomSheet/Footer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 declare const Footer: ({ children, showDivider, }: {
     children: ReactNode;
     showDivider: boolean;

package/types/components/BottomSheet/Header.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 declare const Header: ({ content, showDivider, onRequestClose, showCloseButton, }: {
     content: string | ReactElement;
     showDivider: boolean;

package/types/components/BottomSheet/StyledBottomSheet.d.ts

@@ -1,4 +1,5 @@
-import { Animated, SafeAreaView, View, ViewProps } from 'react-native';
+import { Animated, SafeAreaView, View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactElement, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface BottomSheetProps {
     /**
      * Bottom sheet open state.

package/types/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
-import { ReactChild } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
-import { Intent, ThemeVariant } from './StyledButton';
+import type { ReactChild } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
+import type { Intent, ThemeVariant } from './StyledButton';
 export interface ButtonProps {
     /**
      * Helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.

package/types/components/Button/IconButton.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, ViewStyle, TouchableOpacityProps } from 'react-native';
-import { IconProps, IconName } from '../Icon';
+import type { StyleProp, ViewStyle, TouchableOpacityProps } from 'react-native';
+import type { IconProps, IconName } from '../Icon';
 export interface IconButtonProps {
     /**
      * Set how far you can touch from the button.

package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts

@@ -1,5 +1,6 @@
-import { View, ViewProps } from 'react-native';
-import { Theme } from '@emotion/react';
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { Theme } from '@emotion/react';
 declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledLoadingIndicatorWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: Theme | undefined;

package/types/components/Button/LoadingIndicator/index.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 interface LoadingIndicatorProps extends ViewProps {
     /**

package/types/components/Button/StyledButton.d.ts

@@ -1,5 +1,5 @@
 import { TouchableHighlight, View } from 'react-native';
-import { Theme } from '@emotion/react';
+import type { Theme } from '@emotion/react';
 declare type Intent = 'primary' | 'secondary' | 'danger';
 declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
@@ -36,4 +36,5 @@ declare const StyledButtonIcon: import("@emotion/native").StyledComponent<import
     pressed?: boolean | undefined;
     themeVariant: ThemeVariant;
 }, {}, {}>;
-export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, StyledButtonIcon, Intent, ThemeVariant, };
+export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, StyledButtonIcon, };
+export type { Intent, ThemeVariant };

package/types/components/Button/UtilityButton/index.d.ts

@@ -1,6 +1,6 @@
-import { ReactChild } from 'react';
-import { ViewProps } from 'react-native';
-import { IconName } from '../../Icon';
+import type { ReactChild } from 'react';
+import type { ViewProps } from 'react-native';
+import type { IconName } from '../../Icon';
 export interface UtilityButtonProps extends ViewProps {
     /**
      * Places an icon within the button, before the button's text

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

@@ -1,7 +1,7 @@
-import { FunctionComponent } from 'react';
-import { ButtonProps } from './Button';
+import type { FunctionComponent } from 'react';
 import IconButton from './IconButton';
 import UtilityButton from './UtilityButton';
+import type { ButtonProps } from './Button';
 interface CompoundButtonProps extends FunctionComponent<ButtonProps> {
     Icon: typeof IconButton;
     Utility: typeof UtilityButton;

package/types/components/Calendar/StyledCalendar.d.ts

@@ -1,4 +1,5 @@
-import { TouchableOpacity, View, ViewProps } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Card/DataCard/index.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 export interface DataCardProps extends ViewProps {
     /**
      * Card's content.

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 interface CardProps extends ViewProps {
     /**
      * Card's content.

package/types/components/Checkbox/StyledCheckbox.d.ts

@@ -1,8 +1,26 @@
-import { TouchableOpacity } from 'react-native';
-declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
+import { TouchableOpacity, View } from 'react-native';
+export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    themeWithBorder: boolean;
+    themeDisabled: boolean;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
-export { StyledWrapper };
+export declare const StyledDescription: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export declare const StyledCheckbox: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeDisabled: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledCheckMark: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

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

@@ -1,9 +1,17 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface CheckboxProps {
     /**
      * Control whether the switch is checked
      */
     checked?: boolean;
+    /**
+     * Checkbox's description.
+     */
+    description?: string;
+    /**
+     * Whether the border is shown.
+     */
+    withBorder?: boolean;
     /**
      * Whether the switch is disabled
      */
@@ -21,5 +29,5 @@ export interface CheckboxProps {
      */
     testID?: string;
 }
-declare const CheckBox: ({ checked, disabled, onPress, style, testID, }: CheckboxProps) => JSX.Element;
-export default CheckBox;
+declare const Checkbox: ({ checked, description, withBorder, disabled, onPress, style, testID, }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

@@ -1,5 +1,5 @@
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import { ReactNode } from 'react';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
 export interface CollapseProps extends ViewProps {
     children: ReactNode;
     /**

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface ContentNavigatorProps {
     /**
      * The navigator's content value.

package/types/components/DatePicker/DatePickerAndroid.d.ts

@@ -1,3 +1,3 @@
-import { DatePickerProps } from './types';
+import type { DatePickerProps } from './types';
 declare const DatePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
 export default DatePickerAndroid;

package/types/components/DatePicker/DatePickerIOS.d.ts

@@ -1,3 +1,3 @@
-import { DatePickerProps } from './types';
+import type { DatePickerProps } from './types';
 declare const DatePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
 export default DatePickerIOS;

package/types/components/DatePicker/StyledDatePicker.d.ts

@@ -1,4 +1,5 @@
-import { View, ViewProps } from 'react-native';
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,3 +1,3 @@
-import { DatePickerProps } from './types';
+import type { DatePickerProps } from './types';
 declare const DatePicker: (props: DatePickerProps) => JSX.Element;
 export default DatePicker;

package/types/components/DatePicker/types.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface DatePickerProps {
     /**
      * Date picker input label.

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 interface DividerProps extends ViewProps {
     /**
      * Horizontal margin size. There is no margin by default.

package/types/components/Drawer/DragableDrawer/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface DragableDrawerProps {
     /**
      * Drawer's content.

package/types/components/Drawer/StyledDrawer.d.ts

@@ -1,4 +1,5 @@
-import { Animated, View, ViewProps } from 'react-native';
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface DrawerProps {
     /**
      * Drawer's visibility.

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface EmptyProps {
     /**
      * Empty's title.

package/types/components/FAB/ActionGroup/ActionItem.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ComponentProps } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 import Icon from '../../Icon';
 export interface ActionItemProps {
     testID?: string;

package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts

@@ -1,5 +1,6 @@
-import { Animated, View, ViewProps } from 'react-native';
-import { TextProps } from '../../Typography/Text';
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { TextProps } from '../../Typography/Text';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/FAB/ActionGroup/StyledActionItem.d.ts

@@ -1,5 +1,6 @@
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-import { IconProps } from '../../Icon';
+import { TouchableOpacity } from 'react-native';
+import type { TouchableOpacityProps } from 'react-native';
+import type { IconProps } from '../../Icon';
 declare const StyledActionItem: import("@emotion/native").StyledComponent<TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/FAB/ActionGroup/index.d.ts

@@ -1,6 +1,6 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../../Icon';
-import { ActionItemProps } from './ActionItem';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../../Icon';
+import type { ActionItemProps } from './ActionItem';
 export interface ActionGroupProps {
     /**
      * Title of the action group header.