@plaidev/karte-action-sdk 1.1.257-28905538.3ad26349 → 1.1.257-28941288.f09c2b35

package/dist/hydrate/index.es.js

@@ -17160,6 +17160,33 @@ class Slider extends SvelteComponent {
 	}
 }
 
+const TEXT_THEME_STYLES = {
+    default: {
+        color: BRAND_KIT.colors.text_primary.main,
+    },
+    gray: {
+        color: BRAND_KIT.colors.text_secondary.main,
+    },
+    brand: {
+        color: BRAND_KIT.colors.brand.main,
+    },
+    success: {
+        color: BRAND_KIT.colors.success.main,
+    },
+    warning: {
+        color: BRAND_KIT.colors.warning.main,
+    },
+    danger: {
+        color: BRAND_KIT.colors.danger.main,
+    },
+    info: {
+        color: BRAND_KIT.colors.info.main,
+    },
+    white: {
+        color: BRAND_KIT.colors.white.main,
+    },
+};
+
 const TEXT_VARIANTS = {
     size: {
         extra_small: {
@@ -17215,33 +17242,6 @@ const TEXT_VARIANTS = {
     },
 };
 
-const TEXT_THEME_STYLES = {
-    default: {
-        color: BRAND_KIT.colors.text_primary.main,
-    },
-    gray: {
-        color: BRAND_KIT.colors.text_secondary.main,
-    },
-    brand: {
-        color: BRAND_KIT.colors.brand.main,
-    },
-    success: {
-        color: BRAND_KIT.colors.success.main,
-    },
-    warning: {
-        color: BRAND_KIT.colors.warning.main,
-    },
-    danger: {
-        color: BRAND_KIT.colors.danger.main,
-    },
-    info: {
-        color: BRAND_KIT.colors.info.main,
-    },
-    white: {
-        color: BRAND_KIT.colors.white.main,
-    },
-};
-
 /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
@@ -17305,14 +17305,35 @@ function instance$4($$self, $$props, $$invalidate) {
 		addFont(props.fontFamily);
 	}
 
-	const themeStyle = TEXT_THEME_STYLES[props.theme ?? 'default'];
+	const getColor = () => {
+		if (props.color) return props.color;
+		if (props.theme) return TEXT_THEME_STYLES[props.theme].color;
+		return undefined;
+	};
 
 	const getCssSize = () => {
+		const getFontSize = () => {
+			if (props.fontSize) return props.fontSize;
+			if (props.size) return TEXT_VARIANTS.size[props.size].fontSize;
+			return undefined;
+		};
+
+		const getLineHeight = () => {
+			if (props.lineHeight) return props.lineHeight;
+			if (props.size) return TEXT_VARIANTS.size[props.size].lineHeight;
+			return undefined;
+		};
+
+		const getFontWeight = () => {
+			if (props.fontWeight) return props.fontWeight;
+			if (props.size) return TEXT_VARIANTS.size[props.size].fontWeight;
+			return undefined;
+		};
+
 		return {
-			fontSize: props.fontSize ?? TEXT_VARIANTS.size[props.size ?? 'medium'].fontSize,
-			lineHeight: props.lineHeight ?? TEXT_VARIANTS.size[props.size ?? 'medium'].lineHeight,
-			// @ts-ignore
-			fontWeight: props.fontWeight ?? (TEXT_VARIANTS.size[props.size ?? 'medium'].fontWeight ?? 'normal')
+			fontSize: getFontSize(),
+			lineHeight: getLineHeight(),
+			fontWeight: getFontWeight()
 		};
 	};
 
@@ -17329,10 +17350,10 @@ function instance$4($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*props*/ 8) {
 			$$invalidate(1, style = objToStyle({
 				position: props?.position ?? 'static',
-				color: props.color ?? themeStyle.color,
 				textAlign: props.align,
 				width: props.width,
 				fontFamily: props.fontFamily,
+				color: getColor(),
 				...getCssSize(),
 				...toCssRadius(props),
 				...toCssBackgroundColor(props),

package/dist/index.es.js

@@ -15882,6 +15882,33 @@ class Slider extends SvelteComponent {
 	}
 }
 
+const TEXT_THEME_STYLES = {
+    default: {
+        color: BRAND_KIT.colors.text_primary.main,
+    },
+    gray: {
+        color: BRAND_KIT.colors.text_secondary.main,
+    },
+    brand: {
+        color: BRAND_KIT.colors.brand.main,
+    },
+    success: {
+        color: BRAND_KIT.colors.success.main,
+    },
+    warning: {
+        color: BRAND_KIT.colors.warning.main,
+    },
+    danger: {
+        color: BRAND_KIT.colors.danger.main,
+    },
+    info: {
+        color: BRAND_KIT.colors.info.main,
+    },
+    white: {
+        color: BRAND_KIT.colors.white.main,
+    },
+};
+
 const TEXT_VARIANTS = {
     size: {
         extra_small: {
@@ -15937,33 +15964,6 @@ const TEXT_VARIANTS = {
     },
 };
 
-const TEXT_THEME_STYLES = {
-    default: {
-        color: BRAND_KIT.colors.text_primary.main,
-    },
-    gray: {
-        color: BRAND_KIT.colors.text_secondary.main,
-    },
-    brand: {
-        color: BRAND_KIT.colors.brand.main,
-    },
-    success: {
-        color: BRAND_KIT.colors.success.main,
-    },
-    warning: {
-        color: BRAND_KIT.colors.warning.main,
-    },
-    danger: {
-        color: BRAND_KIT.colors.danger.main,
-    },
-    info: {
-        color: BRAND_KIT.colors.info.main,
-    },
-    white: {
-        color: BRAND_KIT.colors.white.main,
-    },
-};
-
 /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
@@ -16013,14 +16013,35 @@ function instance$4($$self, $$props, $$invalidate) {
 		addFont(props.fontFamily);
 	}
 
-	const themeStyle = TEXT_THEME_STYLES[props.theme ?? 'default'];
+	const getColor = () => {
+		if (props.color) return props.color;
+		if (props.theme) return TEXT_THEME_STYLES[props.theme].color;
+		return undefined;
+	};
 
 	const getCssSize = () => {
+		const getFontSize = () => {
+			if (props.fontSize) return props.fontSize;
+			if (props.size) return TEXT_VARIANTS.size[props.size].fontSize;
+			return undefined;
+		};
+
+		const getLineHeight = () => {
+			if (props.lineHeight) return props.lineHeight;
+			if (props.size) return TEXT_VARIANTS.size[props.size].lineHeight;
+			return undefined;
+		};
+
+		const getFontWeight = () => {
+			if (props.fontWeight) return props.fontWeight;
+			if (props.size) return TEXT_VARIANTS.size[props.size].fontWeight;
+			return undefined;
+		};
+
 		return {
-			fontSize: props.fontSize ?? TEXT_VARIANTS.size[props.size ?? 'medium'].fontSize,
-			lineHeight: props.lineHeight ?? TEXT_VARIANTS.size[props.size ?? 'medium'].lineHeight,
-			// @ts-ignore
-			fontWeight: props.fontWeight ?? (TEXT_VARIANTS.size[props.size ?? 'medium'].fontWeight ?? 'normal')
+			fontSize: getFontSize(),
+			lineHeight: getLineHeight(),
+			fontWeight: getFontWeight()
 		};
 	};
 
@@ -16037,10 +16058,10 @@ function instance$4($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*props*/ 8) {
 			$$invalidate(1, style = objToStyle({
 				position: props?.position ?? 'static',
-				color: props.color ?? themeStyle.color,
 				textAlign: props.align,
 				width: props.width,
 				fontFamily: props.fontFamily,
+				color: getColor(),
 				...getCssSize(),
 				...toCssRadius(props),
 				...toCssBackgroundColor(props),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.257-28905538.3ad26349",
+  "version": "1.1.257-28941288.f09c2b35",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",