@pagopa/io-app-design-system 1.42.0 → 2.0.0-1

package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap

@@ -72,23 +72,24 @@ exports[`Test List Item Components - Experimental Enabled  ListItemAction Snapsh
       <View
         style={
           {
-            "flex": 1,
+            "flexGrow": 1,
           }
         }
       >
         <Text
+          allowFontScaling={true}
+          maxFontSizeMultiplier={1.25}
           style={
             [
+              {},
               {
+                "color": "#0B3EE3",
                 "fontFamily": "Readex Pro",
                 "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "400",
                 "lineHeight": 20,
               },
-              {
-                "color": "#0B3EE3",
-              },
             ]
           }
         >
@@ -170,17 +171,16 @@ exports[`Test List Item Components - Experimental Enabled  ListItemIDP Snapshot
           {
             "alignSelf": "center",
             "flexShrink": 1,
-            "fontSize": 12,
-            "lineHeight": 16,
+            "letterSpacing": 0.5,
             "textTransform": "uppercase",
           },
           {
             "color": "#555C70",
-          },
-          {
             "fontFamily": "Readex Pro",
+            "fontSize": 12,
             "fontStyle": "normal",
             "fontWeight": "400",
+            "lineHeight": 16,
           },
         ]
       }
@@ -240,66 +240,42 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfo Snapshot
       >
         <Text
           allowFontScaling={true}
-          color="grey-700"
-          defaultColor="blue"
-          defaultWeight="Bold"
           dynamicTypeRamp="footnote"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 14,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#555C70",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Regular"
         >
           label
         </Text>
         <Text
           allowFontScaling={true}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="headline"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 24,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={2}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 24,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Readex Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 24,
               },
             ]
           }
-          weight="Regular"
         >
           testValue
         </Text>
@@ -386,66 +362,42 @@ exports[`Test List Item Components - Experimental Enabled  ListItemInfoCopy Snap
       >
         <Text
           allowFontScaling={true}
-          color="grey-700"
-          defaultColor="blue"
-          defaultWeight="Bold"
           dynamicTypeRamp="footnote"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 14,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#555C70",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Regular"
         >
           label
         </Text>
         <Text
           allowFontScaling={true}
-          color="blueIO-500"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="headline"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 24,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={2}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 24,
-              },
+              {},
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Readex Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 24,
               },
             ]
           }
-          weight="Regular"
         >
           testValue
         </Text>
@@ -598,33 +550,21 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNav Snapshot
       >
         <Text
           allowFontScaling={true}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="headline"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 24,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 24,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Readex Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 24,
               },
             ]
           }
-          weight="Regular"
         >
           testValue
         </Text>
@@ -839,33 +779,21 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNavAlert Snap
       >
         <Text
           allowFontScaling={true}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="headline"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 24,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 24,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Readex Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 24,
               },
             ]
           }
-          weight="Regular"
         >
           testValue
         </Text>
@@ -1018,34 +946,22 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
       >
         <Text
           allowFontScaling={true}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="footnote"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 14,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
             [
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Readex Pro",
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Regular"
         >
           label
         </Text>
@@ -1130,33 +1046,21 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
           />
           <Text
             allowFontScaling={true}
-            color="hanPurple-500"
-            defaultColor="blue"
-            defaultWeight="Bold"
             dynamicTypeRamp="footnote"
-            font="TitilliumSansPro"
-            fontStyle={
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              }
-            }
             maxFontSizeMultiplier={1.25}
             style={
               [
-                {
-                  "fontSize": 14,
-                  "lineHeight": 21,
-                },
+                {},
                 {
                   "color": "#5517E3",
                   "fontFamily": "Titillium Sans Pro",
+                  "fontSize": 14,
                   "fontStyle": "normal",
                   "fontWeight": "400",
+                  "lineHeight": 21,
                 },
               ]
             }
-            weight="Regular"
           >
             suggestReason
           </Text>
@@ -1181,33 +1085,21 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         />
         <Text
           allowFontScaling={true}
-          color="blueIO-500"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="headline"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 24,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 24,
-              },
+              {},
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Readex Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 24,
               },
             ]
           }
-          weight="Regular"
         >
           € 1.000,00
         </Text>
@@ -1442,34 +1334,22 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
       >
         <Text
           allowFontScaling={true}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="footnote"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 14,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
             [
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Readex Pro",
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Regular"
         >
           label
         </Text>
@@ -1493,33 +1373,21 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         />
         <Text
           allowFontScaling={true}
-          color="blueIO-500"
-          defaultColor="black"
-          defaultWeight="Regular"
           dynamicTypeRamp="headline"
-          font="ReadexPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 24,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 24,
-              },
+              {},
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Readex Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 24,
               },
             ]
           }
-          weight="Regular"
         >
           € 1.000,00
         </Text>
@@ -1903,23 +1771,24 @@ exports[`Test List Item Components ListItemAction Snapshot 1`] = `
       <View
         style={
           {
-            "flex": 1,
+            "flexGrow": 1,
           }
         }
       >
         <Text
+          allowFontScaling={false}
+          maxFontSizeMultiplier={1.25}
           style={
             [
+              {},
               {
+                "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
                 "fontSize": 16,
                 "fontStyle": "normal",
-                "fontWeight": "600",
+                "fontWeight": "700",
                 "lineHeight": 20,
               },
-              {
-                "color": "#0073E6",
-              },
             ]
           }
         >
@@ -2001,17 +1870,16 @@ exports[`Test List Item Components ListItemIDP Snapshot 1`] = `
           {
             "alignSelf": "center",
             "flexShrink": 1,
-            "fontSize": 12,
-            "lineHeight": 16,
+            "letterSpacing": 0.5,
             "textTransform": "uppercase",
           },
           {
             "color": "#555C70",
-          },
-          {
             "fontFamily": "Titillium Sans Pro",
+            "fontSize": 12,
             "fontStyle": "normal",
             "fontWeight": "600",
+            "lineHeight": 16,
           },
         ]
       }
@@ -2071,66 +1939,42 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="grey-700"
-          defaultColor="blue"
-          defaultWeight="Bold"
           dynamicTypeRamp="footnote"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 14,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#555C70",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Regular"
         >
           label
         </Text>
         <Text
           allowFontScaling={false}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="headline"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 18,
-              "lineHeight": 25,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={2}
           style={
             [
-              {
-                "fontSize": 18,
-                "lineHeight": 25,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 25,
               },
             ]
           }
-          weight="Semibold"
         >
           testValue
         </Text>
@@ -2217,66 +2061,42 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="grey-700"
-          defaultColor="blue"
-          defaultWeight="Bold"
           dynamicTypeRamp="footnote"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 14,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#555C70",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 14,
                 "fontStyle": "normal",
                 "fontWeight": "400",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Regular"
         >
           label
         </Text>
         <Text
           allowFontScaling={false}
-          color="blue"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="headline"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 18,
-              "lineHeight": 25,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={2}
           style={
             [
-              {
-                "fontSize": 18,
-                "lineHeight": 25,
-              },
+              {},
               {
                 "color": "#0073E6",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 25,
               },
             ]
           }
-          weight="Semibold"
         >
           testValue
         </Text>
@@ -2429,33 +2249,21 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="headline"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 18,
-              "lineHeight": 25,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 18,
-                "lineHeight": 25,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 25,
               },
             ]
           }
-          weight="Semibold"
         >
           testValue
         </Text>
@@ -2670,33 +2478,21 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="headline"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 18,
-              "lineHeight": 25,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 18,
-                "lineHeight": 25,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 25,
               },
             ]
           }
-          weight="Semibold"
         >
           testValue
         </Text>
@@ -2849,34 +2645,22 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="footnote"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Semibold"
         >
           label
         </Text>
@@ -2961,33 +2745,21 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
           />
           <Text
             allowFontScaling={false}
-            color="hanPurple-500"
-            defaultColor="blue"
-            defaultWeight="Bold"
             dynamicTypeRamp="footnote"
-            font="TitilliumSansPro"
-            fontStyle={
-              {
-                "fontSize": 14,
-                "lineHeight": 21,
-              }
-            }
             maxFontSizeMultiplier={1.25}
             style={
               [
-                {
-                  "fontSize": 14,
-                  "lineHeight": 21,
-                },
+                {},
                 {
                   "color": "#5517E3",
                   "fontFamily": "Titillium Sans Pro",
+                  "fontSize": 14,
                   "fontStyle": "normal",
                   "fontWeight": "400",
+                  "lineHeight": 21,
                 },
               ]
             }
-            weight="Regular"
           >
             suggestReason
           </Text>
@@ -3012,33 +2784,21 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         />
         <Text
           allowFontScaling={false}
-          color="blueIO-500"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="headline"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 18,
-              "lineHeight": 25,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 18,
-                "lineHeight": 25,
-              },
+              {},
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 25,
               },
             ]
           }
-          weight="Semibold"
         >
           € 1.000,00
         </Text>
@@ -3273,34 +3033,22 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
       >
         <Text
           allowFontScaling={false}
-          color="black"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="footnote"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 16,
-              "lineHeight": 21,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
             [
-              {
-                "fontSize": 16,
-                "lineHeight": 21,
-              },
+              {},
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 21,
               },
             ]
           }
-          weight="Semibold"
         >
           label
         </Text>
@@ -3324,33 +3072,21 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         />
         <Text
           allowFontScaling={false}
-          color="blueIO-500"
-          defaultColor="black"
-          defaultWeight="Semibold"
           dynamicTypeRamp="headline"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 18,
-              "lineHeight": 25,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 18,
-                "lineHeight": 25,
-              },
+              {},
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 18,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 25,
               },
             ]
           }
-          weight="Semibold"
         >
           € 1.000,00
         </Text>