@pagopa/io-app-design-system 4.2.0 → 4.2.1

package/lib/commonjs/components/stack/Stack.js

@@ -17,15 +17,16 @@ const Stack = ({
   space,
   style,
   orientation = "vertical",
-  children
-}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  children,
+  ...props
+}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
   style: {
     display: "flex",
     flexDirection: orientation === "horizontal" ? "row" : "column",
     gap: space,
     ...style
   }
-}, children);
+}), children);
 const HStack = ({
   children,
   ...props

package/lib/commonjs/components/stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Stack","space","style","orientation","children","createElement","View","display","flexDirection","gap","HStack","props","exports","VStack"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAiB/C;AACA;AACA;AACA;;AAEA,MAAMQ,KAAK,GAAGA,CAAC;EACbC,KAAK;EACLC,KAAK;EACLC,WAAW,GAAG,UAAU;EACxBC;AACS,CAAC,kBACVzB,MAAA,CAAAM,OAAA,CAAAoB,aAAA,CAACvB,YAAA,CAAAwB,IAAI;EACHJ,KAAK,EAAE;IACLK,OAAO,EAAE,MAAM;IACfC,aAAa,EAAEL,WAAW,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;IAC9DM,GAAG,EAAER,KAAK;IACV,GAAGC;EACL;AAAE,GAEDE,QACG,CACP;AAEM,MAAMM,MAAM,GAAGA,CAAC;EAAEN,QAAQ;EAAE,GAAGO;AAAa,CAAC,kBAClDhC,MAAA,CAAAM,OAAA,CAAAoB,aAAA,CAACL,KAAK,EAAAd,QAAA;EAACiB,WAAW,EAAC;AAAY,GAAKQ,KAAK,GACtCP,QACI,CACR;;AAED;AACA;AACA;AACA;AAHAQ,OAAA,CAAAF,MAAA,GAAAA,MAAA;AAKO,MAAMG,MAAM,GAAGA,CAAC;EAAET,QAAQ;EAAE,GAAGO;AAAa,CAAC,kBAClDhC,MAAA,CAAAM,OAAA,CAAAoB,aAAA,CAACL,KAAK,EAAAd,QAAA;EAACiB,WAAW,EAAC;AAAU,GAAKQ,KAAK,GACpCP,QACI,CACR;AAACQ,OAAA,CAAAC,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Stack","space","style","orientation","children","props","createElement","View","display","flexDirection","gap","HStack","exports","VStack"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAuB1D;AACA;AACA;AACA;;AAEA,MAAMQ,KAAK,GAAGA,CAAC;EACbC,KAAK;EACLC,KAAK;EACLC,WAAW,GAAG,UAAU;EACxBC,QAAQ;EACR,GAAGC;AACM,CAAC,kBACV1B,MAAA,CAAAM,OAAA,CAAAqB,aAAA,CAACxB,YAAA,CAAAyB,IAAI,EAAArB,QAAA,KACCmB,KAAK;EACTH,KAAK,EAAE;IACLM,OAAO,EAAE,MAAM;IACfC,aAAa,EAAEN,WAAW,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;IAC9DO,GAAG,EAAET,KAAK;IACV,GAAGC;EACL;AAAE,IAEDE,QACG,CACP;AAEM,MAAMO,MAAM,GAAGA,CAAC;EAAEP,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClD1B,MAAA,CAAAM,OAAA,CAAAqB,aAAA,CAACN,KAAK,EAAAd,QAAA;EAACiB,WAAW,EAAC;AAAY,GAAKE,KAAK,GACtCD,QACI,CACR;;AAED;AACA;AACA;AACA;AAHAQ,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAKO,MAAME,MAAM,GAAGA,CAAC;EAAET,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClD1B,MAAA,CAAAM,OAAA,CAAAqB,aAAA,CAACN,KAAK,EAAAd,QAAA;EAACiB,WAAW,EAAC;AAAU,GAAKE,KAAK,GACpCD,QACI,CACR;AAACQ,OAAA,CAAAC,MAAA,GAAAA,MAAA"}

package/lib/commonjs/components/typography/H6.js

@@ -18,7 +18,7 @@ exports.h6LineHeight = h6LineHeight;
 const fontName = "Titillio";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFontSize = 18;
+const legacyFontSize = 17;
 const legacyFontName = "TitilliumSansPro";
 
 /**

package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap

@@ -553,7 +553,7 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
       {
         "color": "#0E0F13",
         "fontFamily": "Titillium Sans Pro",
-        "fontSize": 18,
+        "fontSize": 17,
         "fontStyle": "normal",
         "fontWeight": "600",
         "lineHeight": 24,

package/lib/commonjs/utils/fonts.js

@@ -38,7 +38,7 @@ const fonts = {
  * Font Sizes
  */
 const fontSizes = [12, 14, 16, 20, 22, 26, 28, 32];
-const fontSizesLegacy = [18, 28, 31, 35];
+const fontSizesLegacy = [17, 28, 31, 35];
 const allFontSizes = [...new Set([...fontSizes, ...fontSizesLegacy])];
 /*
  * Font Weights

package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap

@@ -361,7 +361,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
             {
               "color": "#031344",
               "fontFamily": "Titillium Sans Pro",
-              "fontSize": 18,
+              "fontSize": 17,
               "fontStyle": "normal",
               "fontWeight": "600",
               "lineHeight": 24,

package/lib/module/components/listitems/ListItemAction.js

@@ -79,7 +79,8 @@ export const ListItemAction = ({
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: {
-      flexGrow: 1
+      flexGrow: 1,
+      flexShrink: 1
     }
   }, /*#__PURE__*/React.createElement(ButtonText, {
     color: mapForegroundColor[variant]

package/lib/module/components/listitems/ListItemAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","hexToRgba","useIOTheme","AnimatedIcon","ButtonText","ListItemAction","variant","label","onPress","icon","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","theme","listItemAccessibilityLabel","mapBackgroundStates","default","pressed","mapForegroundColor","primary","danger","errorText","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flexGrow"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","hexToRgba","useIOTheme","AnimatedIcon","ButtonText","ListItemAction","variant","label","onPress","icon","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","theme","listItemAccessibilityLabel","mapBackgroundStates","default","pressed","mapForegroundColor","primary","danger","errorText","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flexGrow","flexShrink"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemRadioWithAmount.js

@@ -1,11 +1,11 @@
 import * as React from "react";
-import { StyleSheet, View } from "react-native";
+import { View } from "react-native";
 import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
 import { useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { AnimatedRadio } from "../radio/AnimatedRadio";
-import { HSpacer, VSpacer } from "../spacer";
-import { H6, BodySmall } from "../typography";
+import { HStack } from "../stack";
+import { BodySmall, H6 } from "../typography";
 import { PressableListItemBase } from "./PressableListItemsBase";
 export const ListItemRadioWithAmount = ({
   onValueChange,
@@ -37,42 +37,30 @@ export const ListItemRadioWithAmount = ({
     style: {
       flexShrink: 1
     }
-  }, /*#__PURE__*/React.createElement(BodySmall, {
-    weight: "Semibold",
+  }, /*#__PURE__*/React.createElement(H6, {
     numberOfLines: 1,
     color: theme["textBody-default"]
-  }, label), isSuggested && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.rowCenter
+  }, label), isSuggested && /*#__PURE__*/React.createElement(HStack, {
+    space: 4,
+    style: {
+      alignItems: "center"
+    }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "sparkles",
     size: 16,
     color: suggestColor
-  }), /*#__PURE__*/React.createElement(HSpacer, {
-    size: 4
   }), /*#__PURE__*/React.createElement(BodySmall, {
     weight: "Regular",
     color: suggestColor
-  }, suggestReason)))), /*#__PURE__*/React.createElement(View, {
+  }, suggestReason))), /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
     pointerEvents: "none",
     accessibilityElementsHidden: true,
-    importantForAccessibility: "no-hide-descendants",
-    style: {
-      flexDirection: "row"
-    }
+    importantForAccessibility: "no-hide-descendants"
   }, /*#__PURE__*/React.createElement(H6, {
     color: theme["interactiveElem-default"]
-  }, formattedAmountString), /*#__PURE__*/React.createElement(HSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(AnimatedRadio, {
+  }, formattedAmountString), /*#__PURE__*/React.createElement(AnimatedRadio, {
     checked: selected ?? toggleValue
   })));
 };
-const styles = StyleSheet.create({
-  rowCenter: {
-    flexDirection: "row",
-    alignItems: "center"
-  }
-});
 //# sourceMappingURL=ListItemRadioWithAmount.js.map

package/lib/module/components/listitems/ListItemRadioWithAmount.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","useIOTheme","Icon","AnimatedRadio","HSpacer","VSpacer","H6","BodySmall","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","weight","numberOfLines","color","Fragment","size","styles","rowCenter","name","pointerEvents","accessibilityElementsHidden","importantForAccessibility","flexDirection","create","alignItems"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","RNReactNativeHapticFeedback","useIOTheme","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,UAAU,QAAQ,YAAY;AACjD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,EAAEC,EAAE,QAAQ,eAAe;AAC7C,SAASC,qBAAqB,QAAQ,0BAA0B;AAkBhE,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC,WAAW,GAAG,KAAK;EACnBC,aAAa;EACbC;AAC4B,CAAC,KAAK;EAClC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGnB,KAAK,CAACoB,QAAQ,CAACR,QAAQ,IAAI,KAAK,CAAC;EACvE,MAAMS,YAAY,GAAGA,CAAA,KAAM;IACzBnB,2BAA2B,CAACoB,OAAO,CAAC,aAAa,CAAC;IAClDH,cAAc,CAACI,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIZ,aAAa,KAAKa,SAAS,EAAE;MAC/Bb,aAAa,CAAC,CAACO,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMO,KAAK,GAAGtB,UAAU,CAAC,CAAC;EAE1B,MAAMuB,YAAsB,GAAG,eAAe;EAE9C,oBACE1B,KAAA,CAAA2B,aAAA,CAAClB,qBAAqB;IACpBmB,OAAO,EAAEP,YAAa;IACtBQ,iBAAiB,EAAC,OAAO;IACzBf,kBAAkB,EAAEA,kBAAmB;IACvCgB,kBAAkB,EAAE;MAClBC,OAAO,EAAEnB,QAAQ,IAAIM;IACvB;EAAE,gBAEFlB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC+B,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,gBAC7BjC,KAAA,CAAA2B,aAAA,CAACnB,EAAE;IAAC0B,aAAa,EAAE,CAAE;IAACC,KAAK,EAAEV,KAAK,CAAC,kBAAkB;EAAE,GACpDZ,KACC,CAAC,EACJE,WAAW,iBACVf,KAAA,CAAA2B,aAAA,CAACrB,MAAM;IAAC8B,KAAK,EAAE,CAAE;IAACJ,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAS;EAAE,gBAChDrC,KAAA,CAAA2B,aAAA,CAACvB,IAAI;IAACkC,IAAI,EAAC,UAAU;IAACC,IAAI,EAAE,EAAG;IAACJ,KAAK,EAAET;EAAa,CAAE,CAAC,eACvD1B,KAAA,CAAA2B,aAAA,CAACpB,SAAS;IAACiC,MAAM,EAAC,SAAS;IAACL,KAAK,EAAET;EAAa,GAC7CV,aACQ,CACL,CAEN,CAAC,eACPhB,KAAA,CAAA2B,aAAA,CAACrB,MAAM;IACL8B,KAAK,EAAE,CAAE;IACTK,aAAa,EAAC,MAAM;IACpBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,gBAE/C3C,KAAA,CAAA2B,aAAA,CAACnB,EAAE;IAAC2B,KAAK,EAAEV,KAAK,CAAC,yBAAyB;EAAE,GACzCR,qBACC,CAAC,eACLjB,KAAA,CAAA2B,aAAA,CAACtB,aAAa;IAAC0B,OAAO,EAAEnB,QAAQ,IAAIM;EAAY,CAAE,CAC5C,CACa,CAAC;AAE5B,CAAC"}

package/lib/module/components/listitems/ListItemTransaction.js

@@ -80,10 +80,9 @@ export const ListItemTransaction = ({
     style: {
       flexShrink: 1
     }
-  }, /*#__PURE__*/React.createElement(BodySmall, {
+  }, /*#__PURE__*/React.createElement(H6, {
     numberOfLines: numberOfLines,
-    color: theme["textBody-default"],
-    weight: "Semibold"
+    color: theme["textBody-default"]
   }, title), /*#__PURE__*/React.createElement(BodySmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]

package/lib/module/components/listitems/ListItemTransaction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOExperimentalDesign","useIOTheme","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","HStack","H6","BodySmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","createElement","logoUri","size","isValidElement","Fragment","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","theme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","space","style","alignItems","flexShrink","width","color","weight","variant","text","name","chevronSize","listItem","listItemInner","columnGap","iconMargin","marginRight","Box","animate","height","avatarSizeSmall","radius","avatarRadiusSizeSmall","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOExperimentalDesign","useIOTheme","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","HStack","H6","BodySmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","createElement","logoUri","size","isValidElement","Fragment","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","isExperimental","theme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","space","style","alignItems","flexShrink","width","color","weight","variant","text","name","chevronSize","listItem","listItemInner","columnGap","iconMargin","marginRight","Box","animate","height","avatarSizeSmall","radius","avatarRadiusSizeSmall","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}

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

@@ -73,6 +73,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemAction Snapsh
         style={
           {
             "flexGrow": 1,
+            "flexShrink": 1,
           }
         }
       >
@@ -942,7 +943,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
       >
         <Text
           allowFontScaling={true}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -951,28 +952,23 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillio",
-                "fontSize": 14,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
         >
           label
         </Text>
-        <View
-          style={
-            {
-              "height": 4,
-            }
-          }
-        />
         <View
           style={
             {
               "alignItems": "center",
+              "display": "flex",
               "flexDirection": "row",
+              "gap": 4,
             }
           }
         >
@@ -1033,13 +1029,6 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               />
             </RNSVGGroup>
           </RNSVGSvgView>
-          <View
-            style={
-              {
-                "width": 4,
-              }
-            }
-          />
           <Text
             allowFontScaling={true}
             dynamicTypeRamp="footnote"
@@ -1068,7 +1057,9 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -1092,13 +1083,6 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {
@@ -1326,7 +1310,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
       >
         <Text
           allowFontScaling={true}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -1335,10 +1319,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillio",
-                "fontSize": 14,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
@@ -1352,7 +1336,9 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -1376,13 +1362,6 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {
@@ -1760,6 +1739,7 @@ exports[`Test List Item Components ListItemAction Snapshot 1`] = `
         style={
           {
             "flexGrow": 1,
+            "flexShrink": 1,
           }
         }
       >
@@ -1949,7 +1929,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2071,7 +2051,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
               {
                 "color": "#0073E6",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2238,7 +2218,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2467,7 +2447,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2629,7 +2609,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -2638,28 +2618,23 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 14,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
         >
           label
         </Text>
-        <View
-          style={
-            {
-              "height": 4,
-            }
-          }
-        />
         <View
           style={
             {
               "alignItems": "center",
+              "display": "flex",
               "flexDirection": "row",
+              "gap": 4,
             }
           }
         >
@@ -2720,13 +2695,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               />
             </RNSVGGroup>
           </RNSVGSvgView>
-          <View
-            style={
-              {
-                "width": 4,
-              }
-            }
-          />
           <Text
             allowFontScaling={false}
             dynamicTypeRamp="footnote"
@@ -2755,7 +2723,9 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -2769,7 +2739,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2779,13 +2749,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {
@@ -3013,7 +2976,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
       >
         <Text
           allowFontScaling={false}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -3022,10 +2985,10 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 14,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
@@ -3039,7 +3002,9 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -3053,7 +3018,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -3063,13 +3028,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {

package/lib/module/components/modules/ModuleCredential.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
-import { Image, StyleSheet, View } from "react-native";
+import { Image, StyleSheet } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
+import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
@@ -10,21 +10,18 @@ import { HStack } from "../stack/Stack";
 import { BodySmall } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
-const ModuleCredential = props => {
+const ModuleCredential = props => props.isLoading ? /*#__PURE__*/React.createElement(ModuleCredentialSkeleton, null) : /*#__PURE__*/React.createElement(ModuleCredentialContent, props);
+const ModuleCredentialContent = ({
+  testID,
+  icon,
+  image,
+  label,
+  onPress,
+  badge,
+  isFetching,
+  ...pressableProps
+}) => {
   const theme = useIOTheme();
-  if (props.isLoading) {
-    return /*#__PURE__*/React.createElement(ModuleCredentialSkeleton, null);
-  }
-  const {
-    testID,
-    icon,
-    image,
-    label,
-    onPress,
-    badge,
-    isFetching,
-    ...pressableProps
-  } = props;
   const iconComponent = icon && /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: IOSelectionListItemVisualParams.iconSize,
@@ -35,6 +32,28 @@ const ModuleCredential = props => {
     style: styles.image,
     accessibilityIgnoresInvertColors: true
   });
+  const endComponent = React.useMemo(() => {
+    if (isFetching) {
+      return /*#__PURE__*/React.createElement(LoadingSpinner, {
+        testID: testID ? `${testID}_activityIndicator` : undefined,
+        color: theme["interactiveElem-default"]
+      });
+    }
+    if (badge) {
+      return /*#__PURE__*/React.createElement(Badge, _extends({}, badge, {
+        testID: testID ? `${testID}_badge` : undefined
+      }));
+    }
+    if (onPress) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        testID: testID ? `${testID}_icon` : undefined,
+        name: "chevronRightListItem",
+        color: theme["interactiveElem-default"],
+        size: IOListItemVisualParams.chevronSize
+      });
+    }
+    return null;
+  }, [testID, theme, isFetching, badge, onPress]);
   const ModuleContent = () => /*#__PURE__*/React.createElement(HStack, {
     space: 8,
     style: {
@@ -55,19 +74,7 @@ const ModuleCredential = props => {
     style: {
       flexShrink: 1
     }
-  }, label)), /*#__PURE__*/React.createElement(View, {
-    style: IOStyles.row
-  }, badge ? /*#__PURE__*/React.createElement(Badge, _extends({}, badge, {
-    testID: testID ? `${testID}_badge` : undefined
-  })) : null, isFetching ? /*#__PURE__*/React.createElement(LoadingSpinner, {
-    testID: testID ? `${testID}_activityIndicator` : undefined,
-    color: theme["interactiveElem-default"]
-  }) : onPress ? /*#__PURE__*/React.createElement(Icon, {
-    testID: testID ? `${testID}_icon` : undefined,
-    name: "chevronRightListItem",
-    color: theme["interactiveElem-default"],
-    size: IOListItemVisualParams.chevronSize
-  }) : null));
+  }, label)), endComponent);
   return onPress ? /*#__PURE__*/React.createElement(PressableModuleBase, _extends({}, pressableProps, {
     testID: testID,
     onPress: onPress