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

package/src/primitives/Label/Label.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Text } from 'react-native';
 
 import { useTheme } from '../../theme';
-import { LabelProps } from './types';
+import type { LabelProps } from './types';
 import { getThemedStyles } from './styles';
 
 export default function Label({

package/src/primitives/Label/index.ts

@@ -1,2 +1,2 @@
 export { default as Label } from './Label';
-export { LabelProps, LabelStyles } from './types';
+export type { LabelProps, LabelStyles } from './types';

package/src/primitives/Label/styles.ts

@@ -1,8 +1,8 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
+import type { StrictTheme } from '../../theme';
 import { getLineHeight } from '../../utils';
-import { LabelStyles } from './types';
+import type { LabelStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): LabelStyles => {
   const {

package/src/primitives/Label/types.ts

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

package/src/primitives/Label/utils.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';
 
 const FLEX_DIRECTIONS: Record<LabelPosition, ViewStyle['flexDirection']> = {
   start: 'row-reverse',

package/src/primitives/PasswordField/PasswordField.tsx

@@ -5,7 +5,7 @@ import { useTheme } from '../../theme';
 import { IconButton } from '../IconButton';
 import { TextField } from '../TextField';
 
-import { PasswordFieldProps } from './types';
+import type { PasswordFieldProps } from './types';
 import { getThemedStyles } from './styles';
 import { authenticatorTextUtil } from '@aws-amplify/ui';
 

package/src/primitives/PasswordField/index.ts

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

package/src/primitives/PasswordField/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { PasswordFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { PasswordFieldStyles } from './types';
 
 export const getThemedStyles = ({
   components,

package/src/primitives/PasswordField/types.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 {
   /**

package/src/primitives/PhoneNumberField/PhoneNumberField.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { useTheme } from '../../theme';
 import { getThemedStyles } from './styles';
 import { TextField } from '../TextField';
-import { PhoneNumberFieldProps } from './types';
+import type { PhoneNumberFieldProps } from './types';
 
 export default function PhoneNumberField({
   disabled,

package/src/primitives/PhoneNumberField/index.ts

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

package/src/primitives/PhoneNumberField/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { PhoneNumberFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { PhoneNumberFieldStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): PhoneNumberFieldStyles => {
   const { components } = theme;

package/src/primitives/PhoneNumberField/types.ts

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

package/src/primitives/Radio/Radio.tsx

@@ -1,10 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
-import {
-  GestureResponderEvent,
-  Pressable,
-  View,
-  ViewStyle,
-} from 'react-native';
+import type { GestureResponderEvent, ViewStyle } from 'react-native';
+import { Pressable, View } from 'react-native';
 
 import { useTheme } from '../../theme';
 import { Label } from '../Label';
@@ -12,7 +8,7 @@ import { getFlexDirectionFromLabelPosition } from '../Label/utils';
 import { usePressableContainerStyles } from '../../hooks';
 
 import { getThemedStyles } from './styles';
-import { RadioProps } from './types';
+import type { RadioProps } from './types';
 import { getRadioDimensions } from './getRadioDimensions';
 
 export const CONTAINER_TEST_ID = 'amplify__radio-button__container';

package/src/primitives/Radio/getRadioDimensions.ts

@@ -1,6 +1,6 @@
 import { capitalize } from '@aws-amplify/ui';
 
-import { RadioDimensions, RadioStyles, Size } from './types';
+import type { RadioDimensions, RadioStyles, Size } from './types';
 
 /**
  * These utility functions are used to apply styles to

package/src/primitives/Radio/index.ts

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

package/src/primitives/Radio/styles.ts

@@ -1,8 +1,8 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
+import type { StrictTheme } from '../../theme';
 import { RADIO_DOT_PROPORTION } from './getRadioDimensions';
-import { RadioStyles } from './types';
+import type { RadioStyles } from './types';
 
 const ROUNDED_BORDER_RADIUS = 999;
 

package/src/primitives/Radio/types.ts

@@ -1,6 +1,11 @@
-import { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type {
+  PressableProps,
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+} from 'react-native';
 
-import { LabelPosition } from '../Label/types';
+import type { LabelPosition } from '../Label/types';
 
 export type Size = number | 'small' | 'medium' | 'large';
 

package/src/primitives/RadioGroup/RadioGroup.tsx

@@ -7,17 +7,18 @@ import React, {
   useMemo,
   useState,
 } from 'react';
-import { View, ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { View } from 'react-native';
 
 import { useHasValueUpdated } from '@aws-amplify/ui-react-core';
 
 import { useTheme } from '../../theme';
 import { Label } from '../Label';
 import { getFlexDirectionFromLabelPosition } from '../Label/utils';
-import { RadioProps } from '../Radio';
+import type { RadioProps } from '../Radio';
 
 import { getThemedStyles } from './styles';
-import { RadioGroupProps } from './types';
+import type { RadioGroupProps } from './types';
 
 export const RADIO_GROUP_CONTAINER_TEST_ID = 'amplify__radio-group__container';
 

package/src/primitives/RadioGroup/index.ts

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

package/src/primitives/RadioGroup/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { RadioGroupStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { RadioGroupStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): RadioGroupStyles => {
   const { components } = theme;

package/src/primitives/RadioGroup/types.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';
 

package/src/primitives/Tabs/Tab.tsx

@@ -1,11 +1,11 @@
 import React, { useMemo } from 'react';
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 
 import { useTheme } from '../../theme';
 import { usePressableContainerStyles } from '../../hooks';
 import { Button } from '../Button';
 import { getThemedStyles } from './styles';
-import { TabProps } from './types';
+import type { TabProps } from './types';
 
 export default function Tab({
   children,

package/src/primitives/Tabs/Tabs.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 
 import { useTheme } from '../../theme';
 import { getThemedStyles } from './styles';
-import { TabProps, TabsProps } from './types';
+import type { TabProps, TabsProps } from './types';
 
 export default function Tabs({
   accessible = true,

package/src/primitives/Tabs/index.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/src/primitives/Tabs/styles.ts

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

package/src/primitives/Tabs/types.ts

@@ -1,6 +1,6 @@
-import { TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { TextStyle, ViewProps, ViewStyle } from 'react-native';
 
-import { ButtonProps } from '../Button';
+import type { ButtonProps } from '../Button';
 
 type IndicatorPosition = 'top' | 'bottom';
 

package/src/primitives/TextField/TextField.tsx

@@ -1,10 +1,11 @@
 import React, { useMemo } from 'react';
-import { TextInput, View, ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { TextInput, View } from 'react-native';
 import { Label } from '../Label';
 
 import { useTheme } from '../../theme';
 import { getThemedStyles } from './styles';
-import { TextFieldProps } from './types';
+import type { TextFieldProps } from './types';
 
 export const TEXTFIELD_CONTAINER_TEST_ID = 'amplify__text-field-container';
 export const INPUT_CONTAINER_TEST_ID = 'amplify__text-field__input-container';

package/src/primitives/TextField/index.ts

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

package/src/primitives/TextField/styles.ts

@@ -1,7 +1,7 @@
 import { Platform, StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { TextFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { TextFieldStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): TextFieldStyles => {
   const {

package/src/primitives/TextField/types.ts

@@ -1,5 +1,10 @@
-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'> {
   /**

package/src/theme/ThemeContext.tsx

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

package/src/theme/ThemeProvider.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { createTheme } from './createTheme';
-import { ColorMode, Theme } from './types';
+import type { ColorMode, Theme } from './types';
 import { ThemeContext } from './ThemeContext';
 
 interface ThemeProviderProps {

package/src/theme/createTheme.ts

@@ -1,6 +1,6 @@
 import { deepExtend, resolveObject, usesReference } from '@aws-amplify/ui';
 import { isFunction, setupTokens } from '@aws-amplify/ui';
-import {
+import type {
   Theme,
   StrictTheme,
   ColorMode,

package/src/theme/defaultTheme.ts

@@ -1,5 +1,5 @@
 import { reactNativeDarkTokens, reactNativeTokens } from '@aws-amplify/ui';
-import { DefaultTheme, Override } from './types';
+import type { DefaultTheme, Override } from './types';
 
 export const defaultTheme: DefaultTheme = {
   tokens: reactNativeTokens,

package/src/theme/types.ts

@@ -1,6 +1,6 @@
-import { ReactNativeTokens } from '@aws-amplify/ui';
+import type { ReactNativeTokens } from '@aws-amplify/ui';
 
-import {
+import type {
   ButtonStyles,
   CheckboxStyles,
   DividerStyles,

package/src/theme/useTheme.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { ThemeContext } from './ThemeContext';
-import { StrictTheme } from './types';
+import type { StrictTheme } from './types';
 
 export const useTheme = (): StrictTheme => {
   const context = React.useContext(ThemeContext);

package/src/version.ts

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