@plaidev/karte-action-sdk 1.1.260 → 1.1.261-28980446.b2afc1a1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2406,6 +2406,22 @@ type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & With
2406
2406
  wrap?: "wrap" | "nowrap";
2407
2407
  };
2408
2408
  declare const buttonPropsDefault: ButtonProps;
2409
+ type BrandKit = {
2410
+ font_family: string;
2411
+ color_text_primary: string;
2412
+ color_text_secondary: string;
2413
+ color_brand: string;
2414
+ color_link: string;
2415
+ color_danger: string;
2416
+ color_success: string;
2417
+ color_info: string;
2418
+ color_warning: string;
2419
+ color_white: string;
2420
+ };
2421
+ declare const getBrandKit: (customBrandKit?: Partial<BrandKit>) => BrandKit;
2422
+ declare const useBrandKit: () => {
2423
+ brandKit: BrandKit;
2424
+ };
2409
2425
  type PositionPlaceProps = {
2410
2426
  top?: Properties["top"];
2411
2427
  left?: Properties["left"];
@@ -2423,7 +2439,10 @@ type CustomizeCssProps = {
2423
2439
  isCustomizeCss?: boolean;
2424
2440
  customizeCss?: string;
2425
2441
  };
2426
- type CommonProps = MetaProps & PositionProps & CustomizeCssProps;
2442
+ type BrandStyleProps = {
2443
+ customBrandKit?: Partial<BrandKit>;
2444
+ };
2445
+ type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
2427
2446
  type ClickableProps = {
2428
2447
  onClick?: OnClickOperation;
2429
2448
  eventName?: string;
@@ -2482,16 +2501,52 @@ declare const AVATAR_SIZE: {
2482
2501
  declare const AVATAR_SHAPE: {
2483
2502
  readonly circle: "\u30B5\u30FC\u30AF\u30EB";
2484
2503
  readonly square: "\u30B9\u30AF\u30A8\u30A2";
2504
+ readonly rounded: "\u30E9\u30A6\u30F3\u30C9";
2485
2505
  };
2486
2506
  type AvatarProps = CommonProps & ClickableProps & BorderProps & {
2487
- size?: number;
2507
+ // size
2508
+ size?: keyof typeof AVATAR_SIZE | number;
2509
+ width?: Properties["width"];
2510
+ height?: Properties["height"];
2488
2511
  shape?: keyof typeof AVATAR_SHAPE;
2489
2512
  image?: string;
2490
2513
  caption?: string;
2491
2514
  alt?: string;
2492
2515
  };
2516
+ declare const avatarPropsDefault: AvatarProps;
2517
+ declare const AVATAR_SIZE_STYLES: PropStyles<AvatarProps, "size">;
2518
+ declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2519
+ default: {
2520
+ backgroundColor: string;
2521
+ color: "#FFFFFF";
2522
+ };
2523
+ general: {
2524
+ backgroundColor: "#e8e8e8";
2525
+ color: "rgba(0, 16, 14, 0.7)";
2526
+ };
2527
+ success: {
2528
+ backgroundColor: string;
2529
+ color: "#ffffff";
2530
+ };
2531
+ warning: {
2532
+ backgroundColor: string;
2533
+ color: "#ffffff";
2534
+ };
2535
+ danger: {
2536
+ backgroundColor: string;
2537
+ color: "#FFFFFF";
2538
+ };
2539
+ info: {
2540
+ backgroundColor: string;
2541
+ color: "#FFFFFF";
2542
+ };
2543
+ white: {
2544
+ backgroundColor: "#FFFFFF";
2545
+ color: string;
2546
+ };
2547
+ };
2493
2548
  declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
2494
- declare const BUTTON_THEME_STYLES: PropStyles<ButtonProps, "theme">;
2549
+ declare const BUTTON_THEME_STYLES: () => PropStyles<ButtonProps, "theme">;
2495
2550
  declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
2496
2551
  declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
2497
2552
  type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
@@ -2515,7 +2570,43 @@ type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIcon
2515
2570
  };
2516
2571
  declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
2517
2572
  declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
2518
- declare const BUTTON_OUTLINED_THEME_STYLES: PropStyles<ButtonProps, "theme">;
2573
+ declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2574
+ default: {
2575
+ color: string;
2576
+ borderColor: string;
2577
+ backgroundColor: "#FFFFFF";
2578
+ };
2579
+ general: {
2580
+ color: string;
2581
+ borderColor: string;
2582
+ backgroundColor: "#FFFFFF";
2583
+ };
2584
+ success: {
2585
+ color: string;
2586
+ borderColor: string;
2587
+ backgroundColor: "#FFFFFF";
2588
+ };
2589
+ warning: {
2590
+ color: string;
2591
+ borderColor: string;
2592
+ backgroundColor: "#FFFFFF";
2593
+ };
2594
+ danger: {
2595
+ color: string;
2596
+ borderColor: string;
2597
+ backgroundColor: "#FFFFFF";
2598
+ };
2599
+ info: {
2600
+ color: string;
2601
+ borderColor: string;
2602
+ backgroundColor: "#FFFFFF";
2603
+ };
2604
+ white: {
2605
+ color: "#FFFFFF";
2606
+ borderColor: "#FFFFFF";
2607
+ backgroundColor: "#000000";
2608
+ };
2609
+ };
2519
2610
  declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
2520
2611
  declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
2521
2612
  declare const BUTTON_TEXT_SIZE: {
@@ -2552,7 +2643,40 @@ type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps
2552
2643
  wrap?: "wrap" | "nowrap";
2553
2644
  };
2554
2645
  declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
2555
- declare const BUTTON_TEXT_THEME_STYLES: PropStyles<ButtonTextProps, "theme">;
2646
+ declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2647
+ default: {
2648
+ backgroundColor: "#f3f4f6";
2649
+ color: string;
2650
+ };
2651
+ link: {
2652
+ backgroundColor: "#f3f4f6";
2653
+ color: string;
2654
+ };
2655
+ general: {
2656
+ backgroundColor: "#f3f4f6";
2657
+ color: string;
2658
+ };
2659
+ success: {
2660
+ backgroundColor: "#f3f4f6";
2661
+ color: string;
2662
+ };
2663
+ warning: {
2664
+ backgroundColor: "#f3f4f6";
2665
+ color: string;
2666
+ };
2667
+ danger: {
2668
+ backgroundColor: "#f3f4f6";
2669
+ color: string;
2670
+ };
2671
+ info: {
2672
+ backgroundColor: "#f3f4f6";
2673
+ color: string;
2674
+ };
2675
+ white: {
2676
+ backgroundColor: "#f3f4f6";
2677
+ color: string;
2678
+ };
2679
+ };
2556
2680
  declare const CLOSE_BUTTON_PLACEMENT: {
2557
2681
  readonly topRight: "topRight";
2558
2682
  readonly topLeft: "topLeft";
@@ -2744,7 +2868,32 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
2744
2868
  color?: Properties["color"];
2745
2869
  width?: Properties["width"];
2746
2870
  };
2747
- declare const TEXT_THEME_STYLES: PropStyles<LayerTextProps, "theme">;
2871
+ declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2872
+ default: {
2873
+ color: string;
2874
+ };
2875
+ gray: {
2876
+ color: string;
2877
+ };
2878
+ brand: {
2879
+ color: string;
2880
+ };
2881
+ success: {
2882
+ color: string;
2883
+ };
2884
+ warning: {
2885
+ color: string;
2886
+ };
2887
+ danger: {
2888
+ color: string;
2889
+ };
2890
+ info: {
2891
+ color: string;
2892
+ };
2893
+ white: {
2894
+ color: string;
2895
+ };
2896
+ };
2748
2897
  declare const TEXT_VARIANTS: {
2749
2898
  size: {
2750
2899
  extra_small: {
@@ -2832,34 +2981,34 @@ type TextLinkProps = CommonProps & ClickableProps & LinkProps & WithIconProps &
2832
2981
  fontWeight?: Properties["fontWeight"];
2833
2982
  };
2834
2983
  declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
2835
- declare const TEXT_LINK_THEME_STYLES: PropStyles<TextLinkProps, "theme">;
2984
+ declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2985
+ default: {
2986
+ color: string;
2987
+ };
2988
+ link: {
2989
+ color: string;
2990
+ };
2991
+ brand: {
2992
+ color: string;
2993
+ };
2994
+ alert: {
2995
+ color: string;
2996
+ };
2997
+ gray: {
2998
+ color: string;
2999
+ };
3000
+ white: {
3001
+ color: string;
3002
+ };
3003
+ };
2836
3004
  type CodeProps = CommonProps & {
2837
3005
  rawHtml?: string;
2838
3006
  rawCss?: string;
2839
3007
  rawScript?: string;
2840
3008
  };
2841
- type BrandKitColor = {
2842
- main: string;
2843
- };
2844
- type BrandKitColors = {
2845
- text_primary: BrandKitColor;
2846
- text_secondary: BrandKitColor;
2847
- brand: BrandKitColor;
2848
- link: BrandKitColor;
2849
- danger: BrandKitColor;
2850
- success: BrandKitColor;
2851
- info: BrandKitColor;
2852
- warning: BrandKitColor;
2853
- white: BrandKitColor;
2854
- };
2855
- type BrandKit = {
2856
- fontFamily: string;
2857
- colors: BrandKitColors;
2858
- };
2859
- declare const BRAND_KIT: BrandKit;
2860
3009
  declare const SHADOW_STYLES: Record<keyof typeof SHADOW_VARIANT, Properties>;
2861
3010
  declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
2862
- 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 };
3011
+ 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 };
2863
3012
  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 };
2864
3013
  export { default as State } from './components/State.svelte';
2865
3014
  export { default as StateItem } from './components/StateItem.svelte';