@ledgerhq/lumen-ui-rnative 0.1.23 → 0.1.24

package/src/lib/Components/Utility/Text/Text.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
 import { Text } from './Text';
-import { TextProps } from './types';
+import type { TextProps } from './types';
 
 const meta: Meta<TextProps> = {
   component: Text,

package/src/lib/Components/Utility/Text/types.ts

@@ -1,3 +1,3 @@
-import { StyledTextProps } from '../../../../styles';
+import type { StyledTextProps } from '../../../../styles';
 
 export type TextProps = StyledTextProps;

package/src/lib/Components/Wrap/Wrap.tsx

@@ -1,4 +1,4 @@
-import { WrapProps } from './types';
+import type { WrapProps } from './types';
 
 export const Wrap = ({ if: condition, with: wrapper, children }: WrapProps) => {
   return condition ? wrapper(children) : children;

package/src/lib/Components/Wrap/types.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode, ReactElement } from 'react';
+import type { PropsWithChildren, ReactNode, ReactElement } from 'react';
 
 export type WrapProps = PropsWithChildren & {
   if: boolean;

package/src/lib/types/index.ts

@@ -1,4 +1,4 @@
-import { ElementType, ComponentPropsWithRef, ElementRef } from 'react';
+import type { ElementType, ComponentPropsWithRef, ElementRef } from 'react';
 import type { Pressable, View } from 'react-native';
 
 type ComponentPropsWithAsChild<T extends ElementType<any>> =

package/src/lib/utils/components/InjectStylesIntoChildren.tsx

@@ -1,11 +1,6 @@
-import {
-  cloneElement,
-  isValidElement,
-  memo,
-  PropsWithChildren,
-  ReactElement,
-} from 'react';
-import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { PropsWithChildren, ReactElement } from 'react';
+import { cloneElement, isValidElement, memo } from 'react';
+import type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 
 type StyleValue = ViewStyle | TextStyle | ImageStyle;
 

package/src/lib/utils/constants/constants.ts

@@ -1,10 +1,8 @@
 import { useEffect, useLayoutEffect } from 'react';
 import { Dimensions, Platform } from 'react-native';
 
-import {
-  EdgeInsets,
-  initialWindowMetrics,
-} from 'react-native-safe-area-context';
+import type { EdgeInsets } from 'react-native-safe-area-context';
+import { initialWindowMetrics } from 'react-native-safe-area-context';
 
 const edgeInsets =
   initialWindowMetrics?.insets ??

package/src/lib/utils/react/extractTextFromChildren.ts

@@ -1,4 +1,5 @@
-import { Children, ComponentType, isValidElement, ReactNode } from 'react';
+import type { ComponentType, ReactNode } from 'react';
+import { Children, isValidElement } from 'react';
 
 /**
  * Recursively extracts text content from React children.

package/src/lib/utils/useControllableState/useControllableState.ts

@@ -1,4 +1,5 @@
-import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { startTransition } from '../startTransition';
 import { useEvent } from '../useEvent';
 

package/src/styles/hooks/useStyleSheet.test.tsx

@@ -6,7 +6,8 @@ import {
   waitFor,
 } from '@testing-library/react-native';
 import { useState } from 'react';
-import { ColorSchemeName, Pressable, Text, View } from 'react-native';
+import type { ColorSchemeName } from 'react-native';
+import { Pressable, Text, View } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { useStyleSheet } from './useStyleSheet';
 

package/src/styles/hooks/useStyleSheet.ts

@@ -1,4 +1,5 @@
-import { DependencyList, useMemo, useRef } from 'react';
+import type { DependencyList } from 'react';
+import { useMemo, useRef } from 'react';
 import type {
   LumenStyleSheet,
   LumenStyleSheetExtended,

package/src/styles/lx/areLxPropsEqual.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   StyledPressableProps,
   StyledTextProps,
   StyledViewProps,

package/src/styles/lx/createStyledPressable.test.tsx

@@ -1,12 +1,12 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { fireEvent, render, screen } from '@testing-library/react-native';
 import { createRef } from 'react';
-import {
-  Pressable,
+import type {
   PressableProps,
   PressableStateCallbackType,
   View,
 } from 'react-native';
+import { Pressable } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledPressable } from './createStyledPressable';
 

package/src/styles/lx/createStyledPressable.tsx

@@ -7,7 +7,7 @@ import type {
 } from 'react-native';
 import { useHapticFeedbackWithPressIn } from '../../lib/Haptics';
 import type { HapticFeedback } from '../../lib/Haptics/types';
-import { StyledPressableProps, PressableStyleItem } from '../types';
+import type { StyledPressableProps, PressableStyleItem } from '../types';
 import { areLxPropsEqual } from './areLxPropsEqual';
 import { useResolveViewStyle } from './resolveStyle';
 

package/src/styles/lx/createStyledText.test.tsx

@@ -1,7 +1,8 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, screen } from '@testing-library/react-native';
 import { createRef } from 'react';
-import { Text, TextProps } from 'react-native';
+import type { TextProps } from 'react-native';
+import { Text } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledText } from './createStyledText';
 

package/src/styles/lx/createStyledText.tsx

@@ -2,7 +2,7 @@ import { memo } from 'react';
 import { StyleSheet } from 'react-native';
 import type { Text, TextStyle } from 'react-native';
 import { useTheme } from '../hooks/useTheme';
-import { StyledTextProps } from '../types';
+import type { StyledTextProps } from '../types';
 import { areLxPropsEqual } from './areLxPropsEqual';
 import { useResolveTextStyle } from './resolveStyle';
 

package/src/styles/lx/createStyledView.test.tsx

@@ -1,7 +1,8 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, screen } from '@testing-library/react-native';
 import { createRef } from 'react';
-import { View, ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledView } from './createStyledView';
 

package/src/styles/lx/createStyledView.tsx

@@ -1,5 +1,6 @@
 import { memo } from 'react';
-import { StyleSheet, View } from 'react-native';
+import type { View } from 'react-native';
+import { StyleSheet } from 'react-native';
 import type { StyledViewProps } from '../types';
 import { areLxPropsEqual } from './areLxPropsEqual';
 import { useResolveViewStyle } from './resolveStyle';

package/src/styles/lx/resolveConfig.ts

@@ -1,4 +1,4 @@
-import { LumenTextStyle, LumenViewStyle } from '../types';
+import type { LumenTextStyle, LumenViewStyle } from '../types';
 
 /**
  * Configuration for each style prop

package/src/styles/provider/LumenStyleSheetProvider.test.tsx

@@ -1,7 +1,8 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, userEvent } from '@testing-library/react-native';
 import { useState } from 'react';
-import { ColorSchemeName, Pressable, Text, View } from 'react-native';
+import type { ColorSchemeName } from 'react-native';
+import { Pressable, Text, View } from 'react-native';
 import { useTheme } from '../hooks/useTheme';
 import { LumenStyleSheetProvider } from './LumenStyleSheetProvider';
 

package/src/styles/provider/LumenStyleSheetProvider.tsx

@@ -1,9 +1,7 @@
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
 import { useMemo } from 'react';
-import {
-  ColorSchemeName,
-  useColorScheme as useReactNativeColorScheme,
-} from 'react-native';
+import type { ColorSchemeName } from 'react-native';
+import { useColorScheme as useReactNativeColorScheme } from 'react-native';
 import { createStylesheetTheme } from '../theme/createStylesheetTheme';
 import { type LumenStyleSheetTheme } from '../types';
 import { COLOR_SCHEMES, type LumenStyleSheetProviderProps } from './types';

package/src/styles/provider/types.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
-import { ColorSchemeName } from 'react-native';
-import { LumenThemes } from '../types';
+import type { PropsWithChildren } from 'react';
+import type { ColorSchemeName } from 'react-native';
+import type { LumenThemes } from '../types';
 
 export const COLOR_SCHEMES = {
   light: 'light',

package/src/styles/theme/createStylesheetTheme.ts

@@ -1,4 +1,4 @@
-import { LumenStyleSheetTheme, LumenTheme } from '../types';
+import type { LumenStyleSheetTheme, LumenTheme } from '../types';
 import { resolveFontWeights } from './resolvers/resolveFontWeights';
 import { resolveNegativeSpacing } from './resolvers/resolveNegativeSpacing';
 

package/src/styles/theme/resolvers/resolveFontWeights.ts

@@ -1,5 +1,5 @@
 import { RuntimeConstants } from '../../../lib/utils';
-import { LumenTypographyTokens } from '../../types';
+import type { LumenTypographyTokens } from '../../types';
 
 export const FONT_WEIGHT_SUFFIX_MAP = {
   '100': 'Thin',

package/src/styles/theme/resolvers/resolveNegativeSpacing.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from '@jest/globals';
-import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import type { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { resolveNegativeSpacing } from './resolveNegativeSpacing';
 
 describe('resolveNegativeSpacing', () => {

package/src/styles/theme/resolvers/resolveNegativeSpacing.ts

@@ -1,5 +1,5 @@
-import { LumenTheme } from '../../types';
-import { AddEntriesNegative } from '../../types/utility.types';
+import type { LumenTheme } from '../../types';
+import type { AddEntriesNegative } from '../../types/utility.types';
 
 export const resolveNegativeSpacing = <
   Input extends LumenTheme['spacings'],

package/src/styles/types/factories.types.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
-import {
+import type {
   PressableProps,
   PressableStateCallbackType,
   TextProps as RNTextProps,
@@ -10,8 +10,8 @@ import {
   Pressable as RNPressable,
 } from 'react-native';
 import type { ImpactFeedbackStyle } from '../../lib/Haptics';
-import { LumenTextStyle, LumenViewStyle } from './lx.types';
-import { LumenTypographyTokenName } from './theme.types';
+import type { LumenTextStyle, LumenViewStyle } from './lx.types';
+import type { LumenTypographyTokenName } from './theme.types';
 
 type StyleFn = (state: PressableStateCallbackType) => ViewStyle;
 export type PressableStyleItem =

package/src/styles/types/theme.types.ts

@@ -1,9 +1,9 @@
-import {
+import type {
   LedgerLiveDarkTheme,
   LedgerLiveLightTheme,
   TypographyTokens,
 } from '@ledgerhq/lumen-design-core';
-import { AddEntriesNegative } from './utility.types';
+import type { AddEntriesNegative } from './utility.types';
 
 /**
  * Typography tokens without responsive display (not applicable for React Native)

package/src/utils/icon-template.ts

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable import/no-default-export */
-import { Template } from '@svgr/babel-plugin-transform-svg-component';
+import type { Template } from '@svgr/babel-plugin-transform-svg-component';
 
 const template: Template = (variables, { tpl }) => {
   const componentName = variables.componentName;