@plaidev/karte-action-sdk 1.1.119-27929495.c92443f3 → 1.1.119-27930513.338a563d

package/dist/hydrate/index.es.js

@@ -1,6 +1,6 @@
 import { writable, get } from 'svelte/store';
 import 'svelte/easing';
-import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, claim_element, children, attr, noop, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_text, set_data, null_to_empty, src_url_equal } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, claim_element, children, attr, noop, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_text, set_data, null_to_empty, src_url_equal, set_style } from 'svelte/internal';
 import { setContext, getContext, createEventDispatcher, onMount, onDestroy as onDestroy$1 } from 'svelte';
 
 /** @internal */
@@ -2153,7 +2153,7 @@ function add_css$m(target) {
 }
 
 // (23:0) {#if $state === path}
-function create_if_block$5(ctx) {
+function create_if_block$6(ctx) {
 	let div;
 	let t;
 	let current;
@@ -2228,7 +2228,7 @@ function create_if_block$5(ctx) {
 function create_fragment$p(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$5(ctx);
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -2253,7 +2253,7 @@ function create_fragment$p(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$5(ctx);
+					if_block = create_if_block$6(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2327,7 +2327,7 @@ function add_css$l(target) {
 }
 
 // (9:0) {#if backgroundOverray}
-function create_if_block$4(ctx) {
+function create_if_block$5(ctx) {
 	let div;
 	let mounted;
 	let dispose;
@@ -2364,7 +2364,7 @@ function create_if_block$4(ctx) {
 
 function create_fragment$o(ctx) {
 	let if_block_anchor;
-	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$4(ctx);
+	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$5(ctx);
 
 	return {
 		c() {
@@ -2384,7 +2384,7 @@ function create_fragment$o(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$4(ctx);
+					if_block = create_if_block$5(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -2428,7 +2428,7 @@ function add_css$k(target) {
 }
 
 // (142:0) {#if visible}
-function create_if_block$3(ctx) {
+function create_if_block$4(ctx) {
 	let div1;
 	let t;
 	let div0;
@@ -2671,7 +2671,7 @@ function create_fragment$n(ctx) {
 		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$3(ctx);
+	let if_block = /*visible*/ ctx[6] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -2715,7 +2715,7 @@ function create_fragment$n(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$3(ctx);
+					if_block = create_if_block$4(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3844,7 +3844,7 @@ function create_else_block$1(ctx) {
 }
 
 // (10:2) {#if item.match(regexp)}
-function create_if_block$2(ctx) {
+function create_if_block$3(ctx) {
 	let br;
 
 	return {
@@ -3872,7 +3872,7 @@ function create_each_block$4(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*items*/ 1) show_if = null;
 		if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
-		if (show_if) return create_if_block$2;
+		if (show_if) return create_if_block$3;
 		return create_else_block$1;
 	}
 
@@ -5431,7 +5431,7 @@ class FormTextarea extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1574x6a", ".radio-buttons.svelte-1574x6a{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1574x6a{font-size:12px;cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1574x6a{appearance:none;margin:0;width:1.3em;height:1.3em;box-sizing:border-box;border-radius:0.7em;position:relative;background-color:rgba(0, 16, 14, 0.06);;;cursor:pointer}.radio-button-input.svelte-1574x6a:checked{border:solid 0.4em #2aab9f;background-color:#fff;box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1574x6a{margin-left:0.4em}");
 }
 
 function get_each_context$3(ctx, list, i) {
@@ -5448,6 +5448,7 @@ function create_each_block$3(ctx) {
 	let input_value_value;
 	let input_checked_value;
 	let t0;
+	let span;
 	let t1_value = /*option*/ ctx[8] + "";
 	let t1;
 	let t2;
@@ -5459,31 +5460,39 @@ function create_each_block$3(ctx) {
 			label = element("label");
 			input = element("input");
 			t0 = space();
+			span = element("span");
 			t1 = text(t1_value);
 			t2 = space();
 			this.h();
 		},
 		l(nodes) {
-			label = claim_element(nodes, "LABEL", {});
+			label = claim_element(nodes, "LABEL", { class: true });
 			var label_nodes = children(label);
-			input = claim_element(label_nodes, "INPUT", { type: true, name: true });
+			input = claim_element(label_nodes, "INPUT", { type: true, class: true, name: true });
 			t0 = claim_space(label_nodes);
-			t1 = claim_text(label_nodes, t1_value);
+			span = claim_element(label_nodes, "SPAN", { class: true });
+			var span_nodes = children(span);
+			t1 = claim_text(span_nodes, t1_value);
+			span_nodes.forEach(detach);
 			t2 = claim_space(label_nodes);
 			label_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
 			attr(input, "type", "radio");
+			attr(input, "class", "radio-button-input svelte-1574x6a");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.value = input_value_value = /*option*/ ctx[8];
 			input.checked = input_checked_value = /*option*/ ctx[8] === /*_value*/ ctx[1];
+			attr(span, "class", "radio-button-text svelte-1574x6a");
+			attr(label, "class", "radio-button svelte-1574x6a");
 		},
 		m(target, anchor) {
 			insert_hydration(target, label, anchor);
 			append_hydration(label, input);
 			append_hydration(label, t0);
-			append_hydration(label, t1);
+			append_hydration(label, span);
+			append_hydration(span, t1);
 			append_hydration(label, t2);
 
 			if (!mounted) {
@@ -5547,7 +5556,7 @@ function create_fragment$7(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "radio-buttons svelte-1ajmbw1");
+			attr(div, "class", "radio-buttons svelte-1574x6a");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -5642,7 +5651,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1esvjlb", ".select-wrapper.svelte-1esvjlb{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%;position:relative\n}.select-select.svelte-1esvjlb{position:relative;font-size:12px;appearance:none;border:solid 2px #ccc;border-radius:6px;padding:0.8em 1.6em 0.8em 0.8em;width:100%}.select-select.svelte-1esvjlb:focus{outline:none;border-color:#2aab9f}.select-icon.svelte-1esvjlb{position:absolute;width:0.5em;height:0.5em;top:calc(50% - 0.2em);right:0.8em;box-sizing:border-box;border-right:solid 2px #666;border-top:solid 2px #666;transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
 function get_each_context$2(ctx, list, i) {
@@ -5652,7 +5661,7 @@ function get_each_context$2(ctx, list, i) {
 	return child_ctx;
 }
 
-// (28:8) {:else}
+// (29:10) {:else}
 function create_else_block(ctx) {
 	let t;
 
@@ -5673,8 +5682,8 @@ function create_else_block(ctx) {
 	};
 }
 
-// (26:8) {#if option}
-function create_if_block$1(ctx) {
+// (27:10) {#if option}
+function create_if_block$2(ctx) {
 	let t_value = /*option*/ ctx[6] + "";
 	let t;
 
@@ -5697,14 +5706,14 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (24:4) {#each _options as option, i}
+// (25:6) {#each _options as option, i}
 function create_each_block$2(ctx) {
 	let option;
 	let t;
 	let option_value_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*option*/ ctx[6]) return create_if_block$1;
+		if (/*option*/ ctx[6]) return create_if_block$2;
 		return create_else_block;
 	}
 
@@ -5761,8 +5770,11 @@ function create_each_block$2(ctx) {
 }
 
 function create_fragment$6(ctx) {
-	let div;
+	let div2;
+	let div1;
 	let select;
+	let t;
+	let div0;
 	let mounted;
 	let dispose;
 	let each_value = /*_options*/ ctx[0];
@@ -5774,19 +5786,24 @@ function create_fragment$6(ctx) {
 
 	return {
 		c() {
-			div = element("div");
+			div2 = element("div");
+			div1 = element("div");
 			select = element("select");
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].c();
 			}
 
+			t = space();
+			div0 = element("div");
 			this.h();
 		},
 		l(nodes) {
-			div = claim_element(nodes, "DIV", { class: true });
-			var div_nodes = children(div);
-			select = claim_element(div_nodes, "SELECT", {});
+			div2 = claim_element(nodes, "DIV", { class: true });
+			var div2_nodes = children(div2);
+			div1 = claim_element(div2_nodes, "DIV", { class: true });
+			var div1_nodes = children(div1);
+			select = claim_element(div1_nodes, "SELECT", { class: true });
 			var select_nodes = children(select);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
@@ -5794,20 +5811,31 @@ function create_fragment$6(ctx) {
 			}
 
 			select_nodes.forEach(detach);
-			div_nodes.forEach(detach);
+			t = claim_space(div1_nodes);
+			div0 = claim_element(div1_nodes, "DIV", { class: true });
+			children(div0).forEach(detach);
+			div1_nodes.forEach(detach);
+			div2_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(div, "class", "radio-buttons svelte-1ajmbw1");
+			attr(select, "class", "select-select svelte-1esvjlb");
+			attr(div0, "class", "select-icon svelte-1esvjlb");
+			attr(div1, "class", "select");
+			attr(div2, "class", "select-wrapper svelte-1esvjlb");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div, anchor);
-			append_hydration(div, select);
+			insert_hydration(target, div2, anchor);
+			append_hydration(div2, div1);
+			append_hydration(div1, select);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].m(select, null);
 			}
 
+			append_hydration(div1, t);
+			append_hydration(div1, div0);
+
 			if (!mounted) {
 				dispose = listen(select, "change", /*handleChange*/ ctx[1]);
 				mounted = true;
@@ -5840,7 +5868,7 @@ function create_fragment$6(ctx) {
 		i: noop,
 		o: noop,
 		d(detaching) {
-			if (detaching) detach(div);
+			if (detaching) detach(div2);
 			destroy_each(each_blocks, detaching);
 			mounted = false;
 			dispose();
@@ -5892,7 +5920,7 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-3uhiw4", ".check-boxes.svelte-3uhiw4{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1g004f9", ".check-boxes.svelte-1g004f9{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.check-box.svelte-1g004f9{display:flex;align-items:center;font-size:12px;height:1.7em;position:relative;cursor:pointer}.check-box-input.svelte-1g004f9{width:0;height:0;margin:0}.check-box-check.svelte-1g004f9{display:inline-flex;background-color:rgba(0, 16, 14, 0.06);width:1.3em;height:1.3em;border-radius:0.3em;justify-content:center;align-items:center}.check-box-check._checked.svelte-1g004f9{box-shadow:0 4px 8px -2px rgb(0 16 14 / 31%)}.check-box-text.svelte-1g004f9{margin-left:0.5em}.check-box-icon.svelte-1g004f9{display:inline-block;width:12px;height:12px}.check-box-icon-inner.svelte-1g004f9{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:#000}");
 }
 
 function get_each_context$1(ctx, list, i) {
@@ -5902,48 +5930,118 @@ function get_each_context$1(ctx, list, i) {
 	return child_ctx;
 }
 
+// (34:8) {#if isCheckedArray[i]}
+function create_if_block$1(ctx) {
+	let span1;
+	let span0;
+
+	return {
+		c() {
+			span1 = element("span");
+			span0 = element("span");
+			this.h();
+		},
+		l(nodes) {
+			span1 = claim_element(nodes, "SPAN", { class: true, style: true });
+			var span1_nodes = children(span1);
+			span0 = claim_element(span1_nodes, "SPAN", { class: true, style: true });
+			children(span0).forEach(detach);
+			span1_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(span0, "class", "check-box-icon-inner svelte-1g004f9");
+			set_style(span0, "border-color", "#fff");
+			attr(span1, "class", "check-box-icon svelte-1g004f9");
+			set_style(span1, "width", "0.9em");
+			set_style(span1, "height", "0.9em");
+		},
+		m(target, anchor) {
+			insert_hydration(target, span1, anchor);
+			append_hydration(span1, span0);
+		},
+		d(detaching) {
+			if (detaching) detach(span1);
+		}
+	};
+}
+
 // (30:2) {#each _options as option, i}
 function create_each_block$1(ctx) {
 	let label;
 	let input;
 	let input_checked_value;
 	let t0;
-	let t1_value = /*option*/ ctx[8] + "";
+	let span0;
+	let span0_class_value;
+	let span0_style_value;
 	let t1;
+	let span1;
+	let t2_value = /*option*/ ctx[8] + "";
 	let t2;
+	let t3;
 	let mounted;
 	let dispose;
+	let if_block = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]] && create_if_block$1();
 
 	return {
 		c() {
 			label = element("label");
 			input = element("input");
 			t0 = space();
-			t1 = text(t1_value);
-			t2 = space();
+			span0 = element("span");
+			if (if_block) if_block.c();
+			t1 = space();
+			span1 = element("span");
+			t2 = text(t2_value);
+			t3 = space();
 			this.h();
 		},
 		l(nodes) {
-			label = claim_element(nodes, "LABEL", {});
+			label = claim_element(nodes, "LABEL", { class: true });
 			var label_nodes = children(label);
-			input = claim_element(label_nodes, "INPUT", { type: true, name: true });
+			input = claim_element(label_nodes, "INPUT", { class: true, type: true, name: true });
 			t0 = claim_space(label_nodes);
-			t1 = claim_text(label_nodes, t1_value);
-			t2 = claim_space(label_nodes);
+			span0 = claim_element(label_nodes, "SPAN", { class: true, style: true });
+			var span0_nodes = children(span0);
+			if (if_block) if_block.l(span0_nodes);
+			span0_nodes.forEach(detach);
+			t1 = claim_space(label_nodes);
+			span1 = claim_element(label_nodes, "SPAN", { class: true });
+			var span1_nodes = children(span1);
+			t2 = claim_text(span1_nodes, t2_value);
+			span1_nodes.forEach(detach);
+			t3 = claim_space(label_nodes);
 			label_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
+			attr(input, "class", "check-box-input svelte-1g004f9");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.checked = input_checked_value = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]];
+
+			attr(span0, "class", span0_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? ' _checked'
+			: ''}`) + " svelte-1g004f9"));
+
+			attr(span0, "style", span0_style_value = `${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? 'background-color: #2aab9f;'
+			: ''}`);
+
+			attr(span1, "class", "check-box-text svelte-1g004f9");
+			attr(label, "class", "check-box svelte-1g004f9");
 		},
 		m(target, anchor) {
 			insert_hydration(target, label, anchor);
 			append_hydration(label, input);
 			append_hydration(label, t0);
+			append_hydration(label, span0);
+			if (if_block) if_block.m(span0, null);
 			append_hydration(label, t1);
-			append_hydration(label, t2);
+			append_hydration(label, span1);
+			append_hydration(span1, t2);
+			append_hydration(label, t3);
 
 			if (!mounted) {
 				dispose = listen(input, "change", /*handleChange*/ ctx[4](/*i*/ ctx[10]));
@@ -5961,10 +6059,34 @@ function create_each_block$1(ctx) {
 				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*_options*/ 2 && t1_value !== (t1_value = /*option*/ ctx[8] + "")) set_data(t1, t1_value);
+			if (/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]) {
+				if (if_block) ; else {
+					if_block = create_if_block$1();
+					if_block.c();
+					if_block.m(span0, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*isCheckedArray*/ 4 && span0_class_value !== (span0_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? ' _checked'
+			: ''}`) + " svelte-1g004f9"))) {
+				attr(span0, "class", span0_class_value);
+			}
+
+			if (dirty & /*isCheckedArray*/ 4 && span0_style_value !== (span0_style_value = `${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? 'background-color: #2aab9f;'
+			: ''}`)) {
+				attr(span0, "style", span0_style_value);
+			}
+
+			if (dirty & /*_options*/ 2 && t2_value !== (t2_value = /*option*/ ctx[8] + "")) set_data(t2, t2_value);
 		},
 		d(detaching) {
 			if (detaching) detach(label);
+			if (if_block) if_block.d();
 			mounted = false;
 			dispose();
 		}
@@ -6002,7 +6124,7 @@ function create_fragment$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "check-boxes svelte-3uhiw4");
+			attr(div, "class", "check-boxes svelte-1g004f9");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -6012,7 +6134,7 @@ function create_fragment$5(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*_options, name, isCheckedArray, handleChange*/ 23) {
+			if (dirty & /*_options, isCheckedArray, name, handleChange*/ 23) {
 				each_value = /*_options*/ ctx[1];
 				let i;
 

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { writable, get } from 'svelte/store';
 import { linear, elasticOut, cubicOut } from 'svelte/easing';
-import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, set_style } from 'svelte/internal';
 import { setContext, getContext, createEventDispatcher, onMount, onDestroy as onDestroy$1 } from 'svelte';
 
 /** @internal */
@@ -2263,7 +2263,7 @@ function add_css$m(target) {
 }
 
 // (23:0) {#if $state === path}
-function create_if_block$5(ctx) {
+function create_if_block$6(ctx) {
 	let div;
 	let t;
 	let current;
@@ -2328,7 +2328,7 @@ function create_if_block$5(ctx) {
 function create_fragment$p(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$5(ctx);
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -2349,7 +2349,7 @@ function create_fragment$p(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$5(ctx);
+					if_block = create_if_block$6(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2423,7 +2423,7 @@ function add_css$l(target) {
 }
 
 // (9:0) {#if backgroundOverray}
-function create_if_block$4(ctx) {
+function create_if_block$5(ctx) {
 	let div;
 	let mounted;
 	let dispose;
@@ -2452,7 +2452,7 @@ function create_if_block$4(ctx) {
 
 function create_fragment$o(ctx) {
 	let if_block_anchor;
-	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$4(ctx);
+	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$5(ctx);
 
 	return {
 		c() {
@@ -2468,7 +2468,7 @@ function create_fragment$o(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$4(ctx);
+					if_block = create_if_block$5(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -2512,7 +2512,7 @@ function add_css$k(target) {
 }
 
 // (142:0) {#if visible}
-function create_if_block$3(ctx) {
+function create_if_block$4(ctx) {
 	let div1;
 	let t;
 	let div0;
@@ -2706,7 +2706,7 @@ function create_fragment$n(ctx) {
 		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$3(ctx);
+	let if_block = /*visible*/ ctx[6] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -2744,7 +2744,7 @@ function create_fragment$n(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$3(ctx);
+					if_block = create_if_block$4(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3807,7 +3807,7 @@ function create_else_block$1(ctx) {
 }
 
 // (10:2) {#if item.match(regexp)}
-function create_if_block$2(ctx) {
+function create_if_block$3(ctx) {
 	let br;
 
 	return {
@@ -3832,7 +3832,7 @@ function create_each_block$4(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*items*/ 1) show_if = null;
 		if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
-		if (show_if) return create_if_block$2;
+		if (show_if) return create_if_block$3;
 		return create_else_block$1;
 	}
 
@@ -5263,7 +5263,7 @@ class FormTextarea extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1574x6a", ".radio-buttons.svelte-1574x6a{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1574x6a{font-size:12px;cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1574x6a{appearance:none;margin:0;width:1.3em;height:1.3em;box-sizing:border-box;border-radius:0.7em;position:relative;background-color:rgba(0, 16, 14, 0.06);;;cursor:pointer}.radio-button-input.svelte-1574x6a:checked{border:solid 0.4em #2aab9f;background-color:#fff;box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1574x6a{margin-left:0.4em}");
 }
 
 function get_each_context$3(ctx, list, i) {
@@ -5280,6 +5280,7 @@ function create_each_block$3(ctx) {
 	let input_value_value;
 	let input_checked_value;
 	let t0;
+	let span;
 	let t1_value = /*option*/ ctx[8] + "";
 	let t1;
 	let t2;
@@ -5291,18 +5292,23 @@ function create_each_block$3(ctx) {
 			label = element("label");
 			input = element("input");
 			t0 = space();
+			span = element("span");
 			t1 = text(t1_value);
 			t2 = space();
 			attr(input, "type", "radio");
+			attr(input, "class", "radio-button-input svelte-1574x6a");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.value = input_value_value = /*option*/ ctx[8];
 			input.checked = input_checked_value = /*option*/ ctx[8] === /*_value*/ ctx[1];
+			attr(span, "class", "radio-button-text svelte-1574x6a");
+			attr(label, "class", "radio-button svelte-1574x6a");
 		},
 		m(target, anchor) {
 			insert(target, label, anchor);
 			append(label, input);
 			append(label, t0);
-			append(label, t1);
+			append(label, span);
+			append(span, t1);
 			append(label, t2);
 
 			if (!mounted) {
@@ -5352,7 +5358,7 @@ function create_fragment$7(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "radio-buttons svelte-1ajmbw1");
+			attr(div, "class", "radio-buttons svelte-1574x6a");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -5447,7 +5453,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1esvjlb", ".select-wrapper.svelte-1esvjlb{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%;position:relative\n}.select-select.svelte-1esvjlb{position:relative;font-size:12px;appearance:none;border:solid 2px #ccc;border-radius:6px;padding:0.8em 1.6em 0.8em 0.8em;width:100%}.select-select.svelte-1esvjlb:focus{outline:none;border-color:#2aab9f}.select-icon.svelte-1esvjlb{position:absolute;width:0.5em;height:0.5em;top:calc(50% - 0.2em);right:0.8em;box-sizing:border-box;border-right:solid 2px #666;border-top:solid 2px #666;transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
 function get_each_context$2(ctx, list, i) {
@@ -5457,7 +5463,7 @@ function get_each_context$2(ctx, list, i) {
 	return child_ctx;
 }
 
-// (28:8) {:else}
+// (29:10) {:else}
 function create_else_block(ctx) {
 	let t;
 
@@ -5475,8 +5481,8 @@ function create_else_block(ctx) {
 	};
 }
 
-// (26:8) {#if option}
-function create_if_block$1(ctx) {
+// (27:10) {#if option}
+function create_if_block$2(ctx) {
 	let t_value = /*option*/ ctx[6] + "";
 	let t;
 
@@ -5496,14 +5502,14 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (24:4) {#each _options as option, i}
+// (25:6) {#each _options as option, i}
 function create_each_block$2(ctx) {
 	let option;
 	let t;
 	let option_value_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*option*/ ctx[6]) return create_if_block$1;
+		if (/*option*/ ctx[6]) return create_if_block$2;
 		return create_else_block;
 	}
 
@@ -5549,8 +5555,11 @@ function create_each_block$2(ctx) {
 }
 
 function create_fragment$6(ctx) {
-	let div;
+	let div2;
+	let div1;
 	let select;
+	let t;
+	let div0;
 	let mounted;
 	let dispose;
 	let each_value = /*_options*/ ctx[0];
@@ -5562,23 +5571,33 @@ function create_fragment$6(ctx) {
 
 	return {
 		c() {
-			div = element("div");
+			div2 = element("div");
+			div1 = element("div");
 			select = element("select");
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "radio-buttons svelte-1ajmbw1");
+			t = space();
+			div0 = element("div");
+			attr(select, "class", "select-select svelte-1esvjlb");
+			attr(div0, "class", "select-icon svelte-1esvjlb");
+			attr(div1, "class", "select");
+			attr(div2, "class", "select-wrapper svelte-1esvjlb");
 		},
 		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, select);
+			insert(target, div2, anchor);
+			append(div2, div1);
+			append(div1, select);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].m(select, null);
 			}
 
+			append(div1, t);
+			append(div1, div0);
+
 			if (!mounted) {
 				dispose = listen(select, "change", /*handleChange*/ ctx[1]);
 				mounted = true;
@@ -5611,7 +5630,7 @@ function create_fragment$6(ctx) {
 		i: noop,
 		o: noop,
 		d(detaching) {
-			if (detaching) detach(div);
+			if (detaching) detach(div2);
 			destroy_each(each_blocks, detaching);
 			mounted = false;
 			dispose();
@@ -5663,7 +5682,7 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-3uhiw4", ".check-boxes.svelte-3uhiw4{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1g004f9", ".check-boxes.svelte-1g004f9{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.check-box.svelte-1g004f9{display:flex;align-items:center;font-size:12px;height:1.7em;position:relative;cursor:pointer}.check-box-input.svelte-1g004f9{width:0;height:0;margin:0}.check-box-check.svelte-1g004f9{display:inline-flex;background-color:rgba(0, 16, 14, 0.06);width:1.3em;height:1.3em;border-radius:0.3em;justify-content:center;align-items:center}.check-box-check._checked.svelte-1g004f9{box-shadow:0 4px 8px -2px rgb(0 16 14 / 31%)}.check-box-text.svelte-1g004f9{margin-left:0.5em}.check-box-icon.svelte-1g004f9{display:inline-block;width:12px;height:12px}.check-box-icon-inner.svelte-1g004f9{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:#000}");
 }
 
 function get_each_context$1(ctx, list, i) {
@@ -5673,35 +5692,82 @@ function get_each_context$1(ctx, list, i) {
 	return child_ctx;
 }
 
+// (34:8) {#if isCheckedArray[i]}
+function create_if_block$1(ctx) {
+	let span1;
+
+	return {
+		c() {
+			span1 = element("span");
+			span1.innerHTML = `<span class="check-box-icon-inner svelte-1g004f9" style="border-color: #fff"></span>`;
+			attr(span1, "class", "check-box-icon svelte-1g004f9");
+			set_style(span1, "width", "0.9em");
+			set_style(span1, "height", "0.9em");
+		},
+		m(target, anchor) {
+			insert(target, span1, anchor);
+		},
+		d(detaching) {
+			if (detaching) detach(span1);
+		}
+	};
+}
+
 // (30:2) {#each _options as option, i}
 function create_each_block$1(ctx) {
 	let label;
 	let input;
 	let input_checked_value;
 	let t0;
-	let t1_value = /*option*/ ctx[8] + "";
+	let span0;
+	let span0_class_value;
+	let span0_style_value;
 	let t1;
+	let span1;
+	let t2_value = /*option*/ ctx[8] + "";
 	let t2;
+	let t3;
 	let mounted;
 	let dispose;
+	let if_block = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]] && create_if_block$1();
 
 	return {
 		c() {
 			label = element("label");
 			input = element("input");
 			t0 = space();
-			t1 = text(t1_value);
-			t2 = space();
+			span0 = element("span");
+			if (if_block) if_block.c();
+			t1 = space();
+			span1 = element("span");
+			t2 = text(t2_value);
+			t3 = space();
+			attr(input, "class", "check-box-input svelte-1g004f9");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.checked = input_checked_value = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]];
+
+			attr(span0, "class", span0_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? ' _checked'
+			: ''}`) + " svelte-1g004f9"));
+
+			attr(span0, "style", span0_style_value = `${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? 'background-color: #2aab9f;'
+			: ''}`);
+
+			attr(span1, "class", "check-box-text svelte-1g004f9");
+			attr(label, "class", "check-box svelte-1g004f9");
 		},
 		m(target, anchor) {
 			insert(target, label, anchor);
 			append(label, input);
 			append(label, t0);
+			append(label, span0);
+			if (if_block) if_block.m(span0, null);
 			append(label, t1);
-			append(label, t2);
+			append(label, span1);
+			append(span1, t2);
+			append(label, t3);
 
 			if (!mounted) {
 				dispose = listen(input, "change", /*handleChange*/ ctx[4](/*i*/ ctx[10]));
@@ -5719,10 +5785,34 @@ function create_each_block$1(ctx) {
 				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*_options*/ 2 && t1_value !== (t1_value = /*option*/ ctx[8] + "")) set_data(t1, t1_value);
+			if (/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]) {
+				if (if_block) ; else {
+					if_block = create_if_block$1();
+					if_block.c();
+					if_block.m(span0, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*isCheckedArray*/ 4 && span0_class_value !== (span0_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? ' _checked'
+			: ''}`) + " svelte-1g004f9"))) {
+				attr(span0, "class", span0_class_value);
+			}
+
+			if (dirty & /*isCheckedArray*/ 4 && span0_style_value !== (span0_style_value = `${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
+			? 'background-color: #2aab9f;'
+			: ''}`)) {
+				attr(span0, "style", span0_style_value);
+			}
+
+			if (dirty & /*_options*/ 2 && t2_value !== (t2_value = /*option*/ ctx[8] + "")) set_data(t2, t2_value);
 		},
 		d(detaching) {
 			if (detaching) detach(label);
+			if (if_block) if_block.d();
 			mounted = false;
 			dispose();
 		}
@@ -5746,7 +5836,7 @@ function create_fragment$5(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "check-boxes svelte-3uhiw4");
+			attr(div, "class", "check-boxes svelte-1g004f9");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -5756,7 +5846,7 @@ function create_fragment$5(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*_options, name, isCheckedArray, handleChange*/ 23) {
+			if (dirty & /*_options, isCheckedArray, name, handleChange*/ 23) {
 				each_value = /*_options*/ ctx[1];
 				let i;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.119-27929495.c92443f3",
+  "version": "1.1.119-27930513.338a563d",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",