@pagopa/io-app-design-system 5.6.7 → 5.7.1

package/src/components/loadingSpinner/LoadingSpinner.tsx

@@ -2,7 +2,8 @@ import React, { useEffect, useRef } from "react";
 import { View, Animated, Easing, ColorValue } from "react-native";
 import Svg, { Defs, G, LinearGradient, Path, Stop } from "react-native-svg";
 import { WithTestID } from "../../utils/types";
-import { IOColors, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOColors } from "../../core/IOColors";
 
 export type LoadingSpinner = WithTestID<{
   color?: ColorValue;

package/src/components/modules/ModuleAttachment.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback } from "react";
 import { GestureResponderEvent, PressableProps } from "react-native";
-import { IOListItemVisualParams, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOListItemVisualParams } from "../../core";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { Icon } from "../icons";

package/src/components/modules/ModuleCheckout.tsx

@@ -6,11 +6,8 @@ import {
   StyleSheet,
   View
 } from "react-native";
-import {
-  IOSelectionListItemVisualParams,
-  IOSpacingScale,
-  useIOTheme
-} from "../../core";
+import { IOSelectionListItemVisualParams, IOSpacingScale } from "../../core";
+import { useIOTheme } from "../../context";
 import { ButtonLink } from "../buttons";
 import { IOLogoPaymentType, LogoPayment } from "../logos";
 import { IOSkeleton } from "../skeleton";

package/src/components/modules/ModuleCredential.tsx

@@ -9,9 +9,9 @@ import {
   IOListItemVisualParams,
   IOSelectionListItemVisualParams,
   IOSpacer,
-  IOVisualCostants,
-  useIOTheme
+  IOVisualCostants
 } from "../../core";
+import { useIOTheme } from "../../context";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";

package/src/components/modules/ModuleIDP.tsx

@@ -1,11 +1,7 @@
 import * as React from "react";
 import { Image, ImageSourcePropType, StyleSheet } from "react-native";
-import {
-  IOListItemLogoMargin,
-  useIONewTypeface,
-  useIOTheme,
-  useIOThemeContext
-} from "../../core";
+import { useIONewTypeface, useIOThemeContext, useIOTheme } from "../../context";
+import { IOListItemLogoMargin } from "../../core";
 import { addCacheTimestampToUri } from "../../utils/image";
 import { IOText } from "../typography";
 import {

package/src/components/modules/ModuleNavigation.tsx

@@ -10,9 +10,9 @@ import {
   IOListItemVisualParams,
   IOSelectionListItemVisualParams,
   IOSpacer,
-  IOVisualCostants,
-  useIOTheme
+  IOVisualCostants
 } from "../../core";
+import { useIOTheme } from "../../context";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";

package/src/components/modules/ModulePaymentNotice.tsx

@@ -1,6 +1,7 @@
-import * as React from "react";
+import React from "react";
 import { GestureResponderEvent, StyleSheet, View } from "react-native";
-import { IOListItemVisualParams, IOSpacer, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOListItemVisualParams, IOSpacer } from "../../core";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { Icon } from "../icons";

package/src/components/modules/ModuleStatic.tsx

@@ -1,6 +1,7 @@
-import * as React from "react";
+import React from "react";
 import { PressableProps, View, ViewProps } from "react-native";
-import { IOColors, IOModuleStyles, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOColors, IOModuleStyles } from "../../core";
 import { HStack } from "../stack";
 
 type ModuleStaticProps = Pick<

package/src/components/modules/ModuleSummary.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { View } from "react-native";
-import { useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
 import { IOIcons, Icon } from "../icons";
 import { H6, BodySmall } from "../typography";
 import {

package/src/components/modules/PressableModuleBase.tsx

@@ -3,12 +3,8 @@ import { PropsWithChildren, useCallback } from "react";
 import { GestureResponderEvent, Pressable } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import Animated, { useReducedMotion } from "react-native-reanimated";
-import {
-  IOColors,
-  IOModuleIDPSavedVSpacing,
-  IOModuleStyles,
-  useIOTheme
-} from "../../core";
+import { IOColors, IOModuleIDPSavedVSpacing, IOModuleStyles } from "../../core";
+import { useIOTheme } from "../../context";
 import { useScaleAnimation } from "../../hooks";
 import { WithTestID } from "../../utils/types";
 

package/src/components/numberpad/NumberButton.tsx

@@ -6,7 +6,8 @@ import Animated, {
   useAnimatedStyle,
   useReducedMotion
 } from "react-native-reanimated";
-import { hexToRgba, IOColors, useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
+import { hexToRgba, IOColors } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { IOText } from "../typography";
 

package/src/components/numberpad/NumberPad.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useCallback, useMemo } from "react";
+import React, { ComponentProps, JSX, useCallback, useMemo } from "react";
 import { StyleSheet, View } from "react-native";
 import { BiometricsValidType, Optional } from "../../utils/types";
 import { IconButton } from "../buttons";

package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap

@@ -863,6 +863,11 @@ exports[`NumberPad Should match the snapshot 1`] = `
               accessibilityLabel=""
               accessible={false}
               align="xMidYMid"
+              animatedProps={
+                {
+                  "color": undefined,
+                }
+              }
               bbHeight={24}
               bbWidth={24}
               color="#FFFFFF"
@@ -1073,6 +1078,11 @@ exports[`NumberPad Should match the snapshot 1`] = `
               accessibilityLabel=""
               accessible={false}
               align="xMidYMid"
+              animatedProps={
+                {
+                  "color": undefined,
+                }
+              }
               bbHeight={24}
               bbWidth={24}
               color="#FFFFFF"

package/src/components/otpInput/BoxedInput.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { useMemo } from "react";
+import React, { useMemo } from "react";
 import { StyleSheet, View, ViewStyle } from "react-native";
-import { hexToRgba, IOColors, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { hexToRgba, IOColors } from "../../core/IOColors";
 import { H6, IOText } from "../typography";
 
 type Props = {

package/src/components/otpInput/OTPInput.tsx

@@ -9,7 +9,7 @@ import {
   View
 } from "react-native";
 import Animated from "react-native-reanimated";
-import { useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
 import { triggerHaptic } from "../../functions";
 import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
 import { VSpacer } from "../spacer";
@@ -71,7 +71,7 @@ export const OTPInput = forwardRef<View, Props>(
       useErrorShakeAnimation();
 
     const inputRef = createRef<TextInput>();
-    const timerRef = useRef<NodeJS.Timeout>();
+    const timerRef = useRef<NodeJS.Timeout | undefined>(undefined);
 
     const handleValidate = (val: string) => {
       if (!onValidate || val.length < length) {

package/src/components/pictograms/Pictogram.tsx

@@ -1,6 +1,7 @@
-import React, { useMemo } from "react";
+import React, { JSX, useMemo } from "react";
 import { ColorValue } from "react-native";
-import { IOColors, IOThemeDark, IOThemeLight, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOColors, IOThemeDark, IOThemeLight } from "../../core/IOColors";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 
 import PictogramAccessDenied from "./svg/PictogramAccessDenied";

package/src/components/progressLoader/ProgressLoader.tsx

@@ -1,12 +1,12 @@
-import * as React from "react";
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { View } from "react-native";
 import Animated, {
   useAnimatedStyle,
   useSharedValue,
   withSpring
 } from "react-native-reanimated";
-import { IOColors, IOSpringValues, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOColors, IOSpringValues } from "../../core";
 
 export type ProgressLoader = {
   progress: number;

package/src/components/radio/AnimatedRadio.tsx

@@ -14,7 +14,7 @@ import Animated, {
   withSpring,
   withTiming
 } from "react-native-reanimated";
-import { useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
 import { IOSpringValues } from "../../core/IOAnimations";
 import { IOColors } from "../../core/IOColors";
 import { IOSelectionTickVisualParams } from "../../core/IOStyles";

package/src/components/radio/RadioButtonLabel.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { ComponentProps, useState } from "react";
+import React, { ComponentProps, useState } from "react";
 import { Pressable, View } from "react-native";
-import { IOSelectionTickVisualParams, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOSelectionTickVisualParams } from "../../core";
 import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { H6 } from "../typography/H6";

package/src/components/searchInput/SearchInput.tsx

@@ -29,13 +29,8 @@ import Animated, {
   withTiming
 } from "react-native-reanimated";
 import { WithTestID } from "src/utils/types";
-import {
-  IOColors,
-  IOSpacingScale,
-  IOVisualCostants,
-  useIONewTypeface,
-  useIOTheme
-} from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
+import { IOColors, IOSpacingScale, IOVisualCostants } from "../../core";
 import {
   IOFontSize,
   IOMaxFontSizeMultiplier,

package/src/components/skeleton/IOSkeleton.tsx

@@ -7,7 +7,8 @@ import {
   ViewStyle
 } from "react-native";
 import { useReducedMotion } from "react-native-reanimated";
-import { IOColors, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOColors } from "../../core";
 import { WithTestID } from "../../utils/types";
 
 const ANIMATION_DURATION = 1250;

package/src/components/stack/Stack.tsx

@@ -3,9 +3,9 @@ import { View, ViewProps, ViewStyle } from "react-native";
 import { IOSpacer } from "../../core";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 
-type AllowedStyleProps = Pick<
+type AllowedStyleProps = Exclude<
   ViewStyle,
-  "alignItems" | "flexShrink" | "flexGrow" | "flex" | "flexWrap" | "width"
+  "display" | "flexDirection" | "gap"
 >;
 
 type A11YRelatedProps = Pick<
@@ -14,7 +14,7 @@ type A11YRelatedProps = Pick<
 >;
 
 type Stack = PropsWithChildren<{
-  space?: IOSpacer;
+  space?: IOSpacer | 0;
   style?: AllowedStyleProps;
   allowScaleSpacing?: boolean;
 }> &
@@ -24,15 +24,13 @@ type BaseStack = Stack & {
   orientation: "vertical" | "horizontal";
 };
 
-const DEFAULT_SPACING_VALUE: IOSpacer = 16;
-
 /**
 Horizontal Stack component
 @param {IOSpacer} space
  */
 
 const Stack = ({
-  space = DEFAULT_SPACING_VALUE,
+  space = 0,
   style,
   orientation = "vertical",
   allowScaleSpacing,
@@ -47,9 +45,10 @@ const Stack = ({
       style={{
         display: "flex",
         flexDirection: orientation === "horizontal" ? "row" : "column",
-        gap: allowScaleSpacing
-          ? space * dynamicFontScale * spacingScaleMultiplier
-          : space,
+        gap:
+          allowScaleSpacing && space !== 0
+            ? space * dynamicFontScale * spacingScaleMultiplier
+            : space,
         ...style
       }}
     >

package/src/components/stepper/Stepper.tsx

@@ -1,6 +1,7 @@
-import * as React from "react";
+import React from "react";
 import { ColorValue, View } from "react-native";
-import { IOColors, IOSpacer, IOVisualCostants, useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
+import { IOColors, IOSpacer, IOVisualCostants } from "../../core";
 
 type StepperProps = {
   steps: number;

package/src/components/switch/NativeSwitch.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Switch, SwitchProps } from "react-native";
-import { useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
 import { IOColors } from "../../core/IOColors";
 
 type OwnProps = Pick<

package/src/components/tabs/TabItem.tsx

@@ -13,13 +13,8 @@ import Animated, {
   useReducedMotion,
   withSpring
 } from "react-native-reanimated";
-import {
-  IOColors,
-  IOSpringValues,
-  hexToRgba,
-  useIONewTypeface,
-  useIOTheme
-} from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
+import { IOColors, IOSpringValues, hexToRgba } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { WithTestID } from "../../utils/types";
 import { IOIcons, Icon } from "../icons";

package/src/components/tag/Tag.tsx

@@ -1,18 +1,15 @@
 import React from "react";
 import { Platform, StyleSheet, View, ViewStyle } from "react-native";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import {
   IOColors,
+  IOSpacingScale,
+  IOTagHSpacing,
   IOTagRadius,
+  IOTagVSpacing,
   IOTheme,
-  IOThemeLight,
-  useIONewTypeface,
-  useIOTheme
+  IOThemeLight
 } from "../../core";
-import {
-  IOSpacingScale,
-  IOTagHSpacing,
-  IOTagVSpacing
-} from "../../core/IOSpacing";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { IOIconSizeScale, IOIcons, Icon } from "../icons";

package/src/components/{layout → templates}/ForceScrollDownView.tsx

@@ -18,8 +18,7 @@ import {
 import { IOSpringValues, IOVisualCostants } from "../../core";
 import { IconButtonSolid } from "../buttons";
 import { ScaleInOutAnimation } from "../common/ScaleInOutAnimation";
-import { FooterActions } from "./FooterActions";
-import { useFooterActionsInlineMeasurements } from "./hooks";
+import { FooterActions, useFooterActionsInlineMeasurements } from "../layout";
 
 type ForceScrollDownViewActions = {
   /**

package/src/components/templates/README.md

@@ -0,0 +1,19 @@
+# Templates
+
+Although these templates do not provide specific instructions on how to build your screens, they offer a range of built-in features that can be easily integrated.
+
+## `ForceScrollDownView`
+
+A special `ScrollView` that includes a button which forces the page to scroll to the bottom.
+
+### Usage
+
+```jsx
+import { ForceScrollDownView } from "@pagopa/io-app-design-system";
+
+const SpecialPage = () => (
+  <ForceScrollDownView>
+    { /* [Screen content] */}
+  </ForceScrollDownView>
+);
+```

package/src/components/templates/index.tsx

@@ -0,0 +1,2 @@
+export * from "./Dismissable";
+export * from "./ForceScrollDownView";

package/src/components/textInput/TextInputBase.tsx

@@ -27,13 +27,8 @@ import Animated, {
   useSharedValue,
   withTiming
 } from "react-native-reanimated";
-import {
-  IOColors,
-  IOSpacingScale,
-  hexToRgba,
-  useIONewTypeface,
-  useIOTheme
-} from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
+import { IOColors, IOSpacingScale, hexToRgba } from "../../core";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import {
   IOFontSize,

package/src/components/textInput/TextInputValidation.tsx

@@ -9,7 +9,7 @@ import {
 import { AccessibilityInfo, View } from "react-native";
 import Animated from "react-native-reanimated";
 import { TextInputValidationRefProps } from "../../utils/types";
-import { useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
 import { IOColors } from "../../core/IOColors";
 import {
   enterTransitionInputIcon,

package/src/components/toast/ToastNotification.tsx

@@ -1,11 +1,7 @@
 import React, { useMemo } from "react";
 import { StyleSheet, View, ViewStyle } from "react-native";
-import {
-  hexToRgba,
-  IOAlertRadius,
-  IOColors,
-  useIOThemeContext
-} from "../../core";
+import { useIOThemeContext } from "../../context";
+import { IOAlertRadius, IOColors, hexToRgba } from "../../core";
 import { Icon } from "../icons";
 import { HSpacer } from "../spacer";
 import { ButtonText } from "../typography";

package/src/components/toast/ToastProvider.tsx

@@ -14,7 +14,7 @@ import Animated, {
 } from "react-native-reanimated";
 import { IOVisualCostants } from "../../core";
 import { triggerHaptic } from "../../functions";
-import { Dismissable } from "../layout/Dismissable";
+import { Dismissable } from "../templates";
 import { ToastNotification } from "./ToastNotification";
 import { ToastContext } from "./context";
 import { Toast } from "./types";

package/src/components/tooltip/Tooltip.tsx

@@ -19,7 +19,8 @@ import {
 } from "react-native";
 import Animated, { Easing, FadeIn, FadeOut } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { IOColors, useIOTheme, useIOThemeContext } from "../../core";
+import { useIOTheme, useIOThemeContext } from "../../context";
+import { IOColors } from "../../core/IOColors";
 import { IconButton } from "../buttons";
 import { Body, H6 } from "../typography";
 import { BottomArrow, LeftArrow, RightArrow, TopArrow } from "./Arrows";
@@ -179,7 +180,9 @@ export const Tooltip = ({
   const [tooltipLayout, setTooltipLayout] = useState<TooltipLayout>();
   const childRef = useRef<View>(null);
   const titleRef = useRef<View>(null);
-  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(
+    undefined
+  );
 
   // Theme
   const theme = useIOTheme();

package/src/components/typography/Body.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {
   IOText,

package/src/components/typography/BodyMonospace.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIOTheme } from "../../core";
+import { useIOTheme } from "../../context";
 import { bodyFontSize, bodyLineHeight } from "./Body";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/BodySmall.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {
   IOText,

package/src/components/typography/ButtonText.tsx

@@ -1,6 +1,7 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { IOColors, useIONewTypeface } from "../../core";
+import { useIONewTypeface } from "../../context";
+import { IOColors } from "../../core";
 import { IOFontFamily, IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/Caption.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/H1.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/H2.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize, IOFontWeight } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/H3.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/H4.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/H5.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/H6.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/Hero.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 

package/src/components/typography/IOText.tsx

@@ -8,7 +8,8 @@ import {
   View
 } from "react-native";
 import Animated from "react-native-reanimated";
-import { IOColors, useIOTheme } from "../../core";
+import { IOColors } from "../../core";
+import { useIOTheme } from "../../context";
 import { useBoldTextEnabled } from "../../utils/accessibility";
 import {
   IOFontFamily,

package/src/components/typography/LabelMini.tsx

@@ -1,6 +1,6 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {
   IOText,