@plaidev/karte-action-sdk 1.1.241-28706520.9a16bb68 → 1.1.241-28708191.857eef2c

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

@@ -2343,35 +2343,20 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-type ComponentBaseProps = {
-    layerId: string;
-    style: Properties;
-};
-declare const COMPONENT_PARAMETER_TYPES: {
-    readonly TEXT: "text";
-    readonly MULTILINE_TEXT: "multiline_text";
-    readonly SELECT: "select";
-    readonly RADIO: "radio";
-    readonly CHECKBOX: "checkbox";
-    readonly BOOLEAN: "boolean";
-    readonly IMAGE: "image";
-    readonly NUMBER: "number";
-    readonly WIDTH: "width";
-    readonly ASPECT: "aspect";
-    readonly COLOR: "color";
-    readonly ICON: "icon";
-};
-type ComponentParameterType = (typeof COMPONENT_PARAMETER_TYPES)[keyof typeof COMPONENT_PARAMETER_TYPES];
-type ComponentParameterOption = {
-    label: string;
-    value: string | number;
-};
-type ComponentParameter<P extends object = object> = {
-    id: string;
-    name: string;
-    type: ComponentParameterType;
-    options?: ComponentParameterOption[];
-    isEnabled?: (p: P) => boolean;
+type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Properties>;
+declare const SHADOW_VARIANT: {
+    readonly extra_small: "XSmall";
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+};
+declare const ROUND_VARIANT: {
+    readonly extra_small: "XSmall (2px)";
+    readonly small: "Small (4px)";
+    readonly medium: "Medium (8px)";
+    readonly large: "Large (16px)";
+    readonly extra_large: "Large (24px)";
+    readonly fulled: "Full (100%)";
 };
 type PositionPlaceProps = {
     top?: Properties["top"];
@@ -2456,7 +2441,7 @@ declare const BUTTON_ICON_ANGLE: {
     readonly row: "\u5DE6\u5074";
     readonly "row-reverse": "\u53F3\u5074";
 };
-type ButtonProps = CommonProps & {
+type ButtonProps = CommonProps & BorderProps & {
     label?: string;
     size?: keyof typeof BUTTON_SIZE;
     theme?: keyof typeof BUTTON_THEME;
@@ -2473,6 +2458,11 @@ type ButtonProps = CommonProps & {
     color?: Properties["color"];
     backgroundColor?: Properties["backgroundColor"];
 };
+declare const buttonPropsDefault: ButtonProps;
+declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
+declare const BUTTON_THEME_STYLES: PropStyles<ButtonProps, "theme">;
+declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
+declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
 declare const BUTTON_VARIANTS: {
     size: {
         extra_small: Properties<0 | (string & {}), string & {}>;
@@ -2627,9 +2617,6 @@ declare const ICON_VARIANTS: {
     readonly users: typeof IconArrowDown;
     readonly x_mark: typeof IconArrowDown;
 };
-type IconVariant = (typeof ICON_VARIANTS)[keyof typeof ICON_VARIANTS];
-// @ts-ignore
-declare const ICON_PARAMS: ComponentParameter[];
 type IconProps = CommonProps & {
     variant: string;
     size?: keyof typeof ICON_SIZE;
@@ -2679,15 +2666,6 @@ type LayerLayoutProps = CommonProps & BorderProps & RadiusProps & ShadowProps &
     columnGap?: Properties["columnGap"];
     width?: Properties["width"];
 };
-declare const LAYER_TEXT_ALIGN_VALUES: readonly [
-    "center",
-    "left",
-    "right"
-];
-declare const LAYER_TEXT_FONT_WEIGHT_VALUES: readonly [
-    "bold",
-    "normal"
-];
 declare const LAYER_TEXT_SIZE: {
     readonly extra_small: "ExtraSmall";
     readonly small: "Small";
@@ -2765,7 +2743,9 @@ declare const TEXT_VARIANTS: {
         };
     };
 };
-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, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, BUTTON_VARIANTS, 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, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps, 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, CommonProps, 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, BUTTON_VARIANTS, 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, 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';

package/dist/hydrate/index.es.js

@@ -11912,19 +11912,19 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-const COMPONENT_PARAMETER_TYPES = {
-    TEXT: 'text',
-    MULTILINE_TEXT: 'multiline_text',
-    SELECT: 'select',
-    RADIO: 'radio',
-    CHECKBOX: 'checkbox',
-    BOOLEAN: 'boolean',
-    IMAGE: 'image',
-    NUMBER: 'number',
-    WIDTH: 'width',
-    ASPECT: 'aspect',
-    COLOR: 'color',
-    ICON: 'icon',
+const SHADOW_VARIANT = {
+    extra_small: 'XSmall',
+    small: 'Small',
+    medium: 'Medium',
+    large: 'Large',
+};
+const ROUND_VARIANT = {
+    extra_small: 'XSmall (2px)',
+    small: 'Small (4px)',
+    medium: 'Medium (8px)',
+    large: 'Large (16px)',
+    extra_large: 'Large (24px)',
+    fulled: 'Full (100%)',
 };
 
 const toHyphenCase = (str) => {
@@ -11958,6 +11958,7 @@ const toCssCommon = (p) => {
     };
 };
 const toCssBorder = (p) => {
+    console.log(p);
     const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
     if (borderWidth === null)
         return {};
@@ -12135,6 +12136,41 @@ const AVATAR_SHAPE = {
     square: 'スクエア',
 };
 
+const BUTTON_SIZE = {
+    extra_small: 'XSmall',
+    small: 'Small',
+    medium: 'Medium',
+    large: 'Large',
+    extra_large: 'XLarge',
+};
+const BUTTON_THEME = {
+    default: 'デフォルト',
+    theme: 'テーマカラー',
+    alert: 'アラート',
+    transparent: '背景なし',
+};
+const BUTTON_ROUND = {
+    default: 'デフォルト',
+    none: 'なし',
+    fulled: '円形',
+};
+const BUTTON_LINK_TARGET = {
+    _self: '画面内遷移',
+    _blank: '別タブで開く',
+};
+const BUTTON_ICON_ANGLE = {
+    row: '左側',
+    'row-reverse': '右側',
+};
+const buttonPropsDefault = {
+    label: 'ボタン',
+    size: 'medium',
+    theme: 'default',
+    round: 'default',
+    width: 'auto',
+    wrap: 'nowrap',
+};
+
 /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
 
 function create_fragment$A(ctx) {
@@ -13950,28 +13986,6 @@ const ICON_VARIANTS = {
     users: IconUsers,
     x_mark: IconXMark,
 };
-// @ts-ignore
-const ICON_PARAMS = [
-    {
-        id: 'variant',
-        name: 'アイコン',
-        type: 'icon',
-    },
-    {
-        id: 'color',
-        name: 'カラー',
-        type: 'color',
-    },
-    {
-        id: 'size',
-        name: 'サイズ',
-        type: 'select',
-        options: Object.keys(ICON_SIZE).map(key => ({
-            label: ICON_SIZE[key].label,
-            value: ICON_SIZE[key].value,
-        })),
-    },
-];
 
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
@@ -14182,6 +14196,87 @@ class Icon extends SvelteComponent {
 	}
 }
 
+const BUTTON_SIZE_STYLES = {
+    extra_small: {
+        minHeight: '32px',
+        paddingInline: '12px',
+        fontSize: '12px',
+        paddingBlock: '8px',
+        lineHeight: 1.5,
+        borderRadius: '4px',
+    },
+    small: {
+        minHeight: '36px',
+        paddingInline: '16px',
+        fontSize: '13px',
+        paddingBlock: '8px',
+        lineHeight: 1.5,
+        borderRadius: '4px',
+    },
+    medium: {
+        minHeight: '40px',
+        paddingInline: '24px',
+        fontSize: '14px',
+        paddingBlock: '8px',
+        lineHeight: 1.5,
+        borderRadius: '4px',
+    },
+    large: {
+        minHeight: '48px',
+        paddingInline: '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',
+    },
+};
+const BUTTON_THEME_STYLES = {
+    theme: {
+        backgroundColor: 'rgba(18,160,160,1)',
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+    default: {
+        backgroundColor: '#33403e',
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+    transparent: {
+        backgroundColor: 'rgba(255, 255, 255, 0)',
+        color: '#00100ea1',
+        fontWeight: 'bold',
+    },
+    alert: {
+        backgroundColor: 'rgb(242,83,32,1)',
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+};
+const BUTTON_ROUND_STYLES = {
+    none: {
+        borderRadius: 0,
+    },
+    default: {},
+    fulled: {
+        borderRadius: '56px',
+    },
+};
+const BUTTON_WRAP_STYLES = {
+    nowrap: {
+        whiteSpace: 'nowrap',
+    },
+    wrap: {
+        whiteSpace: 'pre-wrap',
+    },
+};
 const BUTTON_VARIANTS = {
     size: {
         extra_small: {
@@ -14275,7 +14370,7 @@ function add_css$7(target) {
 	append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
-// (49:2) {#if (props.isIcon && props.iconVariant)}
+// (45:2) {#if (props.isIcon && props.iconVariant)}
 function create_if_block$4(ctx) {
 	let div;
 	let icon;
@@ -14285,7 +14380,7 @@ function create_if_block$4(ctx) {
 			props: {
 				props: {
 					variant: /*props*/ ctx[0].iconVariant,
-					color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
+					color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
 				}
 			}
 		});
@@ -14316,7 +14411,7 @@ function create_if_block$4(ctx) {
 
 			if (dirty & /*props*/ 1) icon_changes.props = {
 				variant: /*props*/ ctx[0].iconVariant,
-				color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
+				color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
 			};
 
 			icon.$set(icon_changes);
@@ -14341,7 +14436,7 @@ function create_fragment$7(ctx) {
 	let button;
 	let t0;
 	let span;
-	let t1_value = /*props*/ ctx[0].label + "";
+	let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
 	let t1;
 	let current;
 	let mounted;
@@ -14388,7 +14483,7 @@ function create_fragment$7(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
+				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
 				mounted = true;
 			}
 		},
@@ -14416,7 +14511,7 @@ function create_fragment$7(ctx) {
 				check_outros();
 			}
 
-			if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
+			if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "")) set_data(t1, t1_value);
 
 			if (!current || dirty & /*layerId*/ 2) {
 				attr(button, "data-layer-id", /*layerId*/ ctx[1]);
@@ -14451,6 +14546,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	let { eventValue = undefined } = $$props;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
 
 	function handleClick() {
 		if (eventName) {
@@ -14461,9 +14557,9 @@ function instance$7($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		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 ('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 ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
 	};
@@ -14479,21 +14575,31 @@ function instance$7($$self, $$props, $$invalidate) {
 				border: 0,
 				transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
 				width: props.width,
-				backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
-				color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
-				fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
-				...BUTTON_VARIANTS.size[props.size ?? 'medium'],
-				...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
-				...BUTTON_VARIANTS.round[props.round ?? 'default'],
+				backgroundColor: props.backgroundColor ?? buttonThemeStyle.backgroundColor,
+				color: props.color ?? buttonThemeStyle.color,
+				fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
+				...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
+				...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
+				...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
-				...toCssCommon(props)
+				...toCssCommon(props),
+				...toCssBorder(props)
 			}));
 		}
 	};
 
-	return [props, layerId, style, handleClick, onClick, eventName, eventValue];
+	return [
+		props,
+		layerId,
+		style,
+		buttonThemeStyle,
+		handleClick,
+		onClick,
+		eventName,
+		eventValue
+	];
 }
 
 class Button extends SvelteComponent {
@@ -14507,9 +14613,9 @@ class Button extends SvelteComponent {
 			create_fragment$7,
 			safe_not_equal,
 			{
-				onClick: 4,
-				eventName: 5,
-				eventValue: 6,
+				onClick: 5,
+				eventName: 6,
+				eventValue: 7,
 				props: 0,
 				layerId: 1
 			},
@@ -14518,33 +14624,6 @@ class Button extends SvelteComponent {
 	}
 }
 
-const BUTTON_SIZE = {
-    extra_small: 'XSmall',
-    small: 'Small',
-    medium: 'Medium',
-    large: 'Large',
-    extra_large: 'XLarge',
-};
-const BUTTON_THEME = {
-    default: 'デフォルト',
-    theme: 'テーマカラー',
-    alert: 'アラート',
-    transparent: '背景なし',
-};
-const BUTTON_ROUND = {
-    default: 'デフォルト',
-    none: 'なし',
-    fulled: '円形',
-};
-const BUTTON_LINK_TARGET = {
-    _self: '画面内遷移',
-    _blank: '別タブで開く',
-};
-const BUTTON_ICON_ANGLE = {
-    row: '左側',
-    'row-reverse': '右側',
-};
-
 /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
@@ -15593,8 +15672,6 @@ class Text extends SvelteComponent {
 	}
 }
 
-const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
-const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
 const LAYER_TEXT_SIZE = {
     extra_small: 'ExtraSmall',
     small: 'Small',
@@ -16358,4 +16435,57 @@ class Modal extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, COMPONENT_PARAMETER_TYPES, 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, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, 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, Repeats, 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, 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 };
+const SHADOW_STYLES = {
+    extra_small: {
+        boxShadow: '0 1px 2px 0 rgba(0,0,0,0.1)',
+    },
+    small: {
+        boxShadow: '0 2px 4px 1px rgba(0,0,0,0.1)',
+    },
+    medium: {
+        boxShadow: '0px 4px 8px 2px rgba(0,0,0,0.1)',
+    },
+    large: {
+        boxShadow: '0px 8px 16px 4px rgba(0,0,0,0.1)',
+    },
+};
+const ROUND_STYLES = {
+    extra_small: {
+        borderTopLeftRadius: '2px',
+        borderTopRightRadius: '2px',
+        borderBottomLeftRadius: '2px',
+        borderBottomRightRadius: '2px',
+    },
+    small: {
+        borderTopLeftRadius: '4px',
+        borderTopRightRadius: '4px',
+        borderBottomLeftRadius: '4px',
+        borderBottomRightRadius: '4px',
+    },
+    medium: {
+        borderTopLeftRadius: '8px',
+        borderTopRightRadius: '8px',
+        borderBottomLeftRadius: '8px',
+        borderBottomRightRadius: '8px',
+    },
+    large: {
+        borderTopLeftRadius: '16px',
+        borderTopRightRadius: '16px',
+        borderBottomLeftRadius: '16px',
+        borderBottomRightRadius: '16px',
+    },
+    extra_large: {
+        borderTopLeftRadius: '24px',
+        borderTopRightRadius: '24px',
+        borderBottomLeftRadius: '24px',
+        borderBottomRightRadius: '24px',
+    },
+    fulled: {
+        borderTopLeftRadius: '100%',
+        borderTopRightRadius: '100%',
+        borderBottomLeftRadius: '100%',
+        borderBottomRightRadius: '100%',
+    },
+};
+
+export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, 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, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, 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, 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

@@ -2343,35 +2343,20 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-type ComponentBaseProps = {
-    layerId: string;
-    style: Properties;
-};
-declare const COMPONENT_PARAMETER_TYPES: {
-    readonly TEXT: "text";
-    readonly MULTILINE_TEXT: "multiline_text";
-    readonly SELECT: "select";
-    readonly RADIO: "radio";
-    readonly CHECKBOX: "checkbox";
-    readonly BOOLEAN: "boolean";
-    readonly IMAGE: "image";
-    readonly NUMBER: "number";
-    readonly WIDTH: "width";
-    readonly ASPECT: "aspect";
-    readonly COLOR: "color";
-    readonly ICON: "icon";
-};
-type ComponentParameterType = (typeof COMPONENT_PARAMETER_TYPES)[keyof typeof COMPONENT_PARAMETER_TYPES];
-type ComponentParameterOption = {
-    label: string;
-    value: string | number;
-};
-type ComponentParameter<P extends object = object> = {
-    id: string;
-    name: string;
-    type: ComponentParameterType;
-    options?: ComponentParameterOption[];
-    isEnabled?: (p: P) => boolean;
+type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Properties>;
+declare const SHADOW_VARIANT: {
+    readonly extra_small: "XSmall";
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+};
+declare const ROUND_VARIANT: {
+    readonly extra_small: "XSmall (2px)";
+    readonly small: "Small (4px)";
+    readonly medium: "Medium (8px)";
+    readonly large: "Large (16px)";
+    readonly extra_large: "Large (24px)";
+    readonly fulled: "Full (100%)";
 };
 type PositionPlaceProps = {
     top?: Properties["top"];
@@ -2456,7 +2441,7 @@ declare const BUTTON_ICON_ANGLE: {
     readonly row: "\u5DE6\u5074";
     readonly "row-reverse": "\u53F3\u5074";
 };
-type ButtonProps = CommonProps & {
+type ButtonProps = CommonProps & BorderProps & {
     label?: string;
     size?: keyof typeof BUTTON_SIZE;
     theme?: keyof typeof BUTTON_THEME;
@@ -2473,6 +2458,11 @@ type ButtonProps = CommonProps & {
     color?: Properties["color"];
     backgroundColor?: Properties["backgroundColor"];
 };
+declare const buttonPropsDefault: ButtonProps;
+declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
+declare const BUTTON_THEME_STYLES: PropStyles<ButtonProps, "theme">;
+declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
+declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
 declare const BUTTON_VARIANTS: {
     size: {
         extra_small: Properties<0 | (string & {}), string & {}>;
@@ -2627,9 +2617,6 @@ declare const ICON_VARIANTS: {
     readonly users: typeof IconArrowDown;
     readonly x_mark: typeof IconArrowDown;
 };
-type IconVariant = (typeof ICON_VARIANTS)[keyof typeof ICON_VARIANTS];
-// @ts-ignore
-declare const ICON_PARAMS: ComponentParameter[];
 type IconProps = CommonProps & {
     variant: string;
     size?: keyof typeof ICON_SIZE;
@@ -2679,15 +2666,6 @@ type LayerLayoutProps = CommonProps & BorderProps & RadiusProps & ShadowProps &
     columnGap?: Properties["columnGap"];
     width?: Properties["width"];
 };
-declare const LAYER_TEXT_ALIGN_VALUES: readonly [
-    "center",
-    "left",
-    "right"
-];
-declare const LAYER_TEXT_FONT_WEIGHT_VALUES: readonly [
-    "bold",
-    "normal"
-];
 declare const LAYER_TEXT_SIZE: {
     readonly extra_small: "ExtraSmall";
     readonly small: "Small";
@@ -2765,7 +2743,9 @@ declare const TEXT_VARIANTS: {
         };
     };
 };
-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, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, BUTTON_VARIANTS, 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, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps, 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, CommonProps, 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, BUTTON_VARIANTS, 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, 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';

package/dist/index.es.js

@@ -11258,19 +11258,19 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-const COMPONENT_PARAMETER_TYPES = {
-    TEXT: 'text',
-    MULTILINE_TEXT: 'multiline_text',
-    SELECT: 'select',
-    RADIO: 'radio',
-    CHECKBOX: 'checkbox',
-    BOOLEAN: 'boolean',
-    IMAGE: 'image',
-    NUMBER: 'number',
-    WIDTH: 'width',
-    ASPECT: 'aspect',
-    COLOR: 'color',
-    ICON: 'icon',
+const SHADOW_VARIANT = {
+    extra_small: 'XSmall',
+    small: 'Small',
+    medium: 'Medium',
+    large: 'Large',
+};
+const ROUND_VARIANT = {
+    extra_small: 'XSmall (2px)',
+    small: 'Small (4px)',
+    medium: 'Medium (8px)',
+    large: 'Large (16px)',
+    extra_large: 'Large (24px)',
+    fulled: 'Full (100%)',
 };
 
 const toHyphenCase = (str) => {
@@ -11304,6 +11304,7 @@ const toCssCommon = (p) => {
     };
 };
 const toCssBorder = (p) => {
+    console.log(p);
     const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
     if (borderWidth === null)
         return {};
@@ -11466,6 +11467,41 @@ const AVATAR_SHAPE = {
     square: 'スクエア',
 };
 
+const BUTTON_SIZE = {
+    extra_small: 'XSmall',
+    small: 'Small',
+    medium: 'Medium',
+    large: 'Large',
+    extra_large: 'XLarge',
+};
+const BUTTON_THEME = {
+    default: 'デフォルト',
+    theme: 'テーマカラー',
+    alert: 'アラート',
+    transparent: '背景なし',
+};
+const BUTTON_ROUND = {
+    default: 'デフォルト',
+    none: 'なし',
+    fulled: '円形',
+};
+const BUTTON_LINK_TARGET = {
+    _self: '画面内遷移',
+    _blank: '別タブで開く',
+};
+const BUTTON_ICON_ANGLE = {
+    row: '左側',
+    'row-reverse': '右側',
+};
+const buttonPropsDefault = {
+    label: 'ボタン',
+    size: 'medium',
+    theme: 'default',
+    round: 'default',
+    width: 'auto',
+    wrap: 'nowrap',
+};
+
 /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
 
 function create_fragment$A(ctx) {
@@ -12955,28 +12991,6 @@ const ICON_VARIANTS = {
     users: IconUsers,
     x_mark: IconXMark,
 };
-// @ts-ignore
-const ICON_PARAMS = [
-    {
-        id: 'variant',
-        name: 'アイコン',
-        type: 'icon',
-    },
-    {
-        id: 'color',
-        name: 'カラー',
-        type: 'color',
-    },
-    {
-        id: 'size',
-        name: 'サイズ',
-        type: 'select',
-        options: Object.keys(ICON_SIZE).map(key => ({
-            label: ICON_SIZE[key].label,
-            value: ICON_SIZE[key].value,
-        })),
-    },
-];
 
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
@@ -13168,6 +13182,87 @@ class Icon extends SvelteComponent {
 	}
 }
 
+const BUTTON_SIZE_STYLES = {
+    extra_small: {
+        minHeight: '32px',
+        paddingInline: '12px',
+        fontSize: '12px',
+        paddingBlock: '8px',
+        lineHeight: 1.5,
+        borderRadius: '4px',
+    },
+    small: {
+        minHeight: '36px',
+        paddingInline: '16px',
+        fontSize: '13px',
+        paddingBlock: '8px',
+        lineHeight: 1.5,
+        borderRadius: '4px',
+    },
+    medium: {
+        minHeight: '40px',
+        paddingInline: '24px',
+        fontSize: '14px',
+        paddingBlock: '8px',
+        lineHeight: 1.5,
+        borderRadius: '4px',
+    },
+    large: {
+        minHeight: '48px',
+        paddingInline: '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',
+    },
+};
+const BUTTON_THEME_STYLES = {
+    theme: {
+        backgroundColor: 'rgba(18,160,160,1)',
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+    default: {
+        backgroundColor: '#33403e',
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+    transparent: {
+        backgroundColor: 'rgba(255, 255, 255, 0)',
+        color: '#00100ea1',
+        fontWeight: 'bold',
+    },
+    alert: {
+        backgroundColor: 'rgb(242,83,32,1)',
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+};
+const BUTTON_ROUND_STYLES = {
+    none: {
+        borderRadius: 0,
+    },
+    default: {},
+    fulled: {
+        borderRadius: '56px',
+    },
+};
+const BUTTON_WRAP_STYLES = {
+    nowrap: {
+        whiteSpace: 'nowrap',
+    },
+    wrap: {
+        whiteSpace: 'pre-wrap',
+    },
+};
 const BUTTON_VARIANTS = {
     size: {
         extra_small: {
@@ -13261,7 +13356,7 @@ function add_css$7(target) {
 	append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
-// (49:2) {#if (props.isIcon && props.iconVariant)}
+// (45:2) {#if (props.isIcon && props.iconVariant)}
 function create_if_block$4(ctx) {
 	let div;
 	let icon;
@@ -13271,7 +13366,7 @@ function create_if_block$4(ctx) {
 			props: {
 				props: {
 					variant: /*props*/ ctx[0].iconVariant,
-					color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
+					color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
 				}
 			}
 		});
@@ -13292,7 +13387,7 @@ function create_if_block$4(ctx) {
 
 			if (dirty & /*props*/ 1) icon_changes.props = {
 				variant: /*props*/ ctx[0].iconVariant,
-				color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
+				color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
 			};
 
 			icon.$set(icon_changes);
@@ -13317,7 +13412,7 @@ function create_fragment$7(ctx) {
 	let button;
 	let t0;
 	let span;
-	let t1_value = /*props*/ ctx[0].label + "";
+	let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
 	let t1;
 	let current;
 	let mounted;
@@ -13344,7 +13439,7 @@ function create_fragment$7(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
+				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
 				mounted = true;
 			}
 		},
@@ -13372,7 +13467,7 @@ function create_fragment$7(ctx) {
 				check_outros();
 			}
 
-			if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
+			if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "")) set_data(t1, t1_value);
 
 			if (!current || dirty & /*layerId*/ 2) {
 				attr(button, "data-layer-id", /*layerId*/ ctx[1]);
@@ -13407,6 +13502,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	let { eventValue = undefined } = $$props;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
+	const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
 
 	function handleClick() {
 		if (eventName) {
@@ -13417,9 +13513,9 @@ function instance$7($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		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 ('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 ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
 	};
@@ -13435,21 +13531,31 @@ function instance$7($$self, $$props, $$invalidate) {
 				border: 0,
 				transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
 				width: props.width,
-				backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
-				color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
-				fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
-				...BUTTON_VARIANTS.size[props.size ?? 'medium'],
-				...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
-				...BUTTON_VARIANTS.round[props.round ?? 'default'],
+				backgroundColor: props.backgroundColor ?? buttonThemeStyle.backgroundColor,
+				color: props.color ?? buttonThemeStyle.color,
+				fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
+				...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
+				...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
+				...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
-				...toCssCommon(props)
+				...toCssCommon(props),
+				...toCssBorder(props)
 			}));
 		}
 	};
 
-	return [props, layerId, style, handleClick, onClick, eventName, eventValue];
+	return [
+		props,
+		layerId,
+		style,
+		buttonThemeStyle,
+		handleClick,
+		onClick,
+		eventName,
+		eventValue
+	];
 }
 
 class Button extends SvelteComponent {
@@ -13463,9 +13569,9 @@ class Button extends SvelteComponent {
 			create_fragment$7,
 			safe_not_equal,
 			{
-				onClick: 4,
-				eventName: 5,
-				eventValue: 6,
+				onClick: 5,
+				eventName: 6,
+				eventValue: 7,
 				props: 0,
 				layerId: 1
 			},
@@ -13474,33 +13580,6 @@ class Button extends SvelteComponent {
 	}
 }
 
-const BUTTON_SIZE = {
-    extra_small: 'XSmall',
-    small: 'Small',
-    medium: 'Medium',
-    large: 'Large',
-    extra_large: 'XLarge',
-};
-const BUTTON_THEME = {
-    default: 'デフォルト',
-    theme: 'テーマカラー',
-    alert: 'アラート',
-    transparent: '背景なし',
-};
-const BUTTON_ROUND = {
-    default: 'デフォルト',
-    none: 'なし',
-    fulled: '円形',
-};
-const BUTTON_LINK_TARGET = {
-    _self: '画面内遷移',
-    _blank: '別タブで開く',
-};
-const BUTTON_ICON_ANGLE = {
-    row: '左側',
-    'row-reverse': '右側',
-};
-
 /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
@@ -14427,8 +14506,6 @@ class Text extends SvelteComponent {
 	}
 }
 
-const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
-const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
 const LAYER_TEXT_SIZE = {
     extra_small: 'ExtraSmall',
     small: 'Small',
@@ -15178,4 +15255,57 @@ class Modal extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, COMPONENT_PARAMETER_TYPES, 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, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, 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, Repeats, 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, 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 };
+const SHADOW_STYLES = {
+    extra_small: {
+        boxShadow: '0 1px 2px 0 rgba(0,0,0,0.1)',
+    },
+    small: {
+        boxShadow: '0 2px 4px 1px rgba(0,0,0,0.1)',
+    },
+    medium: {
+        boxShadow: '0px 4px 8px 2px rgba(0,0,0,0.1)',
+    },
+    large: {
+        boxShadow: '0px 8px 16px 4px rgba(0,0,0,0.1)',
+    },
+};
+const ROUND_STYLES = {
+    extra_small: {
+        borderTopLeftRadius: '2px',
+        borderTopRightRadius: '2px',
+        borderBottomLeftRadius: '2px',
+        borderBottomRightRadius: '2px',
+    },
+    small: {
+        borderTopLeftRadius: '4px',
+        borderTopRightRadius: '4px',
+        borderBottomLeftRadius: '4px',
+        borderBottomRightRadius: '4px',
+    },
+    medium: {
+        borderTopLeftRadius: '8px',
+        borderTopRightRadius: '8px',
+        borderBottomLeftRadius: '8px',
+        borderBottomRightRadius: '8px',
+    },
+    large: {
+        borderTopLeftRadius: '16px',
+        borderTopRightRadius: '16px',
+        borderBottomLeftRadius: '16px',
+        borderBottomRightRadius: '16px',
+    },
+    extra_large: {
+        borderTopLeftRadius: '24px',
+        borderTopRightRadius: '24px',
+        borderBottomLeftRadius: '24px',
+        borderBottomRightRadius: '24px',
+    },
+    fulled: {
+        borderTopLeftRadius: '100%',
+        borderTopRightRadius: '100%',
+        borderBottomLeftRadius: '100%',
+        borderBottomRightRadius: '100%',
+    },
+};
+
+export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, 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, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, 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, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.241-28706520.9a16bb68",
+  "version": "1.1.241-28708191.857eef2c",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",