npm - @plaidev/karte-action-sdk - Versions diffs - 1.1.241-28705558.eff03b11 → 1.1.241-28708101.49567078 - Mend

@plaidev/karte-action-sdk 1.1.241-28705558.eff03b11 → 1.1.241-28708101.49567078

Files changed (5) hide show

package/dist/hydrate/index.es.d.ts +27 -42
package/dist/hydrate/index.es.js +221 -93
package/dist/index.es.d.ts +27 -42
package/dist/index.es.js +221 -93
package/package.json +1 -1

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

@@ -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"];
@@ -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";
@@ -2716,22 +2694,27 @@ declare const TEXT_VARIANTS: {
         extra_small: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         small: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         medium: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         large: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         extra_large: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         heading_extra_small: {
             fontSize: string;
@@ -2760,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 CHANGED Viewed

@@ -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 */
@@ -13979,7 +13993,7 @@ function add_css$8(target) {
 	append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
 }
-// (20:0) {#if (IconComponent)}
+// (21:0) {#if (IconComponent)}
 function create_if_block$5(ctx) {
 	let div;
 	let switch_instance;
@@ -14155,6 +14169,8 @@ function instance$8($$self, $$props, $$invalidate) {
 		};
 	};
+	console.log(props.color);
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -14180,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: {
@@ -14198,7 +14295,6 @@ const BUTTON_VARIANTS = {
             lineHeight: 1.5,
             borderRadius: '4px',
         },
-        // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
         medium: {
             minHeight: '40px',
             paddingInline: '24px',
@@ -14207,7 +14303,6 @@ const BUTTON_VARIANTS = {
             lineHeight: 1.5,
             borderRadius: '4px',
         },
-        // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
         large: {
             minHeight: '48px',
             paddingInline: '32px',
@@ -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}");
 }
-// (47:2) {#if (props.isIcon && props.iconVariant)}
+// (44: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: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
+					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: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
+				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,14 +14546,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	let { eventValue = undefined } = $$props;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
-	const getCssVariantTheme = () => {
-		return {
-			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
-		};
-	};
+	const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
 	function handleClick() {
 		if (eventName) {
@@ -14469,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);
 	};
@@ -14487,19 +14575,30 @@ function instance$7($$self, $$props, $$invalidate) {
 				border: 0,
 				transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
 				width: props.width,
-				...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 }
 				: {},
-				...getCssVariantTheme(),
 				...toCssCommon(props)
 			}));
 		}
 	};
-	return [props, layerId, style, handleClick, onClick, eventName, eventValue];
+	return [
+		props,
+		layerId,
+		style,
+		buttonThemeStyle,
+		handleClick,
+		onClick,
+		eventName,
+		eventValue
+	];
 }
 class Button extends SvelteComponent {
@@ -14513,9 +14612,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
 			},
@@ -14524,33 +14623,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) {
@@ -15446,22 +15518,27 @@ const TEXT_VARIANTS = {
         extra_small: {
             fontSize: '10px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         small: {
             fontSize: '12px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         medium: {
             fontSize: '14px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         large: {
             fontSize: '16px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         extra_large: {
             fontSize: '18px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         heading_extra_small: {
             fontSize: '14px',
@@ -15594,8 +15671,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',
@@ -16359,4 +16434,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 CHANGED Viewed

@@ -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"];
@@ -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";
@@ -2716,22 +2694,27 @@ declare const TEXT_VARIANTS: {
         extra_small: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         small: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         medium: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         large: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         extra_large: {
             fontSize: string;
             lineHeight: number;
+            fontWeight: string;
         };
         heading_extra_small: {
             fontSize: string;
@@ -2760,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 CHANGED Viewed

@@ -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 */
@@ -12984,7 +12998,7 @@ function add_css$8(target) {
 	append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
 }
-// (20:0) {#if (IconComponent)}
+// (21:0) {#if (IconComponent)}
 function create_if_block$5(ctx) {
 	let div;
 	let switch_instance;
@@ -13141,6 +13155,8 @@ function instance$8($$self, $$props, $$invalidate) {
 		};
 	};
+	console.log(props.color);
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
@@ -13166,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: {
@@ -13184,7 +13281,6 @@ const BUTTON_VARIANTS = {
             lineHeight: 1.5,
             borderRadius: '4px',
         },
-        // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
         medium: {
             minHeight: '40px',
             paddingInline: '24px',
@@ -13193,7 +13289,6 @@ const BUTTON_VARIANTS = {
             lineHeight: 1.5,
             borderRadius: '4px',
         },
-        // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
         large: {
             minHeight: '48px',
             paddingInline: '32px',
@@ -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}");
 }
-// (47:2) {#if (props.isIcon && props.iconVariant)}
+// (44: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: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
+					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: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].theme
+				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,14 +13502,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	let { eventValue = undefined } = $$props;
 	let { props = {} } = $$props;
 	let { layerId = '' } = $$props;
-	const getCssVariantTheme = () => {
-		return {
-			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
-		};
-	};
+	const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
 	function handleClick() {
 		if (eventName) {
@@ -13425,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);
 	};
@@ -13443,19 +13531,30 @@ function instance$7($$self, $$props, $$invalidate) {
 				border: 0,
 				transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
 				width: props.width,
-				...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 }
 				: {},
-				...getCssVariantTheme(),
 				...toCssCommon(props)
 			}));
 		}
 	};
-	return [props, layerId, style, handleClick, onClick, eventName, eventValue];
+	return [
+		props,
+		layerId,
+		style,
+		buttonThemeStyle,
+		handleClick,
+		onClick,
+		eventName,
+		eventValue
+	];
 }
 class Button extends SvelteComponent {
@@ -13469,9 +13568,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
 			},
@@ -13480,33 +13579,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) {
@@ -14294,22 +14366,27 @@ const TEXT_VARIANTS = {
         extra_small: {
             fontSize: '10px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         small: {
             fontSize: '12px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         medium: {
             fontSize: '14px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         large: {
             fontSize: '16px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         extra_large: {
             fontSize: '18px',
             lineHeight: 1.7,
+            fontWeight: 'normal',
         },
         heading_extra_small: {
             fontSize: '14px',
@@ -14428,8 +14505,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',
@@ -15179,4 +15254,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 CHANGED Viewed

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