@plaidev/karte-action-sdk 1.1.260-28976393.2b8b0962 → 1.1.260

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

@@ -2406,22 +2406,6 @@ 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"];
@@ -2439,10 +2423,7 @@ type CustomizeCssProps = {
     isCustomizeCss?: boolean;
     customizeCss?: string;
 };
-type BrandStyleProps = {
-    customBrandKit?: Partial<BrandKit>;
-};
-type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
+type CommonProps = MetaProps & PositionProps & CustomizeCssProps;
 type ClickableProps = {
     onClick?: OnClickOperation;
     eventName?: string;
@@ -2501,52 +2482,16 @@ 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
-    size?: keyof typeof AVATAR_SIZE | number;
-    width?: Properties["width"];
-    height?: Properties["height"];
+    size?: number;
     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 & {
@@ -2570,43 +2515,7 @@ type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIcon
 };
 declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
 declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
-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_THEME_STYLES: PropStyles<ButtonProps, "theme">;
 declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
 declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
 declare const BUTTON_TEXT_SIZE: {
@@ -2643,40 +2552,7 @@ type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps
     wrap?: "wrap" | "nowrap";
 };
 declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
-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 BUTTON_TEXT_THEME_STYLES: PropStyles<ButtonTextProps, "theme">;
 declare const CLOSE_BUTTON_PLACEMENT: {
     readonly topRight: "topRight";
     readonly topLeft: "topLeft";
@@ -2868,32 +2744,7 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
     color?: Properties["color"];
     width?: Properties["width"];
 };
-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_THEME_STYLES: PropStyles<LayerTextProps, "theme">;
 declare const TEXT_VARIANTS: {
     size: {
         extra_small: {
@@ -2981,34 +2832,34 @@ type TextLinkProps = CommonProps & ClickableProps & LinkProps & WithIconProps &
     fontWeight?: Properties["fontWeight"];
 };
 declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
-declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        color: string;
-    };
-    link: {
-        color: string;
-    };
-    brand: {
-        color: string;
-    };
-    alert: {
-        color: string;
-    };
-    gray: {
-        color: string;
-    };
-    white: {
-        color: string;
-    };
-};
+declare const TEXT_LINK_THEME_STYLES: PropStyles<TextLinkProps, "theme">;
 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, 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, 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 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';