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

package/lib/module/components/modules/ModuleCheckout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOSelectionListItemVisualParams","useIOTheme","ButtonLink","LogoPayment","HSpacer","VSpacer","H6","LabelSmall","ModuleStatic","PressableModuleBase","ModuleCheckout","props","theme","isLoading","createElement","ModuleCheckoutSkeleton","paymentLogo","image","title","subtitle","ctaText","onPress","imageComponent","Fragment","style","styles","imageWrapper","name","source","accessibilityIgnoresInvertColors","ModuleBaseContent","content","color","weight","size","pointerEvents","accessibilityElementsHidden","importantForAccessibility","label","startBlock","Box","animate","radius","height","width","endBlock","imageMarginRight","create","marginRight","iconSize","resizeMode","flexGrow","flexShrink"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOSelectionListItemVisualParams","useIOTheme","ButtonLink","LogoPayment","HStack","VStack","H6","LabelSmall","ModuleStatic","PressableModuleBase","ModuleCheckout","props","theme","imageMargin","isLoading","createElement","ModuleCheckoutSkeleton","paymentLogo","image","title","subtitle","ctaText","onPress","paymentLogoComponent","name","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","ModuleBaseContent","space","alignItems","flexShrink","flexGrow","color","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","label","startBlock","Box","animate","radius","height","width","endBlock","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOStyles, IOVi
 import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
+import { HStack } from "../stack/Stack";
 import { LabelSmallAlt } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
@@ -24,22 +25,35 @@ const ModuleCredential = props => {
     isFetching,
     ...pressableProps
   } = props;
-  const ModuleContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, icon ? /*#__PURE__*/React.createElement(View, {
-    style: styles.icon
-  }, /*#__PURE__*/React.createElement(Icon, {
+  const iconComponent = icon && /*#__PURE__*/React.createElement(Icon, {
     name: icon,
-    size: 24,
+    size: IOSelectionListItemVisualParams.iconSize,
     color: "grey-300"
-  })) : image ? /*#__PURE__*/React.createElement(Image, {
+  });
+  const imageComponent = image && /*#__PURE__*/React.createElement(Image, {
     source: image,
     style: styles.image,
     accessibilityIgnoresInvertColors: true
-  }) : null, /*#__PURE__*/React.createElement(View, {
-    style: styles.label
-  }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
+  });
+  const ModuleContent = () => /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
+    style: {
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(HStack, {
+    space: IOVisualCostants.iconMargin,
+    style: {
+      flexGrow: 1,
+      flexShrink: 1,
+      alignItems: "center"
+    }
+  }, iconComponent ?? imageComponent, /*#__PURE__*/React.createElement(LabelSmallAlt, {
     color: theme["interactiveElem-default"],
     numberOfLines: 2,
-    lineBreakMode: "middle"
+    lineBreakMode: "middle",
+    style: {
+      flexShrink: 1
+    }
   }, label)), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.row
   }, badge ? /*#__PURE__*/React.createElement(Badge, _extends({}, badge, {
@@ -59,16 +73,17 @@ const ModuleCredential = props => {
   }), /*#__PURE__*/React.createElement(ModuleContent, null)) : /*#__PURE__*/React.createElement(ModuleStatic, null, /*#__PURE__*/React.createElement(ModuleContent, null));
 };
 const ModuleCredentialSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  startBlock: /*#__PURE__*/React.createElement(HStack, {
     style: {
-      marginRight: IOVisualCostants.iconMargin
-    }
+      alignItems: "center"
+    },
+    space: IOVisualCostants.iconMargin
   }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 24,
     height: 24,
     radius: 8
-  })), /*#__PURE__*/React.createElement(Placeholder.Box, {
+  }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 96,
     height: 16,
@@ -85,16 +100,7 @@ const styles = StyleSheet.create({
   image: {
     width: IOSelectionListItemVisualParams.iconSize,
     height: IOSelectionListItemVisualParams.iconSize,
-    marginRight: IOVisualCostants.iconMargin,
     resizeMode: "contain"
-  },
-  icon: {
-    marginRight: IOVisualCostants.iconMargin
-  },
-  label: {
-    flexGrow: 1,
-    flexShrink: 1,
-    paddingRight: 8
   }
 });
 export { ModuleCredential };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Badge","Icon","LoadingSpinner","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleCredential","props","theme","isLoading","createElement","ModuleCredentialSkeleton","testID","icon","image","label","onPress","badge","isFetching","pressableProps","ModuleContent","Fragment","style","styles","name","size","color","source","accessibilityIgnoresInvertColors","numberOfLines","lineBreakMode","row","_extends","undefined","chevronSize","startBlock","marginRight","iconMargin","Box","animate","width","height","radius","endBlock","create","iconSize","resizeMode","flexGrow","flexShrink","paddingRight"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Badge","Icon","LoadingSpinner","HStack","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleCredential","props","theme","isLoading","createElement","ModuleCredentialSkeleton","testID","icon","image","label","onPress","badge","isFetching","pressableProps","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","ModuleContent","space","alignItems","iconMargin","flexGrow","flexShrink","numberOfLines","lineBreakMode","row","_extends","undefined","chevronSize","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}

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

@@ -17,16 +17,15 @@ const styles = StyleSheet.create({
 // Image cache forced refresh for Android by appending
 // the `ts` query parameter as DDMMYYYY to simulate a 24h TTL.
 const androidIdpLogoForcedRefreshed = () => Platform.OS === "android" ? `?ts=${toAndroidCacheTimestamp()}` : "";
-export const ModuleIDP = _ref => {
-  let {
-    name,
-    localLogo,
-    logo,
-    withLooseSpacing = false,
-    onPress,
-    testID,
-    accessibilityLabel
-  } = _ref;
+export const ModuleIDP = ({
+  name,
+  localLogo,
+  logo,
+  withLooseSpacing = false,
+  onPress,
+  testID,
+  accessibilityLabel
+}) => {
   const theme = useIOTheme();
   const {
     isExperimental

package/lib/module/components/modules/ModuleIDP.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","Platform","StyleSheet","IOListItemLogoMargin","useIOExperimentalDesign","useIOTheme","toAndroidCacheTimestamp","IOText","PressableModuleBase","styles","create","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","accessibilityLabel","theme","isExperimental","urlLogoIDP","uri","createElement","font","weight","size","lineHeight","color","textStyle","alignSelf","textTransform","letterSpacing","flexShrink","accessibilityIgnoresInvertColors","source","style"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAuBC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAC/E,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,eAAe;AACtC,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,WAAW,EAAET,oBAAoB;IACjCU,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpCf,QAAQ,CAACgB,EAAE,KAAK,SAAS,GAAI,OAAMX,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMY,SAAS,GAAGC,IAAA,IAQR;EAAA,IARS;IACxBC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,gBAAgB,GAAG,KAAK;IACxBC,OAAO;IACPC,MAAM;IACNC;EACS,CAAC,GAAAP,IAAA;EACV,MAAMQ,KAAK,GAAGtB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEuB;EAAe,CAAC,GAAGxB,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAMyB,UAAU,GAAGR,SAAS,GACxBA,SAAS,GACT;IACES,GAAG,EAAG,GAAER,IAAK,GAAEN,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACEjB,KAAA,CAAAgC,aAAA,CAACvB,mBAAmB;IAClBgB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnCxB,KAAA,CAAAgC,aAAA,CAACxB,MAAM;IACLyB,IAAI,EAAEJ,cAAc,GAAG,WAAW,GAAG,kBAAmB;IACxDK,MAAM,EAAEL,cAAc,GAAG,SAAS,GAAG,UAAW;IAChDM,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE,EAAG;IACfC,KAAK,EAAET,KAAK,CAAC,mBAAmB,CAAE;IAClCU,SAAS,EAAE;MACTC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,GAAG;MAClBC,UAAU,EAAE;IACd,CAAE;IACFf,kBAAkB,EAAEA,kBAAkB,IAAIN;EAAK,GAE9CA,IACK,CAAC,eACTrB,KAAA,CAAAgC,aAAA,CAAC/B,KAAK;IACJ0C,gCAAgC;IAChCC,MAAM,EAAEd,UAAW;IACnBe,KAAK,EAAEnC,MAAM,CAACE;EAAQ,CACvB,CACkB,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}
+{"version":3,"names":["React","Image","Platform","StyleSheet","IOListItemLogoMargin","useIOExperimentalDesign","useIOTheme","toAndroidCacheTimestamp","IOText","PressableModuleBase","styles","create","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","name","localLogo","logo","withLooseSpacing","onPress","testID","accessibilityLabel","theme","isExperimental","urlLogoIDP","uri","createElement","font","weight","size","lineHeight","color","textStyle","alignSelf","textTransform","letterSpacing","flexShrink","accessibilityIgnoresInvertColors","source","style"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAuBC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAC/E,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,eAAe;AACtC,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,WAAW,EAAET,oBAAoB;IACjCU,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpCf,QAAQ,CAACgB,EAAE,KAAK,SAAS,GAAI,OAAMX,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMY,SAAS,GAAGA,CAAC;EACxBC,IAAI;EACJC,SAAS;EACTC,IAAI;EACJC,gBAAgB,GAAG,KAAK;EACxBC,OAAO;EACPC,MAAM;EACNC;AACS,CAAC,KAAK;EACf,MAAMC,KAAK,GAAGrB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEsB;EAAe,CAAC,GAAGvB,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAMwB,UAAU,GAAGR,SAAS,GACxBA,SAAS,GACT;IACES,GAAG,EAAG,GAAER,IAAK,GAAEL,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACEjB,KAAA,CAAA+B,aAAA,CAACtB,mBAAmB;IAClBe,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnCvB,KAAA,CAAA+B,aAAA,CAACvB,MAAM;IACLwB,IAAI,EAAEJ,cAAc,GAAG,WAAW,GAAG,kBAAmB;IACxDK,MAAM,EAAEL,cAAc,GAAG,SAAS,GAAG,UAAW;IAChDM,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE,EAAG;IACfC,KAAK,EAAET,KAAK,CAAC,mBAAmB,CAAE;IAClCU,SAAS,EAAE;MACTC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,GAAG;MAClBC,UAAU,EAAE;IACd,CAAE;IACFf,kBAAkB,EAAEA,kBAAkB,IAAIN;EAAK,GAE9CA,IACK,CAAC,eACTpB,KAAA,CAAA+B,aAAA,CAAC9B,KAAK;IACJyC,gCAAgC;IAChCC,MAAM,EAAEd,UAAW;IACnBe,KAAK,EAAElC,MAAM,CAACE;EAAQ,CACvB,CACkB,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}

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

@@ -5,7 +5,7 @@ import Placeholder from "rn-placeholder";
 import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer";
+import { HStack, VStack } from "../stack";
 import { Chip, LabelSmallAlt } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
@@ -23,60 +23,67 @@ export const ModuleNavigation = props => {
     badge,
     ...pressableProps
   } = props;
-  const iconComponent = /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOVisualCostants.iconMargin
-    }
-  }, icon && /*#__PURE__*/React.createElement(Icon, {
+  const iconComponent = icon && /*#__PURE__*/React.createElement(Icon, {
     name: icon,
-    size: 24,
+    size: IOSelectionListItemVisualParams.iconSize,
     color: "grey-300"
-  }), image && /*#__PURE__*/React.createElement(Image, {
+  });
+  const imageComponent = image && /*#__PURE__*/React.createElement(Image, {
     source: image,
     style: styles.image,
     accessibilityIgnoresInvertColors: true
-  }));
+  });
   return /*#__PURE__*/React.createElement(PressableModuleBase, _extends({}, pressableProps, {
     onPress: onPress
-  }), (icon || image) && iconComponent, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
+    style: {
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(HStack, {
+    space: IOVisualCostants.iconMargin,
     style: {
+      alignItems: "center",
       flexGrow: 1,
-      flexShrink: 1,
-      paddingRight: 8
+      flexShrink: 1
+    }
+  }, iconComponent ?? imageComponent, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1
     }
   }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
     color: theme["interactiveElem-default"],
     numberOfLines: 2,
-    lineBreakMode: "middle"
+    lineBreakMode: "middle",
+    style: {
+      flexShrink: 1
+    }
   }, title), subtitle && /*#__PURE__*/React.createElement(Chip, {
     color: theme["textBody-tertiary"]
-  }, subtitle)), /*#__PURE__*/React.createElement(View, null, badge ? /*#__PURE__*/React.createElement(Badge, badge) : onPress ? /*#__PURE__*/React.createElement(Icon, {
+  }, subtitle))), badge ? /*#__PURE__*/React.createElement(Badge, badge) : onPress ? /*#__PURE__*/React.createElement(Icon, {
     name: "chevronRightListItem",
     color: theme["interactiveElem-default"],
     size: IOListItemVisualParams.chevronSize
   }) : null));
 };
 const ModuleNavigationSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  startBlock: /*#__PURE__*/React.createElement(HStack, {
     style: {
-      marginRight: IOVisualCostants.iconMargin
-    }
+      alignItems: "center"
+    },
+    space: IOVisualCostants.iconMargin
   }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 24,
     height: 24,
     radius: 8
-  })), /*#__PURE__*/React.createElement(View, {
-    style: {
-      paddingRight: 8
-    }
+  }), /*#__PURE__*/React.createElement(VStack, {
+    space: 4
   }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 96,
     height: 16,
     radius: 8
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     width: 160,

package/lib/module/components/modules/ModuleNavigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","Badge","Icon","VSpacer","Chip","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","style","marginRight","iconMargin","name","size","color","source","styles","accessibilityIgnoresInvertColors","_extends","flexGrow","flexShrink","paddingRight","numberOfLines","lineBreakMode","chevronSize","startBlock","Fragment","Box","animate","width","height","radius","endBlock","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","Badge","Icon","HStack","VStack","Chip","LabelSmallAlt","ModuleStatic","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","_extends","space","alignItems","iconMargin","flexGrow","flexShrink","numberOfLines","lineBreakMode","chevronSize","startBlock","Box","animate","width","height","radius","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}

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

@@ -1,40 +1,35 @@
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemVisualParams, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOListItemVisualParams, useIOTheme } from "../../core";
 import { getAccessibleAmountText } from "../../utils/accessibility";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer";
+import { HStack, VStack } from "../stack";
 import { H6, LabelSmall, LabelSmallAlt } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";
 const styles = StyleSheet.create({
-  rightSection: {
-    marginLeft: IOListItemVisualParams.iconMargin,
+  endBlock: {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "flex-end"
   }
 });
-const ModulePaymentNoticeContent = _ref => {
-  let {
-    title,
-    subtitle,
-    paymentNoticeStatus,
-    paymentNoticeAmount,
-    badgeText = ""
-  } = _ref;
+const ModulePaymentNoticeContent = ({
+  title,
+  subtitle,
+  paymentNoticeStatus,
+  paymentNoticeAmount,
+  badgeText = ""
+}) => {
   const theme = useIOTheme();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
   const AmountOrBadgeComponent = () => {
     switch (paymentNoticeStatus) {
       case "default":
         return /*#__PURE__*/React.createElement(H6, {
           accessibilityLabel: getAccessibleAmountText(paymentNoticeAmount),
-          color: isExperimental ? "blueIO-500" : "blue",
+          color: theme["interactiveElem-default"],
           numberOfLines: 1
         }, paymentNoticeAmount);
       case "paid":
@@ -69,11 +64,12 @@ const ModulePaymentNoticeContent = _ref => {
         });
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(HStack, {
+    space: IOListItemVisualParams.iconMargin
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       flexGrow: 1,
-      flexShrink: 1,
-      paddingEnd: 8
+      flexShrink: 1
     }
   }, title && /*#__PURE__*/React.createElement(LabelSmall, {
     numberOfLines: 1,
@@ -83,10 +79,10 @@ const ModulePaymentNoticeContent = _ref => {
     color: theme["interactiveElem-default"],
     numberOfLines: 2
   }, subtitle)), /*#__PURE__*/React.createElement(View, {
-    style: styles.rightSection
+    style: styles.endBlock
   }, /*#__PURE__*/React.createElement(AmountOrBadgeComponent, null), /*#__PURE__*/React.createElement(Icon, {
     name: "chevronRightListItem",
-    color: isExperimental ? "blueIO-500" : "blue",
+    color: theme["interactiveElem-default"],
     size: IOListItemVisualParams.chevronSize
   })));
 };
@@ -103,14 +99,13 @@ const ModulePaymentNoticeContent = _ref => {
  * @param {string} paymentNoticeAmount - The payment notice amount to display.
  * @param {string} paymentNoticeStatus - The status of the payment notice.
  */
-export const ModulePaymentNotice = _ref2 => {
-  let {
-    isLoading = false,
-    testID,
-    accessibilityLabel,
-    onPress,
-    ...rest
-  } = _ref2;
+export const ModulePaymentNotice = ({
+  isLoading = false,
+  testID,
+  accessibilityLabel,
+  onPress,
+  ...rest
+}) => {
   if (isLoading) {
     return /*#__PURE__*/React.createElement(ModulePaymentNoticeSkeleton, null);
   }
@@ -121,23 +116,23 @@ export const ModulePaymentNotice = _ref2 => {
   }, /*#__PURE__*/React.createElement(ModulePaymentNoticeContent, rest));
 };
 const ModulePaymentNoticeSkeleton = () => /*#__PURE__*/React.createElement(ModuleStatic, {
-  startBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  startBlock: /*#__PURE__*/React.createElement(VStack, {
+    space: 4
+  }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
-    width: 121,
-    height: 13
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
+    width: 120,
+    height: 12
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
-    width: 179,
+    width: 180,
     height: 16
-  }))),
+  })),
   endBlock: /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 16,
-    width: 62,
+    width: 64,
     height: 24
   })
 });

package/lib/module/components/modules/ModulePaymentNotice.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","Placeholder","IOListItemVisualParams","useIOExperimentalDesign","useIOTheme","getAccessibleAmountText","Badge","Icon","VSpacer","H6","LabelSmall","LabelSmallAlt","ModuleStatic","PressableModuleBase","styles","create","rightSection","marginLeft","iconMargin","flexDirection","alignItems","justifyContent","ModulePaymentNoticeContent","_ref","title","subtitle","paymentNoticeStatus","paymentNoticeAmount","badgeText","theme","isExperimental","AmountOrBadgeComponent","createElement","accessibilityLabel","color","numberOfLines","variant","text","Fragment","style","flexGrow","flexShrink","paddingEnd","weight","name","size","chevronSize","ModulePaymentNotice","_ref2","isLoading","testID","onPress","rest","ModulePaymentNoticeSkeleton","startBlock","Box","animate","radius","width","height","endBlock"],"sourceRoot":"../../../../src","sources":["components/modules/ModulePaymentNotice.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","Placeholder","IOListItemVisualParams","useIOTheme","getAccessibleAmountText","Badge","Icon","HStack","VStack","H6","LabelSmall","LabelSmallAlt","ModuleStatic","PressableModuleBase","styles","create","endBlock","flexDirection","alignItems","justifyContent","ModulePaymentNoticeContent","title","subtitle","paymentNoticeStatus","paymentNoticeAmount","badgeText","theme","AmountOrBadgeComponent","createElement","accessibilityLabel","color","numberOfLines","variant","text","space","iconMargin","style","flexGrow","flexShrink","weight","name","size","chevronSize","ModulePaymentNotice","isLoading","testID","onPress","rest","ModulePaymentNoticeSkeleton","startBlock","Box","animate","radius","width","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModulePaymentNotice.tsx"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { View } from "react-native";
 import { IOColors, IOModuleStyles, useIOTheme } from "../../core";
+import { HStack } from "../stack";
 const DISABLED_OPACITY = 0.5;
-export const ModuleStatic = _ref => {
-  let {
-    disabled = false,
-    startBlock,
-    endBlock,
-    children
-  } = _ref;
+export const ModuleStatic = ({
+  disabled = false,
+  startBlock,
+  endBlock,
+  children
+}) => {
   const theme = useIOTheme();
   return /*#__PURE__*/React.createElement(View, {
     style: [IOModuleStyles.button, {
@@ -16,11 +16,17 @@ export const ModuleStatic = _ref => {
       opacity: disabled ? DISABLED_OPACITY : 1
     }],
     accessible: false
-  }, startBlock && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  }, startBlock && /*#__PURE__*/React.createElement(HStack, {
+    space: 8,
     style: {
-      flexDirection: "row",
       alignItems: "center"
     }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: "row",
+      alignItems: "center",
+      flexGrow: 1
+    }
   }, startBlock), endBlock), children);
 };
 //# sourceMappingURL=ModuleStatic.js.map

package/lib/module/components/modules/ModuleStatic.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IOColors","IOModuleStyles","useIOTheme","DISABLED_OPACITY","ModuleStatic","_ref","disabled","startBlock","endBlock","children","theme","createElement","style","button","borderColor","opacity","accessible","Fragment","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleStatic.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAyBC,IAAI,QAAQ,cAAc;AACnD,SAASC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,YAAY;AAoBjE,MAAMC,gBAAgB,GAAG,GAAG;AAE5B,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAKH;EAAA,IALI;IAC3BC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,QAAQ;IACRC;EACiB,CAAC,GAAAJ,IAAA;EAClB,MAAMK,KAAK,GAAGR,UAAU,CAAC,CAAC;EAE1B,oBACEJ,KAAA,CAAAa,aAAA,CAACZ,IAAI;IACHa,KAAK,EAAE,CACLX,cAAc,CAACY,MAAM,EACrB;MACEC,WAAW,EAAEd,QAAQ,CAACU,KAAK,CAAC,oBAAoB,CAAC,CAAC;MAClDK,OAAO,EAAET,QAAQ,GAAGH,gBAAgB,GAAG;IACzC,CAAC,CACD;IACFa,UAAU,EAAE;EAAM,GAEjBT,UAAU,iBACTT,KAAA,CAAAa,aAAA,CAACb,KAAK,CAACmB,QAAQ,qBACbnB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE;MAAEM,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS;EAAE,GACzDZ,UACG,CAAC,EACNC,QACa,CACjB,EAEAC,QACG,CAAC;AAEX,CAAC"}
+{"version":3,"names":["React","View","IOColors","IOModuleStyles","useIOTheme","HStack","DISABLED_OPACITY","ModuleStatic","disabled","startBlock","endBlock","children","theme","createElement","style","button","borderColor","opacity","accessible","space","alignItems","flexDirection","flexGrow"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleStatic.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAyBC,IAAI,QAAQ,cAAc;AACnD,SAASC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,YAAY;AACjE,SAASC,MAAM,QAAQ,UAAU;AAoBjC,MAAMC,gBAAgB,GAAG,GAAG;AAE5B,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,QAAQ,GAAG,KAAK;EAChBC,UAAU;EACVC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAGR,UAAU,CAAC,CAAC;EAE1B,oBACEJ,KAAA,CAAAa,aAAA,CAACZ,IAAI;IACHa,KAAK,EAAE,CACLX,cAAc,CAACY,MAAM,EACrB;MACEC,WAAW,EAAEd,QAAQ,CAACU,KAAK,CAAC,oBAAoB,CAAC,CAAC;MAClDK,OAAO,EAAET,QAAQ,GAAGF,gBAAgB,GAAG;IACzC,CAAC,CACD;IACFY,UAAU,EAAE;EAAM,GAEjBT,UAAU,iBACTT,KAAA,CAAAa,aAAA,CAACR,MAAM;IAACc,KAAK,EAAE,CAAE;IAACL,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAS;EAAE,gBAChDpB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IACHa,KAAK,EAAE;MAAEO,aAAa,EAAE,KAAK;MAAED,UAAU,EAAE,QAAQ;MAAEE,QAAQ,EAAE;IAAE;EAAE,GAElEb,UACG,CAAC,EACNC,QACK,CACT,EAEAC,QACG,CAAC;AAEX,CAAC"}

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

@@ -4,13 +4,12 @@ import { useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { H6, LabelSmall } from "../typography";
 import { PressableModuleBase } from "./PressableModuleBase";
-export const ModuleSummary = _ref => {
-  let {
-    label,
-    description,
-    onPress,
-    icon = "info"
-  } = _ref;
+export const ModuleSummary = ({
+  label,
+  description,
+  onPress,
+  icon = "info"
+}) => {
   const theme = useIOTheme();
   return /*#__PURE__*/React.createElement(PressableModuleBase, {
     onPress: onPress

package/lib/module/components/modules/ModuleSummary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useIOTheme","Icon","H6","LabelSmall","PressableModuleBase","ModuleSummary","_ref","label","description","onPress","icon","theme","createElement","style","flexGrow","flexShrink","color","weight","marginLeft","name","size"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleSummary.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,YAAY;AACvC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAC9C,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKhB;EAAA,IALiB;IAC5BC,KAAK;IACLC,WAAW;IACXC,OAAO;IACPC,IAAI,GAAG;EACF,CAAC,GAAAJ,IAAA;EACN,MAAMK,KAAK,GAAGX,UAAU,CAAC,CAAC;EAE1B,oBACEF,KAAA,CAAAc,aAAA,CAACR,mBAAmB;IAACK,OAAO,EAAEA;EAAQ,gBACpCX,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAE;MAAEC,QAAQ,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAE;EAAE,gBAC1CjB,KAAA,CAAAc,aAAA,CAACV,EAAE;IAACc,KAAK,EAAEL,KAAK,CAAC,kBAAkB;EAAE,GAAEJ,KAAU,CAAC,EACjDC,WAAW,iBACVV,KAAA,CAAAc,aAAA,CAACT,UAAU;IAACc,MAAM,EAAC,SAAS;IAACD,KAAK,EAAEL,KAAK,CAAC,mBAAmB;EAAE,GAC5DH,WACS,CAEV,CAAC,eACPV,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE;EAAE,gBAC7BpB,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACkB,IAAI,EAAET,IAAK;IAACM,KAAK,EAAEL,KAAK,CAAC,yBAAyB,CAAE;IAACS,IAAI,EAAE;EAAG,CAAE,CAClE,CACa,CAAC;AAE1B,CAAC"}
+{"version":3,"names":["React","View","useIOTheme","Icon","H6","LabelSmall","PressableModuleBase","ModuleSummary","label","description","onPress","icon","theme","createElement","style","flexGrow","flexShrink","color","weight","marginLeft","name","size"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleSummary.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,YAAY;AACvC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAC9C,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,WAAW;EACXC,OAAO;EACPC,IAAI,GAAG;AACF,CAAC,KAAK;EACX,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAE1B,oBACEF,KAAA,CAAAa,aAAA,CAACP,mBAAmB;IAACI,OAAO,EAAEA;EAAQ,gBACpCV,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE;MAAEC,QAAQ,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAE;EAAE,gBAC1ChB,KAAA,CAAAa,aAAA,CAACT,EAAE;IAACa,KAAK,EAAEL,KAAK,CAAC,kBAAkB;EAAE,GAAEJ,KAAU,CAAC,EACjDC,WAAW,iBACVT,KAAA,CAAAa,aAAA,CAACR,UAAU;IAACa,MAAM,EAAC,SAAS;IAACD,KAAK,EAAEL,KAAK,CAAC,mBAAmB;EAAE,GAC5DH,WACS,CAEV,CAAC,eACPT,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE;EAAE,gBAC7BnB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACiB,IAAI,EAAET,IAAK;IAACM,KAAK,EAAEL,KAAK,CAAC,yBAAyB,CAAE;IAACS,IAAI,EAAE;EAAG,CAAE,CAClE,CACa,CAAC;AAE1B,CAAC"}

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

@@ -3,15 +3,14 @@ import { Pressable } from "react-native";
 import Animated from "react-native-reanimated";
 import { IOColors, IOModuleIDPSavedVSpacing, IOModuleStyles, useIOTheme } from "../../core";
 import { useModuleSpringAnimation } from "./hooks/useModuleSpringAnimation";
-export const PressableModuleBase = _ref => {
-  let {
-    onPress,
-    withLooseSpacing = false,
-    accessibilityLabel,
-    accessibilityHint,
-    testID,
-    children
-  } = _ref;
+export const PressableModuleBase = ({
+  onPress,
+  withLooseSpacing = false,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  children
+}) => {
   const theme = useIOTheme();
   const {
     handlePressIn,

package/lib/module/components/modules/PressableModuleBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Animated","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","useModuleSpringAnimation","PressableModuleBase","_ref","onPress","withLooseSpacing","accessibilityLabel","accessibilityHint","testID","children","theme","handlePressIn","handlePressOut","animatedStyle","createElement","accessible","onPressIn","onPressOut","onTouchEnd","accessibilityRole","View","style","button","borderColor","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SACEC,QAAQ,EACRC,wBAAwB,EACxBC,cAAc,EACdC,UAAU,QACL,YAAY;AAEnB,SAASC,wBAAwB,QAAQ,kCAAkC;AAW3E,OAAO,MAAMC,mBAAmB,GAAGC,IAAA,IAOgB;EAAA,IAPf;IAClCC,OAAO;IACPC,gBAAgB,GAAG,KAAK;IACxBC,kBAAkB;IAClBC,iBAAiB;IACjBC,MAAM;IACNC;EAC2C,CAAC,GAAAN,IAAA;EAC5C,MAAMO,KAAK,GAAGV,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEW,aAAa;IAAEC,cAAc;IAAEC;EAAc,CAAC,GACpDZ,wBAAwB,CAAC,CAAC;EAE5B,oBACEP,KAAA,CAAAoB,aAAA,CAACnB,SAAS;IACRS,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfO,UAAU,EAAE,IAAK;IACjBC,SAAS,EAAEL,aAAc;IACzBM,UAAU,EAAEL,cAAe;IAC3BM,UAAU,EAAEN,cAAe;IAC3BN,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCY,iBAAiB,EAAC;EAAQ,gBAE1BzB,KAAA,CAAAoB,aAAA,CAAClB,QAAQ,CAACwB,IAAI;IACZC,KAAK,EAAE,CACLtB,cAAc,CAACuB,MAAM,EACrB;MAAEC,WAAW,EAAE1B,QAAQ,CAACa,KAAK,CAAC,oBAAoB,CAAC;IAAE,CAAC,EACtDL,gBAAgB,IAAI;MAAEmB,eAAe,EAAE1B;IAAyB,CAAC,EACjEe,aAAa;EACb,GAEDJ,QACY,CACN,CAAC;AAEhB,CAAC"}
+{"version":3,"names":["React","Pressable","Animated","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","useModuleSpringAnimation","PressableModuleBase","onPress","withLooseSpacing","accessibilityLabel","accessibilityHint","testID","children","theme","handlePressIn","handlePressOut","animatedStyle","createElement","accessible","onPressIn","onPressOut","onTouchEnd","accessibilityRole","View","style","button","borderColor","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SACEC,QAAQ,EACRC,wBAAwB,EACxBC,cAAc,EACdC,UAAU,QACL,YAAY;AAEnB,SAASC,wBAAwB,QAAQ,kCAAkC;AAW3E,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,OAAO;EACPC,gBAAgB,GAAG,KAAK;EACxBC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC;AAC2C,CAAC,KAAK;EACjD,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU,aAAa;IAAEC,cAAc;IAAEC;EAAc,CAAC,GACpDX,wBAAwB,CAAC,CAAC;EAE5B,oBACEP,KAAA,CAAAmB,aAAA,CAAClB,SAAS;IACRQ,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfO,UAAU,EAAE,IAAK;IACjBC,SAAS,EAAEL,aAAc;IACzBM,UAAU,EAAEL,cAAe;IAC3BM,UAAU,EAAEN,cAAe;IAC3BN,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCY,iBAAiB,EAAC;EAAQ,gBAE1BxB,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,CAACuB,IAAI;IACZC,KAAK,EAAE,CACLrB,cAAc,CAACsB,MAAM,EACrB;MAAEC,WAAW,EAAEzB,QAAQ,CAACY,KAAK,CAAC,oBAAoB,CAAC;IAAE,CAAC,EACtDL,gBAAgB,IAAI;MAAEmB,eAAe,EAAEzB;IAAyB,CAAC,EACjEc,aAAa;EACb,GAEDJ,QACY,CACN,CAAC;AAEhB,CAAC"}