@lookiero/checkout 14.1.0 → 14.2.1

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

@@ -593,20 +593,19 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
             }
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
-                    "color": "#837C7C",
+                    "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Semibold",
                     "fontSize": 13,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": 0.1,
                     "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
+                  },
+                  {
+                    "color": "#837C7C",
                   },
                 ]
               }
@@ -614,21 +613,18 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
               CKS
             </Text>
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
                     "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Extrabold",
                     "fontSize": 13,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": 0.1,
                     "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
                   },
+                  undefined,
                 ]
               }
             >
@@ -644,21 +640,19 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
             testID="price"
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
+              detail={true}
               style={
                 [
                   {
                     "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Semibold",
-                    "fontSize": 13,
-                    "letterSpacing": 0.1,
-                    "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
+                    "fontSize": 22,
+                    "fontStyle": "normal",
+                    "fontWeight": "300",
+                    "letterSpacing": -0.2,
+                    "lineHeight": 26,
                   },
+                  undefined,
                 ]
               }
               testID="price-text"
@@ -668,21 +662,18 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
           </View>
         </View>
         <Text
-          allowFontScaling={false}
-          selectable={false}
           style={
             [
               {
                 "color": "#0C0A0A",
                 "fontFamily": "AreaNormal-Semibold",
                 "fontSize": 13,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
                 "letterSpacing": 0.1,
                 "lineHeight": 17,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 0,
               },
+              undefined,
             ]
           }
         >
@@ -1287,20 +1278,19 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
             }
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
-                    "color": "#837C7C",
+                    "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Semibold",
                     "fontSize": 13,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": 0.1,
                     "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
+                  },
+                  {
+                    "color": "#837C7C",
                   },
                 ]
               }
@@ -1308,21 +1298,18 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
               CKS
             </Text>
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
                     "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Extrabold",
                     "fontSize": 13,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": 0.1,
                     "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
                   },
+                  undefined,
                 ]
               }
             >
@@ -1338,21 +1325,19 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
             testID="price"
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
+              detail={true}
               style={
                 [
                   {
                     "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Semibold",
-                    "fontSize": 13,
-                    "letterSpacing": 0.1,
-                    "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
+                    "fontSize": 22,
+                    "fontStyle": "normal",
+                    "fontWeight": "300",
+                    "letterSpacing": -0.2,
+                    "lineHeight": 26,
                   },
+                  undefined,
                 ]
               }
               testID="price-text"
@@ -1362,21 +1347,18 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
           </View>
         </View>
         <Text
-          allowFontScaling={false}
-          selectable={false}
           style={
             [
               {
                 "color": "#0C0A0A",
                 "fontFamily": "AreaNormal-Semibold",
                 "fontSize": 13,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
                 "letterSpacing": 0.1,
                 "lineHeight": 17,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 0,
               },
+              undefined,
             ]
           }
         >
@@ -1981,20 +1963,19 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
             }
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
-                    "color": "#837C7C",
+                    "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Semibold",
                     "fontSize": 13,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": 0.1,
                     "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
+                  },
+                  {
+                    "color": "#837C7C",
                   },
                 ]
               }
@@ -2002,21 +1983,18 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
               CKS
             </Text>
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
                     "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Extrabold",
                     "fontSize": 13,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": 0.1,
                     "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
                   },
+                  undefined,
                 ]
               }
             >
@@ -2032,21 +2010,19 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
             testID="price"
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
+              detail={true}
               style={
                 [
                   {
                     "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Semibold",
-                    "fontSize": 13,
-                    "letterSpacing": 0.1,
-                    "lineHeight": 17,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
+                    "fontSize": 22,
+                    "fontStyle": "normal",
+                    "fontWeight": "300",
+                    "letterSpacing": -0.2,
+                    "lineHeight": 26,
                   },
+                  undefined,
                 ]
               }
               testID="price-text"
@@ -2056,21 +2032,18 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
           </View>
         </View>
         <Text
-          allowFontScaling={false}
-          selectable={false}
           style={
             [
               {
                 "color": "#0C0A0A",
                 "fontFamily": "AreaNormal-Semibold",
                 "fontSize": 13,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
                 "letterSpacing": 0.1,
                 "lineHeight": 17,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 0,
               },
+              undefined,
             ]
           }
         >

package/src/infrastructure/ui/views/return/components/price/Price.style.ts

@@ -14,6 +14,7 @@ const style = () => {
     },
     discountedPriceText: {
       color: colorTextMedium,
+      textDecorationLine: "line-through",
     },
     price: {
       flexDirection: "row",

package/src/infrastructure/ui/views/return/components/price/Price.tsx

@@ -1,7 +1,7 @@
 import React, { FC, useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nNumber } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { PriceProjection } from "../../../../../../projection/price/price";
 import { DOMAIN } from "../../../../i18n/i18n";
 import { style as priceStyle } from "./Price.style";
@@ -32,16 +32,16 @@ const Price: FC<PriceProps> = ({ price, withPercentage = false }) => {
   return (
     <View style={style.price} testID="price">
       {isDiscounted && (
-        <Text level={1} style={style.discountedPriceText} testID="discounted-price-text" detail lineThrough>
+        <Text level={1} style={style.discountedPriceText} testID="discounted-price-text" variant="detail">
           {productPrice}
         </Text>
       )}
       <View style={style.discountedPriceInfo}>
-        <Text level={1} testID="price-text" detail>
+        <Text level={1} testID="price-text" variant="detail">
           {priceValue}
         </Text>
         {isDiscounted && withPercentage ? (
-          <Text level={1} style={style.discountedPercentage} testID="discounted-percentage-text" detail>
+          <Text level={1} style={style.discountedPercentage} testID="discounted-percentage-text" variant="detail">
             {`-${price.discountedPrice.percentage}%`}
           </Text>
         ) : null}

package/src/infrastructure/ui/views/return/components/price/__snapshots__/Price.test.tsx.snap

@@ -38,20 +38,19 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
     testID="price"
   >
     <Text
-      allowFontScaling={false}
-      selectable={false}
       style={
         [
           {
-            "color": "#837C7C",
+            "color": "#0C0A0A",
             "fontFamily": "AreaNormal-Semibold",
             "fontSize": 13,
+            "fontStyle": "normal",
+            "fontWeight": "normal",
             "letterSpacing": 0.1,
             "lineHeight": 17,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
+          },
+          {
+            "color": "#837C7C",
             "textDecorationLine": "line-through",
           },
         ]
@@ -69,21 +68,18 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
       }
     >
       <Text
-        allowFontScaling={false}
-        selectable={false}
         style={
           [
             {
               "color": "#0C0A0A",
               "fontFamily": "AreaNormal-Semibold",
               "fontSize": 13,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
               "letterSpacing": 0.1,
               "lineHeight": 17,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
             },
+            undefined,
           ]
         }
         testID="price-text"
@@ -141,21 +137,18 @@ exports[`Price atom matches the snapshot for a non-discounted price: non-discoun
       }
     >
       <Text
-        allowFontScaling={false}
-        selectable={false}
         style={
           [
             {
               "color": "#0C0A0A",
               "fontFamily": "AreaNormal-Semibold",
               "fontSize": 13,
+              "fontStyle": "normal",
+              "fontWeight": "normal",
               "letterSpacing": 0.1,
               "lineHeight": 17,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
             },
+            undefined,
           ]
         }
         testID="price-text"

package/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.tsx

@@ -1,8 +1,8 @@
 import React, { FC, useMemo } from "react";
 import { Image, 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 { Column, Row, useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { size } from "../../../../../../projection/size/size";
@@ -51,13 +51,13 @@ const ProductVariantPreview: FC<ProductVariantPreviewProps> = ({ item, country }
           )}
 
           <View style={style.info}>
-            <Text level={2} style={style.text} detail>
+            <Text level={2} style={style.text} variant="detail">
               {brand}
             </Text>
-            <Text level={2} detail>
+            <Text level={2} variant="detail">
               {name}
             </Text>
-            <Text level={2} style={style.text} detail>
+            <Text level={2} style={style.text} variant="detail">
               {`${sizeText} ${sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country })}`}
             </Text>
           </View>

package/src/infrastructure/ui/views/return/components/productVariantPreview/__snapshots__/ProductVariantPreview.test.tsx.snap

@@ -103,20 +103,19 @@ exports[`ProductVariantPreview matches the snapshot 1`] = `
           }
         >
           <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",
                 },
               ]
             }
@@ -124,41 +123,37 @@ exports[`ProductVariantPreview matches the snapshot 1`] = `
             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",
                 },
               ]
             }
@@ -190,21 +185,18 @@ exports[`ProductVariantPreview matches the snapshot 1`] = `
               }
             >
               <Text
-                allowFontScaling={false}
-                selectable={false}
                 style={
                   [
                     {
                       "color": "#0C0A0A",
                       "fontFamily": "AreaNormal-Semibold",
                       "fontSize": 13,
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
                       "letterSpacing": 0.1,
                       "lineHeight": 17,
-                      "paddingBottom": 0,
-                      "paddingLeft": 0,
-                      "paddingRight": 0,
-                      "paddingTop": 0,
                     },
+                    undefined,
                   ]
                 }
                 testID="price-text"

package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx

@@ -3,12 +3,13 @@ import React, { FC, useCallback, useMemo } from "react";
 import { Platform, View } from "react-native";
 import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 import { generatePath, useNavigate } from "react-router-native";
-import { Box, Button, Layout as AuroraLayout, Spinner, Text } from "@lookiero/aurora";
+import { Box, Button, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { CommandStatus } from "@lookiero/messaging-react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { useLogger } from "@lookiero/sty-psp-logging";
 import { Segment } from "@lookiero/sty-psp-segment";
+import { Text } from "@lookiero/sty-psp-ui";
 import { Layout as UiLayout, useScreenSize } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutProjection } from "../../../../../../projection/checkout/checkout";
@@ -182,10 +183,10 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
                     tradename === Tradename.OUTFITTERY && style.infoOutfittery,
                   ]}
                 >
-                  <Text level={3} heading>
+                  <Text level={3} variant="heading">
                     {titleText}
                   </Text>
-                  <Text level={1} style={style.description} detail>
+                  <Text level={1} style={style.description} variant="detail">
                     {descriptionText}
                   </Text>
                 </View>

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

@@ -1,8 +1,8 @@
 import React, { FC, useMemo } from "react";
 import { Pressable, StyleProp, View, ViewStyle } 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 { Icon, LazyImage } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { ColorProjection, MediaProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
@@ -69,19 +69,19 @@ const ProductVariant: FC<ProductVariantProps> = ({
 
         <View style={style.descriptionContainer}>
           <View style={style.infoProductVariant}>
-            <Text level={2} style={style.text} detail>
+            <Text level={2} style={style.text} variant="detail">
               {brand}
             </Text>
-            <Text level={2} detail>
+            <Text level={2} variant="detail">
               {name}
             </Text>
-            <Text level={2} style={style.text} detail>
+            <Text level={2} style={style.text} variant="detail">
               {sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country })} / {colorLabel}
             </Text>
 
             {status === CheckoutItemStatus.REPLACED && (
               <View style={style.sizeChange}>
-                <Text level={2} detail>
+                <Text level={2} variant="detail">
                   {sizeChangeText}
                 </Text>
               </View>