@plaidev/karte-action-sdk 1.1.250 → 1.1.251-28786588.7177c726

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

@@ -2343,7 +2343,10 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Properties>;
+type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Properties & Partial<{
+    hover: Properties;
+    active: Properties;
+}>>;
 declare const SHADOW_VARIANT: {
     readonly extra_small: "XSmall";
     readonly small: "Small";
@@ -2358,6 +2361,55 @@ declare const ROUND_VARIANT: {
     readonly extra_large: "Large (24px)";
     readonly fulled: "Full (100%)";
 };
+declare const BUTTON_SIZE: {
+    readonly extra_small: "XSmall";
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+    readonly extra_large: "XLarge";
+};
+declare const BUTTON_THEME: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly brand: "Brand";
+    readonly success: "Success";
+    readonly warning: "Warning";
+    readonly alert: "Dander";
+    readonly info: "Info";
+    readonly gray: "Gray";
+    readonly white: "White";
+};
+declare const BUTTON_ROUND: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly none: "\u306A\u3057";
+    readonly fulled: "\u5186\u5F62";
+};
+declare const BUTTON_LINK_TARGET: {
+    readonly _self: "\u753B\u9762\u5185\u9077\u79FB";
+    readonly _blank: "\u5225\u30BF\u30D6\u3067\u958B\u304F";
+};
+declare const BUTTON_ICON_ANGLE: {
+    readonly row: "\u5DE6\u5074";
+    readonly "row-reverse": "\u53F3\u5074";
+};
+type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & BorderProps & {
+    label?: string;
+    // size
+    size?: keyof typeof BUTTON_SIZE;
+    height?: Properties["height"];
+    paddingLeft?: Properties["paddingLeft"];
+    paddingRight?: Properties["paddingRight"];
+    fontSize?: Properties["fontSize"];
+    // theme
+    theme?: keyof typeof BUTTON_THEME;
+    color?: Properties["color"];
+    backgroundColor?: Properties["backgroundColor"];
+    // others
+    fontWeight?: Properties["fontWeight"];
+    round?: keyof typeof BUTTON_ROUND;
+    width?: Properties["width"];
+    wrap?: "wrap" | "nowrap";
+};
+declare const buttonPropsDefault: ButtonProps;
 type PositionPlaceProps = {
     top?: Properties["top"];
     left?: Properties["left"];
@@ -2408,6 +2460,17 @@ type BackgroundImageProps = {
 type ShadowProps = {
     shadow?: Properties["boxShadow"];
 };
+type WithIconProps = {
+    isIcon?: boolean;
+    iconVariant?: string;
+    iconColor?: Properties["color"];
+    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
+};
+type LinkProps = {
+    isLink?: boolean;
+    linkUrl?: string;
+    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
+};
 declare const AVATAR_SIZE: {
     readonly extra_small: "XS\uFF0848 x 48\uFF09";
     readonly small: "S\uFF0864 x 64\uFF09";
@@ -2426,99 +2489,69 @@ type AvatarProps = CommonProps & ClickableProps & BorderProps & {
     caption?: string;
     alt?: string;
 };
-declare const BUTTON_SIZE: {
-    readonly extra_small: "XSmall";
-    readonly small: "Small";
-    readonly medium: "Medium";
-    readonly large: "Large";
-    readonly extra_large: "XLarge";
-};
-declare const BUTTON_THEME: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly primary: "\u30D7\u30E9\u30A4\u30DE\u30EA\u30FC";
-    readonly secondary: "\u30BB\u30AB\u30F3\u30C0\u30EA\u30FC";
-    readonly success: "\u30B5\u30AF\u30BB\u30B9";
-    readonly warning: "\u30EF\u30FC\u30CB\u30F3\u30B0";
-    readonly alert: "\u30A2\u30E9\u30FC\u30C8";
-    readonly info: "\u30A4\u30F3\u30D5\u30A9";
-    readonly neutral: "\u30CB\u30E5\u30FC\u30C8\u30E9\u30EB";
-    readonly transparent: "\u80CC\u666F\u306A\u3057";
-};
-declare const BUTTON_ROUND: {
-    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
-    readonly none: "\u306A\u3057";
-    readonly fulled: "\u5186\u5F62";
-};
-declare const BUTTON_LINK_TARGET: {
-    readonly _self: "\u753B\u9762\u5185\u9077\u79FB";
-    readonly _blank: "\u5225\u30BF\u30D6\u3067\u958B\u304F";
-};
-declare const BUTTON_ICON_ANGLE: {
-    readonly row: "\u5DE6\u5074";
-    readonly "row-reverse": "\u53F3\u5074";
-};
-type ButtonProps = CommonProps & ClickableProps & ShadowProps & BorderProps & {
+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">;
+type ButtonOutlinedProps = CommonProps & ClickableProps & WithIconProps & LinkProps & BorderProps & {
     label?: string;
+    // size
     size?: keyof typeof BUTTON_SIZE;
     height?: Properties["height"];
     paddingLeft?: Properties["paddingLeft"];
     paddingRight?: Properties["paddingRight"];
     fontSize?: Properties["fontSize"];
+    // theme
     theme?: keyof typeof BUTTON_THEME;
-    round?: keyof typeof BUTTON_ROUND;
-    isLink?: boolean;
-    isIcon?: boolean;
-    linkUrl?: string;
-    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
-    iconVariant?: string;
-    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
-    width?: Properties["width"];
-    wrap?: "wrap" | "nowrap";
-    fontWeight?: Properties["fontWeight"];
     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">;
-type ButtonOutlinedProps = CommonProps & ClickableProps & BorderProps & {
-    label?: string;
-    size?: keyof typeof BUTTON_SIZE;
-    theme?: keyof typeof BUTTON_THEME;
-    round?: keyof typeof BUTTON_ROUND;
-    isLink?: boolean;
-    isIcon?: boolean;
-    linkUrl?: string;
-    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
-    iconVariant?: string;
-    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
+    borderColor?: Properties["backgroundColor"];
+    // others
     width?: Properties["width"];
-    wrap?: "wrap" | "nowrap";
+    round?: keyof typeof BUTTON_ROUND;
     fontWeight?: Properties["fontWeight"];
-    color?: Properties["color"];
-    backgroundColor?: Properties["backgroundColor"];
-    borderColor?: Properties["backgroundColor"];
+    wrap?: "wrap" | "nowrap";
 };
 declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
 declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
 declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
 declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
-type ButtonTextProps = CommonProps & ClickableProps & {
+declare const BUTTON_TEXT_SIZE: {
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+};
+declare const BUTTON_TEXT_THEME: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly link: "Link";
+    readonly brand: "Brand";
+    readonly success: "Success";
+    readonly warning: "Warning";
+    readonly alert: "Danger";
+    readonly info: "Info";
+    readonly gray: "Gray";
+    readonly white: "White";
+};
+type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
     label?: string;
-    size?: keyof typeof BUTTON_SIZE;
-    theme?: keyof typeof BUTTON_THEME;
-    isLink?: boolean;
-    isIcon?: boolean;
-    linkUrl?: string;
-    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
-    iconVariant?: string;
-    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
+    // size
+    size?: keyof typeof BUTTON_TEXT_SIZE;
+    height?: Properties["height"];
+    paddingLeft?: Properties["paddingLeft"];
+    paddingRight?: Properties["paddingRight"];
+    fontSize?: Properties["fontSize"];
+    // theme
+    theme?: keyof typeof BUTTON_TEXT_THEME;
+    color?: Properties["color"];
+    backgroundColor?: Properties["backgroundColor"];
+    // others
+    fontWeight?: Properties["fontWeight"];
     width?: Properties["width"];
+    round?: keyof typeof BUTTON_ROUND;
     wrap?: "wrap" | "nowrap";
-    fontWeight?: Properties["fontWeight"];
 };
+declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
+declare const BUTTON_TEXT_THEME_STYLES: PropStyles<ButtonTextProps, "theme">;
 declare const CLOSE_BUTTON_PLACEMENT: {
     readonly topRight: "topRight";
     readonly topLeft: "topLeft";
@@ -2682,7 +2715,7 @@ declare const LAYER_TEXT_SIZE: {
     readonly heading_large: "HeadingLarge";
     readonly heading_extra_large: "HeadingExtraLarge";
 };
-type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & PaddingProps & {
+type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & PaddingProps & {
     content: string;
     variant?: string;
     size?: keyof typeof LAYER_TEXT_SIZE;
@@ -2747,9 +2780,43 @@ declare const TEXT_VARIANTS: {
         };
     };
 };
+declare const TEXT_LINK_SIZE: {
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+};
+declare const TEXT_LINK_THEME: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly link: "Link";
+    readonly brand: "Brand";
+    readonly alert: "Danger";
+    readonly gray: "Gray";
+    readonly white: "White";
+};
+declare const TEXT_LINK_UNDERLINE: {
+    readonly hover_on: "\u30DB\u30D0\u30FC\u3067\u8868\u793A";
+    readonly hover_off: "\u30DB\u30D0\u30FC\u3067\u975E\u8868\u793A";
+    readonly on: "\u5E38\u306B\u8868\u793A";
+    readonly off: "\u5E38\u306B\u975E\u8868\u793A";
+};
+type TextLinkProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
+    label: string;
+    // size
+    size?: keyof typeof TEXT_LINK_SIZE;
+    lineHeight?: number;
+    fontSize?: Properties["fontSize"];
+    // theme
+    theme?: keyof typeof TEXT_LINK_THEME;
+    color?: Properties["color"];
+    // others
+    underline?: keyof typeof TEXT_LINK_UNDERLINE;
+    fontWeight?: Properties["fontWeight"];
+};
+declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
+declare const TEXT_LINK_THEME_STYLES: PropStyles<TextLinkProps, "theme">;
 declare const SHADOW_STYLES: Record<keyof typeof SHADOW_VARIANT, Properties>;
 declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, SHADOW_VARIANT, ROUND_VARIANT, PositionProps, MetaProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, ButtonTextProps, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS, SHADOW_STYLES, ROUND_STYLES };
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, SHADOW_VARIANT, ROUND_VARIANT, PositionProps, MetaProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, WithIconProps, LinkProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_THEME, ButtonTextProps, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME_STYLES, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, LAYER_TEXT_SIZE, LayerTextProps, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME_STYLES, 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';
@@ -2794,4 +2861,5 @@ export { default as FlexImage } from './components-flex/image/Image.svelte';
 export { default as FlexLayout } from './components-flex/layout/Layout.svelte';
 export { default as FlexSlider } from './components-flex/slider/Slider.svelte';
 export { default as FlexText } from './components-flex/text/Text.svelte';
+export { default as FlexTextLink } from './components-flex/text-link/TextLink.svelte';
 export { default as FlexModal } from './components-flex/modal/Modal.svelte';