@plaidev/karte-action-sdk 1.1.260 → 1.1.261-28976427.6758d4f1

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

@@ -2406,6 +2406,22 @@ type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & With
     wrap?: "wrap" | "nowrap";
 };
 declare const buttonPropsDefault: ButtonProps;
+type BrandKit = {
+    font_family: string;
+    color_text_primary: string;
+    color_text_secondary: string;
+    color_brand: string;
+    color_link: string;
+    color_danger: string;
+    color_success: string;
+    color_info: string;
+    color_warning: string;
+    color_white: string;
+};
+declare const getBrandKit: (customBrandKit?: Partial<BrandKit>) => BrandKit;
+declare const useBrandKit: () => {
+    brandKit: BrandKit;
+};
 type PositionPlaceProps = {
     top?: Properties["top"];
     left?: Properties["left"];
@@ -2423,7 +2439,10 @@ type CustomizeCssProps = {
     isCustomizeCss?: boolean;
     customizeCss?: string;
 };
-type CommonProps = MetaProps & PositionProps & CustomizeCssProps;
+type BrandStyleProps = {
+    customBrandKit?: Partial<BrandKit>;
+};
+type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
 type ClickableProps = {
     onClick?: OnClickOperation;
     eventName?: string;
@@ -2482,16 +2501,52 @@ declare const AVATAR_SIZE: {
 declare const AVATAR_SHAPE: {
     readonly circle: "\u30B5\u30FC\u30AF\u30EB";
     readonly square: "\u30B9\u30AF\u30A8\u30A2";
+    readonly rounded: "\u30E9\u30A6\u30F3\u30C9";
 };
 type AvatarProps = CommonProps & ClickableProps & BorderProps & {
-    size?: number;
+    // size
+    size?: keyof typeof AVATAR_SIZE | number;
+    width?: Properties["width"];
+    height?: Properties["height"];
     shape?: keyof typeof AVATAR_SHAPE;
     image?: string;
     caption?: string;
     alt?: string;
 };
+declare const avatarPropsDefault: AvatarProps;
+declare const AVATAR_SIZE_STYLES: PropStyles<AvatarProps, "size">;
+declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
+    default: {
+        backgroundColor: string;
+        color: "#FFFFFF";
+    };
+    general: {
+        backgroundColor: "#e8e8e8";
+        color: "rgba(0, 16, 14, 0.7)";
+    };
+    success: {
+        backgroundColor: string;
+        color: "#ffffff";
+    };
+    warning: {
+        backgroundColor: string;
+        color: "#ffffff";
+    };
+    danger: {
+        backgroundColor: string;
+        color: "#FFFFFF";
+    };
+    info: {
+        backgroundColor: string;
+        color: "#FFFFFF";
+    };
+    white: {
+        backgroundColor: "#FFFFFF";
+        color: string;
+    };
+};
 declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
-declare const BUTTON_THEME_STYLES: PropStyles<ButtonProps, "theme">;
+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 & ShadowProps & WithIconProps & LinkProps & BorderProps & {
@@ -2515,7 +2570,43 @@ type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIcon
 };
 declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
 declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
-declare const BUTTON_OUTLINED_THEME_STYLES: PropStyles<ButtonProps, "theme">;
+declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
+    default: {
+        color: string;
+        borderColor: string;
+        backgroundColor: "#FFFFFF";
+    };
+    general: {
+        color: string;
+        borderColor: string;
+        backgroundColor: "#FFFFFF";
+    };
+    success: {
+        color: string;
+        borderColor: string;
+        backgroundColor: "#FFFFFF";
+    };
+    warning: {
+        color: string;
+        borderColor: string;
+        backgroundColor: "#FFFFFF";
+    };
+    danger: {
+        color: string;
+        borderColor: string;
+        backgroundColor: "#FFFFFF";
+    };
+    info: {
+        color: string;
+        borderColor: string;
+        backgroundColor: "#FFFFFF";
+    };
+    white: {
+        color: "#FFFFFF";
+        borderColor: "#FFFFFF";
+        backgroundColor: "#000000";
+    };
+};
 declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
 declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
 declare const BUTTON_TEXT_SIZE: {
@@ -2552,7 +2643,40 @@ type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps
     wrap?: "wrap" | "nowrap";
 };
 declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
-declare const BUTTON_TEXT_THEME_STYLES: PropStyles<ButtonTextProps, "theme">;
+declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
+    default: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+    link: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+    general: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+    success: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+    warning: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+    danger: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+    info: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+    white: {
+        backgroundColor: "#f3f4f6";
+        color: string;
+    };
+};
 declare const CLOSE_BUTTON_PLACEMENT: {
     readonly topRight: "topRight";
     readonly topLeft: "topLeft";
@@ -2744,7 +2868,32 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
     color?: Properties["color"];
     width?: Properties["width"];
 };
-declare const TEXT_THEME_STYLES: PropStyles<LayerTextProps, "theme">;
+declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
+    default: {
+        color: string;
+    };
+    gray: {
+        color: string;
+    };
+    brand: {
+        color: string;
+    };
+    success: {
+        color: string;
+    };
+    warning: {
+        color: string;
+    };
+    danger: {
+        color: string;
+    };
+    info: {
+        color: string;
+    };
+    white: {
+        color: string;
+    };
+};
 declare const TEXT_VARIANTS: {
     size: {
         extra_small: {
@@ -2832,34 +2981,34 @@ type TextLinkProps = CommonProps & ClickableProps & LinkProps & WithIconProps &
     fontWeight?: Properties["fontWeight"];
 };
 declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
-declare const TEXT_LINK_THEME_STYLES: PropStyles<TextLinkProps, "theme">;
+declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
+    default: {
+        color: string;
+    };
+    link: {
+        color: string;
+    };
+    brand: {
+        color: string;
+    };
+    alert: {
+        color: string;
+    };
+    gray: {
+        color: string;
+    };
+    white: {
+        color: string;
+    };
+};
 type CodeProps = CommonProps & {
     rawHtml?: string;
     rawCss?: string;
     rawScript?: string;
 };
-type BrandKitColor = {
-    main: string;
-};
-type BrandKitColors = {
-    text_primary: BrandKitColor;
-    text_secondary: BrandKitColor;
-    brand: BrandKitColor;
-    link: BrandKitColor;
-    danger: BrandKitColor;
-    success: BrandKitColor;
-    info: BrandKitColor;
-    warning: BrandKitColor;
-    white: BrandKitColor;
-};
-type BrandKit = {
-    fontFamily: string;
-    colors: BrandKitColors;
-};
-declare const BRAND_KIT: BrandKit;
 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, 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_THEME_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, 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, TEXT_THEME_STYLES, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME_STYLES, CodeProps, BrandKitColor, BrandKitColors, BrandKit, BRAND_KIT, 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, 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 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';