@plaidev/karte-action-sdk 1.1.238-28697831.6177a2a4 → 1.1.238-28698168.190b390b

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

@@ -2469,6 +2469,9 @@ type ButtonProps = CommonProps & {
     iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
     width?: Properties["width"];
     wrap?: "wrap" | "nowrap";
+    fontWeight?: Properties["fontWeight"];
+    fontColor?: Properties["color"];
+    backgroundColor?: Properties["backgroundColor"];
 };
 declare const TEXT_BUTTON_SIZE: {
     readonly extra_small: "XSmall";

package/dist/hydrate/index.es.js

@@ -14182,7 +14182,7 @@ 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}");
 }
 
-// (127:2) {#if (props.isIcon && props.iconVariant)}
+// (134:2) {#if (props.isIcon && props.iconVariant)}
 function create_if_block$3(ctx) {
 	let div;
 	let icon;
@@ -14440,6 +14440,20 @@ function instance$7($$self, $$props, $$invalidate) {
 		}
 	};
 
+	const getCssColor = () => {
+		return {
+			backgroundColor: props.backgroundColor
+			? props.backgroundColor
+			: VARIANTS.color[props.color ?? 'default'].backgroundColor,
+			color: props.fontColor
+			? props.fontColor
+			: VARIANTS.color[props.color ?? 'default'].color,
+			fontWeight: props.fontWeight
+			? props.fontWeight
+			: VARIANTS.color[props.color ?? 'default'].fontWeight
+		};
+	};
+
 	function handleClick() {
 		if (eventName) {
 			send_event(eventName, eventValue);
@@ -14468,12 +14482,12 @@ function instance$7($$self, $$props, $$invalidate) {
 				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'],
 				...VARIANTS.wrap[props.wrap ?? 'nowrap'],
 				...VARIANTS.round[props.round ?? 'default'],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
+				...getCssColor(),
 				...toCssCommon(props)
 			}));
 		}
@@ -15638,11 +15652,10 @@ function create_if_block_2(ctx) {
 
 // (267:0) {#if visible}
 function create_if_block(ctx) {
-	let div1;
+	let div;
 	let t;
-	let div0;
-	let div1_class_value;
-	let div1_intro;
+	let div_class_value;
+	let div_intro;
 	let current;
 	let if_block = /*closable*/ ctx[16] && create_if_block_1(ctx);
 	const default_slot_template = /*#slots*/ ctx[30].default;
@@ -15650,48 +15663,43 @@ function create_if_block(ctx) {
 
 	return {
 		c() {
-			div1 = element("div");
+			div = element("div");
 			if (if_block) if_block.c();
 			t = space();
-			div0 = element("div");
 			if (default_slot) default_slot.c();
 			this.h();
 		},
 		l(nodes) {
-			div1 = claim_element(nodes, "DIV", {
+			div = claim_element(nodes, "DIV", {
 				class: true,
 				role: true,
 				"aria-modal": true,
 				style: true
 			});
 
-			var div1_nodes = children(div1);
-			if (if_block) if_block.l(div1_nodes);
-			t = claim_space(div1_nodes);
-			div0 = claim_element(div1_nodes, "DIV", {});
-			var div0_nodes = children(div0);
-			if (default_slot) default_slot.l(div0_nodes);
-			div0_nodes.forEach(detach);
-			div1_nodes.forEach(detach);
+			var div_nodes = children(div);
+			if (if_block) if_block.l(div_nodes);
+			t = claim_space(div_nodes);
+			if (default_slot) default_slot.l(div_nodes);
+			div_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
-			attr(div1, "role", "dialog");
-			attr(div1, "aria-modal", "true");
-			attr(div1, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
+			attr(div, "role", "dialog");
+			attr(div, "aria-modal", "true");
+			attr(div, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
 		},
 		m(target, anchor) {
-			insert_hydration(target, div1, anchor);
-			if (if_block) if_block.m(div1, null);
-			append_hydration(div1, t);
-			append_hydration(div1, div0);
+			insert_hydration(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+			append_hydration(div, t);
 
 			if (default_slot) {
-				default_slot.m(div0, null);
+				default_slot.m(div, null);
 			}
 
-			/*div1_binding*/ ctx[31](div1);
+			/*div_binding*/ ctx[31](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
@@ -15708,7 +15716,7 @@ function create_if_block(ctx) {
 					if_block = create_if_block_1(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
-					if_block.m(div1, t);
+					if_block.m(div, t);
 				}
 			} else if (if_block) {
 				group_outros();
@@ -15735,8 +15743,8 @@ function create_if_block(ctx) {
 				}
 			}
 
-			if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
-				attr(div1, "class", div1_class_value);
+			if (!current || dirty[0] & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
+				attr(div, "class", div_class_value);
 			}
 		},
 		i(local) {
@@ -15744,14 +15752,14 @@ function create_if_block(ctx) {
 			transition_in(if_block);
 			transition_in(default_slot, local);
 
-			if (!div1_intro) {
+			if (!div_intro) {
 				add_render_callback(() => {
-					div1_intro = create_in_transition(div1, customAnimation, {
+					div_intro = create_in_transition(div, customAnimation, {
 						transforms: /*transforms*/ ctx[6],
 						animationStyle: /*animation*/ ctx[1]
 					});
 
-					div1_intro.start();
+					div_intro.start();
 				});
 			}
 
@@ -15763,10 +15771,10 @@ function create_if_block(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div);
 			if (if_block) if_block.d();
 			if (default_slot) default_slot.d(detaching);
-			/*div1_binding*/ ctx[31](null);
+			/*div_binding*/ ctx[31](null);
 		}
 	};
 }
@@ -16005,7 +16013,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	onDestroy$1(() => setPreviousFocus());
 
-	function div1_binding($$value) {
+	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			modal = $$value;
 			$$invalidate(10, modal);
@@ -16225,7 +16233,7 @@ function instance($$self, $$props, $$invalidate) {
 		close,
 		$$scope,
 		slots,
-		div1_binding
+		div_binding
 	];
 }
 

package/dist/index.es.d.ts

@@ -2469,6 +2469,9 @@ type ButtonProps = CommonProps & {
     iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
     width?: Properties["width"];
     wrap?: "wrap" | "nowrap";
+    fontWeight?: Properties["fontWeight"];
+    fontColor?: Properties["color"];
+    backgroundColor?: Properties["backgroundColor"];
 };
 declare const TEXT_BUTTON_SIZE: {
     readonly extra_small: "XSmall";

package/dist/index.es.js

@@ -13168,7 +13168,7 @@ 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}");
 }
 
-// (127:2) {#if (props.isIcon && props.iconVariant)}
+// (134:2) {#if (props.isIcon && props.iconVariant)}
 function create_if_block$3(ctx) {
 	let div;
 	let icon;
@@ -13396,6 +13396,20 @@ function instance$7($$self, $$props, $$invalidate) {
 		}
 	};
 
+	const getCssColor = () => {
+		return {
+			backgroundColor: props.backgroundColor
+			? props.backgroundColor
+			: VARIANTS.color[props.color ?? 'default'].backgroundColor,
+			color: props.fontColor
+			? props.fontColor
+			: VARIANTS.color[props.color ?? 'default'].color,
+			fontWeight: props.fontWeight
+			? props.fontWeight
+			: VARIANTS.color[props.color ?? 'default'].fontWeight
+		};
+	};
+
 	function handleClick() {
 		if (eventName) {
 			send_event(eventName, eventValue);
@@ -13424,12 +13438,12 @@ function instance$7($$self, $$props, $$invalidate) {
 				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'],
 				...VARIANTS.wrap[props.wrap ?? 'nowrap'],
 				...VARIANTS.round[props.round ?? 'default'],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
+				...getCssColor(),
 				...toCssCommon(props)
 			}));
 		}
@@ -14470,11 +14484,10 @@ function create_if_block_2(ctx) {
 
 // (267:0) {#if visible}
 function create_if_block(ctx) {
-	let div1;
+	let div;
 	let t;
-	let div0;
-	let div1_class_value;
-	let div1_intro;
+	let div_class_value;
+	let div_intro;
 	let current;
 	let if_block = /*closable*/ ctx[16] && create_if_block_1(ctx);
 	const default_slot_template = /*#slots*/ ctx[30].default;
@@ -14482,27 +14495,25 @@ function create_if_block(ctx) {
 
 	return {
 		c() {
-			div1 = element("div");
+			div = element("div");
 			if (if_block) if_block.c();
 			t = space();
-			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
-			attr(div1, "role", "dialog");
-			attr(div1, "aria-modal", "true");
-			attr(div1, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
+			attr(div, "role", "dialog");
+			attr(div, "aria-modal", "true");
+			attr(div, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
 		},
 		m(target, anchor) {
-			insert(target, div1, anchor);
-			if (if_block) if_block.m(div1, null);
-			append(div1, t);
-			append(div1, div0);
+			insert(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+			append(div, t);
 
 			if (default_slot) {
-				default_slot.m(div0, null);
+				default_slot.m(div, null);
 			}
 
-			/*div1_binding*/ ctx[31](div1);
+			/*div_binding*/ ctx[31](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
@@ -14519,7 +14530,7 @@ function create_if_block(ctx) {
 					if_block = create_if_block_1(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
-					if_block.m(div1, t);
+					if_block.m(div, t);
 				}
 			} else if (if_block) {
 				group_outros();
@@ -14546,8 +14557,8 @@ function create_if_block(ctx) {
 				}
 			}
 
-			if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
-				attr(div1, "class", div1_class_value);
+			if (!current || dirty[0] & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
+				attr(div, "class", div_class_value);
 			}
 		},
 		i(local) {
@@ -14555,14 +14566,14 @@ function create_if_block(ctx) {
 			transition_in(if_block);
 			transition_in(default_slot, local);
 
-			if (!div1_intro) {
+			if (!div_intro) {
 				add_render_callback(() => {
-					div1_intro = create_in_transition(div1, customAnimation, {
+					div_intro = create_in_transition(div, customAnimation, {
 						transforms: /*transforms*/ ctx[6],
 						animationStyle: /*animation*/ ctx[1]
 					});
 
-					div1_intro.start();
+					div_intro.start();
 				});
 			}
 
@@ -14574,10 +14585,10 @@ function create_if_block(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div);
 			if (if_block) if_block.d();
 			if (default_slot) default_slot.d(detaching);
-			/*div1_binding*/ ctx[31](null);
+			/*div_binding*/ ctx[31](null);
 		}
 	};
 }
@@ -14800,7 +14811,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	onDestroy$1(() => setPreviousFocus());
 
-	function div1_binding($$value) {
+	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			modal = $$value;
 			$$invalidate(10, modal);
@@ -15049,7 +15060,7 @@ function instance($$self, $$props, $$invalidate) {
 		close,
 		$$scope,
 		slots,
-		div1_binding
+		div_binding
 	];
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.238-28697831.6177a2a4",
+  "version": "1.1.238-28698168.190b390b",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",