@aws-amplify/ui-react-native 2.5.1 → 2.5.3

package/dist/primitives/Label/types.d.ts

@@ -1,4 +1,4 @@
-import { TextProps, TextStyle } from 'react-native';
+import type { TextProps, TextStyle } from 'react-native';
 export interface LabelProps extends TextProps {
     /**
      * @description

package/dist/primitives/Label/utils.d.ts

@@ -1,5 +1,5 @@
-import { ViewStyle } from 'react-native';
-import { LabelPosition } from './types';
+import type { ViewStyle } from 'react-native';
+import type { LabelPosition } from './types';
 /**
  * The `flexDirection` value returned from `getFlexDirectionFromLabelPosition`
  * assumes a `Label` component follows the `Primary` component it labels inside

package/dist/primitives/PasswordField/PasswordField.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { PasswordFieldProps } from './types';
+import type { PasswordFieldProps } from './types';
 export default function PasswordField({ disabled, iconAccessibilityLabel, iconStyle, secureTextEntry, showPasswordButton, style, ...rest }: PasswordFieldProps): React.JSX.Element;

package/dist/primitives/PasswordField/index.d.ts

@@ -1,2 +1,2 @@
 export { default as PasswordField } from './PasswordField';
-export { PasswordFieldProps, PasswordFieldStyles } from './types';
+export type { PasswordFieldProps, PasswordFieldStyles } from './types';

package/dist/primitives/PasswordField/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { PasswordFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { PasswordFieldStyles } from './types';
 export declare const getThemedStyles: ({ components, tokens: { colors }, }: StrictTheme) => PasswordFieldStyles;

package/dist/primitives/PasswordField/types.d.ts

@@ -1,6 +1,6 @@
-import { ImageStyle } from 'react-native';
-import { IconButtonProps } from '../IconButton';
-import { TextFieldProps, TextFieldStyles } from '../TextField';
+import type { ImageStyle } from 'react-native';
+import type { IconButtonProps } from '../IconButton';
+import type { TextFieldProps, TextFieldStyles } from '../TextField';
 export interface PasswordFieldProps extends TextFieldProps {
     /**
      * @description

package/dist/primitives/PhoneNumberField/PhoneNumberField.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { PhoneNumberFieldProps } from './types';
+import type { PhoneNumberFieldProps } from './types';
 export default function PhoneNumberField({ disabled, fieldStyle, labelStyle, style, ...rest }: PhoneNumberFieldProps): React.JSX.Element;

package/dist/primitives/PhoneNumberField/index.d.ts

@@ -1,2 +1,2 @@
 export { default as PhoneNumberField } from './PhoneNumberField';
-export { PhoneNumberFieldProps, PhoneNumberFieldStyles } from './types';
+export type { PhoneNumberFieldProps, PhoneNumberFieldStyles } from './types';

package/dist/primitives/PhoneNumberField/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { PhoneNumberFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { PhoneNumberFieldStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => PhoneNumberFieldStyles;

package/dist/primitives/PhoneNumberField/types.d.ts

@@ -1,4 +1,4 @@
-import { TextFieldProps, TextFieldStyles } from '../TextField';
+import type { TextFieldProps, TextFieldStyles } from '../TextField';
 export interface PhoneNumberFieldProps extends Omit<TextFieldProps, 'secureTextEntry'> {
 }
 export interface PhoneNumberFieldStyles extends Partial<TextFieldStyles> {

package/dist/primitives/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RadioProps } from './types';
+import type { RadioProps } from './types';
 export declare const CONTAINER_TEST_ID = "amplify__radio-button__container";
 export declare const DOT_TEST_ID = "amplify__radio-button__dot";
 export default function Radio<T>({ accessibilityRole, disabled, label, labelPosition, labelStyle, onChange, onPress, radioContainerStyle, radioDotStyle, selected, size, style, value, ...rest }: RadioProps<T>): React.JSX.Element;

package/dist/primitives/Radio/Radio.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { Pressable, View, } from 'react-native';
+import { Pressable, View } from 'react-native';
 import { useTheme } from '../../theme';
 import { Label } from '../Label';
 import { getFlexDirectionFromLabelPosition } from '../Label/utils';

package/dist/primitives/Radio/getRadioDimensions.d.ts

@@ -1,4 +1,4 @@
-import { RadioDimensions, RadioStyles, Size } from './types';
+import type { RadioDimensions, RadioStyles, Size } from './types';
 /**
  * These utility functions are used to apply styles to
  * the two nested View's comprising the Radio:

package/dist/primitives/Radio/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Radio } from './Radio';
-export { RadioProps, RadioStyles } from './types';
+export type { RadioProps, RadioStyles } from './types';

package/dist/primitives/Radio/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { RadioStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { RadioStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => Required<RadioStyles>;

package/dist/primitives/Radio/types.d.ts

@@ -1,5 +1,5 @@
-import { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { LabelPosition } from '../Label/types';
+import type { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { LabelPosition } from '../Label/types';
 export type Size = number | 'small' | 'medium' | 'large';
 export interface RadioProps<T> extends PressableProps {
     disabled?: boolean;

package/dist/primitives/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { RadioGroupProps } from './types';
+import type { RadioGroupProps } from './types';
 export declare const RADIO_GROUP_CONTAINER_TEST_ID = "amplify__radio-group__container";
 export default function RadioGroup<T>({ accessible, accessibilityRole, children, direction, disabled, initialValue, label, labelPosition, labelStyle, onChange, onValueChange, size, style, ...rest }: RadioGroupProps<T>): React.JSX.Element;

package/dist/primitives/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
 export { default as RadioGroup } from './RadioGroup';
-export { RadioGroupProps, RadioGroupStyles } from './types';
+export type { RadioGroupProps, RadioGroupStyles } from './types';

package/dist/primitives/RadioGroup/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { RadioGroupStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { RadioGroupStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => RadioGroupStyles;

package/dist/primitives/RadioGroup/types.d.ts

@@ -1,5 +1,5 @@
-import { TextStyle, ViewProps, ViewStyle } from 'react-native';
-import { RadioProps } from '../Radio';
+import type { TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { RadioProps } from '../Radio';
 export type Direction = 'vertical' | 'horizontal';
 export interface RadioGroupProps<T> extends Pick<RadioProps<T>, 'accessibilityRole' | 'disabled' | 'label' | 'labelPosition' | 'labelStyle' | 'onChange' | 'size'>, ViewProps {
     children: React.ReactElement<RadioProps<T>>[];

package/dist/primitives/Tabs/Tab.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TabProps } from './types';
+import type { TabProps } from './types';
 export default function Tab({ children, selected, style, textStyle, indicatorPosition, ...rest }: TabProps): React.JSX.Element;

package/dist/primitives/Tabs/Tabs.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TabsProps } from './types';
+import type { TabsProps } from './types';
 export default function Tabs({ accessible, accessibilityRole, children, indicatorPosition, onChange, selectedIndex, style, ...rest }: TabsProps): React.JSX.Element;

package/dist/primitives/Tabs/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Tab } from './Tab';
 export { default as Tabs } from './Tabs';
-export { TabProps, TabsProps, TabsStyles } from './types';
+export type { TabProps, TabsProps, TabsStyles } from './types';

package/dist/primitives/Tabs/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { TabsProps, TabsStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { TabsProps, TabsStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme, indicatorPosition?: TabsProps['indicatorPosition']) => TabsStyles;

package/dist/primitives/Tabs/types.d.ts

@@ -1,5 +1,5 @@
-import { TextStyle, ViewProps, ViewStyle } from 'react-native';
-import { ButtonProps } from '../Button';
+import type { TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { ButtonProps } from '../Button';
 type IndicatorPosition = 'top' | 'bottom';
 export interface TabsProps extends ViewProps {
     /**

package/dist/primitives/TextField/TextField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextFieldProps } from './types';
+import type { TextFieldProps } from './types';
 export declare const TEXTFIELD_CONTAINER_TEST_ID = "amplify__text-field-container";
 export declare const INPUT_CONTAINER_TEST_ID = "amplify__text-field__input-container";
 export default function TextField({ accessibilityLabel, accessibilityRole, accessibilityState, accessible, autoCapitalize, disabled, endAccessory, error, errorMessage, errorMessageStyle, fieldStyle, label, labelStyle, style, ...rest }: TextFieldProps): React.JSX.Element;

package/dist/primitives/TextField/index.d.ts

@@ -1,2 +1,2 @@
 export { default as TextField } from './TextField';
-export { TextFieldProps, TextFieldStyles } from './types';
+export type { TextFieldProps, TextFieldStyles } from './types';

package/dist/primitives/TextField/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { TextFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { TextFieldStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => TextFieldStyles;

package/dist/primitives/TextField/types.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
-import { LabelProps } from '../Label/types';
+import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import type { LabelProps } from '../Label/types';
 export interface TextFieldProps extends Omit<TextInputProps, 'editable'> {
     /**
      * @description

package/dist/theme/ThemeContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StrictTheme } from './types';
+import type { StrictTheme } from './types';
 export interface ThemeContextType {
     theme: StrictTheme;
 }

package/dist/theme/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ColorMode, Theme } from './types';
+import type { ColorMode, Theme } from './types';
 interface ThemeProviderProps {
     children: React.ReactNode;
     theme?: Theme;

package/dist/theme/createTheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme, StrictTheme, ColorMode } from './types';
+import type { Theme, StrictTheme, ColorMode } from './types';
 /**
  * This will be used like `const myTheme = createTheme({})`
  * `myTheme` can then be passed to a Provider

package/dist/theme/defaultTheme.d.ts

@@ -1,3 +1,3 @@
-import { DefaultTheme, Override } from './types';
+import type { DefaultTheme, Override } from './types';
 export declare const defaultTheme: DefaultTheme;
 export declare const defaultDarkModeOverride: Override;

package/dist/theme/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNativeTokens } from '@aws-amplify/ui';
-import { ButtonStyles, CheckboxStyles, DividerStyles, ErrorMessageStyles, HeadingStyles, IconStyles, IconButtonStyles, LabelStyles, PasswordFieldStyles, PhoneNumberFieldStyles, RadioStyles, RadioGroupStyles, TabsStyles, TextFieldStyles } from '../primitives';
+import type { ReactNativeTokens } from '@aws-amplify/ui';
+import type { ButtonStyles, CheckboxStyles, DividerStyles, ErrorMessageStyles, HeadingStyles, IconStyles, IconButtonStyles, LabelStyles, PasswordFieldStyles, PhoneNumberFieldStyles, RadioStyles, RadioGroupStyles, TabsStyles, TextFieldStyles } from '../primitives';
 type ComponentTheme<ComponentType, Output> = Output extends 'output' ? ComponentType : ((tokens: StrictTheme['tokens']) => ComponentType) | ComponentType;
 export type Components<Output extends 'input' | 'output' | unknown = unknown> = {
     button?: ComponentTheme<ButtonStyles, Output>;

package/dist/theme/useTheme.d.ts

@@ -1,2 +1,2 @@
-import { StrictTheme } from './types';
+import type { StrictTheme } from './types';
 export declare const useTheme: () => StrictTheme;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.5.1";
+export declare const VERSION = "2.5.3";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '2.5.1';
+export const VERSION = '2.5.3';

package/lib/InAppMessaging/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withInAppMessaging = exports.InAppMessageDisplay = exports.useInAppMessaging = exports.InAppMessagingProvider = void 0;
-// re-export in-app types from '@aws-amplify/ui-react-core-notifications'
 var ui_react_core_notifications_1 = require("@aws-amplify/ui-react-core-notifications");
 Object.defineProperty(exports, "InAppMessagingProvider", { enumerable: true, get: function () { return ui_react_core_notifications_1.InAppMessagingProvider; } });
 Object.defineProperty(exports, "useInAppMessaging", { enumerable: true, get: function () { return ui_react_core_notifications_1.useInAppMessaging; } });

package/lib/assets/icons/icons.ts

@@ -1,7 +1,7 @@
 // disable `@typescript-eslint/no-var-requires` for this file
 // .png icons will be removed in favor of .svg icons
 /* eslint-disable @typescript-eslint/no-var-requires */
-import { ImageSourcePropType } from 'react-native';
+import type { ImageSourcePropType } from 'react-native';
 
 const icons = {
   amazonLogo: require('./amazonLogo.png') as ImageSourcePropType,

package/lib/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '2.5.1';
+exports.VERSION = '2.5.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "main": "lib/index.js",
   "module": "dist/index.js",
   "react-native": "src/index.ts",
@@ -30,12 +30,12 @@
     "react-native-safe-area-context": "^5.2.0"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.10.1",
-    "@aws-amplify/ui-react-core": "3.4.1",
-    "@aws-amplify/ui-react-core-notifications": "2.2.7"
+    "@aws-amplify/ui": "6.10.3",
+    "@aws-amplify/ui-react-core": "3.4.3",
+    "@aws-amplify/ui-react-core-notifications": "2.2.9"
   },
   "peerDependencies": {
-    "aws-amplify": "^6.9.0",
+    "aws-amplify": "^6.14.3",
     "react": "*",
     "react-native": ">=0.70",
     "react-native-safe-area-context": "*"

package/src/Authenticator/Authenticator.tsx

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 
+import type { AuthenticatorMachineContext } from '@aws-amplify/ui-react-core';
 import {
   AuthenticatorProvider as Provider,
-  AuthenticatorMachineContext,
   resolveAuthenticatorComponents,
   useAuthenticator,
   useAuthenticatorRoute,
@@ -13,8 +13,9 @@ import {
 
 import { useDeprecationWarning } from '../hooks';
 import { DefaultContainer, InnerContainer } from './common';
-import { TypedField, getRouteTypedFields } from './hooks';
-import { AuthenticatorProps } from './types';
+import type { TypedField } from './hooks';
+import { getRouteTypedFields } from './hooks';
+import type { AuthenticatorProps } from './types';
 import { VERSION } from '../version';
 
 import {

package/src/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmResetPasswordProps } from '../types';
+import type { DefaultConfirmResetPasswordProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmResetPassword';
 

package/src/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmSignInProps } from '../types';
+import type { DefaultConfirmSignInProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmSignIn';
 

package/src/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmSignUpProps } from '../types';
+import type { DefaultConfirmSignUpProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmSignUp';
 

package/src/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmVerifyUserProps } from '../types';
+import type { DefaultConfirmVerifyUserProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmVerifyUser';
 

package/src/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultForceNewPasswordProps } from '../types';
+import type { DefaultForceNewPasswordProps } from '../types';
 
 const COMPONENT_NAME = 'ForceNewPassword';
 

package/src/Authenticator/Defaults/ForgotPassword/ForgotPassword.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultForgotPasswordProps } from '../types';
+import type { DefaultForgotPasswordProps } from '../types';
 
 const COMPONENT_NAME = 'ForgotPassword';
 const {

package/src/Authenticator/Defaults/SelectMfaType/SelectMfaType.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSelectMfaTypeProps } from '../types';
+import type { DefaultSelectMfaTypeProps } from '../types';
 
 const COMPONENT_NAME = 'SelectMfaType';
 

package/src/Authenticator/Defaults/SetupEmail/SetupEmail.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSetupEmailProps } from '../types';
+import type { DefaultSetupEmailProps } from '../types';
 
 const COMPONENT_NAME = 'SetupEmail';
 

package/src/Authenticator/Defaults/SetupTotp/SetupTotp.tsx

@@ -12,7 +12,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSetupTotpProps } from '../types';
+import type { DefaultSetupTotpProps } from '../types';
 import { styles } from './styles';
 
 const COMPONENT_NAME = 'SetupTotp';

package/src/Authenticator/Defaults/SetupTotp/styles.ts

@@ -1,4 +1,5 @@
-import { StyleSheet, TextStyle } from 'react-native';
+import type { TextStyle } from 'react-native';
+import { StyleSheet } from 'react-native';
 
 export interface SetupTotpStyle {
   secretKeyText: TextStyle;

package/src/Authenticator/Defaults/SignIn/SignIn.tsx

@@ -10,7 +10,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSignInProps } from '../types';
+import type { DefaultSignInProps } from '../types';
 
 const COMPONENT_NAME = 'SignIn';
 

package/src/Authenticator/Defaults/SignUp/SignUp.tsx

@@ -10,7 +10,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSignUpProps } from '../types';
+import type { DefaultSignUpProps } from '../types';
 
 const COMPONENT_NAME = 'SignUp';
 

package/src/Authenticator/Defaults/VerifyUser/VerifyUser.tsx

@@ -8,7 +8,7 @@ import {
   DefaultVerifyUserFormFields,
 } from '../../common';
 import { useFieldValues } from '../../hooks';
-import { DefaultVerifyUserProps } from '../types';
+import type { DefaultVerifyUserProps } from '../types';
 
 const COMPONENT_NAME = 'VerifyUser';
 

package/src/Authenticator/Defaults/index.ts

@@ -10,7 +10,7 @@ export { SignUp } from './SignUp';
 export { VerifyUser } from './VerifyUser';
 export { SelectMfaType } from './SelectMfaType';
 export { SetupEmail } from './SetupEmail';
-export {
+export type {
   Components,
   DefaultComponents,
   ConfirmResetPasswordProps,

package/src/Authenticator/Defaults/types.ts

@@ -1,8 +1,8 @@
-import {
+import type {
   AuthenticatorComponentOverrides,
   AuthenticatorComponentDefaults,
 } from '@aws-amplify/ui-react-core';
-import { RadioFieldOptions, TextFieldOptionsType } from '../hooks';
+import type { RadioFieldOptions, TextFieldOptionsType } from '../hooks';
 
 // TODO fill these interfaces with custom style override types
 export interface ConfirmResetPasswordStyle {}

package/src/Authenticator/common/DefaultContainer/DefaultContainer.tsx

@@ -6,7 +6,7 @@ import { useTheme } from '../../../theme';
 import { platform } from '../../../utils';
 
 import { getThemedStyles } from './styles';
-import { ContainerProps } from './types';
+import type { ContainerProps } from './types';
 
 // prevent bounce when `ScrollView` content is less than height of screnn
 const ALWAYS_BOUNCE_VERTICAL = false;

package/src/Authenticator/common/DefaultContainer/InnerContainer.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 
 import { useTheme } from '../../../theme';
 import { getInnerContainerStyles } from './styles';
-import { ContainerProps } from './types';
+import type { ContainerProps } from './types';
 
 export default function InnerContainer({
   children,

package/src/Authenticator/common/DefaultContainer/index.ts

@@ -1,3 +1,3 @@
 export { default as DefaultContainer } from './DefaultContainer';
 export { default as InnerContainer } from './InnerContainer';
-export { ContainerProps, DefaultContainerComponent } from './types';
+export type { ContainerProps, DefaultContainerComponent } from './types';

package/src/Authenticator/common/DefaultContainer/styles.ts

@@ -1,7 +1,8 @@
-import { StyleSheet, ViewStyle } from 'react-native';
-import { StrictTheme } from '../../../theme';
+import type { ViewStyle } from 'react-native';
+import { StyleSheet } from 'react-native';
+import type { StrictTheme } from '../../../theme';
 
-import { ContainerStyles, InnerContainerStyles } from './types';
+import type { ContainerStyles, InnerContainerStyles } from './types';
 
 export const getThemedStyles = (
   { tokens: { colors } }: StrictTheme,

package/src/Authenticator/common/DefaultContainer/types.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import {
+import type React from 'react';
+import type {
   KeyboardAvoidingViewProps,
   ScrollViewProps,
   StyleProp,

package/src/Authenticator/common/DefaultContent/DefaultContent.tsx

@@ -2,11 +2,12 @@ import React, { Fragment, useMemo } from 'react';
 import { View } from 'react-native';
 
 import { Button, Label, ErrorMessage } from '../../../primitives';
-import { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
-import { StrictTheme, useTheme } from '../../../theme';
+import type { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
+import type { StrictTheme } from '../../../theme';
+import { useTheme } from '../../../theme';
 
 import { getDefaultStyle } from './styles';
-import { DefaultContentProps } from './types';
+import type { DefaultContentProps } from './types';
 
 function useThemedStyles<Style>(getStyle: (theme: StrictTheme) => Style) {
   const theme = useTheme();

package/src/Authenticator/common/DefaultContent/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../../theme';
-import { DefaultContentStyle } from './types';
+import type { StrictTheme } from '../../../theme';
+import type { DefaultContentStyle } from './types';
 
 export const getDefaultStyle = ({
   tokens: { colors, fontSizes, space },

package/src/Authenticator/common/DefaultContent/types.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type React from 'react';
+import type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 
-import {
+import type {
   AuthenticatorComponentDefaultProps,
   AuthenticatorHeaderComponent,
   AuthenticatorFooterComponent,
@@ -9,13 +9,13 @@ import {
   AuthenticatorRouteComponentName,
 } from '@aws-amplify/ui-react-core';
 
-import { ButtonProps } from '../../../primitives';
+import type { ButtonProps } from '../../../primitives';
 
-import {
+import type {
   DefaultFormFieldsComponent,
   DefaultFormFieldsStyle,
 } from '../../common';
-import { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
+import type { TextFieldOptionsType, RadioFieldOptions } from '../../hooks';
 
 export interface DefaultContentStyle {
   body?: TextStyle;
@@ -59,7 +59,7 @@ export type DefaultContentProps<
   FieldsType extends
     | TextFieldOptionsType
     | RadioFieldOptions
-    | unknown = unknown
+    | unknown = unknown,
 > = Pick<DefaultComponentProps<FieldsType>, 'error' | 'isPending'> & {
   buttons: DefaultButtons;
   body?: React.ReactNode;