@lookiero/checkout 14.1.0 → 14.2.1

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

@@ -228,20 +228,19 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
           }
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#837C7C",
+                  "color": "#0C0A0A",
                   "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 +248,37 @@ 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",
+                  "color": "#0C0A0A",
                   "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 +297,19 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
           testID="price"
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
+            detail={true}
             style={
               [
                 {
                   "color": "#0C0A0A",
                   "fontFamily": "AreaNormal-Semibold",
-                  "fontSize": 12,
-                  "letterSpacing": 0.1,
-                  "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
+                  "fontSize": 18,
+                  "fontStyle": "normal",
+                  "fontWeight": "300",
+                  "letterSpacing": -0.2,
+                  "lineHeight": 22,
                 },
+                undefined,
               ]
             }
             testID="price-text"
@@ -335,21 +328,27 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
         [
           {
             "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 +587,19 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
           }
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
             style={
               [
                 {
-                  "color": "#837C7C",
+                  "color": "#0C0A0A",
                   "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 +607,37 @@ 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",
+                  "color": "#0C0A0A",
                   "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 +656,19 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
           testID="price"
         >
           <Text
-            allowFontScaling={false}
-            selectable={false}
+            detail={true}
             style={
               [
                 {
                   "color": "#0C0A0A",
                   "fontFamily": "AreaNormal-Semibold",
-                  "fontSize": 12,
-                  "letterSpacing": 0.1,
-                  "lineHeight": 16,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 0,
+                  "fontSize": 18,
+                  "fontStyle": "normal",
+                  "fontWeight": "300",
+                  "letterSpacing": -0.2,
+                  "lineHeight": 22,
                 },
+                undefined,
               ]
             }
             testID="price-text"
@@ -695,21 +687,27 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
         [
           {
             "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";
@@ -134,7 +134,7 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
           <Box size={{ L: "2/3" }} style={isDesktopScreen && style.desktopListSpacing}>
             <View style={[style.contentWrapper, isDesktopScreen && style.desktopContentWrapper]}>
               <View style={!isDesktopScreen && style.mobileInfo}>
-                <Text level={3} style={style.title} heading>
+                <Text level={3} style={style.title} variant="heading">
                   {titleText}
                 </Text>
                 <Text level={3} style={style.description}>

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";
@@ -72,7 +72,7 @@ const CollapsiblePricing: FC<CollapsiblePricingProps> = ({
       {collapsed && collapsible ? (
         <Animated.View key="collapsed" style={[style.collapsed, collapsedAnimatedStyle]}>
           <View style={style.collapsedContent}>
-            <Text level={1} style={style.totalCollapsed} detail>
+            <Text level={1} style={style.totalCollapsed} variant="detail">
               {totalText} {totalCheckoutItemsKeptText}
             </Text>
             <Price price={pendingToPay} variant="detail" />

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

@@ -76,21 +76,27 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
         [
           {
             "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 +126,19 @@ 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 +156,19 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
         testID="price"
       >
         <Text
-          allowFontScaling={false}
-          selectable={false}
+          detail={true}
           style={
             [
               {
                 "color": "#0C0A0A",
                 "fontFamily": "AreaNormal-Semibold",
-                "fontSize": 12,
-                "letterSpacing": 0.1,
-                "lineHeight": 16,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 0,
+                "fontSize": 18,
+                "fontStyle": "normal",
+                "fontWeight": "300",
+                "letterSpacing": -0.2,
+                "lineHeight": 22,
               },
+              undefined,
             ]
           }
           testID="price-text"
@@ -428,21 +430,27 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
         [
           {
             "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 +480,19 @@ 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 +510,19 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
         testID="price"
       >
         <Text
-          allowFontScaling={false}
-          selectable={false}
+          detail={true}
           style={
             [
               {
                 "color": "#0C0A0A",
                 "fontFamily": "AreaNormal-Semibold",
-                "fontSize": 12,
-                "letterSpacing": 0.1,
-                "lineHeight": 16,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 0,
+                "fontSize": 18,
+                "fontStyle": "normal",
+                "fontWeight": "300",
+                "letterSpacing": -0.2,
+                "lineHeight": 22,
               },
+              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";
@@ -19,7 +19,7 @@ const Row: FC<RowProps> = ({ action = false, text, level = 3, children }) => {
 
   return (
     <View style={style.row}>
-      <Text action={action} level={level}>
+      <Text level={level} variant={action ? "action" : "body"}>
         {text}
       </Text>
       {children}

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 {