@lookiero/checkout 14.1.0 → 14.2.1

package/src/infrastructure/ui/views/item/components/productVariantDescription/__snapshots__/ProductVariantDescription.test.tsx.snap

@@ -59,20 +59,19 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
         }
       >
         <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",
               },
             ]
           }
@@ -80,21 +79,18 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
           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,
             ]
           }
         >
@@ -110,21 +106,19 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
         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"
@@ -134,21 +128,18 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
       </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,
         ]
       }
     >
@@ -217,20 +208,19 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
         }
       >
         <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",
               },
             ]
           }
@@ -238,21 +228,18 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
           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,
             ]
           }
         >
@@ -268,21 +255,19 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
         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"
@@ -292,21 +277,18 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
       </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/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.tsx

@@ -1,7 +1,7 @@
 import React, { FC, 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 { ButtonIcon } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";

package/src/infrastructure/ui/views/item/components/selectModal/SelectModal.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useCallback, useMemo } from "react";
 import { StyleProp, TextStyle, TouchableHighlight, View, ViewStyle } from "react-native";
-import { Text } from "@lookiero/aurora";
+import { Text } from "@lookiero/sty-psp-ui";
 import { Modal } from "@lookiero/sty-psp-ui";
 import { style as modalStyle } from "./SelectModal.style";
 
@@ -59,7 +59,7 @@ const SelectModal: FC<SelectModalProps> = ({
     >
       <View style={[style.modalContent, customStyle?.modalContent]}>
         {title && (
-          <Text level={3} style={style.modalTitle} heading>
+          <Text level={3} style={style.modalTitle} variant="heading">
             {title}
           </Text>
         )}

package/src/infrastructure/ui/views/item/components/selectModal/__snapshots__/SelecModal.test.tsx.snap

@@ -207,21 +207,27 @@ exports[`SelectField component matches the snapshot 1`] = `
                 [
                   {
                     "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"
@@ -296,21 +302,24 @@ exports[`SelectField component matches the snapshot 1`] = `
                   testID="optionValue"
                 >
                   <Text
-                    allowFontScaling={false}
-                    selectable={false}
                     style={
                       [
                         {
                           "color": "#0C0A0A",
                           "fontFamily": "AreaNormal-Semibold",
                           "fontSize": 15,
+                          "fontStyle": "normal",
+                          "fontWeight": "300",
                           "letterSpacing": -0.2,
-                          "lineHeight": 24,
-                          "paddingBottom": 0,
-                          "paddingLeft": 0,
-                          "paddingRight": 0,
-                          "paddingTop": 0,
+                          "lineHeight": 20,
                         },
+                        [
+                          {
+                            "lineHeight": 24,
+                          },
+                          false,
+                          undefined,
+                        ],
                       ]
                     }
                   >

package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx

@@ -1,8 +1,8 @@
 import React, { FC, useMemo } from "react";
 import { View } from "react-native";
-import { Button, Text } from "@lookiero/aurora";
+import { Button } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { Modal } from "@lookiero/sty-psp-ui";
+import { Modal, Text } from "@lookiero/sty-psp-ui";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style as sizeWithoutStockModalStyle } from "./SizeWithoutStockModal.style";
 
@@ -20,7 +20,7 @@ const SizeWithoutStockModal: FC<SizeWithoutStockModalProps> = ({ visible, onDism
   return (
     <Modal portalHostName="Checkout" visible={visible} showCloseButton onClose={onDismiss}>
       <View style={style.modalContent}>
-        <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/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap

@@ -207,21 +207,27 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
                 [
                   {
                     "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"
@@ -255,21 +261,19 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
               }
             >
               <Text
-                allowFontScaling={false}
-                selectable={false}
                 style={
                   [
                     {
                       "color": "#0C0A0A",
                       "fontFamily": "AreaInktrap-Semibold",
                       "fontSize": 31,
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
                       "letterSpacing": -1,
                       "lineHeight": 36,
+                    },
+                    {
                       "marginBottom": 4,
-                      "paddingBottom": 0,
-                      "paddingLeft": 0,
-                      "paddingRight": 0,
-                      "paddingTop": 0,
                       "width": "100%",
                     },
                   ]
@@ -278,21 +282,20 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
                 size_without_stock_modal.title
               </Text>
               <Text
-                allowFontScaling={false}
-                selectable={false}
                 style={
                   [
                     {
-                      "color": "#837C7C",
+                      "color": "#0C0A0A",
                       "fontFamily": "AreaNormal-Semibold",
                       "fontSize": 15,
+                      "fontStyle": "normal",
+                      "fontWeight": "300",
                       "letterSpacing": -0.2,
                       "lineHeight": 20,
+                    },
+                    {
+                      "color": "#837C7C",
                       "marginBottom": 24,
-                      "paddingBottom": 0,
-                      "paddingLeft": 0,
-                      "paddingRight": 0,
-                      "paddingTop": 0,
                       "width": "100%",
                     },
                   ]