@plaidev/karte-action-sdk 1.1.261 → 1.1.262-29016950.d6ccaa08

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.
@@ -938,6 +938,10 @@ declare const SYSTEM_FONT = "sans-serif, serif, monospace, system-ui";
938
938
  declare const Fonts: readonly [
939
939
  "sans-serif, serif, monospace, system-ui",
940
940
  "Noto Sans JP",
941
+ "Sawarabi Gothic",
942
+ "Zen Kaku Gothic New",
943
+ "Zen Maru Gothic",
944
+ "Shippori Mincho",
941
945
  "M PLUS Rounded 1c",
942
946
  "M PLUS 1p",
943
947
  "Kosugi Maru",
@@ -2343,13 +2347,7 @@ declare const afterUpdate: typeof afterUpdateSvelte;
2343
2347
  declare const tick: typeof tickSvelte;
2344
2348
  // @internal
2345
2349
  declare const LAYOUT_COMPONENT_NAMES: string[];
2346
- type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Properties>;
2347
- declare const SHADOW_VARIANT: {
2348
- readonly extra_small: "XSmall";
2349
- readonly small: "Small";
2350
- readonly medium: "Medium";
2351
- readonly large: "Large";
2352
- };
2350
+ type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Props | Properties>;
2353
2351
  declare const ROUND_VARIANT: {
2354
2352
  readonly extra_small: "XSmall (2px)";
2355
2353
  readonly small: "Small (4px)";
@@ -2359,20 +2357,28 @@ declare const ROUND_VARIANT: {
2359
2357
  readonly fulled: "Full (100%)";
2360
2358
  };
2361
2359
  declare const BUTTON_SIZE: {
2362
- readonly extra_small: "XSmall";
2363
- readonly small: "Small";
2364
- readonly medium: "Medium";
2365
- readonly large: "Large";
2366
- readonly extra_large: "XLarge";
2360
+ readonly extra_small: "\u30A8\u30AF\u30B9\u30C8\u30E9 \u30B9\u30E2\u30FC\u30EB";
2361
+ readonly small: "\u30B9\u30E2\u30FC\u30EB";
2362
+ readonly medium: "\u30DF\u30C7\u30A3\u30A2\u30E0";
2363
+ readonly large: "\u30E9\u30FC\u30B8";
2364
+ readonly extra_large: "\u30A8\u30AF\u30B9\u30C8\u30E9 \u30E9\u30FC\u30B8";
2367
2365
  };
2368
2366
  declare const BUTTON_THEME: {
2369
- readonly default: "Default";
2370
- readonly general: "General";
2371
- readonly success: "Success";
2372
- readonly warning: "Warning";
2373
- readonly danger: "Dander";
2374
- readonly info: "Info";
2375
- readonly white: "White";
2367
+ readonly default: "\u30CE\u30FC\u30DE\u30EB / \u30D6\u30E9\u30F3\u30C9";
2368
+ readonly general: "\u30CE\u30FC\u30DE\u30EB / \u30B8\u30A7\u30CD\u30E9\u30EB";
2369
+ readonly danger: "\u30CE\u30FC\u30DE\u30EB / \u30A2\u30E9\u30FC\u30C8";
2370
+ readonly white: "\u30CE\u30FC\u30DE\u30EB / \u30DB\u30EF\u30A4\u30C8";
2371
+ readonly default_outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3 / \u30D6\u30E9\u30F3\u30C9";
2372
+ readonly general_outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3 / \u30B8\u30A7\u30CD\u30E9\u30EB";
2373
+ readonly danger_outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3 / \u30A2\u30E9\u30FC\u30C8";
2374
+ readonly default_text: "\u30C6\u30AD\u30B9\u30C8 / \u30D6\u30E9\u30F3\u30C9";
2375
+ readonly general_text: "\u30C6\u30AD\u30B9\u30C8 / \u30B8\u30A7\u30CD\u30E9\u30EB";
2376
+ readonly danger_text: "\u30C6\u30AD\u30B9\u30C8 / \u30A2\u30E9\u30FC\u30C8";
2377
+ };
2378
+ declare const BUTTON_VARIANT: {
2379
+ readonly normal: "\u30CE\u30FC\u30DE\u30EB";
2380
+ readonly outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3";
2381
+ readonly text: "\u30C6\u30AD\u30B9\u30C8";
2376
2382
  };
2377
2383
  declare const BUTTON_ROUND: {
2378
2384
  readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
@@ -2387,7 +2393,7 @@ declare const BUTTON_ICON_ANGLE: {
2387
2393
  readonly row: "\u5DE6\u5074";
2388
2394
  readonly "row-reverse": "\u53F3\u5074";
2389
2395
  };
2390
- type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & BorderProps & {
2396
+ type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
2391
2397
  label?: string;
2392
2398
  // size
2393
2399
  size?: keyof typeof BUTTON_SIZE | string;
@@ -2397,8 +2403,10 @@ type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & With
2397
2403
  fontSize?: Properties["fontSize"];
2398
2404
  // theme
2399
2405
  theme?: keyof typeof BUTTON_THEME | string;
2406
+ variant?: keyof typeof BUTTON_VARIANT | string;
2400
2407
  color?: Properties["color"];
2401
2408
  backgroundColor?: Properties["backgroundColor"];
2409
+ borderColor?: Properties["borderColor"];
2402
2410
  // others
2403
2411
  fontWeight?: Properties["fontWeight"];
2404
2412
  round?: keyof typeof BUTTON_ROUND;
@@ -2422,6 +2430,71 @@ declare const getBrandKit: (customBrandKit?: Partial<BrandKit>) => BrandKit;
2422
2430
  declare const useBrandKit: () => {
2423
2431
  brandKit: BrandKit;
2424
2432
  };
2433
+ type VariantStyles<Props extends object = object> = Props & {
2434
+ hover?: Props;
2435
+ active?: Props;
2436
+ };
2437
+ type VariantDefinition<Props extends object = object, Meta extends object = object> = {
2438
+ name: string;
2439
+ description?: string;
2440
+ getProps: (brandKit?: BrandKit) => VariantStyles<Props>;
2441
+ meta?: Meta;
2442
+ };
2443
+ type VariantDefinitionGroup<Props extends object = object, Meta extends object = object> = Record<string, VariantDefinition<Props, Meta>>;
2444
+ // ================================
2445
+ // Aspect
2446
+ // ================================
2447
+ declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">, object>;
2448
+ type AspectVariantCode = keyof typeof ASPECT_VARIANT;
2449
+ declare const ASPECT_VARIANTS: (VariantDefinition<Omit<AspectProps, "aspectVariant">, object> & {
2450
+ code: string;
2451
+ })[];
2452
+ // ================================
2453
+ // FontFamily
2454
+ // ================================
2455
+ type FontVariantMeta = {
2456
+ lang: "ja" | "en";
2457
+ type: "kaku" | "maru" | "min";
2458
+ };
2459
+ declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
2460
+ type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
2461
+ declare const FONT_FAMILY_VARIANTS: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
2462
+ code: string;
2463
+ })[];
2464
+ declare const FONT_FAMILY_VARIANT_GROUPS: readonly [
2465
+ {
2466
+ readonly label: "\u65E5\u672C\u8A9E / \u89D2\u30B4\u30B7\u30C3\u30AF";
2467
+ readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
2468
+ code: string;
2469
+ })[];
2470
+ },
2471
+ {
2472
+ readonly label: "\u65E5\u672C\u8A9E / \u4E38\u30B4\u30B7\u30C3\u30AF";
2473
+ readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
2474
+ code: string;
2475
+ })[];
2476
+ },
2477
+ {
2478
+ readonly label: "\u65E5\u672C\u8A9E / \u660E\u671D";
2479
+ readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
2480
+ code: string;
2481
+ })[];
2482
+ },
2483
+ {
2484
+ readonly label: "\u82F1\u8A9E";
2485
+ readonly variants: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta> & {
2486
+ code: string;
2487
+ })[];
2488
+ }
2489
+ ];
2490
+ // ================================
2491
+ // Shadow
2492
+ // ================================
2493
+ declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>;
2494
+ type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
2495
+ declare const SHADOW_VARIANTS: (VariantDefinition<Omit<ShadowProps, "shadowVariant">, object> & {
2496
+ code: string;
2497
+ })[];
2425
2498
  type PositionPlaceProps = {
2426
2499
  top?: Properties["top"];
2427
2500
  left?: Properties["left"];
@@ -2479,6 +2552,7 @@ type BackgroundImageProps = {
2479
2552
  };
2480
2553
  type ShadowProps = {
2481
2554
  shadow?: Properties["boxShadow"];
2555
+ shadowVariant?: ShadowVariantCode;
2482
2556
  };
2483
2557
  type WithIconProps = {
2484
2558
  isIcon?: boolean;
@@ -2491,6 +2565,14 @@ type LinkProps = {
2491
2565
  linkUrl?: string;
2492
2566
  linkTarget?: keyof typeof BUTTON_LINK_TARGET;
2493
2567
  };
2568
+ type AspectProps = {
2569
+ aspectVariant?: AspectVariantCode | string;
2570
+ aspect?: Properties["aspectRatio"];
2571
+ };
2572
+ type FontFamilyProps = {
2573
+ fontFamilyVariant?: FontFamilyVariantCode;
2574
+ fontFamily?: Properties["fontFamily"];
2575
+ };
2494
2576
  declare const AVATAR_SIZE: {
2495
2577
  readonly extra_small: "XS\uFF0848 x 48\uFF09";
2496
2578
  readonly small: "S\uFF0864 x 64\uFF09";
@@ -2515,38 +2597,32 @@ type AvatarProps = CommonProps & ClickableProps & BorderProps & {
2515
2597
  };
2516
2598
  declare const avatarPropsDefault: AvatarProps;
2517
2599
  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
- };
2600
+ declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => Record<string, Partial<MetaProps & {
2601
+ top?: import("csstype").Property.Top<0 | (string & {})>;
2602
+ left?: import("csstype").Property.Left<0 | (string & {})>;
2603
+ right?: import("csstype").Property.Right<0 | (string & {})>;
2604
+ bottom?: import("csstype").Property.Bottom<0 | (string & {})>;
2605
+ transform?: import("csstype").Property.Transform;
2606
+ } & {
2607
+ position?: import("csstype").Property.Position;
2608
+ } & CustomizeCssProps & BrandStyleProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
2609
+ label?: string;
2610
+ size?: string;
2611
+ height?: import("csstype").Property.Height<0 | (string & {})>;
2612
+ paddingLeft?: import("csstype").Property.PaddingLeft<0 | (string & {})>;
2613
+ paddingRight?: import("csstype").Property.PaddingRight<0 | (string & {})>;
2614
+ fontSize?: import("csstype").Property.FontSize<0 | (string & {})>;
2615
+ theme?: string;
2616
+ variant?: string;
2617
+ color?: import("csstype").Property.Color;
2618
+ backgroundColor?: import("csstype").Property.BackgroundColor;
2619
+ borderColor?: import("csstype").Property.BorderColor;
2620
+ fontWeight?: import("csstype").Property.FontWeight;
2621
+ round?: "none" | "default" | "fulled";
2622
+ width?: import("csstype").Property.Width<0 | (string & {})>;
2623
+ wrap?: "wrap" | "nowrap";
2624
+ } & import("csstype").Properties<0 | (string & {}), string & {}>>>;
2548
2625
  declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
2549
- declare const BUTTON_THEME_STYLES: () => PropStyles<ButtonProps, "theme">;
2550
2626
  declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
2551
2627
  declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
2552
2628
  type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
@@ -2574,37 +2650,37 @@ declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>)
2574
2650
  default: {
2575
2651
  color: string;
2576
2652
  borderColor: string;
2577
- backgroundColor: "#FFFFFF";
2653
+ backgroundColor: string;
2578
2654
  };
2579
2655
  general: {
2580
2656
  color: string;
2581
2657
  borderColor: string;
2582
- backgroundColor: "#FFFFFF";
2658
+ backgroundColor: string;
2583
2659
  };
2584
2660
  success: {
2585
2661
  color: string;
2586
2662
  borderColor: string;
2587
- backgroundColor: "#FFFFFF";
2663
+ backgroundColor: string;
2588
2664
  };
2589
2665
  warning: {
2590
2666
  color: string;
2591
2667
  borderColor: string;
2592
- backgroundColor: "#FFFFFF";
2668
+ backgroundColor: string;
2593
2669
  };
2594
2670
  danger: {
2595
2671
  color: string;
2596
2672
  borderColor: string;
2597
- backgroundColor: "#FFFFFF";
2673
+ backgroundColor: string;
2598
2674
  };
2599
2675
  info: {
2600
2676
  color: string;
2601
2677
  borderColor: string;
2602
- backgroundColor: "#FFFFFF";
2678
+ backgroundColor: string;
2603
2679
  };
2604
2680
  white: {
2605
- color: "#FFFFFF";
2606
- borderColor: "#FFFFFF";
2607
- backgroundColor: "#000000";
2681
+ color: string;
2682
+ borderColor: string;
2683
+ backgroundColor: string;
2608
2684
  };
2609
2685
  };
2610
2686
  declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
@@ -2645,35 +2721,35 @@ type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps
2645
2721
  declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
2646
2722
  declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2647
2723
  default: {
2648
- backgroundColor: "#f3f4f6";
2724
+ backgroundColor: string;
2649
2725
  color: string;
2650
2726
  };
2651
2727
  link: {
2652
- backgroundColor: "#f3f4f6";
2728
+ backgroundColor: string;
2653
2729
  color: string;
2654
2730
  };
2655
2731
  general: {
2656
- backgroundColor: "#f3f4f6";
2732
+ backgroundColor: string;
2657
2733
  color: string;
2658
2734
  };
2659
2735
  success: {
2660
- backgroundColor: "#f3f4f6";
2736
+ backgroundColor: string;
2661
2737
  color: string;
2662
2738
  };
2663
2739
  warning: {
2664
- backgroundColor: "#f3f4f6";
2740
+ backgroundColor: string;
2665
2741
  color: string;
2666
2742
  };
2667
2743
  danger: {
2668
- backgroundColor: "#f3f4f6";
2744
+ backgroundColor: string;
2669
2745
  color: string;
2670
2746
  };
2671
2747
  info: {
2672
- backgroundColor: "#f3f4f6";
2748
+ backgroundColor: string;
2673
2749
  color: string;
2674
2750
  };
2675
2751
  white: {
2676
- backgroundColor: "#f3f4f6";
2752
+ backgroundColor: string;
2677
2753
  color: string;
2678
2754
  };
2679
2755
  };
@@ -2778,14 +2854,28 @@ type IconProps = CommonProps & ClickableProps & {
2778
2854
  height?: Properties$0["height"];
2779
2855
  };
2780
2856
  declare const ICON_SIZE_STYLES: PropStyles<IconProps, "size">;
2781
- type ImageProps = CommonProps & {
2857
+ declare const IMAGE_ROUND_SHAPE: {
2858
+ readonly circle: "\u30B5\u30FC\u30AF\u30EB";
2859
+ readonly square: "\u30B9\u30AF\u30A8\u30A2";
2860
+ readonly rounded: "\u30E9\u30A6\u30F3\u30C9";
2861
+ };
2862
+ declare const IMAGE_ASPECT_VARIANTS: {
2863
+ "1/1": string;
2864
+ "2/1": string;
2865
+ "3/2": string;
2866
+ "4/3": string;
2867
+ "16/9": string;
2868
+ "16/5": string;
2869
+ "1/2": string;
2870
+ "2/3": string;
2871
+ "3/4": string;
2872
+ "9/16": string;
2873
+ };
2874
+ type ImageProps = CommonProps & ClickableProps & AspectProps & BorderProps & {
2782
2875
  image?: string;
2783
2876
  width?: Properties["width"];
2784
- aspect?: string;
2785
2877
  alt?: string;
2786
- onClick?: OnClickOperation;
2787
- eventName?: string;
2788
- eventValue?: object;
2878
+ shape?: keyof typeof IMAGE_ROUND_SHAPE;
2789
2879
  };
2790
2880
  declare const LAYOUT_DISPLAY_TYPE: readonly [
2791
2881
  "inline-flex",
@@ -2823,39 +2913,39 @@ type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderPro
2823
2913
  columnGap?: Properties["columnGap"];
2824
2914
  width?: Properties["width"];
2825
2915
  };
2826
- type SliderProps = {
2916
+ type SliderProps = CommonProps & {
2827
2917
  gap: number;
2828
2918
  itemWidthPercentage: number;
2829
2919
  auto?: boolean;
2920
+ loop?: boolean;
2921
+ hideIndicator?: boolean;
2830
2922
  interval?: number;
2831
2923
  };
2924
+ type SliderItemProps = CommonProps & ClickableProps;
2832
2925
  declare const LAYER_TEXT_SIZE: {
2833
- readonly extra_small: "ExtraSmall";
2834
- readonly small: "Small";
2835
- readonly medium: "Medium";
2836
- readonly large: "Large";
2837
- readonly extra_large: "ExtraLarge";
2838
- readonly heading_extra_small: "HeadingExtraSmall";
2839
- readonly heading_small: "HeadingSmall";
2840
- readonly heading_medium: "HeadingMedium";
2841
- readonly heading_large: "HeadingLarge";
2842
- readonly heading_extra_large: "HeadingExtraLarge";
2926
+ readonly small: "\u672C\u6587 / \u30B9\u30E2\u30FC\u30EB";
2927
+ readonly medium: "\u672C\u6587 / \u30DF\u30C7\u30A3\u30A2\u30E0";
2928
+ readonly large: "\u672C\u6587 / \u30E9\u30FC\u30B8";
2929
+ readonly heading_extra_small: "\u898B\u51FA\u3057 / \u30B9\u30E2\u30FC\u30EB";
2930
+ readonly heading_small: "\u898B\u51FA\u3057 / \u30DF\u30C7\u30A3\u30A2\u30E0";
2931
+ readonly heading_medium: "\u898B\u51FA\u3057 / \u30E9\u30FC\u30B8";
2932
+ readonly heading_large: "\u898B\u51FA\u3057 / \u30A8\u30AF\u30B9\u30C8\u30E9\u30E9\u30FC\u30B8";
2843
2933
  };
2844
2934
  declare const TEXT_THEME: {
2845
- readonly default: "Default";
2846
- readonly gray: "Gray";
2847
- readonly brand: "Brand";
2848
- readonly success: "Success";
2849
- readonly warning: "Warning";
2850
- readonly danger: "Danger";
2851
- readonly info: "Info";
2852
- readonly white: "White";
2935
+ readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
2936
+ readonly gray: "\u30B0\u30EC\u30FC";
2937
+ readonly brand: "\u30D6\u30E9\u30F3\u30C9";
2938
+ readonly success: "\u30B5\u30AF\u30BB\u30B9";
2939
+ readonly warning: "\u30EF\u30FC\u30CB\u30F3\u30B0";
2940
+ readonly danger: "\u30A2\u30E9\u30FC\u30C8";
2941
+ readonly info: "\u30A4\u30F3\u30D5\u30A9";
2942
+ readonly white: "\u30DB\u30EF\u30A4\u30C8";
2853
2943
  };
2854
2944
  declare const TEXT_STYLE: {
2855
2945
  readonly normal: "normal";
2856
2946
  readonly italic: "italic";
2857
2947
  };
2858
- type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & PaddingProps & {
2948
+ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & FontFamilyProps & PaddingProps & {
2859
2949
  content: string;
2860
2950
  theme?: keyof typeof TEXT_THEME;
2861
2951
  size?: keyof typeof LAYER_TEXT_SIZE;
@@ -2863,7 +2953,6 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
2863
2953
  fontStyle?: Properties["fontStyle"];
2864
2954
  fontSize?: Properties["fontSize"];
2865
2955
  fontWeight?: Properties["fontWeight"];
2866
- fontFamily?: string;
2867
2956
  lineHeight?: number;
2868
2957
  color?: Properties["color"];
2869
2958
  width?: Properties["width"];
@@ -2896,11 +2985,6 @@ declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2896
2985
  };
2897
2986
  declare const TEXT_VARIANTS: {
2898
2987
  size: {
2899
- extra_small: {
2900
- fontSize: string;
2901
- lineHeight: number;
2902
- fontWeight: string;
2903
- };
2904
2988
  small: {
2905
2989
  fontSize: string;
2906
2990
  lineHeight: number;
@@ -2916,11 +3000,6 @@ declare const TEXT_VARIANTS: {
2916
3000
  lineHeight: number;
2917
3001
  fontWeight: string;
2918
3002
  };
2919
- extra_large: {
2920
- fontSize: string;
2921
- lineHeight: number;
2922
- fontWeight: string;
2923
- };
2924
3003
  heading_extra_small: {
2925
3004
  fontSize: string;
2926
3005
  lineHeight: number;
@@ -2941,11 +3020,6 @@ declare const TEXT_VARIANTS: {
2941
3020
  lineHeight: number;
2942
3021
  fontWeight: string;
2943
3022
  };
2944
- heading_extra_large: {
2945
- fontSize: string;
2946
- lineHeight: number;
2947
- fontWeight: string;
2948
- };
2949
3023
  };
2950
3024
  };
2951
3025
  declare const TEXT_LINK_SIZE: {
@@ -2967,7 +3041,7 @@ declare const TEXT_LINK_UNDERLINE: {
2967
3041
  readonly on: "\u5E38\u306B\u8868\u793A";
2968
3042
  readonly off: "\u5E38\u306B\u975E\u8868\u793A";
2969
3043
  };
2970
- type TextLinkProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
3044
+ type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
2971
3045
  label: string;
2972
3046
  // size
2973
3047
  size?: keyof typeof TEXT_LINK_SIZE;
@@ -3001,14 +3075,103 @@ declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
3001
3075
  color: string;
3002
3076
  };
3003
3077
  };
3078
+ type ListProps = CommonProps & {
3079
+ gap?: Properties["gap"];
3080
+ borderWidth?: Properties["borderTopWidth"];
3081
+ borderStyle?: Properties["borderTopStyle"];
3082
+ borderColor?: Properties["borderTopColor"];
3083
+ width?: Properties["width"];
3084
+ itemPaddingTop?: Properties["paddingTop"];
3085
+ itemPaddingLeft?: Properties["paddingLeft"];
3086
+ itemPaddingRight?: Properties["paddingRight"];
3087
+ itemPaddingBottom?: Properties["paddingBottom"];
3088
+ itemHeight?: Properties["height"];
3089
+ itemGap?: Properties["gap"];
3090
+ };
3091
+ type ListItemProps = CommonProps & ClickableProps & {
3092
+ gap?: number;
3093
+ };
3094
+ declare const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
3095
+ type ListItemContext = {
3096
+ paddingTop?: Properties["paddingTop"];
3097
+ paddingLeft?: Properties["paddingLeft"];
3098
+ paddingRight?: Properties["paddingRight"];
3099
+ paddingBottom?: Properties["paddingBottom"];
3100
+ height?: Properties["paddingTop"];
3101
+ borderTopWidth?: Properties["borderTopWidth"];
3102
+ borderTopStyle?: Properties["borderTopStyle"];
3103
+ borderTopColor?: Properties["borderTopColor"];
3104
+ gap?: Properties["gap"];
3105
+ };
3106
+ type MultiColumnProps = CommonProps & {
3107
+ gap?: Properties["columnGap"];
3108
+ borderWidth?: Properties["borderTopWidth"];
3109
+ borderStyle?: Properties["borderTopStyle"];
3110
+ borderColor?: Properties["borderTopColor"];
3111
+ width?: Properties["width"];
3112
+ itemPaddingTop?: Properties["paddingTop"];
3113
+ itemPaddingLeft?: Properties["paddingLeft"];
3114
+ itemPaddingRight?: Properties["paddingRight"];
3115
+ itemPaddingBottom?: Properties["paddingBottom"];
3116
+ itemHeight?: Properties["height"];
3117
+ itemGap?: Properties["gap"];
3118
+ };
3119
+ type MultiColumnItemProps = CommonProps & ClickableProps & {
3120
+ gap?: number;
3121
+ };
3122
+ declare const MULTI_COLUMN_ITEM_CONTEXT_KEY = "MultiColumnItemContext";
3123
+ type MultiColumnItemContext = {
3124
+ paddingTop?: Properties["paddingTop"];
3125
+ paddingLeft?: Properties["paddingLeft"];
3126
+ paddingRight?: Properties["paddingRight"];
3127
+ paddingBottom?: Properties["paddingBottom"];
3128
+ height?: Properties["paddingTop"];
3129
+ borderLeftWidth?: Properties["borderTopWidth"];
3130
+ borderLeftStyle?: Properties["borderTopStyle"];
3131
+ borderLeftColor?: Properties["borderTopColor"];
3132
+ gap?: Properties["gap"];
3133
+ innerGap?: Properties["gap"];
3134
+ };
3135
+ type YoutubeProps = CommonProps & BorderProps & {
3136
+ videoId?: string;
3137
+ loop?: boolean;
3138
+ autoplay?: boolean;
3139
+ mute?: boolean;
3140
+ controls?: boolean;
3141
+ showInfo?: boolean;
3142
+ showSubtitle?: boolean;
3143
+ showFullScreen?: boolean;
3144
+ showRelatedMovies?: boolean;
3145
+ // styles
3146
+ shape?: keyof typeof IMAGE_ROUND_SHAPE;
3147
+ width?: Properties["width"];
3148
+ };
3149
+ type CountDownProps = CommonProps & {
3150
+ timeLimit?: string;
3151
+ onEnd?: OnClickOperation;
3152
+ };
3153
+ type CountDownValueType = "day" | "hour" | "minute" | "second";
3154
+ type CountDownValueProps = LayerTextProps & {
3155
+ type: CountDownValueType;
3156
+ };
3157
+ type CountDownValues = {
3158
+ day: string;
3159
+ hour: string;
3160
+ min: string;
3161
+ sec: string;
3162
+ };
3163
+ type ClipboardProps = CommonProps & {
3164
+ content?: string;
3165
+ copiedEventName?: string;
3166
+ noneTooltip?: boolean;
3167
+ };
3004
3168
  type CodeProps = CommonProps & {
3005
3169
  rawHtml?: string;
3006
3170
  rawCss?: string;
3007
3171
  rawScript?: string;
3008
3172
  };
3009
- declare const SHADOW_STYLES: Record<keyof typeof SHADOW_VARIANT, Properties>;
3010
3173
  declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
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 };
3174
+ 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_VARIANT, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, getButtonThemeStyles, BUTTON_SIZE_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, CountDownProps, CountDownValueType, CountDownValueProps, CountDownValues, ClipboardProps, CodeProps, BrandKit, getBrandKit, useBrandKit, ROUND_STYLES, VariantStyles, VariantDefinition, VariantDefinitionGroup, ASPECT_VARIANT, AspectVariantCode, ASPECT_VARIANTS, FontVariantMeta, FONT_FAMILY_VARIANT, FontFamilyVariantCode, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, SHADOW_VARIANT, ShadowVariantCode, SHADOW_VARIANTS };
3012
3175
  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 };
3013
3176
  export { default as State } from './components/State.svelte';
3014
3177
  export { default as StateItem } from './components/StateItem.svelte';
@@ -3052,7 +3215,18 @@ export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
3052
3215
  export { default as FlexImage } from './components-flex/image/Image.svelte';
3053
3216
  export { default as FlexLayout } from './components-flex/layout/Layout.svelte';
3054
3217
  export { default as FlexSlider } from './components-flex/slider/Slider.svelte';
3218
+ export { default as FlexSliderItem } from './components-flex/slider/SliderItem.svelte';
3055
3219
  export { default as FlexText } from './components-flex/text/Text.svelte';
3220
+ export { default as FlexRichText } from './components-flex/rich-text/RichText.svelte';
3056
3221
  export { default as FlexTextLink } from './components-flex/text-link/TextLink.svelte';
3057
3222
  export { default as FlexModal } from './components-flex/modal/Modal.svelte';
3058
3223
  export { default as FlexCode } from './components-flex/code/Code.svelte';
3224
+ export { default as FlexList } from './components-flex/list/List.svelte';
3225
+ export { default as FlexListItem } from './components-flex/list/ListItem.svelte';
3226
+ export { default as FlexMultiColumn } from './components-flex/multi-column/MultiColumn.svelte';
3227
+ export { default as FlexMultiColumnItem } from './components-flex/multi-column/MultiColumnItem.svelte';
3228
+ export { default as FlexYoutube } from './components-flex/youtube/Youtube.svelte';
3229
+ export { default as FlexCountDown } from './components-flex/count-down/CountDown.svelte';
3230
+ export { default as FlexCountDownValue } from './components-flex/count-down/CountDownValue.svelte';
3231
+ export { default as FlexClipCopy } from './components-flex/clip-copy/ClipCopy.svelte';
3232
+ export { default as ThumbnailPreview } from './components-flex/ThumbnailPreview.svelte';