@plaidev/karte-action-sdk 1.1.257 → 1.1.258

package/dist/hydrate/index.es.js

@@ -1183,7 +1183,7 @@ function cloneToJson(data) {
     try {
         return JSON.parse(JSON.stringify(data));
     }
-    catch (e) {
+    catch (_) {
         return data;
     }
 }
@@ -1721,7 +1721,7 @@ async function loadStyle(href) {
         const res = await fetch(href);
         cssRules = await res.text();
     }
-    catch (e) {
+    catch (_) {
         // pass
     }
     if (!cssRules)
@@ -2751,7 +2751,7 @@ function getLocalStore(key) {
     try {
         item = JSON.parse(itemJson);
     }
-    catch (e) {
+    catch (_) {
         return;
     }
     if (item.val === undefined) {
@@ -5368,7 +5368,7 @@ function add_css$E(target) {
 	append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
 }
 
-// (94:2) {:else}
+// (92:2) {:else}
 function create_else_block$2(ctx) {
 	let div1;
 	let div0;
@@ -5434,7 +5434,7 @@ function create_else_block$2(ctx) {
 	};
 }
 
-// (80:2) {#if enableCopy}
+// (78:2) {#if enableCopy}
 function create_if_block$a(ctx) {
 	let a;
 	let div0;
@@ -5653,7 +5653,7 @@ function instance$18($$self, $$props, $$invalidate) {
 			}
 
 			tooltipEl.classList.add('show');
-		} catch(err) {
+		} catch(_) {
 			tooltipErrorEl.classList.add('show');
 		}
 
@@ -8868,7 +8868,7 @@ function instance$W($$self, $$props, $$invalidate) {
 	const validationRegExp = (() => {
 		try {
 			return new RegExp(validation.pattern, validation.flags);
-		} catch(e) {
+		} catch(_) {
 			return undefined;
 		}
 	})();
@@ -12082,9 +12082,12 @@ const useInjectCustomizeCss = (props) => {
             document.head.appendChild(style);
         }
         return () => {
-            modalElement?.shadowRoot
-                ? modalElement.shadowRoot.removeChild(style)
-                : document.head.removeChild(style);
+            if (modalElement?.shadowRoot) {
+                modalElement.shadowRoot.removeChild(style);
+            }
+            else {
+                document.head.removeChild(style);
+            }
         };
     }
     onMount$1(() => {
@@ -17157,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: {
@@ -17212,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) {
@@ -17302,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()
 		};
 	};
 
@@ -17326,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

@@ -1158,7 +1158,7 @@ function cloneToJson(data) {
     try {
         return JSON.parse(JSON.stringify(data));
     }
-    catch (e) {
+    catch (_) {
         return data;
     }
 }
@@ -1338,7 +1338,7 @@ function checkAndDo(checkFn, fn, ...conditionFns) {
         }
         if (!haveCondition || !checkFn(conditions, idx))
             return;
-        fn && fn();
+        fn?.();
     };
     conditionFns.forEach((conditionFn, i) => {
         const checkAndDo = generageCheckAndDo(i);
@@ -1351,7 +1351,7 @@ function checkAndDo(checkFn, fn, ...conditionFns) {
     haveCondition = conditions.some(c => c !== null);
     const cleanupAll = () => {
         cleanups.forEach((cleanup, i) => {
-            cleanup && cleanup();
+            cleanup?.();
             cleanups[i] = null;
         });
     };
@@ -1762,7 +1762,7 @@ async function loadStyle(href) {
         const res = await fetch(href);
         cssRules = await res.text();
     }
-    catch (e) {
+    catch (_) {
         // pass
     }
     if (!cssRules)
@@ -2813,7 +2813,7 @@ function getLocalStore(key) {
     try {
         item = JSON.parse(itemJson);
     }
-    catch (e) {
+    catch (_) {
         return;
     }
     if (item.val === undefined) {
@@ -5300,7 +5300,7 @@ function add_css$E(target) {
 	append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
 }
 
-// (94:2) {:else}
+// (92:2) {:else}
 function create_else_block$2(ctx) {
 	let div1;
 	let div0;
@@ -5353,7 +5353,7 @@ function create_else_block$2(ctx) {
 	};
 }
 
-// (80:2) {#if enableCopy}
+// (78:2) {#if enableCopy}
 function create_if_block$a(ctx) {
 	let a;
 	let div0;
@@ -5535,7 +5535,7 @@ function instance$18($$self, $$props, $$invalidate) {
 			}
 
 			tooltipEl.classList.add('show');
-		} catch(err) {
+		} catch(_) {
 			tooltipErrorEl.classList.add('show');
 		}
 
@@ -8462,7 +8462,7 @@ function instance$W($$self, $$props, $$invalidate) {
 	const validationRegExp = (() => {
 		try {
 			return new RegExp(validation.pattern, validation.flags);
-		} catch(e) {
+		} catch(_) {
 			return undefined;
 		}
 	})();
@@ -11428,9 +11428,12 @@ const useInjectCustomizeCss = (props) => {
             document.head.appendChild(style);
         }
         return () => {
-            modalElement?.shadowRoot
-                ? modalElement.shadowRoot.removeChild(style)
-                : document.head.removeChild(style);
+            if (modalElement?.shadowRoot) {
+                modalElement.shadowRoot.removeChild(style);
+            }
+            else {
+                document.head.removeChild(style);
+            }
         };
     }
     onMount$1(() => {
@@ -15879,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: {
@@ -15934,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) {
@@ -16010,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()
 		};
 	};
 
@@ -16034,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",
+  "version": "1.1.258",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",