@lookiero/checkout 14.0.4 → 14.2.0

package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap

@@ -228,20 +228,18 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
           }
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#837C7C",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
+                },
+                {
+                  "color": "#837C7C",
                 },
               ]
             }
@@ -249,41 +247,35 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
             CKS
           </Text>
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#0C0A0A",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
                 },
+                undefined,
               ]
             }
           >
             Sari Tshirt lines
           </Text>
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#837C7C",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
+                },
+                {
+                  "color": "#837C7C",
                 },
               ]
             }
@@ -302,21 +294,17 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
           testID="price"
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#0C0A0A",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
                 },
+                undefined,
               ]
             }
             testID="price-text"
@@ -334,22 +322,27 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
       style={
         [
           {
-            "color": "#0C0A0A",
-            "fontFamily": "auroraicons",
-            "fontSize": 24,
+            "fontFamily": "AreaNormal-Semibold",
+            "fontSize": 15,
             "fontStyle": "normal",
-            "fontWeight": "normal",
-            "height": 24,
+            "fontWeight": "300",
             "letterSpacing": -0.2,
-            "lineHeight": 24,
-            "minHeight": 24,
-            "minWidth": 24,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
-            "width": 24,
+            "lineHeight": 20,
           },
+          [
+            {
+              "fontFamily": "auroraicons",
+              "fontSize": 24,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
+              "height": 24,
+              "lineHeight": 24,
+              "minHeight": 24,
+              "minWidth": 24,
+              "width": 24,
+            },
+            undefined,
+          ],
         ]
       }
       testID="icon"
@@ -588,20 +581,18 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
           }
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#837C7C",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
+                },
+                {
+                  "color": "#837C7C",
                 },
               ]
             }
@@ -609,41 +600,35 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
             CKS
           </Text>
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#0C0A0A",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
                 },
+                undefined,
               ]
             }
           >
             Sari Tshirt lines
           </Text>
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#837C7C",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
+                },
+                {
+                  "color": "#837C7C",
                 },
               ]
             }
@@ -662,21 +647,17 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
           testID="price"
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#0C0A0A",
                   "fontFamily": "AreaNormal-Semibold",
                   "fontSize": 12,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
                   "letterSpacing": 0.1,
                   "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
                 },
+                undefined,
               ]
             }
             testID="price-text"
@@ -694,22 +675,27 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
       style={
         [
           {
-            "color": "#0C0A0A",
-            "fontFamily": "auroraicons",
-            "fontSize": 24,
+            "fontFamily": "AreaNormal-Semibold",
+            "fontSize": 15,
             "fontStyle": "normal",
-            "fontWeight": "normal",
-            "height": 24,
+            "fontWeight": "300",
             "letterSpacing": -0.2,
-            "lineHeight": 24,
-            "minHeight": 24,
-            "minWidth": 24,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
-            "width": 24,
+            "lineHeight": 20,
           },
+          [
+            {
+              "fontFamily": "auroraicons",
+              "fontSize": 24,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
+              "height": 24,
+              "lineHeight": 24,
+              "minHeight": 24,
+              "minWidth": 24,
+              "width": 24,
+            },
+            undefined,
+          ],
         ]
       }
       testID="icon"

package/src/infrastructure/ui/views/summary/Summary.tsx

@@ -1,10 +1,10 @@
 import React, { FC, ReactNode, useCallback, useEffect, useMemo, useState } from "react";
 import { LayoutRectangle, Platform, ScrollView, View } from "react-native";
 import { generatePath, useMatch, useNavigate } from "react-router-native";
-import { Box, Text, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
+import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
-import { Layout as UiLayout, Sticky, useScreenSize } from "@lookiero/sty-psp-ui";
+import { Layout as UiLayout, Sticky, Text, useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx

@@ -1,9 +1,9 @@
 import React, { FC, useMemo } from "react";
 import { Pressable, View } from "react-native";
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
-import { Button, Text } from "@lookiero/aurora";
+import { Button } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { Icon } from "@lookiero/sty-psp-ui";
+import { Icon, Text } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap

@@ -75,22 +75,27 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
       style={
         [
           {
-            "color": "#0C0A0A",
-            "fontFamily": "auroraicons",
-            "fontSize": 24,
+            "fontFamily": "AreaNormal-Semibold",
+            "fontSize": 15,
             "fontStyle": "normal",
-            "fontWeight": "normal",
-            "height": 24,
+            "fontWeight": "300",
             "letterSpacing": -0.2,
-            "lineHeight": 24,
-            "minHeight": 24,
-            "minWidth": 24,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
-            "width": 24,
+            "lineHeight": 20,
           },
+          [
+            {
+              "fontFamily": "auroraicons",
+              "fontSize": 24,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
+              "height": 24,
+              "lineHeight": 24,
+              "minHeight": 24,
+              "minWidth": 24,
+              "width": 24,
+            },
+            undefined,
+          ],
         ]
       }
       testID="arrow-up"
@@ -120,21 +125,18 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
       }
     >
       <Text
-        allowFontScaling={false}
-        selectable={false}
         style={
           [
             {
-              "color": "#0C0A0A",
               "fontFamily": "AreaNormal-Semibold",
               "fontSize": 13,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
               "letterSpacing": 0.1,
               "lineHeight": 17,
+            },
+            {
               "marginBottom": 4,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
             },
           ]
         }
@@ -152,21 +154,17 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
         testID="price"
       >
         <Text
-          allowFontScaling={false}
-          selectable={false}
           style={
             [
               {
-                "color": "#0C0A0A",
                 "fontFamily": "AreaNormal-Semibold",
                 "fontSize": 12,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
                 "letterSpacing": 0.1,
                 "lineHeight": 16,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 0,
               },
+              undefined,
             ]
           }
           testID="price-text"
@@ -427,22 +425,27 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
       style={
         [
           {
-            "color": "#0C0A0A",
-            "fontFamily": "auroraicons",
-            "fontSize": 24,
+            "fontFamily": "AreaNormal-Semibold",
+            "fontSize": 15,
             "fontStyle": "normal",
-            "fontWeight": "normal",
-            "height": 24,
+            "fontWeight": "300",
             "letterSpacing": -0.2,
-            "lineHeight": 24,
-            "minHeight": 24,
-            "minWidth": 24,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
-            "width": 24,
+            "lineHeight": 20,
           },
+          [
+            {
+              "fontFamily": "auroraicons",
+              "fontSize": 24,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
+              "height": 24,
+              "lineHeight": 24,
+              "minHeight": 24,
+              "minWidth": 24,
+              "width": 24,
+            },
+            undefined,
+          ],
         ]
       }
       testID="arrow-up"
@@ -472,21 +475,18 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
       }
     >
       <Text
-        allowFontScaling={false}
-        selectable={false}
         style={
           [
             {
-              "color": "#0C0A0A",
               "fontFamily": "AreaNormal-Semibold",
               "fontSize": 13,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
               "letterSpacing": 0.1,
               "lineHeight": 17,
+            },
+            {
               "marginBottom": 4,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
             },
           ]
         }
@@ -504,21 +504,17 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
         testID="price"
       >
         <Text
-          allowFontScaling={false}
-          selectable={false}
           style={
             [
               {
-                "color": "#0C0A0A",
                 "fontFamily": "AreaNormal-Semibold",
                 "fontSize": 12,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
                 "letterSpacing": 0.1,
                 "lineHeight": 16,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 0,
               },
+              undefined,
             ]
           }
           testID="price-text"

package/src/infrastructure/ui/views/summary/components/pricing/Pricing.tsx

@@ -1,7 +1,7 @@
 import React, { FC, ReactNode, useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";

package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.tsx

@@ -1,8 +1,8 @@
 import React, { FC, useCallback, useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { Country } from "@lookiero/sty-psp-locale";
+import { Text } from "@lookiero/sty-psp-ui";
 import { RenderItemFunction, Tabs, useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import {