@swan-io/shared-business 13.4.9 → 13.4.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "13.4.9",
+  "version": "13.4.10",
   "engines": {
     "node": ">22.12.0"
   },
@@ -25,7 +25,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "13.4.9"
+    "@swan-io/lake": "13.4.10"
   },
   "dependencies": {
     "@formatjs/intl": "^3.1.6",
@@ -50,6 +50,6 @@
     "@types/react-dom": "^19.1.7",
     "@types/react-native": "^0.72.8",
     "type-fest": "^4.41.0",
-    "@swan-io/lake": "13.4.9"
+    "@swan-io/lake": "13.4.10"
   }
 }

package/src/components/AccountStatement.js

@@ -14,38 +14,38 @@ const styles = StyleSheet.create({
         padding: 10,
     },
     firstSectionTitle: {
-        ...getTextStyle("sans", 14),
+        ...getTextStyle("sans", 12),
         color: colors.swan[500],
-        fontWeight: "600",
+        fontWeight: "400",
         textTransform: "uppercase",
         paddingBottom: spacings[4],
         marginTop: "30%",
     },
     sectionTitle: {
-        ...getTextStyle("sans", 14),
+        ...getTextStyle("sans", 12),
         color: colors.swan[500],
-        fontWeight: "600",
+        fontWeight: "400",
         textTransform: "uppercase",
         paddingBottom: spacings[4],
     },
     dateTitle: {
-        ...getTextStyle("sans", 14),
+        ...getTextStyle("sans", 12),
         color: colors.swan[500],
         paddingBottom: spacings[4],
     },
     totalAmount: {
-        ...getTextStyle("sans", 18),
-        fontWeight: "600",
+        ...getTextStyle("sans", 16),
+        fontWeight: "400",
         textAlign: "right",
     },
     pageTitle: {
-        ...getTextStyle("sans", 18),
-        fontWeight: "600",
+        ...getTextStyle("sans", 16),
+        fontWeight: "400",
         color: "#26232F",
     },
     titleColumn: {
-        ...getTextStyle("sans", 12),
-        fontWeight: "600",
+        ...getTextStyle("sans", 10),
+        fontWeight: "400",
         paddingVertical: spacings[4],
         minWidth: spacings[96],
     },
@@ -55,24 +55,24 @@ const styles = StyleSheet.create({
     },
     textColumn: {
         paddingVertical: spacings[4],
-        ...getTextStyle("sans", 10),
+        ...getTextStyle("sans", 8),
     },
     text: {
-        ...getTextStyle("sans", 12),
+        ...getTextStyle("sans", 10),
     },
     pageSubTitle: {
-        ...getTextStyle("sans", 12),
+        ...getTextStyle("sans", 10),
         color: "#454348",
         paddingBottom: spacings[12],
     },
     row: {
         textAlign: "right",
         paddingVertical: spacings[4],
-        fontWeight: "600",
+        fontWeight: "400",
         width: "15%",
     },
     closingBalanceRow: {
-        ...getTextStyle("sans", 12),
+        ...getTextStyle("sans", 10),
         backgroundColor: colors.gray[50],
         width: "50%",
     },

package/src/components/AccountStatementFooter.js

@@ -11,6 +11,7 @@ const styles = {
         color: "#26232F",
         lineHeight: "12.5px",
         fontWeight: "300",
+        marginLeft: "15px",
     },
     wrapper: {
         display: "flex",

package/src/components/AccountStatementHeader.js

@@ -3,8 +3,8 @@ import { SwanLogo } from "@swan-io/lake/src/components/SwanLogo";
 import { colors } from "@swan-io/lake/src/constants/design";
 import { isNotNullishOrEmpty } from "@swan-io/lake/src/utils/nullish";
 import { useTranslation } from "../utils/i18n";
-const LOGO_MAX_HEIGHT = 24;
-const LOGO_MAX_WIDTH = 150;
+const LOGO_MAX_HEIGHT = 50;
+const LOGO_MAX_WIDTH = 300;
 // Used to generate inline styles without css variables for PDF generation
 const styles = {
     container: {
@@ -27,8 +27,7 @@ const styles = {
     },
     partnershipText: {
         fontSize: "12px",
-        lineHeight: "24px",
-        marginBottom: "4px",
+        lineHeight: "24px"
     },
     logo: {
         display: "flex",
@@ -45,7 +44,7 @@ const styles = {
         top: 0.5,
     },
     pageNumber: {
-        fontSize: "18px",
+        fontSize: "12px",
         color: "#26232F",
         fontWeight: "600",
         textTransform: "uppercase",
@@ -59,5 +58,5 @@ const logoStyle = {
 };
 export const AccountStatementHeader = ({ partnerLogoUrl, language, }) => {
     const t = useTranslation(language);
-    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.logo, children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, style: logoStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsxs("div", { style: styles.partnership, children: [_jsx("div", { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] }), _jsxs("div", { style: styles.pageNumber, children: [t("accountStatement.page"), " ", _jsx("span", { className: "pageNumber" }), " /", " ", _jsx("span", { className: "totalPages" })] })] }));
+    return (_jsxs("div", { style: styles.container, children: [_jsxs("div", { style: styles.logo, children: [isNotNullishOrEmpty(partnerLogoUrl) ? (_jsx("img", { src: partnerLogoUrl, style: logoStyle })) : (_jsx(SwanLogo, { style: styles.defaultLogo })), _jsxs("div", { style: styles.partnership, children: [_jsx("div", { style: styles.partnershipText, children: t("accountStatement.partnership") }), _jsx(SwanLogo, { color: colors.gray[900], style: styles.swanLogo })] })] }), _jsxs("div", { style: styles.pageNumber, children: [t("accountStatement.page"), " ", _jsx("span", { className: "pageNumber" }), "/", " ", _jsx("span", { className: "totalPages" })] })] }));
 };