@plaidev/karte-action-sdk 1.1.249-28756003.d2de3054 → 1.1.249-28767073.9402c9fc

package/dist/index.es.js

@@ -2929,7 +2929,7 @@ function create_if_block$h(ctx) {
 	};
 }
 
-function create_fragment$1f(ctx) {
+function create_fragment$1g(ctx) {
 	let head;
 	let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
 
@@ -2965,7 +2965,7 @@ function create_fragment$1f(ctx) {
 	};
 }
 
-function instance$1f($$self, $$props, $$invalidate) {
+function instance$1g($$self, $$props, $$invalidate) {
 	let $fonts;
 	component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
 	let googleFontUrl = '';
@@ -2994,13 +2994,13 @@ function instance$1f($$self, $$props, $$invalidate) {
 class Header extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1f, create_fragment$1f, safe_not_equal, {});
+		init(this, options, instance$1g, create_fragment$1g, safe_not_equal, {});
 	}
 }
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$1e(ctx) {
+function create_fragment$1f(ctx) {
 	let header;
 	let t;
 	let current;
@@ -3059,7 +3059,7 @@ function create_fragment$1e(ctx) {
 	};
 }
 
-function instance$1e($$self, $$props, $$invalidate) {
+function instance$1f($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 
 	$$self.$$set = $$props => {
@@ -3072,7 +3072,7 @@ function instance$1e($$self, $$props, $$invalidate) {
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1e, create_fragment$1e, safe_not_equal, {});
+		init(this, options, instance$1f, create_fragment$1f, safe_not_equal, {});
 	}
 }
 
@@ -3145,7 +3145,7 @@ function create_if_block$g(ctx) {
 	};
 }
 
-function create_fragment$1d(ctx) {
+function create_fragment$1e(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$g(ctx);
@@ -3206,7 +3206,7 @@ function getStateItemContext() {
 	return getContext(STATE_ITEM_CONTEXT_KEY);
 }
 
-function instance$1d($$self, $$props, $$invalidate) {
+function instance$1e($$self, $$props, $$invalidate) {
 	let $state;
 	component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3232,7 +3232,7 @@ function instance$1d($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1d, create_fragment$1d, safe_not_equal, { path: 0 }, add_css$F);
+		init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { path: 0 }, add_css$F);
 	}
 }
 
@@ -3454,7 +3454,7 @@ function create_if_block$f(ctx) {
 	};
 }
 
-function create_fragment$1c(ctx) {
+function create_fragment$1d(ctx) {
 	let if_block_anchor;
 	let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
 
@@ -3490,7 +3490,7 @@ function create_fragment$1c(ctx) {
 	};
 }
 
-function instance$1c($$self, $$props, $$invalidate) {
+function instance$1d($$self, $$props, $$invalidate) {
 	let { backgroundOverlay = false } = $$props;
 	let { class: className = undefined } = $$props;
 	const dispatch = createEventDispatcher();
@@ -3507,7 +3507,7 @@ function instance$1c($$self, $$props, $$invalidate) {
 let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$1c, create_fragment$1c, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
+		init(this, options, instance$1d, create_fragment$1d, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
 	}
 };
 
@@ -3852,7 +3852,7 @@ function create_if_block$e(ctx) {
 	};
 }
 
-function create_fragment$1b(ctx) {
+function create_fragment$1c(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
@@ -3925,7 +3925,7 @@ function create_fragment$1b(ctx) {
 
 const BUTTON_CLASS = 'button';
 
-function instance$1b($$self, $$props, $$invalidate) {
+function instance$1c($$self, $$props, $$invalidate) {
 	let disabled;
 	let $valuesAreValid;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3991,8 +3991,8 @@ let Button$1 = class Button extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1b,
-			create_fragment$1b,
+			instance$1c,
+			create_fragment$1c,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -4402,7 +4402,7 @@ function create_default_slot$d(ctx) {
 	};
 }
 
-function create_fragment$1a(ctx) {
+function create_fragment$1b(ctx) {
 	let show_if;
 	let current_block_type_index;
 	let if_block0;
@@ -4520,7 +4520,7 @@ function create_fragment$1a(ctx) {
 	};
 }
 
-function instance$1a($$self, $$props, $$invalidate) {
+function instance$1b($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundClick;
@@ -4832,8 +4832,8 @@ let Modal$1 = class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1a,
-			create_fragment$1a,
+			instance$1b,
+			create_fragment$1b,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -4859,7 +4859,7 @@ let Modal$1 = class Modal extends SvelteComponent {
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$19(ctx) {
+function create_fragment$1a(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4917,7 +4917,7 @@ function create_fragment$19(ctx) {
 	};
 }
 
-function instance$19($$self, $$props, $$invalidate) {
+function instance$1a($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
@@ -4962,7 +4962,7 @@ class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$19, create_fragment$19, safe_not_equal, {
+		init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {
 			width: 1,
 			height: 2,
 			rows: 3,
@@ -4979,7 +4979,7 @@ function add_css$B(target) {
 	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
 }
 
-function create_fragment$18(ctx) {
+function create_fragment$19(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -5053,7 +5053,7 @@ function create_fragment$18(ctx) {
 
 const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
 
-function instance$18($$self, $$props, $$invalidate) {
+function instance$19($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { x1 } = $$props;
@@ -5102,8 +5102,8 @@ class GridItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$18,
-			create_fragment$18,
+			instance$19,
+			create_fragment$19,
 			safe_not_equal,
 			{
 				x1: 2,
@@ -5210,7 +5210,7 @@ function create_each_block$7(ctx) {
 	};
 }
 
-function create_fragment$17(ctx) {
+function create_fragment$18(ctx) {
 	let each_1_anchor;
 	let each_value = /*items*/ ctx[0];
 	let each_blocks = [];
@@ -5269,7 +5269,7 @@ function create_fragment$17(ctx) {
 
 const regexp = /(\r?\n)/;
 
-function instance$17($$self, $$props, $$invalidate) {
+function instance$18($$self, $$props, $$invalidate) {
 	let items;
 	let { text = 'サンプルSample' } = $$props;
 
@@ -5290,7 +5290,7 @@ function instance$17($$self, $$props, $$invalidate) {
 class RenderText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$17, create_fragment$17, safe_not_equal, { text: 1 });
+		init(this, options, instance$18, create_fragment$18, safe_not_equal, { text: 1 });
 	}
 }
 
@@ -5440,7 +5440,7 @@ function create_if_block$b(ctx) {
 	};
 }
 
-function create_fragment$16(ctx) {
+function create_fragment$17(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
@@ -5510,7 +5510,7 @@ function create_fragment$16(ctx) {
 	};
 }
 
-function instance$16($$self, $$props, $$invalidate) {
+function instance$17($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'テキストのコンテンツ' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -5606,8 +5606,8 @@ class TextElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$16,
-			create_fragment$16,
+			instance$17,
+			create_fragment$17,
 			safe_not_equal,
 			{
 				text: 0,
@@ -5663,7 +5663,7 @@ function create_default_slot$c(ctx) {
 	};
 }
 
-function create_fragment$15(ctx) {
+function create_fragment$16(ctx) {
 	let div;
 	let button;
 	let current;
@@ -5717,7 +5717,7 @@ function create_fragment$15(ctx) {
 	};
 }
 
-function instance$15($$self, $$props, $$invalidate) {
+function instance$16($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'ボタンのラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5755,8 +5755,8 @@ class TextButtonElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$15,
-			create_fragment$15,
+			instance$16,
+			create_fragment$16,
 			safe_not_equal,
 			{
 				text: 0,
@@ -5828,7 +5828,7 @@ function create_default_slot$b(ctx) {
 	};
 }
 
-function create_fragment$14(ctx) {
+function create_fragment$15(ctx) {
 	let div;
 	let button;
 	let div_class_value;
@@ -5887,7 +5887,7 @@ function create_fragment$14(ctx) {
 	};
 }
 
-function instance$14($$self, $$props, $$invalidate) {
+function instance$15($$self, $$props, $$invalidate) {
 	let { src = '' } = $$props;
 	let { alt = '画像の説明' } = $$props;
 	let { transport = false } = $$props;
@@ -5918,8 +5918,8 @@ class ImageElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$14,
-			create_fragment$14,
+			instance$15,
+			create_fragment$15,
 			safe_not_equal,
 			{
 				src: 0,
@@ -5942,7 +5942,7 @@ function add_css$x(target) {
 	append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
-function create_fragment$13(ctx) {
+function create_fragment$14(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6002,7 +6002,7 @@ function create_fragment$13(ctx) {
 
 const LIST_CONTEXT_KEY = Symbol();
 
-function instance$13($$self, $$props, $$invalidate) {
+function instance$14($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'vertical' } = $$props;
@@ -6069,8 +6069,8 @@ class List extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$13,
-			create_fragment$13,
+			instance$14,
+			create_fragment$14,
 			safe_not_equal,
 			{
 				direction: 1,
@@ -6137,7 +6137,7 @@ function create_default_slot$a(ctx) {
 	};
 }
 
-function create_fragment$12(ctx) {
+function create_fragment$13(ctx) {
 	let div;
 	let button;
 	let current;
@@ -6196,7 +6196,7 @@ function create_fragment$12(ctx) {
 	};
 }
 
-function instance$12($$self, $$props, $$invalidate) {
+function instance$13($$self, $$props, $$invalidate) {
 	let listItemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6275,7 +6275,7 @@ function instance$12($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$12, create_fragment$12, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
+		init(this, options, instance$13, create_fragment$13, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
 	}
 }
 
@@ -6285,7 +6285,7 @@ function add_css$v(target) {
 	append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
-function create_fragment$11(ctx) {
+function create_fragment$12(ctx) {
 	let div;
 
 	return {
@@ -6312,7 +6312,7 @@ function create_fragment$11(ctx) {
 	};
 }
 
-function instance$11($$self, $$props, $$invalidate) {
+function instance$12($$self, $$props, $$invalidate) {
 	let { code } = $$props;
 	let { _style = '' } = $$props;
 
@@ -6327,7 +6327,7 @@ function instance$11($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$11, create_fragment$11, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
+		init(this, options, instance$12, create_fragment$12, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
 	}
 }
 
@@ -6337,7 +6337,7 @@ function add_css$u(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$10(ctx) {
+function create_fragment$11(ctx) {
 	let div1;
 	let div0;
 
@@ -6378,7 +6378,7 @@ function _setValue(obj, key, value) {
 	}
 }
 
-function instance$10($$self, $$props, $$invalidate) {
+function instance$11($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
 	let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6649,8 +6649,8 @@ class MovieYouTubeElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$10,
-			create_fragment$10,
+			instance$11,
+			create_fragment$11,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -6691,7 +6691,7 @@ function add_css$t(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$$(ctx) {
+function create_fragment$10(ctx) {
 	let div1;
 	let div0;
 
@@ -6722,7 +6722,7 @@ function create_fragment$$(ctx) {
 	};
 }
 
-function instance$$($$self, $$props, $$invalidate) {
+function instance$10($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
 	let { videoId = "201239468" } = $$props;
@@ -6865,8 +6865,8 @@ class MovieVimeoElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$$,
-			create_fragment$$,
+			instance$10,
+			create_fragment$10,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -6887,7 +6887,7 @@ function add_css$s(target) {
 	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 
-function create_fragment$_(ctx) {
+function create_fragment$$(ctx) {
 	let div;
 	let textarea;
 	let mounted;
@@ -6945,7 +6945,7 @@ function create_fragment$_(ctx) {
 	};
 }
 
-function instance$_($$self, $$props, $$invalidate) {
+function instance$$($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let $value;
@@ -7033,8 +7033,8 @@ class FormTextarea extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$_,
-			create_fragment$_,
+			instance$$,
+			create_fragment$$,
 			safe_not_equal,
 			{
 				name: 7,
@@ -7143,7 +7143,7 @@ function create_each_block$6(ctx) {
 	};
 }
 
-function create_fragment$Z(ctx) {
+function create_fragment$_(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[4];
 	let each_blocks = [];
@@ -7207,7 +7207,7 @@ function create_fragment$Z(ctx) {
 	};
 }
 
-function instance$Z($$self, $$props, $$invalidate) {
+function instance$_($$self, $$props, $$invalidate) {
 	let _options;
 	let buttonStyle;
 	let _value;
@@ -7307,8 +7307,8 @@ class FormRadioButtons extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$Z,
-			create_fragment$Z,
+			instance$_,
+			create_fragment$_,
 			safe_not_equal,
 			{
 				name: 0,
@@ -7438,7 +7438,7 @@ function create_each_block$5(ctx) {
 	};
 }
 
-function create_fragment$Y(ctx) {
+function create_fragment$Z(ctx) {
 	let div1;
 	let select;
 	let t;
@@ -7528,7 +7528,7 @@ function create_fragment$Y(ctx) {
 	};
 }
 
-function instance$Y($$self, $$props, $$invalidate) {
+function instance$Z($$self, $$props, $$invalidate) {
 	let _options;
 	let style;
 	let styleVariables;
@@ -7644,8 +7644,8 @@ class FormSelect extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$Y,
-			create_fragment$Y,
+			instance$Z,
+			create_fragment$Z,
 			safe_not_equal,
 			{
 				name: 7,
@@ -7773,7 +7773,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$X(ctx) {
+function create_fragment$Y(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[3];
 	let each_blocks = [];
@@ -7837,7 +7837,7 @@ function create_fragment$X(ctx) {
 	};
 }
 
-function instance$X($$self, $$props, $$invalidate) {
+function instance$Y($$self, $$props, $$invalidate) {
 	let _options;
 	let styleVariables;
 	let isCheckedArray;
@@ -7943,8 +7943,8 @@ class FormCheckBoxes extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$X,
-			create_fragment$X,
+			instance$Y,
+			create_fragment$Y,
 			safe_not_equal,
 			{
 				name: 0,
@@ -8021,7 +8021,7 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$W(ctx) {
+function create_fragment$X(ctx) {
 	let div;
 	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 	let each_blocks = [];
@@ -8080,7 +8080,7 @@ function create_fragment$W(ctx) {
 	};
 }
 
-function instance$W($$self, $$props, $$invalidate) {
+function instance$X($$self, $$props, $$invalidate) {
 	let _value;
 	let $value;
 	let { name = '' } = $$props;
@@ -8162,8 +8162,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$W,
-			create_fragment$W,
+			instance$X,
+			create_fragment$X,
 			safe_not_equal,
 			{
 				name: 6,
@@ -8241,7 +8241,7 @@ function create_each_block$2(ctx) {
 	};
 }
 
-function create_fragment$V(ctx) {
+function create_fragment$W(ctx) {
 	let div;
 	let each_value = [...Array(count).keys()].reverse().map(func);
 	let each_blocks = [];
@@ -8303,7 +8303,7 @@ function create_fragment$V(ctx) {
 const count = 5;
 const func = i => i + 1;
 
-function instance$V($$self, $$props, $$invalidate) {
+function instance$W($$self, $$props, $$invalidate) {
 	let _value;
 	let buttonStyle;
 	let $value;
@@ -8359,7 +8359,7 @@ function instance$V($$self, $$props, $$invalidate) {
 class FormRatingButtonsFace extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$V, create_fragment$V, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
+		init(this, options, instance$W, create_fragment$W, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
 	}
 }
 
@@ -8369,7 +8369,7 @@ function add_css$m(target) {
 	append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
 }
 
-function create_fragment$U(ctx) {
+function create_fragment$V(ctx) {
 	let div;
 	let input;
 	let input_class_value;
@@ -8433,7 +8433,7 @@ function create_fragment$U(ctx) {
 	};
 }
 
-function instance$U($$self, $$props, $$invalidate) {
+function instance$V($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let isValidForUI;
@@ -8564,8 +8564,8 @@ class FormIdentifyInput extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$U,
-			create_fragment$U,
+			instance$V,
+			create_fragment$V,
 			safe_not_equal,
 			{
 				field: 9,
@@ -8590,7 +8590,7 @@ function add_css$l(target) {
 	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
 }
 
-function create_fragment$T(ctx) {
+function create_fragment$U(ctx) {
 	let div;
 	let label0;
 	let input0;
@@ -8703,7 +8703,7 @@ function create_fragment$T(ctx) {
 	};
 }
 
-function instance$T($$self, $$props, $$invalidate) {
+function instance$U($$self, $$props, $$invalidate) {
 	let buttonStyle;
 	let $value;
 	let { field = 'subscription' } = $$props;
@@ -8785,8 +8785,8 @@ class FormIdentifyChoices extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$T,
-			create_fragment$T,
+			instance$U,
+			create_fragment$U,
 			safe_not_equal,
 			{
 				field: 6,
@@ -8970,7 +8970,7 @@ function create_each_block$1(ctx) {
 	};
 }
 
-function create_fragment$S(ctx) {
+function create_fragment$T(ctx) {
 	let div3;
 	let div1;
 	let div0;
@@ -9165,7 +9165,7 @@ function calcPositionIndex(shift, index, length) {
 	}
 }
 
-function instance$S($$self, $$props, $$invalidate) {
+function instance$T($$self, $$props, $$invalidate) {
 	let slideStyle;
 	let slideClass;
 	let _loop;
@@ -9618,8 +9618,8 @@ class Slide extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$S,
-			create_fragment$S,
+			instance$T,
+			create_fragment$T,
 			safe_not_equal,
 			{
 				loop: 18,
@@ -9645,7 +9645,7 @@ function add_css$j(target) {
 	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 
-function create_fragment$R(ctx) {
+function create_fragment$S(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -9712,7 +9712,7 @@ function create_fragment$R(ctx) {
 	};
 }
 
-function instance$R($$self, $$props, $$invalidate) {
+function instance$S($$self, $$props, $$invalidate) {
 	let itemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -9778,7 +9778,7 @@ function instance$R($$self, $$props, $$invalidate) {
 class SlideItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$R, create_fragment$R, safe_not_equal, { _style: 0 }, add_css$j);
+		init(this, options, instance$S, create_fragment$S, safe_not_equal, { _style: 0 }, add_css$j);
 	}
 }
 
@@ -9791,7 +9791,7 @@ function add_css$i(target) {
 const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
 const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
 
-function create_fragment$Q(ctx) {
+function create_fragment$R(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -9871,7 +9871,7 @@ function formatTimeDiff(ms) {
 	};
 }
 
-function instance$Q($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let countdown;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -9932,7 +9932,7 @@ function instance$Q($$self, $$props, $$invalidate) {
 class Countdown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
+		init(this, options, instance$R, create_fragment$R, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
 	}
 }
 
@@ -9990,7 +9990,7 @@ function create_default_slot$9(ctx) {
 	};
 }
 
-function create_fragment$P(ctx) {
+function create_fragment$Q(ctx) {
 	let div;
 	let button;
 	let current;
@@ -10044,7 +10044,7 @@ function create_fragment$P(ctx) {
 	};
 }
 
-function instance$P($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
@@ -10063,7 +10063,7 @@ function instance$P($$self, $$props, $$invalidate) {
 class Box extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$P, create_fragment$P, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
+		init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
 	}
 }
 
@@ -10133,7 +10133,7 @@ function create_default_slot$8(ctx) {
 	};
 }
 
-function create_fragment$O(ctx) {
+function create_fragment$P(ctx) {
 	let div;
 	let button;
 	let current;
@@ -10194,7 +10194,7 @@ function parseData(dataUrl) {
 	return decodeURIComponent(data).replaceAll('\'', '"');
 }
 
-function instance$O($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	let svg;
 	let styleVariables;
 	let style;
@@ -10242,8 +10242,8 @@ class IconElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$O,
-			create_fragment$O,
+			instance$P,
+			create_fragment$P,
 			safe_not_equal,
 			{
 				icon: 4,
@@ -10264,7 +10264,7 @@ function add_css$f(target) {
 	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 
-function create_fragment$N(ctx) {
+function create_fragment$O(ctx) {
 	let div;
 	let switch_instance;
 	let current;
@@ -10344,7 +10344,7 @@ function create_fragment$N(ctx) {
 	};
 }
 
-function instance$N($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	let $data,
 		$$unsubscribe_data = noop,
 		$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10369,7 +10369,7 @@ function instance$N($$self, $$props, $$invalidate) {
 class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
+		init(this, options, instance$O, create_fragment$O, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
 	}
 }
 
@@ -10379,7 +10379,7 @@ function add_css$e(target) {
 	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
-function create_fragment$M(ctx) {
+function create_fragment$N(ctx) {
 	let div;
 	let div_style_value;
 	let current;
@@ -10444,7 +10444,7 @@ function getFlexContext() {
 	return getContext(FlexContextKey);
 }
 
-function instance$M($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'row' } = $$props;
 	let { width = '100%' } = $$props;
@@ -10470,8 +10470,8 @@ class Flex extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$M,
-			create_fragment$M,
+			instance$N,
+			create_fragment$N,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -10490,7 +10490,7 @@ function add_css$d(target) {
 	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
-function create_fragment$L(ctx) {
+function create_fragment$M(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10548,7 +10548,7 @@ function create_fragment$L(ctx) {
 	};
 }
 
-function instance$L($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { length } = $$props;
 	let { _style = '' } = $$props;
@@ -10591,7 +10591,7 @@ function instance$L($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$L, create_fragment$L, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
+		init(this, options, instance$M, create_fragment$M, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
 	}
 }
 
@@ -10766,7 +10766,7 @@ function create_default_slot$7(ctx) {
 	};
 }
 
-function create_fragment$K(ctx) {
+function create_fragment$L(ctx) {
 	let stateitem;
 	let current;
 
@@ -10811,7 +10811,7 @@ function create_fragment$K(ctx) {
 	};
 }
 
-function instance$K($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { path } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -10882,7 +10882,7 @@ class GridModalState extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$K, create_fragment$K, safe_not_equal, {
+		init(this, options, instance$L, create_fragment$L, safe_not_equal, {
 			path: 0,
 			onClick: 1,
 			clickEventName: 2,
@@ -10911,7 +10911,7 @@ function add_css$c(target) {
 	append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
 }
 
-function create_fragment$J(ctx) {
+function create_fragment$K(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
@@ -10963,7 +10963,7 @@ function create_fragment$J(ctx) {
 	};
 }
 
-function instance$J($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -10999,8 +10999,8 @@ class TextBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$J,
-			create_fragment$J,
+			instance$K,
+			create_fragment$K,
 			safe_not_equal,
 			{
 				text: 0,
@@ -11020,7 +11020,7 @@ function add_css$b(target) {
 	append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
-function create_fragment$I(ctx) {
+function create_fragment$J(ctx) {
 	let div;
 	let button;
 	let rendertext;
@@ -11081,7 +11081,7 @@ function create_fragment$I(ctx) {
 	};
 }
 
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	let { text = 'ボタンラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 
@@ -11123,8 +11123,8 @@ class TextButtonBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$I,
-			create_fragment$I,
+			instance$J,
+			create_fragment$J,
 			safe_not_equal,
 			{
 				text: 0,
@@ -11145,7 +11145,7 @@ function add_css$a(target) {
 	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
-function create_fragment$H(ctx) {
+function create_fragment$I(ctx) {
 	let div;
 	let img;
 	let img_style_value;
@@ -11208,7 +11208,7 @@ function create_fragment$H(ctx) {
 	};
 }
 
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
 	let { alt = 'No Image' } = $$props;
 	let { transport = false } = $$props;
@@ -11248,8 +11248,8 @@ class ImageBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$H,
-			create_fragment$H,
+			instance$I,
+			create_fragment$I,
 			safe_not_equal,
 			{
 				src: 0,
@@ -11626,7 +11626,7 @@ function create_if_block$7(ctx) {
 	};
 }
 
-function create_fragment$G(ctx) {
+function create_fragment$H(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
@@ -11698,7 +11698,7 @@ function create_fragment$G(ctx) {
 
 const CLICKABLE_CLASS = 'clickable';
 
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let fixedClass;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11753,8 +11753,8 @@ class Clickable extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$G,
-			create_fragment$G,
+			instance$H,
+			create_fragment$H,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -11805,7 +11805,7 @@ function create_default_slot$6(ctx) {
 	};
 }
 
-function create_fragment$F(ctx) {
+function create_fragment$G(ctx) {
 	let clickable;
 	let current;
 
@@ -11858,7 +11858,7 @@ function create_fragment$F(ctx) {
 	};
 }
 
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let style;
 	let imgStyle;
 	let { props = {} } = $$props;
@@ -11907,7 +11907,7 @@ function instance$F($$self, $$props, $$invalidate) {
 class Avatar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$F, create_fragment$F, safe_not_equal, { props: 0, layerId: 1 });
+		init(this, options, instance$G, create_fragment$G, safe_not_equal, { props: 0, layerId: 1 });
 	}
 }
 
@@ -11965,7 +11965,7 @@ const buttonPropsDefault = {
 
 /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$E(ctx) {
+function create_fragment$F(ctx) {
 	let svg;
 	let path;
 
@@ -11997,7 +11997,7 @@ function create_fragment$E(ctx) {
 	};
 }
 
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12010,13 +12010,13 @@ function instance$E($$self, $$props, $$invalidate) {
 class IconArrowDown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
+		init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$D(ctx) {
+function create_fragment$E(ctx) {
 	let svg;
 	let path;
 
@@ -12048,7 +12048,7 @@ function create_fragment$D(ctx) {
 	};
 }
 
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12061,13 +12061,13 @@ function instance$D($$self, $$props, $$invalidate) {
 class IconArrowUp extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
+		init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$C(ctx) {
+function create_fragment$D(ctx) {
 	let svg;
 	let path;
 
@@ -12099,7 +12099,7 @@ function create_fragment$C(ctx) {
 	};
 }
 
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12112,13 +12112,13 @@ function instance$C($$self, $$props, $$invalidate) {
 class IconUsers extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
+		init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$B(ctx) {
+function create_fragment$C(ctx) {
 	let svg;
 	let path;
 
@@ -12150,7 +12150,7 @@ function create_fragment$B(ctx) {
 	};
 }
 
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12163,13 +12163,13 @@ function instance$B($$self, $$props, $$invalidate) {
 class IconArrowLeft extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
+		init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$A(ctx) {
+function create_fragment$B(ctx) {
 	let svg;
 	let path;
 
@@ -12201,7 +12201,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12214,13 +12214,13 @@ function instance$A($$self, $$props, $$invalidate) {
 class IconArrowRight extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
+		init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$z(ctx) {
+function create_fragment$A(ctx) {
 	let svg;
 	let path;
 
@@ -12252,7 +12252,7 @@ function create_fragment$z(ctx) {
 	};
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12265,13 +12265,13 @@ function instance$z($$self, $$props, $$invalidate) {
 class IconBell extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
+		init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$y(ctx) {
+function create_fragment$z(ctx) {
 	let svg;
 	let path;
 
@@ -12303,7 +12303,7 @@ function create_fragment$y(ctx) {
 	};
 }
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12316,13 +12316,13 @@ function instance$y($$self, $$props, $$invalidate) {
 class IconArrowUpFromSquare extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
+		init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$x(ctx) {
+function create_fragment$y(ctx) {
 	let svg;
 	let path;
 
@@ -12354,7 +12354,7 @@ function create_fragment$x(ctx) {
 	};
 }
 
-function instance$x($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12367,13 +12367,13 @@ function instance$x($$self, $$props, $$invalidate) {
 class IconTicket extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
+		init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$w(ctx) {
+function create_fragment$x(ctx) {
 	let svg;
 	let path;
 
@@ -12405,7 +12405,7 @@ function create_fragment$w(ctx) {
 	};
 }
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12418,13 +12418,13 @@ function instance$w($$self, $$props, $$invalidate) {
 class IconTrack extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
+		init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$v(ctx) {
+function create_fragment$w(ctx) {
 	let svg;
 	let path;
 
@@ -12456,7 +12456,7 @@ function create_fragment$v(ctx) {
 	};
 }
 
-function instance$v($$self, $$props, $$invalidate) {
+function instance$w($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12469,13 +12469,13 @@ function instance$v($$self, $$props, $$invalidate) {
 class IconCartShopping extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
+		init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$u(ctx) {
+function create_fragment$v(ctx) {
 	let svg;
 	let path;
 
@@ -12507,7 +12507,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12520,13 +12520,13 @@ function instance$u($$self, $$props, $$invalidate) {
 class IconCircle extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
+		init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let svg;
 	let path;
 
@@ -12558,7 +12558,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12571,13 +12571,13 @@ function instance$t($$self, $$props, $$invalidate) {
 class IconCircleQuestion extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$s(ctx) {
+function create_fragment$t(ctx) {
 	let svg;
 	let path;
 
@@ -12609,7 +12609,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12622,13 +12622,13 @@ function instance$s($$self, $$props, $$invalidate) {
 class IconCheck extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
+		init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
 	let svg;
 	let path;
 
@@ -12660,7 +12660,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12673,13 +12673,13 @@ function instance$r($$self, $$props, $$invalidate) {
 class IconXMark extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$q(ctx) {
+function create_fragment$r(ctx) {
 	let svg;
 	let path;
 
@@ -12711,7 +12711,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12724,13 +12724,13 @@ function instance$q($$self, $$props, $$invalidate) {
 class IconPaperPlane extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
+		init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
 	let svg;
 	let path;
 
@@ -12762,7 +12762,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12775,13 +12775,13 @@ function instance$p($$self, $$props, $$invalidate) {
 class IconCopy extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
+		init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let svg;
 	let path;
 
@@ -12813,7 +12813,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12826,13 +12826,13 @@ function instance$o($$self, $$props, $$invalidate) {
 class IconCircleXMark extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
+		init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let svg;
 	let path;
 
@@ -12864,7 +12864,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12877,13 +12877,13 @@ function instance$n($$self, $$props, $$invalidate) {
 class IconHeart extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$m(ctx) {
+function create_fragment$n(ctx) {
 	let svg;
 	let path;
 
@@ -12915,7 +12915,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12928,13 +12928,13 @@ function instance$m($$self, $$props, $$invalidate) {
 class IconMagnifyingGrass extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
+		init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let svg;
 	let path;
 
@@ -12966,7 +12966,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -12979,13 +12979,13 @@ function instance$l($$self, $$props, $$invalidate) {
 class IconStar extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
+		init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let svg;
 	let path;
 
@@ -13017,7 +13017,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13030,13 +13030,13 @@ function instance$k($$self, $$props, $$invalidate) {
 class IconCircleInfo extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$j(ctx) {
+function create_fragment$k(ctx) {
 	let svg;
 	let path;
 
@@ -13068,7 +13068,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13081,13 +13081,13 @@ function instance$j($$self, $$props, $$invalidate) {
 class IconEnvelope extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
+		init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$i(ctx) {
+function create_fragment$j(ctx) {
 	let svg;
 	let path;
 
@@ -13119,7 +13119,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13132,13 +13132,13 @@ function instance$i($$self, $$props, $$invalidate) {
 class IconGift extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$h(ctx) {
+function create_fragment$i(ctx) {
 	let svg;
 	let path;
 
@@ -13170,7 +13170,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13183,13 +13183,13 @@ function instance$h($$self, $$props, $$invalidate) {
 class IconPaperclip extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let svg;
 	let path;
 
@@ -13221,7 +13221,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13234,13 +13234,13 @@ function instance$g($$self, $$props, $$invalidate) {
 class IconFire extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
+		init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$f(ctx) {
+function create_fragment$g(ctx) {
 	let svg;
 	let path;
 
@@ -13272,7 +13272,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13285,13 +13285,13 @@ function instance$f($$self, $$props, $$invalidate) {
 class IconLink extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
+		init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let svg;
 	let path;
 
@@ -13323,7 +13323,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13336,13 +13336,13 @@ function instance$e($$self, $$props, $$invalidate) {
 class IconBuildings extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
+		init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
 	}
 }
 
 /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let svg;
 	let path;
 
@@ -13374,7 +13374,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let { color } = $$props;
 
 	$$self.$$set = $$props => {
@@ -13385,6 +13385,57 @@ function instance$d($$self, $$props, $$invalidate) {
 }
 
 class IconChevronsRight extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-flex/icon/variants/IconChevronRight.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$d(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 320 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$d($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconChevronRight extends SvelteComponent {
 	constructor(options) {
 		super();
 		init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
@@ -13534,6 +13585,7 @@ const ICON_VARIANTS = {
     cart_shopping: IconCartShopping,
     check: IconCheck,
     chevrons_right: IconChevronsRight,
+    chevron_right: IconChevronRight,
     circle: IconCircle,
     circle_info: IconCircleInfo,
     circle_question: IconCircleQuestion,
@@ -13794,44 +13846,34 @@ class Icon extends SvelteComponent {
 
 const BUTTON_SIZE_STYLES = {
     extra_small: {
-        minHeight: '32px',
-        paddingInline: '12px',
+        height: '32px',
+        paddingLeft: '12px',
+        paddingRight: '12px',
         fontSize: '12px',
-        paddingBlock: '8px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     small: {
-        minHeight: '36px',
-        paddingInline: '16px',
+        height: '36px',
+        paddingLeft: '16px',
+        paddingRight: '16px',
         fontSize: '13px',
-        paddingBlock: '8px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     medium: {
-        minHeight: '40px',
-        paddingInline: '24px',
+        height: '40px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
         fontSize: '14px',
-        paddingBlock: '8px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     large: {
-        minHeight: '48px',
-        paddingInline: '32px',
+        height: '48px',
+        paddingLeft: '32px',
+        paddingRight: '32px',
         fontSize: '14px',
-        paddingBlock: '10px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
     },
     extra_large: {
-        minHeight: '56px',
-        paddingInline: '40px',
-        fontSize: '17px',
-        paddingBlock: '12px',
-        lineHeight: 1.5,
-        borderRadius: '4px',
+        height: '56px',
+        paddingLeft: '40px',
+        paddingRight: '40px',
+        fontSize: '16px',
     },
 };
 const BUTTON_THEME_STYLES = {
@@ -13885,7 +13927,9 @@ const BUTTON_ROUND_STYLES = {
     none: {
         borderRadius: 0,
     },
-    default: {},
+    default: {
+        borderRadius: '4px',
+    },
     fulled: {
         borderRadius: '56px',
     },
@@ -13951,7 +13995,7 @@ function add_css$8(target) {
 	append_styles(target, "svelte-jar2a9", ".button{background-color:var(--bg-color)}.button:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-jar2a9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
-// (42:2) {#if props.isIcon && props.iconVariant}
+// (48:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$5(ctx) {
 	let div;
 	let icon;
@@ -14007,7 +14051,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (41:0) <Clickable className="button" layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
+// (47:0) <Clickable className="button" layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
 function create_default_slot$4(ctx) {
 	let t0;
 	let span;
@@ -14106,7 +14150,7 @@ function create_fragment$9(ctx) {
 			if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
 			if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
 
-			if (dirty & /*$$scope, props*/ 33) {
+			if (dirty & /*$$scope, props*/ 65) {
 				clickable_changes.$$scope = { dirty, ctx };
 			}
 
@@ -14133,6 +14177,7 @@ function instance$9($$self, $$props, $$invalidate) {
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
 	const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
+	const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
 
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
@@ -14160,14 +14205,19 @@ function instance$9($$self, $$props, $$invalidate) {
 				color: props.color ?? buttonThemeStyle.color,
 				fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
 				cursor: 'pointer',
-				...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
+				lineHeight: 1.5,
 				...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
 				...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
+				height: props.height ?? buttonSizeStyle.height,
+				paddingLeft: props.paddingLeft ?? buttonSizeStyle.paddingLeft,
+				paddingRight: props.paddingRight ?? buttonSizeStyle.paddingRight,
+				fontSize: props.fontSize ?? buttonSizeStyle.fontSize,
 				...toCssCommon(props),
 				...toCssBorder(props),
+				...toCssShadow(props),
 				...variables
 			}));
 		}