@plaidev/karte-action-sdk 1.1.239-28698610.0749fd40 → 1.1.239-28699462.30f6c30b

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

@@ -2437,6 +2437,12 @@ declare const BUTTON_SIZE: {
     readonly large: "Large";
     readonly extra_large: "XLarge";
 };
+declare const BUTTON_THEME: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
+    readonly alert: "\u30A2\u30E9\u30FC\u30C8";
+    readonly transparent: "\u80CC\u666F\u306A\u3057";
+};
 declare const BUTTON_COLOR: {
     readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
     readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
@@ -2460,6 +2466,7 @@ type ButtonProps = CommonProps & {
     label?: string;
     size?: keyof typeof BUTTON_SIZE;
     color?: keyof typeof BUTTON_COLOR;
+    theme?: keyof typeof BUTTON_THEME;
     round?: keyof typeof BUTTON_ROUND;
     isLink?: boolean;
     isIcon?: boolean;
@@ -2473,6 +2480,30 @@ type ButtonProps = CommonProps & {
     fontColor?: Properties["color"];
     backgroundColor?: Properties["backgroundColor"];
 };
+declare const BUTTON_VARIANTS: {
+    size: {
+        extra_small: Properties<0 | (string & {}), string & {}>;
+        small: Properties<0 | (string & {}), string & {}>;
+        medium: Properties<0 | (string & {}), string & {}>;
+        large: Properties<0 | (string & {}), string & {}>;
+        extra_large: Properties<0 | (string & {}), string & {}>;
+    };
+    theme: {
+        theme: Properties<0 | (string & {}), string & {}>;
+        default: Properties<0 | (string & {}), string & {}>;
+        transparent: Properties<0 | (string & {}), string & {}>;
+        alert: Properties<0 | (string & {}), string & {}>;
+    };
+    round: {
+        none: Properties<0 | (string & {}), string & {}>;
+        default: {};
+        fulled: Properties<0 | (string & {}), string & {}>;
+    };
+    wrap: {
+        nowrap: Properties<0 | (string & {}), string & {}>;
+        wrap: Properties<0 | (string & {}), string & {}>;
+    };
+};
 declare const TEXT_BUTTON_SIZE: {
     readonly extra_small: "XSmall";
     readonly small: "Small";
@@ -2710,7 +2741,7 @@ 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_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, 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 };
+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_COLOR, 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, 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 };
 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

@@ -14523,6 +14523,12 @@ const BUTTON_SIZE = {
     large: 'Large',
     extra_large: 'XLarge',
 };
+const BUTTON_THEME = {
+    default: 'デフォルト',
+    theme: 'テーマカラー',
+    alert: 'アラート',
+    transparent: '背景なし',
+};
 const BUTTON_COLOR = {
     default: 'デフォルト',
     theme: 'テーマカラー',
@@ -14543,6 +14549,95 @@ const BUTTON_ICON_ANGLE = {
     'row-reverse': '右側',
 };
 
+const BUTTON_VARIANTS = {
+    size: {
+        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',
+        },
+        // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
+        medium: {
+            minHeight: '40px',
+            paddingInline: '24px',
+            fontSize: '14px',
+            paddingBlock: '8px',
+            lineHeight: 1.5,
+            borderRadius: '4px',
+        },
+        // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
+        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',
+        },
+    },
+    theme: {
+        theme: {
+            backgroundColor: 'rgba(18,160,160,1)',
+            color: '#FFFFFF',
+            fontWeight: 'bold',
+        },
+        default: {
+            backgroundColor: '#33403e',
+            color: '#FFFFFF',
+            fontWeight: 'bold',
+            // 'bg-action-default hover:bg-action-default-hover text-default'
+        },
+        transparent: {
+            backgroundColor: 'rgba(255, 255, 255, 0)',
+            color: '#00100ea1',
+            fontWeight: 'bold',
+            // 'bg-action-default hover:bg-action-default-hover text-default'
+        },
+        alert: {
+            backgroundColor: 'rgb(242,83,32,1)',
+            color: '#FFFFFF',
+            fontWeight: 'bold',
+            // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
+        },
+    },
+    round: {
+        none: {
+            borderRadius: 0,
+        },
+        default: {},
+        fulled: {
+            borderRadius: '56px',
+        },
+    },
+    wrap: {
+        nowrap: {
+            whiteSpace: 'nowrap',
+        },
+        wrap: {
+            whiteSpace: 'pre-wrap',
+        },
+    },
+};
+
 /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
@@ -16306,4 +16401,4 @@ class Modal extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, 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 };
+export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, 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 };

package/dist/index.es.d.ts

@@ -2437,6 +2437,12 @@ declare const BUTTON_SIZE: {
     readonly large: "Large";
     readonly extra_large: "XLarge";
 };
+declare const BUTTON_THEME: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
+    readonly alert: "\u30A2\u30E9\u30FC\u30C8";
+    readonly transparent: "\u80CC\u666F\u306A\u3057";
+};
 declare const BUTTON_COLOR: {
     readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
     readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
@@ -2460,6 +2466,7 @@ type ButtonProps = CommonProps & {
     label?: string;
     size?: keyof typeof BUTTON_SIZE;
     color?: keyof typeof BUTTON_COLOR;
+    theme?: keyof typeof BUTTON_THEME;
     round?: keyof typeof BUTTON_ROUND;
     isLink?: boolean;
     isIcon?: boolean;
@@ -2473,6 +2480,30 @@ type ButtonProps = CommonProps & {
     fontColor?: Properties["color"];
     backgroundColor?: Properties["backgroundColor"];
 };
+declare const BUTTON_VARIANTS: {
+    size: {
+        extra_small: Properties<0 | (string & {}), string & {}>;
+        small: Properties<0 | (string & {}), string & {}>;
+        medium: Properties<0 | (string & {}), string & {}>;
+        large: Properties<0 | (string & {}), string & {}>;
+        extra_large: Properties<0 | (string & {}), string & {}>;
+    };
+    theme: {
+        theme: Properties<0 | (string & {}), string & {}>;
+        default: Properties<0 | (string & {}), string & {}>;
+        transparent: Properties<0 | (string & {}), string & {}>;
+        alert: Properties<0 | (string & {}), string & {}>;
+    };
+    round: {
+        none: Properties<0 | (string & {}), string & {}>;
+        default: {};
+        fulled: Properties<0 | (string & {}), string & {}>;
+    };
+    wrap: {
+        nowrap: Properties<0 | (string & {}), string & {}>;
+        wrap: Properties<0 | (string & {}), string & {}>;
+    };
+};
 declare const TEXT_BUTTON_SIZE: {
     readonly extra_small: "XSmall";
     readonly small: "Small";
@@ -2710,7 +2741,7 @@ 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_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, TEXT_BUTTON_SIZE, TEXT_BUTTON_COLOR, TEXT_BUTTON_ROUND, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ICON_ANGLE, TextButtonProps, 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 };
+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_COLOR, 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, 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 };
 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

@@ -13479,6 +13479,12 @@ const BUTTON_SIZE = {
     large: 'Large',
     extra_large: 'XLarge',
 };
+const BUTTON_THEME = {
+    default: 'デフォルト',
+    theme: 'テーマカラー',
+    alert: 'アラート',
+    transparent: '背景なし',
+};
 const BUTTON_COLOR = {
     default: 'デフォルト',
     theme: 'テーマカラー',
@@ -13499,6 +13505,95 @@ const BUTTON_ICON_ANGLE = {
     'row-reverse': '右側',
 };
 
+const BUTTON_VARIANTS = {
+    size: {
+        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',
+        },
+        // 'min-h-10 px-6 text-sm py-2 leading-[150%]'
+        medium: {
+            minHeight: '40px',
+            paddingInline: '24px',
+            fontSize: '14px',
+            paddingBlock: '8px',
+            lineHeight: 1.5,
+            borderRadius: '4px',
+        },
+        // 'min-h-14 px-8 text-lg py-3 leading-[150%]'
+        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',
+        },
+    },
+    theme: {
+        theme: {
+            backgroundColor: 'rgba(18,160,160,1)',
+            color: '#FFFFFF',
+            fontWeight: 'bold',
+        },
+        default: {
+            backgroundColor: '#33403e',
+            color: '#FFFFFF',
+            fontWeight: 'bold',
+            // 'bg-action-default hover:bg-action-default-hover text-default'
+        },
+        transparent: {
+            backgroundColor: 'rgba(255, 255, 255, 0)',
+            color: '#00100ea1',
+            fontWeight: 'bold',
+            // 'bg-action-default hover:bg-action-default-hover text-default'
+        },
+        alert: {
+            backgroundColor: 'rgb(242,83,32,1)',
+            color: '#FFFFFF',
+            fontWeight: 'bold',
+            // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
+        },
+    },
+    round: {
+        none: {
+            borderRadius: 0,
+        },
+        default: {},
+        fulled: {
+            borderRadius: '56px',
+        },
+    },
+    wrap: {
+        nowrap: {
+            whiteSpace: 'nowrap',
+        },
+        wrap: {
+            whiteSpace: 'pre-wrap',
+        },
+    },
+};
+
 /* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
@@ -15133,4 +15228,4 @@ class Modal extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, 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 };
+export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.239-28698610.0749fd40",
+  "version": "1.1.239-28699462.30f6c30b",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",