@plaidev/karte-action-sdk 1.1.242-28709689.708aea87 → 1.1.242-28714750.c2012c9b

package/dist/hydrate/index.es.d.ts

@@ -2382,19 +2382,19 @@ type PaddingProps = {
     paddingRight?: Properties["paddingRight"];
 };
 type RadiusProps = {
-    borderTopLeftRadius: Properties["borderTopLeftRadius"];
-    borderTopRightRadius: Properties["borderTopRightRadius"];
-    borderBottomLeftRadius: Properties["borderBottomLeftRadius"];
-    borderBottomRightRadius: Properties["borderBottomRightRadius"];
+    borderTopLeftRadius?: Properties["borderTopLeftRadius"];
+    borderTopRightRadius?: Properties["borderTopRightRadius"];
+    borderBottomLeftRadius?: Properties["borderBottomLeftRadius"];
+    borderBottomRightRadius?: Properties["borderBottomRightRadius"];
 };
 type BackgroundColorProps = {
-    backgroundColor: Properties["backgroundColor"];
+    backgroundColor?: Properties["backgroundColor"];
 };
 type BackgroundImageProps = {
-    backgroundImageUrl: string;
+    backgroundImageUrl?: string;
 };
 type ShadowProps = {
-    shadow: Properties["boxShadow"];
+    shadow?: Properties["boxShadow"];
 };
 declare const AVATAR_SIZE: {
     readonly extra_small: "XS\uFF0848 x 48\uFF09";
@@ -2620,7 +2620,7 @@ declare const ICON_VARIANTS: {
 type IconProps = CommonProps & {
     variant: string;
     size?: keyof typeof ICON_SIZE;
-    color: string;
+    color?: Properties$0["color"];
     width?: Properties$0["width"];
     height?: Properties$0["height"];
 };

package/dist/hydrate/index.es.js

@@ -13997,10 +13997,10 @@ const ICON_VARIANTS = {
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
+	append_styles(target, "svelte-1ou0ruz", ".icon.svelte-1ou0ruz{display:flex;align-items:center;overflow:hidden;width:auto}");
 }
 
-// (21:0) {#if (IconComponent)}
+// (20:0) {#if (IconComponent)}
 function create_if_block$5(ctx) {
 	let div;
 	let switch_instance;
@@ -14009,7 +14009,9 @@ function create_if_block$5(ctx) {
 
 	function switch_props(ctx) {
 		return {
-			props: { color: /*props*/ ctx[0].color ?? '#333' }
+			props: {
+				color: /*props*/ ctx[0].color ?? 'currentColor'
+			}
 		};
 	}
 
@@ -14037,7 +14039,7 @@ function create_if_block$5(ctx) {
 		},
 		h() {
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "class", "icon svelte-1mx2edd");
+			attr(div, "class", "icon svelte-1ou0ruz");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -14047,7 +14049,7 @@ function create_if_block$5(ctx) {
 		},
 		p(ctx, dirty) {
 			const switch_instance_changes = {};
-			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
+			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? 'currentColor';
 
 			if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
 				if (switch_instance) {
@@ -14176,8 +14178,6 @@ function instance$8($$self, $$props, $$invalidate) {
 		};
 	};
 
-	console.log(props.color);
-
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -14374,7 +14374,7 @@ const BUTTON_VARIANTS = {
 /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-cmn44g", ".button.svelte-cmn44g{display:inline-flex;align-content:center;justify-content:center;gap:0.8em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-cmn44g{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
 // (45:2) {#if (props.isIcon && props.iconVariant)}
@@ -14387,7 +14387,9 @@ function create_if_block$4(ctx) {
 			props: {
 				props: {
 					variant: /*props*/ ctx[0].iconVariant,
-					color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
+					color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
+					width: '1em',
+					height: '1em'
 				}
 			}
 		});
@@ -14406,7 +14408,7 @@ function create_if_block$4(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "button-icon svelte-bo01kn");
+			attr(div, "class", "button-icon svelte-cmn44g");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -14418,7 +14420,9 @@ function create_if_block$4(ctx) {
 
 			if (dirty & /*props*/ 1) icon_changes.props = {
 				variant: /*props*/ ctx[0].iconVariant,
-				color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
+				color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
+				width: '1em',
+				height: '1em'
 			};
 
 			icon.$set(icon_changes);
@@ -14479,7 +14483,7 @@ function create_fragment$7(ctx) {
 		h() {
 			attr(button, "data-layer-id", /*layerId*/ ctx[1]);
 			attr(button, "style", /*style*/ ctx[2]);
-			attr(button, "class", "button svelte-bo01kn");
+			attr(button, "class", "button svelte-cmn44g");
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -15283,7 +15287,7 @@ class CloseButton extends SvelteComponent {
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
-	append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
+	append_styles(target, "svelte-180u8ho", ".image.svelte-180u8ho{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-180u8ho{width:100%;overflow:hidden}.image-img.svelte-180u8ho{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
 }
 
 function create_fragment$4(ctx) {
@@ -15318,11 +15322,11 @@ function create_fragment$4(ctx) {
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
-			attr(img, "class", "image-img svelte-52a988");
+			attr(img, "class", "image-img svelte-180u8ho");
 			attr(object, "style", /*objectStyle*/ ctx[2]);
-			attr(object, "class", "image-object svelte-52a988");
+			attr(object, "class", "image-object svelte-180u8ho");
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "class", "image svelte-52a988");
+			attr(div, "class", "image svelte-180u8ho");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {

package/dist/index.es.d.ts

@@ -2382,19 +2382,19 @@ type PaddingProps = {
     paddingRight?: Properties["paddingRight"];
 };
 type RadiusProps = {
-    borderTopLeftRadius: Properties["borderTopLeftRadius"];
-    borderTopRightRadius: Properties["borderTopRightRadius"];
-    borderBottomLeftRadius: Properties["borderBottomLeftRadius"];
-    borderBottomRightRadius: Properties["borderBottomRightRadius"];
+    borderTopLeftRadius?: Properties["borderTopLeftRadius"];
+    borderTopRightRadius?: Properties["borderTopRightRadius"];
+    borderBottomLeftRadius?: Properties["borderBottomLeftRadius"];
+    borderBottomRightRadius?: Properties["borderBottomRightRadius"];
 };
 type BackgroundColorProps = {
-    backgroundColor: Properties["backgroundColor"];
+    backgroundColor?: Properties["backgroundColor"];
 };
 type BackgroundImageProps = {
-    backgroundImageUrl: string;
+    backgroundImageUrl?: string;
 };
 type ShadowProps = {
-    shadow: Properties["boxShadow"];
+    shadow?: Properties["boxShadow"];
 };
 declare const AVATAR_SIZE: {
     readonly extra_small: "XS\uFF0848 x 48\uFF09";
@@ -2620,7 +2620,7 @@ declare const ICON_VARIANTS: {
 type IconProps = CommonProps & {
     variant: string;
     size?: keyof typeof ICON_SIZE;
-    color: string;
+    color?: Properties$0["color"];
     width?: Properties$0["width"];
     height?: Properties$0["height"];
 };

package/dist/index.es.js

@@ -13002,10 +13002,10 @@ const ICON_VARIANTS = {
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
+	append_styles(target, "svelte-1ou0ruz", ".icon.svelte-1ou0ruz{display:flex;align-items:center;overflow:hidden;width:auto}");
 }
 
-// (21:0) {#if (IconComponent)}
+// (20:0) {#if (IconComponent)}
 function create_if_block$5(ctx) {
 	let div;
 	let switch_instance;
@@ -13014,7 +13014,9 @@ function create_if_block$5(ctx) {
 
 	function switch_props(ctx) {
 		return {
-			props: { color: /*props*/ ctx[0].color ?? '#333' }
+			props: {
+				color: /*props*/ ctx[0].color ?? 'currentColor'
+			}
 		};
 	}
 
@@ -13027,7 +13029,7 @@ function create_if_block$5(ctx) {
 			div = element("div");
 			if (switch_instance) create_component(switch_instance.$$.fragment);
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "class", "icon svelte-1mx2edd");
+			attr(div, "class", "icon svelte-1ou0ruz");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -13037,7 +13039,7 @@ function create_if_block$5(ctx) {
 		},
 		p(ctx, dirty) {
 			const switch_instance_changes = {};
-			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
+			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? 'currentColor';
 
 			if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
 				if (switch_instance) {
@@ -13162,8 +13164,6 @@ function instance$8($$self, $$props, $$invalidate) {
 		};
 	};
 
-	console.log(props.color);
-
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -13360,7 +13360,7 @@ const BUTTON_VARIANTS = {
 /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-cmn44g", ".button.svelte-cmn44g{display:inline-flex;align-content:center;justify-content:center;gap:0.8em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-cmn44g{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
 // (45:2) {#if (props.isIcon && props.iconVariant)}
@@ -13373,7 +13373,9 @@ function create_if_block$4(ctx) {
 			props: {
 				props: {
 					variant: /*props*/ ctx[0].iconVariant,
-					color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
+					color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
+					width: '1em',
+					height: '1em'
 				}
 			}
 		});
@@ -13382,7 +13384,7 @@ function create_if_block$4(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "button-icon svelte-bo01kn");
+			attr(div, "class", "button-icon svelte-cmn44g");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -13394,7 +13396,9 @@ function create_if_block$4(ctx) {
 
 			if (dirty & /*props*/ 1) icon_changes.props = {
 				variant: /*props*/ ctx[0].iconVariant,
-				color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
+				color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
+				width: '1em',
+				height: '1em'
 			};
 
 			icon.$set(icon_changes);
@@ -13435,7 +13439,7 @@ function create_fragment$7(ctx) {
 			t1 = text(t1_value);
 			attr(button, "data-layer-id", /*layerId*/ ctx[1]);
 			attr(button, "style", /*style*/ ctx[2]);
-			attr(button, "class", "button svelte-bo01kn");
+			attr(button, "class", "button svelte-cmn44g");
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -14164,7 +14168,7 @@ class CloseButton extends SvelteComponent {
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
-	append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
+	append_styles(target, "svelte-180u8ho", ".image.svelte-180u8ho{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-180u8ho{width:100%;overflow:hidden}.image-img.svelte-180u8ho{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
 }
 
 function create_fragment$4(ctx) {
@@ -14181,11 +14185,11 @@ function create_fragment$4(ctx) {
 			img = element("img");
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
-			attr(img, "class", "image-img svelte-52a988");
+			attr(img, "class", "image-img svelte-180u8ho");
 			attr(object, "style", /*objectStyle*/ ctx[2]);
-			attr(object, "class", "image-object svelte-52a988");
+			attr(object, "class", "image-object svelte-180u8ho");
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "class", "image svelte-52a988");
+			attr(div, "class", "image svelte-180u8ho");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.242-28709689.708aea87",
+  "version": "1.1.242-28714750.c2012c9b",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",