@plaidev/karte-action-sdk 1.1.261 → 1.1.262-29008967.165cd23d

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

@@ -938,6 +938,10 @@ declare const SYSTEM_FONT = "sans-serif, serif, monospace, system-ui";
 declare const Fonts: readonly [
     "sans-serif, serif, monospace, system-ui",
     "Noto Sans JP",
+    "Sawarabi Gothic",
+    "Zen Kaku Gothic New",
+    "Zen Maru Gothic",
+    "Shippori Mincho",
     "M PLUS Rounded 1c",
     "M PLUS 1p",
     "Kosugi Maru",
@@ -2344,12 +2348,6 @@ 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>;
-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)";
@@ -2422,6 +2420,38 @@ declare const getBrandKit: (customBrandKit?: Partial<BrandKit>) => BrandKit;
 declare const useBrandKit: () => {
     brandKit: BrandKit;
 };
+type VariantStyles<Props extends object = object> = Props & {
+    hover?: Props;
+    active?: Props;
+};
+type VariantDefinition<Props extends object = object, Meta extends object = undefined> = {
+    name: string;
+    description?: string;
+    getProps: (brandKit?: BrandKit) => VariantStyles<Props>;
+    meta?: Meta;
+};
+type VariantDefinitionGroup<Props extends object = object> = Record<string, VariantDefinition<Props>>;
+// ================================
+// Aspect
+// ================================
+declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
+type AspectVariantCode = keyof typeof ASPECT_VARIANT;
+declare const ASPECT_VARIANTS: (VariantDefinition<Omit<AspectProps, "aspectVariant">, undefined> & {
+    code: string;
+})[];
+declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">>;
+type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
+declare const FONT_FAMILY_VARIANTS: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, undefined> & {
+    code: string;
+})[];
+// ================================
+// Shadow
+// ================================
+declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
+type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
+declare const SHADOW_VARIANTS: (VariantDefinition<Omit<ShadowProps, "shadowVariant">, undefined> & {
+    code: string;
+})[];
 type PositionPlaceProps = {
     top?: Properties["top"];
     left?: Properties["left"];
@@ -2479,6 +2509,7 @@ type BackgroundImageProps = {
 };
 type ShadowProps = {
     shadow?: Properties["boxShadow"];
+    shadowVariant?: ShadowVariantCode;
 };
 type WithIconProps = {
     isIcon?: boolean;
@@ -2491,6 +2522,14 @@ type LinkProps = {
     linkUrl?: string;
     linkTarget?: keyof typeof BUTTON_LINK_TARGET;
 };
+type AspectProps = {
+    aspectVariant?: AspectVariantCode | string;
+    aspect?: Properties["aspectRatio"];
+};
+type FontFamilyProps = {
+    fontFamilyVariant?: FontFamilyVariantCode;
+    fontFamily?: Properties["fontFamily"];
+};
 declare const AVATAR_SIZE: {
     readonly extra_small: "XS\uFF0848 x 48\uFF09";
     readonly small: "S\uFF0864 x 64\uFF09";
@@ -2778,14 +2817,28 @@ type IconProps = CommonProps & ClickableProps & {
     height?: Properties$0["height"];
 };
 declare const ICON_SIZE_STYLES: PropStyles<IconProps, "size">;
-type ImageProps = CommonProps & {
+declare const IMAGE_ROUND_SHAPE: {
+    readonly circle: "\u30B5\u30FC\u30AF\u30EB";
+    readonly square: "\u30B9\u30AF\u30A8\u30A2";
+    readonly rounded: "\u30E9\u30A6\u30F3\u30C9";
+};
+declare const IMAGE_ASPECT_VARIANTS: {
+    "1/1": string;
+    "2/1": string;
+    "3/2": string;
+    "4/3": string;
+    "16/9": string;
+    "16/5": string;
+    "1/2": string;
+    "2/3": string;
+    "3/4": string;
+    "9/16": string;
+};
+type ImageProps = CommonProps & ClickableProps & AspectProps & BorderProps & {
     image?: string;
     width?: Properties["width"];
-    aspect?: string;
     alt?: string;
-    onClick?: OnClickOperation;
-    eventName?: string;
-    eventValue?: object;
+    shape?: keyof typeof IMAGE_ROUND_SHAPE;
 };
 declare const LAYOUT_DISPLAY_TYPE: readonly [
     "inline-flex",
@@ -2823,12 +2876,15 @@ type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderPro
     columnGap?: Properties["columnGap"];
     width?: Properties["width"];
 };
-type SliderProps = {
+type SliderProps = CommonProps & {
     gap: number;
     itemWidthPercentage: number;
     auto?: boolean;
+    loop?: boolean;
+    hideIndicator?: boolean;
     interval?: number;
 };
+type SliderItemProps = CommonProps & ClickableProps;
 declare const LAYER_TEXT_SIZE: {
     readonly extra_small: "ExtraSmall";
     readonly small: "Small";
@@ -2855,7 +2911,7 @@ declare const TEXT_STYLE: {
     readonly normal: "normal";
     readonly italic: "italic";
 };
-type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & PaddingProps & {
+type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & FontFamilyProps & PaddingProps & {
     content: string;
     theme?: keyof typeof TEXT_THEME;
     size?: keyof typeof LAYER_TEXT_SIZE;
@@ -2863,7 +2919,6 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
     fontStyle?: Properties["fontStyle"];
     fontSize?: Properties["fontSize"];
     fontWeight?: Properties["fontWeight"];
-    fontFamily?: string;
     lineHeight?: number;
     color?: Properties["color"];
     width?: Properties["width"];
@@ -2967,7 +3022,7 @@ declare const TEXT_LINK_UNDERLINE: {
     readonly on: "\u5E38\u306B\u8868\u793A";
     readonly off: "\u5E38\u306B\u975E\u8868\u793A";
 };
-type TextLinkProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
+type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
     label: string;
     // size
     size?: keyof typeof TEXT_LINK_SIZE;
@@ -3001,14 +3056,84 @@ declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
         color: string;
     };
 };
+type ListProps = CommonProps & {
+    gap?: Properties["gap"];
+    borderWidth?: Properties["borderTopWidth"];
+    borderStyle?: Properties["borderTopStyle"];
+    borderColor?: Properties["borderTopColor"];
+    width?: Properties["width"];
+    itemPaddingTop?: Properties["paddingTop"];
+    itemPaddingLeft?: Properties["paddingLeft"];
+    itemPaddingRight?: Properties["paddingRight"];
+    itemPaddingBottom?: Properties["paddingBottom"];
+    itemHeight?: Properties["height"];
+    itemGap?: Properties["gap"];
+};
+type ListItemProps = CommonProps & ClickableProps & {
+    gap?: number;
+};
+declare const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
+type ListItemContext = {
+    paddingTop?: Properties["paddingTop"];
+    paddingLeft?: Properties["paddingLeft"];
+    paddingRight?: Properties["paddingRight"];
+    paddingBottom?: Properties["paddingBottom"];
+    height?: Properties["paddingTop"];
+    borderTopWidth?: Properties["borderTopWidth"];
+    borderTopStyle?: Properties["borderTopStyle"];
+    borderTopColor?: Properties["borderTopColor"];
+    gap?: Properties["gap"];
+};
+type MultiColumnProps = CommonProps & {
+    gap?: Properties["columnGap"];
+    borderWidth?: Properties["borderTopWidth"];
+    borderStyle?: Properties["borderTopStyle"];
+    borderColor?: Properties["borderTopColor"];
+    width?: Properties["width"];
+    itemPaddingTop?: Properties["paddingTop"];
+    itemPaddingLeft?: Properties["paddingLeft"];
+    itemPaddingRight?: Properties["paddingRight"];
+    itemPaddingBottom?: Properties["paddingBottom"];
+    itemHeight?: Properties["height"];
+    itemGap?: Properties["gap"];
+};
+type MultiColumnItemProps = CommonProps & ClickableProps & {
+    gap?: number;
+};
+declare const MULTI_COLUMN_ITEM_CONTEXT_KEY = "MultiColumnItemContext";
+type MultiColumnItemContext = {
+    paddingTop?: Properties["paddingTop"];
+    paddingLeft?: Properties["paddingLeft"];
+    paddingRight?: Properties["paddingRight"];
+    paddingBottom?: Properties["paddingBottom"];
+    height?: Properties["paddingTop"];
+    borderLeftWidth?: Properties["borderTopWidth"];
+    borderLeftStyle?: Properties["borderTopStyle"];
+    borderLeftColor?: Properties["borderTopColor"];
+    gap?: Properties["gap"];
+    innerGap?: Properties["gap"];
+};
+type YoutubeProps = CommonProps & BorderProps & {
+    videoId?: string;
+    loop?: boolean;
+    autoplay?: boolean;
+    mute?: boolean;
+    controls?: boolean;
+    showInfo?: boolean;
+    showSubtitle?: boolean;
+    showFullScreen?: boolean;
+    showRelatedMovies?: boolean;
+    // styles
+    shape?: keyof typeof IMAGE_ROUND_SHAPE;
+    width?: Properties["width"];
+};
 type CodeProps = CommonProps & {
     rawHtml?: string;
     rawCss?: string;
     rawScript?: string;
 };
-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, CustomizeCssProps, BrandStyleProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, WithIconProps, LinkProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, avatarPropsDefault, AVATAR_SIZE_STYLES, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, getButtonThemeStyles, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, getButtonOutlinedThemeStyles, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_THEME, ButtonTextProps, BUTTON_TEXT_SIZE_STYLES, getButtonTextThemeStyles, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ICON_SIZE_STYLES, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, LAYER_TEXT_SIZE, TEXT_THEME, TEXT_STYLE, LayerTextProps, getTextThemeStyles, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, getTextLinkThemeStyles, CodeProps, BrandKit, getBrandKit, useBrandKit, 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, ROUND_VARIANT, PositionProps, MetaProps, CustomizeCssProps, BrandStyleProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, WithIconProps, LinkProps, AspectProps, FontFamilyProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, avatarPropsDefault, AVATAR_SIZE_STYLES, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, getButtonThemeStyles, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, getButtonOutlinedThemeStyles, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_THEME, ButtonTextProps, BUTTON_TEXT_SIZE_STYLES, getButtonTextThemeStyles, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ICON_SIZE_STYLES, IMAGE_ROUND_SHAPE, IMAGE_ASPECT_VARIANTS, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, SliderItemProps, LAYER_TEXT_SIZE, TEXT_THEME, TEXT_STYLE, LayerTextProps, getTextThemeStyles, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, getTextLinkThemeStyles, ListProps, ListItemProps, LIST_ITEM_CONTEXT_KEY, ListItemContext, MultiColumnProps, MultiColumnItemProps, MULTI_COLUMN_ITEM_CONTEXT_KEY, MultiColumnItemContext, YoutubeProps, CodeProps, BrandKit, getBrandKit, useBrandKit, ROUND_STYLES, VariantStyles, VariantDefinition, VariantDefinitionGroup, ASPECT_VARIANT, AspectVariantCode, ASPECT_VARIANTS, FONT_FAMILY_VARIANT, FontFamilyVariantCode, FONT_FAMILY_VARIANTS, SHADOW_VARIANT, ShadowVariantCode, SHADOW_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';
@@ -3052,7 +3177,15 @@ export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
 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 FlexSliderItem } from './components-flex/slider/SliderItem.svelte';
 export { default as FlexText } from './components-flex/text/Text.svelte';
+export { default as FlexRichText } from './components-flex/rich-text/RichText.svelte';
 export { default as FlexTextLink } from './components-flex/text-link/TextLink.svelte';
 export { default as FlexModal } from './components-flex/modal/Modal.svelte';
 export { default as FlexCode } from './components-flex/code/Code.svelte';
+export { default as FlexList } from './components-flex/list/List.svelte';
+export { default as FlexListItem } from './components-flex/list/ListItem.svelte';
+export { default as FlexMultiColumn } from './components-flex/multi-column/MultiColumn.svelte';
+export { default as FlexMultiColumnItem } from './components-flex/multi-column/MultiColumnItem.svelte';
+export { default as FlexYoutube } from './components-flex/youtube/Youtube.svelte';
+export { default as ThumbnailPreview } from './components-flex/ThumbnailPreview.svelte';