@plaidev/karte-action-sdk 1.1.238-28697831.6177a2a4 → 1.1.238-28698010.a9ad3193

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)
 			}));
 		}

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)
 			}));
 		}

package/package.json

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