@plaidev/karte-action-sdk 1.1.247-28747129.737cb9c6 → 1.1.247-28748500.b7ad7286

package/dist/hydrate/index.es.d.ts

@@ -2505,42 +2505,16 @@ declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
 declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
 declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
 declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
-declare const TEXT_BUTTON_SIZE: {
-    readonly extra_small: "XSmall";
-    readonly small: "Small";
-    readonly medium: "Medium";
-    readonly large: "Large";
-    readonly extra_large: "XLarge";
-};
-declare const TEXT_BUTTON_COLOR: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
-    readonly alert: "\u30A2\u30E9\u30FC\u30C8";
-};
-declare const TEXT_BUTTON_ROUND: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly none: "\u306A\u3057";
-    readonly fulled: "\u5186\u5F62";
-};
-declare const TEXT_BUTTON_LINK_TARGET: {
-    readonly _self: "\u753B\u9762\u5185\u9077\u79FB";
-    readonly _blank: "\u5225\u30BF\u30D6\u3067\u958B\u304F";
-};
-declare const TEXT_BUTTON_ICON_ANGLE: {
-    readonly row: "\u5DE6\u5074";
-    readonly "row-reverse": "\u53F3\u5074";
-};
-type TextButtonProps = CommonProps & {
+type ButtonTextProps = CommonProps & ClickableProps & {
     label?: string;
-    size?: keyof typeof TEXT_BUTTON_SIZE;
-    color?: keyof typeof TEXT_BUTTON_COLOR;
-    round?: keyof typeof TEXT_BUTTON_ROUND;
+    size?: keyof typeof BUTTON_SIZE;
+    theme?: keyof typeof BUTTON_THEME;
     isLink?: boolean;
     isIcon?: boolean;
     linkUrl?: string;
-    linkTarget?: keyof typeof TEXT_BUTTON_LINK_TARGET;
+    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
     iconVariant?: string;
-    iconAngle?: keyof typeof TEXT_BUTTON_ICON_ANGLE;
+    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
     width?: Properties["width"];
     wrap?: "wrap" | "nowrap";
     fontWeight?: Properties["fontWeight"];
@@ -2774,7 +2748,7 @@ declare const TEXT_VARIANTS: {
 };
 declare const SHADOW_STYLES: Record<keyof typeof SHADOW_VARIANT, Properties>;
 declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, SHADOW_VARIANT, ROUND_VARIANT, PositionProps, MetaProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS, SHADOW_STYLES, ROUND_STYLES };
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, SHADOW_VARIANT, ROUND_VARIANT, PositionProps, MetaProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, ButtonTextProps, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS, SHADOW_STYLES, ROUND_STYLES };
 export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
@@ -2812,7 +2786,7 @@ export { default as ImageBlock } from './components/ImageBlock.svelte';
 export { default as FlexAvatar } from './components-flex/avatar/Avatar.svelte';
 export { default as FlexButton } from './components-flex/button/Button.svelte';
 export { default as FlexButtonOutlined } from './components-flex/button-outlined/ButtonOutlined.svelte';
-export { default as FlexTextButton } from './components-flex/text-button/TextButton.svelte';
+export { default as FlexButtonText } from './components-flex/button-text/ButtonText.svelte';
 export { default as FlexCloseButton } from './components-flex/close-button/CloseButton.svelte';
 export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
 export { default as FlexImage } from './components-flex/image/Image.svelte';

package/dist/hydrate/index.es.js

@@ -4132,7 +4132,7 @@ function create_if_block$d(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				eventName: /*clickEventName*/ ctx[1],
 				eventValue: /*clickEventValue*/ ctx[2],
-				$$slots: { default: [create_default_slot$c] },
+				$$slots: { default: [create_default_slot$d] },
 				$$scope: { ctx }
 			}
 		});
@@ -4344,7 +4344,7 @@ function create_default_slot_1$1(ctx) {
 }
 
 // (293:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
-function create_default_slot$c(ctx) {
+function create_default_slot$d(ctx) {
 	let t;
 	let div;
 	let current;
@@ -5748,7 +5748,7 @@ function add_css$z(target) {
 }
 
 // (48:2) <Button {onClick} {style} {eventName}>
-function create_default_slot$b(ctx) {
+function create_default_slot$c(ctx) {
 	let rendertext;
 	let current;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
@@ -5794,7 +5794,7 @@ function create_fragment$15(ctx) {
 				onClick: /*onClick*/ ctx[1],
 				style: /*style*/ ctx[3],
 				eventName: /*eventName*/ ctx[2],
-				$$slots: { default: [create_default_slot$b] },
+				$$slots: { default: [create_default_slot$c] },
 				$$scope: { ctx }
 			}
 		});
@@ -5909,7 +5909,7 @@ function add_css$y(target) {
 }
 
 // (44:2) <Button {onClick} style={_style} {eventName}>
-function create_default_slot$a(ctx) {
+function create_default_slot$b(ctx) {
 	let img;
 	let img_style_value;
 	let img_src_value;
@@ -5986,7 +5986,7 @@ function create_fragment$14(ctx) {
 				onClick: /*onClick*/ ctx[4],
 				style: /*_style*/ ctx[7],
 				eventName: /*eventName*/ ctx[5],
-				$$slots: { default: [create_default_slot$a] },
+				$$slots: { default: [create_default_slot$b] },
 				$$scope: { ctx }
 			}
 		});
@@ -6257,7 +6257,7 @@ function add_css$w(target) {
 }
 
 // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
-function create_default_slot$9(ctx) {
+function create_default_slot$a(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[5].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
@@ -6317,7 +6317,7 @@ function create_fragment$12(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				style: /*_style*/ ctx[2],
 				eventName: /*clickEventName*/ ctx[1],
-				$$slots: { default: [create_default_slot$9] },
+				$$slots: { default: [create_default_slot$a] },
 				$$scope: { ctx }
 			}
 		});
@@ -10474,7 +10474,7 @@ function add_css$h(target) {
 }
 
 // (24:2) <Button {onClick} style={_style} {eventName}>
-function create_default_slot$8(ctx) {
+function create_default_slot$9(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[3].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
@@ -10534,7 +10534,7 @@ function create_fragment$P(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				style: /*_style*/ ctx[2],
 				eventName: /*eventName*/ ctx[1],
-				$$slots: { default: [create_default_slot$8] },
+				$$slots: { default: [create_default_slot$9] },
 				$$scope: { ctx }
 			}
 		});
@@ -10651,7 +10651,7 @@ function create_if_block$8(ctx) {
 }
 
 // (55:2) <Button {onClick} {style} {eventName}>
-function create_default_slot$7(ctx) {
+function create_default_slot$8(ctx) {
 	let if_block_anchor;
 	let if_block = /*svg*/ ctx[3] && create_if_block$8(ctx);
 
@@ -10699,7 +10699,7 @@ function create_fragment$O(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				style: /*style*/ ctx[2],
 				eventName: /*eventName*/ ctx[1],
-				$$slots: { default: [create_default_slot$7] },
+				$$slots: { default: [create_default_slot$8] },
 				$$scope: { ctx }
 			}
 		});
@@ -11303,7 +11303,7 @@ function create_default_slot_1(ctx) {
 }
 
 // (106:0) <StateItem {path}>
-function create_default_slot$6(ctx) {
+function create_default_slot$7(ctx) {
 	let modal;
 	let current;
 
@@ -11378,7 +11378,7 @@ function create_fragment$K(ctx) {
 	stateitem = new StateItem({
 			props: {
 				path: /*path*/ ctx[0],
-				$$slots: { default: [create_default_slot$6] },
+				$$slots: { default: [create_default_slot$7] },
 				$$scope: { ctx }
 			}
 		});
@@ -12476,7 +12476,7 @@ class Clickable extends SvelteComponent {
 
 /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
 
-function create_default_slot$5(ctx) {
+function create_default_slot$6(ctx) {
 	let img;
 	let img_src_value;
 	let img_alt_value;
@@ -12528,7 +12528,7 @@ function create_fragment$F(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$5] },
+				$$slots: { default: [create_default_slot$6] },
 				$$scope: { ctx }
 			}
 		});
@@ -14633,7 +14633,7 @@ function create_if_block$6(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$4] },
+				$$slots: { default: [create_default_slot$5] },
 				$$scope: { ctx }
 			}
 		});
@@ -14679,7 +14679,7 @@ function create_if_block$6(ctx) {
 }
 
 // (26:2) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
-function create_default_slot$4(ctx) {
+function create_default_slot$5(ctx) {
 	let switch_instance;
 	let switch_instance_anchor;
 	let current;
@@ -15092,7 +15092,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}>
-function create_default_slot$3(ctx) {
+function create_default_slot$4(ctx) {
 	let t0;
 	let span;
 	let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
@@ -15177,7 +15177,7 @@ function create_fragment$9(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$3] },
+				$$slots: { default: [create_default_slot$4] },
 				$$scope: { ctx }
 			}
 		});
@@ -15420,7 +15420,7 @@ function create_if_block$4(ctx) {
 }
 
 // (38:0) <Clickable   className="button-outlined"   {layerId}   {style}   onClick={props.onClick}   eventName={props.eventName}   eventValue={props.eventValue} >
-function create_default_slot$2(ctx) {
+function create_default_slot$3(ctx) {
 	let t0;
 	let span;
 	let t1_value = (/*props*/ ctx[0].label ?? buttonOutlinedPropsDefault.label) + "";
@@ -15505,7 +15505,7 @@ function create_fragment$8(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$2] },
+				$$slots: { default: [create_default_slot$3] },
 				$$scope: { ctx }
 			}
 		});
@@ -15599,13 +15599,13 @@ class ButtonOutlined extends SvelteComponent {
 	}
 }
 
-/* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
+/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-z1kekb", ".flex-button-text-icon.svelte-z1kekb{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
-// (103:4) {#if props.isIcon && props.iconVariant}
+// (99:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$3(ctx) {
 	let div;
 	let icon;
@@ -15634,7 +15634,7 @@ function create_if_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex-text-button-icon svelte-2imv7z");
+			attr(div, "class", "flex-button-text-icon svelte-z1kekb");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -15667,62 +15667,38 @@ function create_if_block$3(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
-	let button;
+// (91:0) <Clickable   className="flext-button-text"   {layerId}   {style}   onClick={props.onClick}   eventName={props.eventName}   eventValue={props.eventValue} >
+function create_default_slot$2(ctx) {
 	let t0;
 	let span;
 	let t1_value = /*props*/ ctx[0].label + "";
 	let t1;
 	let current;
-	let mounted;
-	let dispose;
 	let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
 
 	return {
 		c() {
-			button = element("button");
 			if (if_block) if_block.c();
 			t0 = space();
 			span = element("span");
 			t1 = text(t1_value);
-			this.h();
 		},
 		l(nodes) {
-			button = claim_element(nodes, "BUTTON", {
-				"data-layer-id": true,
-				style: true,
-				class: true
-			});
-
-			var button_nodes = children(button);
-			if (if_block) if_block.l(button_nodes);
-			t0 = claim_space(button_nodes);
-			span = claim_element(button_nodes, "SPAN", {});
+			if (if_block) if_block.l(nodes);
+			t0 = claim_space(nodes);
+			span = claim_element(nodes, "SPAN", {});
 			var span_nodes = children(span);
 			t1 = claim_text(span_nodes, t1_value);
 			span_nodes.forEach(detach);
-			button_nodes.forEach(detach);
-			this.h();
-		},
-		h() {
-			attr(button, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(button, "style", /*style*/ ctx[2]);
-			attr(button, "class", "flex-text-button svelte-2imv7z");
 		},
 		m(target, anchor) {
-			insert_hydration(target, button, anchor);
-			if (if_block) if_block.m(button, null);
-			append_hydration(button, t0);
-			append_hydration(button, span);
+			if (if_block) if_block.m(target, anchor);
+			insert_hydration(target, t0, anchor);
+			insert_hydration(target, span, anchor);
 			append_hydration(span, t1);
 			current = true;
-
-			if (!mounted) {
-				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
-				mounted = true;
-			}
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
@@ -15734,7 +15710,7 @@ function create_fragment$7(ctx) {
 					if_block = create_if_block$3(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
-					if_block.m(button, t0);
+					if_block.m(t0.parentNode, t0);
 				}
 			} else if (if_block) {
 				group_outros();
@@ -15747,29 +15723,77 @@ function create_fragment$7(ctx) {
 			}
 
 			if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(span);
+		}
+	};
+}
+
+function create_fragment$7(ctx) {
+	let clickable;
+	let current;
 
-			if (!current || dirty & /*layerId*/ 2) {
-				attr(button, "data-layer-id", /*layerId*/ ctx[1]);
+	clickable = new Clickable({
+			props: {
+				className: "flext-button-text",
+				layerId: /*layerId*/ ctx[1],
+				style: /*style*/ ctx[2],
+				onClick: /*props*/ ctx[0].onClick,
+				eventName: /*props*/ ctx[0].eventName,
+				eventValue: /*props*/ ctx[0].eventValue,
+				$$slots: { default: [create_default_slot$2] },
+				$$scope: { ctx }
 			}
+		});
 
-			if (!current || dirty & /*style*/ 4) {
-				attr(button, "style", /*style*/ ctx[2]);
+	return {
+		c() {
+			create_component(clickable.$$.fragment);
+		},
+		l(nodes) {
+			claim_component(clickable.$$.fragment, nodes);
+		},
+		m(target, anchor) {
+			mount_component(clickable, target, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			const clickable_changes = {};
+			if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
+			if (dirty & /*style*/ 4) clickable_changes.style = /*style*/ ctx[2];
+			if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
+			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*/ 257) {
+				clickable_changes.$$scope = { dirty, ctx };
 			}
+
+			clickable.$set(clickable_changes);
 		},
 		i(local) {
 			if (current) return;
-			transition_in(if_block);
+			transition_in(clickable.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(if_block);
+			transition_out(clickable.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(button);
-			if (if_block) if_block.d();
-			mounted = false;
-			dispose();
+			destroy_component(clickable, detaching);
 		}
 	};
 }
@@ -15837,18 +15861,10 @@ function instance$7($$self, $$props, $$invalidate) {
 		};
 	};
 
-	function handleClick() {
-		if (eventName) {
-			send_event(eventName, eventValue);
-		}
-
-		execOnClickOperation(onClick);
-	}
-
 	$$self.$$set = $$props => {
-		if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
-		if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
-		if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
+		if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
+		if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
 	};
@@ -15874,10 +15890,10 @@ function instance$7($$self, $$props, $$invalidate) {
 		}
 	};
 
-	return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
+	return [props, layerId, style, VARIANTS, onClick, eventName, eventValue];
 }
 
-class TextButton extends SvelteComponent {
+class ButtonText extends SvelteComponent {
 	constructor(options) {
 		super();
 
@@ -15888,9 +15904,9 @@ class TextButton extends SvelteComponent {
 			create_fragment$7,
 			safe_not_equal,
 			{
-				onClick: 5,
-				eventName: 6,
-				eventValue: 7,
+				onClick: 4,
+				eventName: 5,
+				eventValue: 6,
 				props: 0,
 				layerId: 1
 			},
@@ -15899,32 +15915,6 @@ class TextButton extends SvelteComponent {
 	}
 }
 
-const TEXT_BUTTON_SIZE = {
-    extra_small: 'XSmall',
-    small: 'Small',
-    medium: 'Medium',
-    large: 'Large',
-    extra_large: 'XLarge',
-};
-const TEXT_BUTTON_COLOR = {
-    default: 'デフォルト',
-    theme: 'テーマカラー',
-    alert: 'アラート',
-};
-const TEXT_BUTTON_ROUND = {
-    default: 'デフォルト',
-    none: 'なし',
-    fulled: '円形',
-};
-const TEXT_BUTTON_LINK_TARGET = {
-    _self: '画面内遷移',
-    _blank: '別タブで開く',
-};
-const TEXT_BUTTON_ICON_ANGLE = {
-    row: '左側',
-    'row-reverse': '右側',
-};
-
 const CLOSE_BUTTON_PLACEMENT = {
     topRight: 'topRight',
     topLeft: 'topLeft',
@@ -17971,4 +17961,4 @@ const ROUND_STYLES = {
     },
 };
 
-export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
+export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };

package/dist/index.es.d.ts

@@ -2505,42 +2505,16 @@ declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
 declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
 declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
 declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
-declare const TEXT_BUTTON_SIZE: {
-    readonly extra_small: "XSmall";
-    readonly small: "Small";
-    readonly medium: "Medium";
-    readonly large: "Large";
-    readonly extra_large: "XLarge";
-};
-declare const TEXT_BUTTON_COLOR: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
-    readonly alert: "\u30A2\u30E9\u30FC\u30C8";
-};
-declare const TEXT_BUTTON_ROUND: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly none: "\u306A\u3057";
-    readonly fulled: "\u5186\u5F62";
-};
-declare const TEXT_BUTTON_LINK_TARGET: {
-    readonly _self: "\u753B\u9762\u5185\u9077\u79FB";
-    readonly _blank: "\u5225\u30BF\u30D6\u3067\u958B\u304F";
-};
-declare const TEXT_BUTTON_ICON_ANGLE: {
-    readonly row: "\u5DE6\u5074";
-    readonly "row-reverse": "\u53F3\u5074";
-};
-type TextButtonProps = CommonProps & {
+type ButtonTextProps = CommonProps & ClickableProps & {
     label?: string;
-    size?: keyof typeof TEXT_BUTTON_SIZE;
-    color?: keyof typeof TEXT_BUTTON_COLOR;
-    round?: keyof typeof TEXT_BUTTON_ROUND;
+    size?: keyof typeof BUTTON_SIZE;
+    theme?: keyof typeof BUTTON_THEME;
     isLink?: boolean;
     isIcon?: boolean;
     linkUrl?: string;
-    linkTarget?: keyof typeof TEXT_BUTTON_LINK_TARGET;
+    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
     iconVariant?: string;
-    iconAngle?: keyof typeof TEXT_BUTTON_ICON_ANGLE;
+    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
     width?: Properties["width"];
     wrap?: "wrap" | "nowrap";
     fontWeight?: Properties["fontWeight"];
@@ -2774,7 +2748,7 @@ declare const TEXT_VARIANTS: {
 };
 declare const SHADOW_STYLES: Record<keyof typeof SHADOW_VARIANT, Properties>;
 declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, SHADOW_VARIANT, ROUND_VARIANT, PositionProps, MetaProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS, SHADOW_STYLES, ROUND_STYLES };
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, SHADOW_VARIANT, ROUND_VARIANT, PositionProps, MetaProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, ButtonTextProps, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS, SHADOW_STYLES, ROUND_STYLES };
 export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
@@ -2812,7 +2786,7 @@ export { default as ImageBlock } from './components/ImageBlock.svelte';
 export { default as FlexAvatar } from './components-flex/avatar/Avatar.svelte';
 export { default as FlexButton } from './components-flex/button/Button.svelte';
 export { default as FlexButtonOutlined } from './components-flex/button-outlined/ButtonOutlined.svelte';
-export { default as FlexTextButton } from './components-flex/text-button/TextButton.svelte';
+export { default as FlexButtonText } from './components-flex/button-text/ButtonText.svelte';
 export { default as FlexCloseButton } from './components-flex/close-button/CloseButton.svelte';
 export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
 export { default as FlexImage } from './components-flex/image/Image.svelte';

package/dist/index.es.js

@@ -4149,7 +4149,7 @@ function create_if_block$d(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				eventName: /*clickEventName*/ ctx[1],
 				eventValue: /*clickEventValue*/ ctx[2],
-				$$slots: { default: [create_default_slot$c] },
+				$$slots: { default: [create_default_slot$d] },
 				$$scope: { ctx }
 			}
 		});
@@ -4311,7 +4311,7 @@ function create_default_slot_1$1(ctx) {
 }
 
 // (293:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
-function create_default_slot$c(ctx) {
+function create_default_slot$d(ctx) {
 	let t;
 	let div;
 	let current;
@@ -5630,7 +5630,7 @@ function add_css$z(target) {
 }
 
 // (48:2) <Button {onClick} {style} {eventName}>
-function create_default_slot$b(ctx) {
+function create_default_slot$c(ctx) {
 	let rendertext;
 	let current;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
@@ -5673,7 +5673,7 @@ function create_fragment$15(ctx) {
 				onClick: /*onClick*/ ctx[1],
 				style: /*style*/ ctx[3],
 				eventName: /*eventName*/ ctx[2],
-				$$slots: { default: [create_default_slot$b] },
+				$$slots: { default: [create_default_slot$c] },
 				$$scope: { ctx }
 			}
 		});
@@ -5778,7 +5778,7 @@ function add_css$y(target) {
 }
 
 // (44:2) <Button {onClick} style={_style} {eventName}>
-function create_default_slot$a(ctx) {
+function create_default_slot$b(ctx) {
 	let img;
 	let img_style_value;
 	let img_src_value;
@@ -5839,7 +5839,7 @@ function create_fragment$14(ctx) {
 				onClick: /*onClick*/ ctx[4],
 				style: /*_style*/ ctx[7],
 				eventName: /*eventName*/ ctx[5],
-				$$slots: { default: [create_default_slot$a] },
+				$$slots: { default: [create_default_slot$b] },
 				$$scope: { ctx }
 			}
 		});
@@ -6090,7 +6090,7 @@ function add_css$w(target) {
 }
 
 // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
-function create_default_slot$9(ctx) {
+function create_default_slot$a(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[5].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
@@ -6147,7 +6147,7 @@ function create_fragment$12(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				style: /*_style*/ ctx[2],
 				eventName: /*clickEventName*/ ctx[1],
-				$$slots: { default: [create_default_slot$9] },
+				$$slots: { default: [create_default_slot$a] },
 				$$scope: { ctx }
 			}
 		});
@@ -9943,7 +9943,7 @@ function add_css$h(target) {
 }
 
 // (24:2) <Button {onClick} style={_style} {eventName}>
-function create_default_slot$8(ctx) {
+function create_default_slot$9(ctx) {
 	let current;
 	const default_slot_template = /*#slots*/ ctx[3].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
@@ -10000,7 +10000,7 @@ function create_fragment$P(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				style: /*_style*/ ctx[2],
 				eventName: /*eventName*/ ctx[1],
-				$$slots: { default: [create_default_slot$8] },
+				$$slots: { default: [create_default_slot$9] },
 				$$scope: { ctx }
 			}
 		});
@@ -10099,7 +10099,7 @@ function create_if_block$8(ctx) {
 }
 
 // (55:2) <Button {onClick} {style} {eventName}>
-function create_default_slot$7(ctx) {
+function create_default_slot$8(ctx) {
 	let if_block_anchor;
 	let if_block = /*svg*/ ctx[3] && create_if_block$8(ctx);
 
@@ -10143,7 +10143,7 @@ function create_fragment$O(ctx) {
 				onClick: /*onClick*/ ctx[0],
 				style: /*style*/ ctx[2],
 				eventName: /*eventName*/ ctx[1],
-				$$slots: { default: [create_default_slot$7] },
+				$$slots: { default: [create_default_slot$8] },
 				$$scope: { ctx }
 			}
 		});
@@ -10701,7 +10701,7 @@ function create_default_slot_1(ctx) {
 }
 
 // (106:0) <StateItem {path}>
-function create_default_slot$6(ctx) {
+function create_default_slot$7(ctx) {
 	let modal;
 	let current;
 
@@ -10773,7 +10773,7 @@ function create_fragment$K(ctx) {
 	stateitem = new StateItem({
 			props: {
 				path: /*path*/ ctx[0],
-				$$slots: { default: [create_default_slot$6] },
+				$$slots: { default: [create_default_slot$7] },
 				$$scope: { ctx }
 			}
 		});
@@ -11771,7 +11771,7 @@ class Clickable extends SvelteComponent {
 
 /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
 
-function create_default_slot$5(ctx) {
+function create_default_slot$6(ctx) {
 	let img;
 	let img_src_value;
 	let img_alt_value;
@@ -11816,7 +11816,7 @@ function create_fragment$F(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$5] },
+				$$slots: { default: [create_default_slot$6] },
 				$$scope: { ctx }
 			}
 		});
@@ -13570,7 +13570,7 @@ function create_if_block$6(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$4] },
+				$$slots: { default: [create_default_slot$5] },
 				$$scope: { ctx }
 			}
 		});
@@ -13613,7 +13613,7 @@ function create_if_block$6(ctx) {
 }
 
 // (26:2) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
-function create_default_slot$4(ctx) {
+function create_default_slot$5(ctx) {
 	let switch_instance;
 	let switch_instance_anchor;
 	let current;
@@ -14008,7 +14008,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}>
-function create_default_slot$3(ctx) {
+function create_default_slot$4(ctx) {
 	let t0;
 	let span;
 	let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
@@ -14085,7 +14085,7 @@ function create_fragment$9(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$3] },
+				$$slots: { default: [create_default_slot$4] },
 				$$scope: { ctx }
 			}
 		});
@@ -14315,7 +14315,7 @@ function create_if_block$4(ctx) {
 }
 
 // (38:0) <Clickable   className="button-outlined"   {layerId}   {style}   onClick={props.onClick}   eventName={props.eventName}   eventValue={props.eventValue} >
-function create_default_slot$2(ctx) {
+function create_default_slot$3(ctx) {
 	let t0;
 	let span;
 	let t1_value = (/*props*/ ctx[0].label ?? buttonOutlinedPropsDefault.label) + "";
@@ -14392,7 +14392,7 @@ function create_fragment$8(ctx) {
 				onClick: /*props*/ ctx[0].onClick,
 				eventName: /*props*/ ctx[0].eventName,
 				eventValue: /*props*/ ctx[0].eventValue,
-				$$slots: { default: [create_default_slot$2] },
+				$$slots: { default: [create_default_slot$3] },
 				$$scope: { ctx }
 			}
 		});
@@ -14483,13 +14483,13 @@ class ButtonOutlined extends SvelteComponent {
 	}
 }
 
-/* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
+/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-z1kekb", ".flex-button-text-icon.svelte-z1kekb{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
-// (103:4) {#if props.isIcon && props.iconVariant}
+// (99:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$3(ctx) {
 	let div;
 	let icon;
@@ -14508,7 +14508,7 @@ function create_if_block$3(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "flex-text-button-icon svelte-2imv7z");
+			attr(div, "class", "flex-button-text-icon svelte-z1kekb");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -14541,42 +14541,30 @@ function create_if_block$3(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
-	let button;
+// (91:0) <Clickable   className="flext-button-text"   {layerId}   {style}   onClick={props.onClick}   eventName={props.eventName}   eventValue={props.eventValue} >
+function create_default_slot$2(ctx) {
 	let t0;
 	let span;
 	let t1_value = /*props*/ ctx[0].label + "";
 	let t1;
 	let current;
-	let mounted;
-	let dispose;
 	let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
 
 	return {
 		c() {
-			button = element("button");
 			if (if_block) if_block.c();
 			t0 = space();
 			span = element("span");
 			t1 = text(t1_value);
-			attr(button, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(button, "style", /*style*/ ctx[2]);
-			attr(button, "class", "flex-text-button svelte-2imv7z");
 		},
 		m(target, anchor) {
-			insert(target, button, anchor);
-			if (if_block) if_block.m(button, null);
-			append(button, t0);
-			append(button, span);
+			if (if_block) if_block.m(target, anchor);
+			insert(target, t0, anchor);
+			insert(target, span, anchor);
 			append(span, t1);
 			current = true;
-
-			if (!mounted) {
-				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
-				mounted = true;
-			}
 		},
-		p(ctx, [dirty]) {
+		p(ctx, dirty) {
 			if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
@@ -14588,7 +14576,7 @@ function create_fragment$7(ctx) {
 					if_block = create_if_block$3(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
-					if_block.m(button, t0);
+					if_block.m(t0.parentNode, t0);
 				}
 			} else if (if_block) {
 				group_outros();
@@ -14601,29 +14589,74 @@ function create_fragment$7(ctx) {
 			}
 
 			if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(span);
+		}
+	};
+}
+
+function create_fragment$7(ctx) {
+	let clickable;
+	let current;
 
-			if (!current || dirty & /*layerId*/ 2) {
-				attr(button, "data-layer-id", /*layerId*/ ctx[1]);
+	clickable = new Clickable({
+			props: {
+				className: "flext-button-text",
+				layerId: /*layerId*/ ctx[1],
+				style: /*style*/ ctx[2],
+				onClick: /*props*/ ctx[0].onClick,
+				eventName: /*props*/ ctx[0].eventName,
+				eventValue: /*props*/ ctx[0].eventValue,
+				$$slots: { default: [create_default_slot$2] },
+				$$scope: { ctx }
 			}
+		});
 
-			if (!current || dirty & /*style*/ 4) {
-				attr(button, "style", /*style*/ ctx[2]);
+	return {
+		c() {
+			create_component(clickable.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(clickable, target, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			const clickable_changes = {};
+			if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
+			if (dirty & /*style*/ 4) clickable_changes.style = /*style*/ ctx[2];
+			if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
+			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*/ 257) {
+				clickable_changes.$$scope = { dirty, ctx };
 			}
+
+			clickable.$set(clickable_changes);
 		},
 		i(local) {
 			if (current) return;
-			transition_in(if_block);
+			transition_in(clickable.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(if_block);
+			transition_out(clickable.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(button);
-			if (if_block) if_block.d();
-			mounted = false;
-			dispose();
+			destroy_component(clickable, detaching);
 		}
 	};
 }
@@ -14691,18 +14724,10 @@ function instance$7($$self, $$props, $$invalidate) {
 		};
 	};
 
-	function handleClick() {
-		if (eventName) {
-			send_event(eventName, eventValue);
-		}
-
-		execOnClickOperation(onClick);
-	}
-
 	$$self.$$set = $$props => {
-		if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
-		if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
-		if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
+		if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
+		if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
 	};
@@ -14728,10 +14753,10 @@ function instance$7($$self, $$props, $$invalidate) {
 		}
 	};
 
-	return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
+	return [props, layerId, style, VARIANTS, onClick, eventName, eventValue];
 }
 
-class TextButton extends SvelteComponent {
+class ButtonText extends SvelteComponent {
 	constructor(options) {
 		super();
 
@@ -14742,9 +14767,9 @@ class TextButton extends SvelteComponent {
 			create_fragment$7,
 			safe_not_equal,
 			{
-				onClick: 5,
-				eventName: 6,
-				eventValue: 7,
+				onClick: 4,
+				eventName: 5,
+				eventValue: 6,
 				props: 0,
 				layerId: 1
 			},
@@ -14753,32 +14778,6 @@ class TextButton extends SvelteComponent {
 	}
 }
 
-const TEXT_BUTTON_SIZE = {
-    extra_small: 'XSmall',
-    small: 'Small',
-    medium: 'Medium',
-    large: 'Large',
-    extra_large: 'XLarge',
-};
-const TEXT_BUTTON_COLOR = {
-    default: 'デフォルト',
-    theme: 'テーマカラー',
-    alert: 'アラート',
-};
-const TEXT_BUTTON_ROUND = {
-    default: 'デフォルト',
-    none: 'なし',
-    fulled: '円形',
-};
-const TEXT_BUTTON_LINK_TARGET = {
-    _self: '画面内遷移',
-    _blank: '別タブで開く',
-};
-const TEXT_BUTTON_ICON_ANGLE = {
-    row: '左側',
-    'row-reverse': '右側',
-};
-
 const CLOSE_BUTTON_PLACEMENT = {
     topRight: 'topRight',
     topLeft: 'topLeft',
@@ -16704,4 +16703,4 @@ const ROUND_STYLES = {
     },
 };
 
-export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
+export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };

package/dist/templates.cjs.js

@@ -50,7 +50,7 @@ import {
   CodeElement,
   FlexButton,
   FlexButtonOutlined,
-  FlexTextButton,
+  FlexButtonText,
   FlexIcon,
   FlexLayout,
   FlexText,

package/dist/templates.js

@@ -48,7 +48,7 @@ import {
   CodeElement,
   FlexButton,
   FlexButtonOutlined,
-  FlexTextButton,
+  FlexButtonText,
   FlexIcon,
   FlexLayout,
   FlexText,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.247-28747129.737cb9c6",
+  "version": "1.1.247-28748500.b7ad7286",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",