@plaidev/karte-action-sdk 1.1.231-28647826.fe0ccff6 → 1.1.231-28653407.2511e2dc

package/dist/hydrate/index.es.js

@@ -13622,6 +13622,67 @@ const objToStyle = (obj) => {
     return styles.join(' ');
 };
 
+const toCssPosition = (p) => {
+    return {
+        position: p?.position ?? 'static',
+        top: p?.top,
+        left: p?.left,
+        bottom: p?.bottom,
+        right: p?.right,
+    };
+};
+const toCssCommon = (p) => {
+    return {
+        ...toCssPosition(p),
+    };
+};
+const toCssBorder = (p) => {
+    const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
+    if (borderWidth === null)
+        return {};
+    return {
+        borderColor: p?.borderColor,
+        borderStyle: 'solid',
+        borderTopWidth: p?.borderTopWidth,
+        borderLeftWidth: p?.borderLeftWidth,
+        borderRightWidth: p?.borderRightWidth,
+        borderBottomWidth: p?.borderBottomWidth,
+    };
+};
+const toCssPadding = (p) => {
+    return {
+        paddingTop: p?.paddingTop,
+        paddingLeft: p?.paddingLeft,
+        paddingRight: p?.paddingRight,
+        paddingBottom: p?.paddingBottom,
+    };
+};
+const toCssBackgroundImage = (p) => {
+    const url = p?.backgroundImageUrl;
+    return {
+        backgroundImage: url ? `url(${url})` : undefined,
+        backgroundSize: url ? 'cover' : undefined,
+    };
+};
+const toCssBackgroundColor = (p) => {
+    return {
+        backgroundColor: p?.backgroundColor,
+    };
+};
+const toCssRadius = (p) => {
+    return {
+        borderTopLeftRadius: p?.borderTopLeftRadius,
+        borderTopRightRadius: p?.borderTopRightRadius,
+        borderBottomLeftRadius: p?.borderBottomLeftRadius,
+        borderBottomRightRadius: p?.borderBottomRightRadius,
+    };
+};
+const toCssShadow = (p) => {
+    return {
+        boxShadow: p?.shadow,
+    };
+};
+
 /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
 
 function create_if_block$3(ctx) {
@@ -13801,7 +13862,8 @@ function instance$6($$self, $$props, $$invalidate) {
 				overflow: 'hidden',
 				width: 'auto',
 				minWidth: props.size,
-				height: props.size
+				height: props.size,
+				...toCssCommon(props)
 			}));
 		}
 
@@ -14108,15 +14170,13 @@ function instance$5($$self, $$props, $$invalidate) {
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*props*/ 2) {
 			$$invalidate(3, style = objToStyle({
-				...{
-					display: 'inline-flex',
-					gap: '0.65em',
-					alignItems: 'center',
-					justifyContent: 'center',
-					outline: 0,
-					border: 0,
-					transition: 'background-color 0.12s, border-color 0.12s, color 0.12s'
-				},
+				display: 'inline-flex',
+				gap: '0.65em',
+				alignItems: 'center',
+				justifyContent: 'center',
+				outline: 0,
+				border: 0,
+				transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
 				width: props.width,
 				...VARIANTS.size[props.size ?? 'medium'],
 				...VARIANTS.color[props.color ?? 'default'],
@@ -14124,7 +14184,8 @@ function instance$5($$self, $$props, $$invalidate) {
 				...VARIANTS.round[props.round ?? 'default'],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
-				: {}
+				: {},
+				...toCssCommon(props)
 			}));
 		}
 	};
@@ -14165,23 +14226,6 @@ class Button extends SvelteComponent {
 	}
 }
 
-const toCssBorder = (p) => {
-    return {
-        borderStyle: p?.style,
-        borderColor: p?.color,
-        borderWidth: p ? `${p.size}px` : undefined,
-    };
-};
-const toCssPosition = (p) => {
-    return {
-        position: p?.position ?? 'static',
-        top: p?.top,
-        left: p?.left,
-        bottom: p?.bottom,
-        right: p?.right,
-    };
-};
-
 /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
 
 function create_fragment$4(ctx) {
@@ -14283,20 +14327,14 @@ function instance$4($$self, $$props, $$invalidate) {
 				justifyContent: props.justify,
 				rowGap: props.rowGap,
 				columnGap: props.columnGap,
-				backgroundColor: props.backgroundColor,
-				boxShadow: props.shadow,
-				paddingTop: props.paddingTop,
-				paddingLeft: props.paddingLeft,
-				paddingRight: props.paddingRight,
-				paddingBottom: props.paddingBottom,
-				borderRadius: props.borderRadius,
 				width: props.width,
-				...toCssPosition(props),
-				...toCssBorder(props.border),
-				...props.backgroundImage && {
-					backgroundImage: `url(${props.backgroundImage})`,
-					backgroundSize: 'cover'
-				}
+				...toCssShadow(props),
+				...toCssRadius(props),
+				...toCssBackgroundImage(props.backgroundImage),
+				...toCssBackgroundColor(props),
+				...toCssCommon(props),
+				...toCssPadding(props),
+				...toCssBorder(props)
 			}));
 		}
 	};
@@ -14357,7 +14395,7 @@ function instance$3($$self, $$props, $$invalidate) {
 	let escapedHTML;
 	let style;
 	let { layerId } = $$props;
-	let { props = {} } = $$props;
+	let { props = { content: '' } } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -14375,16 +14413,15 @@ function instance$3($$self, $$props, $$invalidate) {
 				position: props?.position ?? 'static',
 				fontWeight: props.fontWeight,
 				fontSize: props.fontSize,
+				color: props.color,
 				textAlign: props.align,
 				wordBreak: 'break-all',
-				backgroundColor: props.backgroundColor,
-				paddingTop: props.paddingTop,
-				paddingLeft: props.paddingLeft,
-				paddingRight: props.paddingRight,
-				paddingBottom: props.paddingBottom,
-				borderRadius: props.borderRadius,
 				width: props.width,
-				...toCssPosition(props)
+				...toCssRadius(props),
+				...toCssBackgroundColor(props),
+				...toCssCommon(props),
+				...toCssPosition(props),
+				...toCssBorder(props)
 			}));
 		}
 	};
@@ -14532,7 +14569,8 @@ function instance$2($$self, $$props, $$invalidate) {
 				width: `${size}px`,
 				height: `${size}px`,
 				...VARIANTS.shape[props.shape ?? 'square'],
-				...props.bordered && { border: `1px solid #dbdbdb` }
+				...props.bordered && { border: `1px solid #dbdbdb` },
+				...toCssCommon(props)
 			}));
 		}
 	};
@@ -14683,7 +14721,8 @@ function instance$1($$self, $$props, $$invalidate) {
 				alignItems: 'center',
 				justifyContent: 'center',
 				overflow: 'hidden',
-				wordBreak: 'break-all'
+				wordBreak: 'break-all',
+				...toCssCommon(props)
 			}));
 		}
 
@@ -14805,7 +14844,7 @@ function instance($$self, $$props, $$invalidate) {
 				width: `${size}px`,
 				height: `${size}px`,
 				...props.bordered && { border: '1px solid #666' },
-				...toCssPosition(props)
+				...toCssCommon(props)
 			}));
 		}
 	};

package/dist/index.es.js

@@ -12664,6 +12664,67 @@ const objToStyle = (obj) => {
     return styles.join(' ');
 };
 
+const toCssPosition = (p) => {
+    return {
+        position: p?.position ?? 'static',
+        top: p?.top,
+        left: p?.left,
+        bottom: p?.bottom,
+        right: p?.right,
+    };
+};
+const toCssCommon = (p) => {
+    return {
+        ...toCssPosition(p),
+    };
+};
+const toCssBorder = (p) => {
+    const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
+    if (borderWidth === null)
+        return {};
+    return {
+        borderColor: p?.borderColor,
+        borderStyle: 'solid',
+        borderTopWidth: p?.borderTopWidth,
+        borderLeftWidth: p?.borderLeftWidth,
+        borderRightWidth: p?.borderRightWidth,
+        borderBottomWidth: p?.borderBottomWidth,
+    };
+};
+const toCssPadding = (p) => {
+    return {
+        paddingTop: p?.paddingTop,
+        paddingLeft: p?.paddingLeft,
+        paddingRight: p?.paddingRight,
+        paddingBottom: p?.paddingBottom,
+    };
+};
+const toCssBackgroundImage = (p) => {
+    const url = p?.backgroundImageUrl;
+    return {
+        backgroundImage: url ? `url(${url})` : undefined,
+        backgroundSize: url ? 'cover' : undefined,
+    };
+};
+const toCssBackgroundColor = (p) => {
+    return {
+        backgroundColor: p?.backgroundColor,
+    };
+};
+const toCssRadius = (p) => {
+    return {
+        borderTopLeftRadius: p?.borderTopLeftRadius,
+        borderTopRightRadius: p?.borderTopRightRadius,
+        borderBottomLeftRadius: p?.borderBottomLeftRadius,
+        borderBottomRightRadius: p?.borderBottomRightRadius,
+    };
+};
+const toCssShadow = (p) => {
+    return {
+        boxShadow: p?.shadow,
+    };
+};
+
 /* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
 
 function create_if_block$3(ctx) {
@@ -12824,7 +12885,8 @@ function instance$6($$self, $$props, $$invalidate) {
 				overflow: 'hidden',
 				width: 'auto',
 				minWidth: props.size,
-				height: props.size
+				height: props.size,
+				...toCssCommon(props)
 			}));
 		}
 
@@ -13101,15 +13163,13 @@ function instance$5($$self, $$props, $$invalidate) {
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*props*/ 2) {
 			$$invalidate(3, style = objToStyle({
-				...{
-					display: 'inline-flex',
-					gap: '0.65em',
-					alignItems: 'center',
-					justifyContent: 'center',
-					outline: 0,
-					border: 0,
-					transition: 'background-color 0.12s, border-color 0.12s, color 0.12s'
-				},
+				display: 'inline-flex',
+				gap: '0.65em',
+				alignItems: 'center',
+				justifyContent: 'center',
+				outline: 0,
+				border: 0,
+				transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
 				width: props.width,
 				...VARIANTS.size[props.size ?? 'medium'],
 				...VARIANTS.color[props.color ?? 'default'],
@@ -13117,7 +13177,8 @@ function instance$5($$self, $$props, $$invalidate) {
 				...VARIANTS.round[props.round ?? 'default'],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
-				: {}
+				: {},
+				...toCssCommon(props)
 			}));
 		}
 	};
@@ -13158,23 +13219,6 @@ class Button extends SvelteComponent {
 	}
 }
 
-const toCssBorder = (p) => {
-    return {
-        borderStyle: p?.style,
-        borderColor: p?.color,
-        borderWidth: p ? `${p.size}px` : undefined,
-    };
-};
-const toCssPosition = (p) => {
-    return {
-        position: p?.position ?? 'static',
-        top: p?.top,
-        left: p?.left,
-        bottom: p?.bottom,
-        right: p?.right,
-    };
-};
-
 /* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
 
 function create_fragment$4(ctx) {
@@ -13261,20 +13305,14 @@ function instance$4($$self, $$props, $$invalidate) {
 				justifyContent: props.justify,
 				rowGap: props.rowGap,
 				columnGap: props.columnGap,
-				backgroundColor: props.backgroundColor,
-				boxShadow: props.shadow,
-				paddingTop: props.paddingTop,
-				paddingLeft: props.paddingLeft,
-				paddingRight: props.paddingRight,
-				paddingBottom: props.paddingBottom,
-				borderRadius: props.borderRadius,
 				width: props.width,
-				...toCssPosition(props),
-				...toCssBorder(props.border),
-				...props.backgroundImage && {
-					backgroundImage: `url(${props.backgroundImage})`,
-					backgroundSize: 'cover'
-				}
+				...toCssShadow(props),
+				...toCssRadius(props),
+				...toCssBackgroundImage(props.backgroundImage),
+				...toCssBackgroundColor(props),
+				...toCssCommon(props),
+				...toCssPadding(props),
+				...toCssBorder(props)
 			}));
 		}
 	};
@@ -13326,7 +13364,7 @@ function instance$3($$self, $$props, $$invalidate) {
 	let escapedHTML;
 	let style;
 	let { layerId } = $$props;
-	let { props = {} } = $$props;
+	let { props = { content: '' } } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -13344,16 +13382,15 @@ function instance$3($$self, $$props, $$invalidate) {
 				position: props?.position ?? 'static',
 				fontWeight: props.fontWeight,
 				fontSize: props.fontSize,
+				color: props.color,
 				textAlign: props.align,
 				wordBreak: 'break-all',
-				backgroundColor: props.backgroundColor,
-				paddingTop: props.paddingTop,
-				paddingLeft: props.paddingLeft,
-				paddingRight: props.paddingRight,
-				paddingBottom: props.paddingBottom,
-				borderRadius: props.borderRadius,
 				width: props.width,
-				...toCssPosition(props)
+				...toCssRadius(props),
+				...toCssBackgroundColor(props),
+				...toCssCommon(props),
+				...toCssPosition(props),
+				...toCssBorder(props)
 			}));
 		}
 	};
@@ -13482,7 +13519,8 @@ function instance$2($$self, $$props, $$invalidate) {
 				width: `${size}px`,
 				height: `${size}px`,
 				...VARIANTS.shape[props.shape ?? 'square'],
-				...props.bordered && { border: `1px solid #dbdbdb` }
+				...props.bordered && { border: `1px solid #dbdbdb` },
+				...toCssCommon(props)
 			}));
 		}
 	};
@@ -13616,7 +13654,8 @@ function instance$1($$self, $$props, $$invalidate) {
 				alignItems: 'center',
 				justifyContent: 'center',
 				overflow: 'hidden',
-				wordBreak: 'break-all'
+				wordBreak: 'break-all',
+				...toCssCommon(props)
 			}));
 		}
 
@@ -13717,7 +13756,7 @@ function instance($$self, $$props, $$invalidate) {
 				width: `${size}px`,
 				height: `${size}px`,
 				...props.bordered && { border: '1px solid #666' },
-				...toCssPosition(props)
+				...toCssCommon(props)
 			}));
 		}
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.231-28647826.fe0ccff6",
+  "version": "1.1.231-28653407.2511e2dc",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",