@plaidev/karte-action-sdk 1.1.263 → 1.1.264-29037816.a7f00a03

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.
package/dist/icons.d.ts CHANGED
@@ -1,114 +1,9 @@
1
- declare const ICONS: readonly [{
2
- readonly name: "arrow-down";
3
- readonly type: "solid";
4
- readonly component: "ArrowDownSolid";
5
- readonly src: string;
6
- }, {
7
- readonly name: "arrow-left";
8
- readonly type: "solid";
9
- readonly component: "ArrowLeftSolid";
10
- readonly src: string;
11
- }, {
12
- readonly name: "arrow-right";
13
- readonly type: "solid";
14
- readonly component: "ArrowRightSolid";
15
- readonly src: string;
16
- }, {
17
- readonly name: "arrow-up-right-from-square";
18
- readonly type: "solid";
19
- readonly component: "ArrowUpRightFromSquareSolid";
20
- readonly src: string;
21
- }, {
22
- readonly name: "arrow-up";
23
- readonly type: "solid";
24
- readonly component: "ArrowUpSolid";
25
- readonly src: string;
26
- }, {
27
- readonly name: "bell";
28
- readonly type: "solid";
29
- readonly component: "BellSolid";
30
- readonly src: string;
31
- }, {
32
- readonly name: "cart-shopping";
33
- readonly type: "solid";
34
- readonly component: "CartShoppingSolid";
35
- readonly src: string;
36
- }, {
37
- readonly name: "check";
38
- readonly type: "solid";
39
- readonly component: "CheckSolid";
40
- readonly src: string;
41
- }, {
42
- readonly name: "chevron-down";
43
- readonly type: "solid";
44
- readonly component: "ChevronDownSolid";
45
- readonly src: string;
46
- }, {
47
- readonly name: "chevron-left";
48
- readonly type: "solid";
49
- readonly component: "ChevronLeftSolid";
50
- readonly src: string;
51
- }, {
52
- readonly name: "chevron-right";
53
- readonly type: "solid";
54
- readonly component: "ChevronRightSolid";
55
- readonly src: string;
56
- }, {
57
- readonly name: "chevron-up";
58
- readonly type: "solid";
59
- readonly component: "ChevronUpSolid";
60
- readonly src: string;
61
- }, {
62
- readonly name: "circle-question";
63
- readonly type: "solid";
64
- readonly component: "CircleQuestionSolid";
65
- readonly src: string;
66
- }, {
67
- readonly name: "circle";
68
- readonly type: "solid";
69
- readonly component: "CircleSolid";
70
- readonly src: string;
71
- }, {
72
- readonly name: "copy";
73
- readonly type: "solid";
74
- readonly component: "CopySolid";
75
- readonly src: string;
76
- }, {
77
- readonly name: "paper-plane";
78
- readonly type: "solid";
79
- readonly component: "PaperPlaneSolid";
80
- readonly src: string;
81
- }, {
82
- readonly name: "ticket";
83
- readonly type: "solid";
84
- readonly component: "TicketSolid";
85
- readonly src: string;
86
- }, {
87
- readonly name: "truck";
88
- readonly type: "solid";
89
- readonly component: "TruckSolid";
90
- readonly src: string;
91
- }, {
92
- readonly name: "users";
93
- readonly type: "solid";
94
- readonly component: "UsersSolid";
95
- readonly src: string;
96
- }, {
97
- readonly name: "window-maximize";
98
- readonly type: "solid";
99
- readonly component: "WindowMaximizeSolid";
100
- readonly src: string;
101
- }, {
102
- readonly name: "window-minimize";
103
- readonly type: "solid";
104
- readonly component: "WindowMinimizeSolid";
105
- readonly src: string;
106
- }, {
107
- readonly name: "xmark";
108
- readonly type: "solid";
109
- readonly component: "XmarkSolid";
110
- readonly src: string;
111
- }];
1
+ declare const ICONS: {
2
+ name: string;
3
+ type: string;
4
+ component: string;
5
+ src: string;
6
+ }[];
112
7
  export { default as ArrowDownSolid } from './icons/solid/arrow-down.svg';
113
8
  export { default as ArrowLeftSolid } from './icons/solid/arrow-left.svg';
114
9
  export { default as ArrowRightSolid } from './icons/solid/arrow-right.svg';
@@ -7,7 +7,6 @@ import { afterUpdate as afterUpdateSvelte } from "svelte";
7
7
  import { tick as tickSvelte } from "svelte";
8
8
  import { Properties } from "csstype";
9
9
  import { Properties as Properties$0 } from "preact/src/jsx-csstype";
10
- import IconArrowDown from "./variants/IconArrowDown.svelte";
11
10
  /** @internal */
12
11
  declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
13
12
  // -------- The following codes are deprecated --------
@@ -133,7 +132,7 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
133
132
  *
134
133
  * @defaultValue `{}`
135
134
  */
136
- variables?: Variables;
135
+ variables?: VariablesQuery;
137
136
  /**
138
137
  * アクションで使用されるアクション実行時に取得される変数
139
138
  *
@@ -145,7 +144,7 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
145
144
  *
146
145
  * @defaultValue `() => {}`
147
146
  */
148
- onCreate?: ActionHook<Props, Variables & ActionVariables>;
147
+ onCreate?: ActionHook<Props, VariablesQuery & ActionVariables>;
149
148
  /**
150
149
  * KARTEテンプレートの情報
151
150
  *
@@ -402,6 +401,7 @@ declare function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" |
402
401
  * @internal
403
402
  */
404
403
  declare function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
404
+ declare function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
405
405
  type ModalProps = Props;
406
406
  /**
407
407
  * アクションを作成する
@@ -935,33 +935,7 @@ type FontWeight = string;
935
935
  /** @internal */
936
936
  declare const SYSTEM_FONT = "sans-serif, serif, monospace, system-ui";
937
937
  /** @internal */
938
- declare const Fonts: readonly [
939
- "sans-serif, serif, monospace, system-ui",
940
- "Noto Sans JP",
941
- "Sawarabi Gothic",
942
- "Zen Kaku Gothic New",
943
- "Zen Maru Gothic",
944
- "Shippori Mincho",
945
- "M PLUS Rounded 1c",
946
- "M PLUS 1p",
947
- "Kosugi Maru",
948
- "Kosugi",
949
- "BIZ UDPGothic",
950
- "Noto Serif JP",
951
- "BIZ UDPMincho",
952
- "Roboto",
953
- "Open Sans",
954
- "Montserrat",
955
- "Lato",
956
- "Poppins",
957
- "Raleway",
958
- "Nunito",
959
- "Playfair Display",
960
- "Merriweather",
961
- "Lora",
962
- "Libre Baskerville",
963
- "EB Garamond"
964
- ];
938
+ declare const Fonts: string[];
965
939
  type Font = (typeof Fonts)[number];
966
940
  /** @internal */
967
941
  declare const Justifies: readonly [
@@ -1486,7 +1460,7 @@ interface App {
1486
1460
  *
1487
1461
  * @internal
1488
1462
  */
1489
- type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
1463
+ type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
1490
1464
  /**
1491
1465
  * 非推奨
1492
1466
  *
@@ -1502,7 +1476,7 @@ declare const ensureModalRoot: typeof ensureActionRoot;
1502
1476
  *
1503
1477
  * @internal
1504
1478
  */
1505
- declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
1479
+ declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, VariablesQuery, VariablesQuery>): App;
1506
1480
  /**
1507
1481
  * 非推奨
1508
1482
  *
@@ -1516,7 +1490,7 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
1516
1490
  zIndex?: number;
1517
1491
  onclick: () => void;
1518
1492
  }): {
1519
- fog: HTMLDivElement;
1493
+ fog: HTMLElement | null;
1520
1494
  close: () => void;
1521
1495
  };
1522
1496
  type AnswerValue = {
@@ -1703,7 +1677,7 @@ declare namespace widget {
1703
1677
  *
1704
1678
  * @defaultValue `{}`
1705
1679
  */
1706
- variables?: Variables;
1680
+ variables?: VariablesQuery;
1707
1681
  /**
1708
1682
  * アクションで使用されるアクション実行時に取得される変数
1709
1683
  *
@@ -1715,7 +1689,7 @@ declare namespace widget {
1715
1689
  *
1716
1690
  * @defaultValue `() => {}`
1717
1691
  */
1718
- onCreate?: ActionHook<Props, Variables & ActionVariables>;
1692
+ onCreate?: ActionHook<Props, VariablesQuery & ActionVariables>;
1719
1693
  /**
1720
1694
  * KARTEテンプレートの情報
1721
1695
  *
@@ -1981,9 +1955,10 @@ declare namespace widget {
1981
1955
  */
1982
1956
  function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
1983
1957
  /** @internal */
1984
- function and(fn: Function, ...conditionFns: Function[]): () => void;
1958
+ function and(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
1985
1959
  /** @internal */
1986
- function or(fn: Function, ...conditionFns: Function[]): () => void;
1960
+ function or(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
1961
+ function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
1987
1962
  type ModalProps = Props;
1988
1963
  /**
1989
1964
  * 表示アクショントリガー
@@ -2076,7 +2051,7 @@ declare namespace widget {
2076
2051
  */
2077
2052
  function getActionRoot(): ShadowRoot | null;
2078
2053
  /** @internal */
2079
- function createModal<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
2054
+ function createModal<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, VariablesQuery & ActionVariables, VariablesQuery>): () => void;
2080
2055
  /** @internal */
2081
2056
  function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
2082
2057
  // -------- The following codes are deprecated --------
@@ -2128,7 +2103,7 @@ declare namespace widget {
2128
2103
  *
2129
2104
  * @internal
2130
2105
  */
2131
- type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
2106
+ type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
2132
2107
  /**
2133
2108
  * 非推奨
2134
2109
  *
@@ -2136,7 +2111,7 @@ declare namespace widget {
2136
2111
  *
2137
2112
  * @internal
2138
2113
  */
2139
- type ModalOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
2114
+ type ModalOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
2140
2115
  /**
2141
2116
  * 非推奨
2142
2117
  *
@@ -2152,7 +2127,7 @@ declare namespace widget {
2152
2127
  *
2153
2128
  * @internal
2154
2129
  */
2155
- function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
2130
+ function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, VariablesQuery, VariablesQuery>): App;
2156
2131
  /**
2157
2132
  * 非推奨
2158
2133
  *
@@ -2166,15 +2141,16 @@ declare namespace widget {
2166
2141
  zIndex?: number;
2167
2142
  onclick: () => void;
2168
2143
  }): {
2169
- fog: HTMLDivElement;
2144
+ fog: HTMLElement | null;
2170
2145
  close: () => void;
2171
2146
  };
2172
- // @ts-ignore
2173
- type ChangeValCallback = ({ newVal, oldVal, key }: {
2147
+ const newCollection: typeof collection;
2148
+ type ChangeValCallbackArg = {
2174
2149
  newVal: any;
2175
2150
  oldVal: any;
2176
- key: any;
2177
- }) => void;
2151
+ key: string;
2152
+ };
2153
+ type ChangeValCallback = (arg: ChangeValCallbackArg) => void;
2178
2154
  type EventCallback = (event: any) => void;
2179
2155
  type WidgetEventName = "hide" | "clickBackdrop" | "destroyed";
2180
2156
  /**
@@ -2296,15 +2272,7 @@ declare namespace widget {
2296
2272
  *
2297
2273
  * @public
2298
2274
  */
2299
- function collection$0(table: string): {
2300
- get(key: string | string[], cb: (err: Error, items?: (string | number | boolean | Date) | (string | number | boolean | Date)[]) => void): void;
2301
- getByQuery(query_name: string, params: {
2302
- [key: string]: (string | number | boolean | Date) | (string | number | boolean | Date)[];
2303
- }, options: {
2304
- ignore_fields?: string[];
2305
- }, cb: (err: Error, items?: (string | number | boolean | Date)[]) => void): void;
2306
- set(key: string, value: string, cb: (err: Error) => void): void;
2307
- };
2275
+ function collection$0(table: string): ReturnType<typeof newCollection>;
2308
2276
  /**
2309
2277
  * アクションを表示する
2310
2278
  *
@@ -2441,14 +2409,16 @@ type VariantDefinition<Props extends object = object, Meta extends object = obje
2441
2409
  meta?: Meta;
2442
2410
  };
2443
2411
  type VariantDefinitionGroup<Props extends object = object, Meta extends object = object> = Record<string, VariantDefinition<Props, Meta>>;
2412
+ type ToVariantArrayReturn<T> = T[keyof T] & {
2413
+ code: keyof T;
2414
+ };
2415
+ declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
2444
2416
  // ================================
2445
2417
  // Aspect
2446
2418
  // ================================
2447
- declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">, object>;
2419
+ declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
2448
2420
  type AspectVariantCode = keyof typeof ASPECT_VARIANT;
2449
- declare const ASPECT_VARIANTS: (VariantDefinition<Omit<AspectProps, "aspectVariant">, object> & {
2450
- code: string;
2451
- })[];
2421
+ declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
2452
2422
  // ================================
2453
2423
  // FontFamily
2454
2424
  // ================================
@@ -2458,43 +2428,18 @@ type FontVariantMeta = {
2458
2428
  };
2459
2429
  declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
2460
2430
  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
- ];
2431
+ declare const FONT_FAMILY_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>>[];
2432
+ type FontFamilyVariantGroup = {
2433
+ label: string;
2434
+ variants: ReturnType<typeof toVariantArray>;
2435
+ };
2436
+ declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
2490
2437
  // ================================
2491
2438
  // Shadow
2492
2439
  // ================================
2493
- declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>;
2440
+ declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
2494
2441
  type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
2495
- declare const SHADOW_VARIANTS: (VariantDefinition<Omit<ShadowProps, "shadowVariant">, object> & {
2496
- code: string;
2497
- })[];
2442
+ declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
2498
2443
  type PositionPlaceProps = {
2499
2444
  top?: Properties["top"];
2500
2445
  left?: Properties["left"];
@@ -2597,31 +2542,8 @@ type AvatarProps = CommonProps & ClickableProps & BorderProps & {
2597
2542
  };
2598
2543
  declare const avatarPropsDefault: AvatarProps;
2599
2544
  declare const AVATAR_SIZE_STYLES: PropStyles<AvatarProps, "size">;
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 & {}>>>;
2545
+ type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;
2546
+ declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonProps>;
2625
2547
  declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
2626
2548
  declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
2627
2549
  declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
@@ -2646,43 +2568,7 @@ type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIcon
2646
2568
  };
2647
2569
  declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
2648
2570
  declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
2649
- declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2650
- default: {
2651
- color: string;
2652
- borderColor: string;
2653
- backgroundColor: string;
2654
- };
2655
- general: {
2656
- color: string;
2657
- borderColor: string;
2658
- backgroundColor: string;
2659
- };
2660
- success: {
2661
- color: string;
2662
- borderColor: string;
2663
- backgroundColor: string;
2664
- };
2665
- warning: {
2666
- color: string;
2667
- borderColor: string;
2668
- backgroundColor: string;
2669
- };
2670
- danger: {
2671
- color: string;
2672
- borderColor: string;
2673
- backgroundColor: string;
2674
- };
2675
- info: {
2676
- color: string;
2677
- borderColor: string;
2678
- backgroundColor: string;
2679
- };
2680
- white: {
2681
- color: string;
2682
- borderColor: string;
2683
- backgroundColor: string;
2684
- };
2685
- };
2571
+ declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonOutlinedProps>;
2686
2572
  declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
2687
2573
  declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
2688
2574
  declare const BUTTON_TEXT_SIZE: {
@@ -2719,40 +2605,7 @@ type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps
2719
2605
  wrap?: "wrap" | "nowrap";
2720
2606
  };
2721
2607
  declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
2722
- declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2723
- default: {
2724
- backgroundColor: string;
2725
- color: string;
2726
- };
2727
- link: {
2728
- backgroundColor: string;
2729
- color: string;
2730
- };
2731
- general: {
2732
- backgroundColor: string;
2733
- color: string;
2734
- };
2735
- success: {
2736
- backgroundColor: string;
2737
- color: string;
2738
- };
2739
- warning: {
2740
- backgroundColor: string;
2741
- color: string;
2742
- };
2743
- danger: {
2744
- backgroundColor: string;
2745
- color: string;
2746
- };
2747
- info: {
2748
- backgroundColor: string;
2749
- color: string;
2750
- };
2751
- white: {
2752
- backgroundColor: string;
2753
- color: string;
2754
- };
2755
- };
2608
+ declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonTextProps>;
2756
2609
  declare const CLOSE_BUTTON_PLACEMENT: {
2757
2610
  readonly topRight: "topRight";
2758
2611
  readonly topLeft: "topLeft";
@@ -2784,67 +2637,13 @@ type CloseButtonProps = CommonProps & ClickableProps & BorderProps & {
2784
2637
  bottom?: Properties["bottom"];
2785
2638
  };
2786
2639
  declare const ICON_SIZE: {
2787
- readonly x_small: {
2788
- readonly label: "X Small";
2789
- readonly value: "12px";
2790
- };
2791
- readonly small: {
2792
- readonly label: "Small";
2793
- readonly value: "16px";
2794
- };
2795
- readonly medium: {
2796
- readonly label: "Medium";
2797
- readonly value: "20px";
2798
- };
2799
- readonly large: {
2800
- readonly label: "Large";
2801
- readonly value: "24px";
2802
- };
2803
- readonly x_large: {
2804
- readonly label: "X Large";
2805
- readonly value: "32px";
2806
- };
2807
- readonly x2_large: {
2808
- readonly label: "2X Large";
2809
- readonly value: "40px";
2810
- };
2811
- readonly x3_large: {
2812
- readonly label: "3X Large";
2813
- readonly value: "48px";
2640
+ [key: string]: {
2641
+ label: string;
2642
+ value: string;
2814
2643
  };
2815
2644
  };
2816
2645
  declare const ICON_VARIANTS: {
2817
- readonly arrow_down: typeof IconArrowDown;
2818
- readonly arrow_up: typeof IconArrowDown;
2819
- readonly arrow_left: typeof IconArrowDown;
2820
- readonly arrow_right: typeof IconArrowDown;
2821
- readonly arrow_up_from_square: typeof IconArrowDown;
2822
- readonly bell: typeof IconArrowDown;
2823
- readonly buildings: typeof IconArrowDown;
2824
- readonly cart_shopping: typeof IconArrowDown;
2825
- readonly check: typeof IconArrowDown;
2826
- readonly chevrons_right: typeof IconArrowDown;
2827
- readonly chevron_right: typeof IconArrowDown;
2828
- readonly circle: typeof IconArrowDown;
2829
- readonly circle_info: typeof IconArrowDown;
2830
- readonly circle_question: typeof IconArrowDown;
2831
- readonly circle_x_mark: typeof IconArrowDown;
2832
- readonly copy: typeof IconArrowDown;
2833
- readonly envelope: typeof IconArrowDown;
2834
- readonly fire: typeof IconArrowDown;
2835
- readonly gift: typeof IconArrowDown;
2836
- readonly heart: typeof IconArrowDown;
2837
- readonly link: typeof IconArrowDown;
2838
- readonly locationDot: typeof IconArrowDown;
2839
- readonly magnifying_grass: typeof IconArrowDown;
2840
- readonly paperclip: typeof IconArrowDown;
2841
- readonly paper_plane: typeof IconArrowDown;
2842
- readonly phone: typeof IconArrowDown;
2843
- readonly star: typeof IconArrowDown;
2844
- readonly ticket: typeof IconArrowDown;
2845
- readonly truck: typeof IconArrowDown;
2846
- readonly users: typeof IconArrowDown;
2847
- readonly x_mark: typeof IconArrowDown;
2646
+ [key: string]: any;
2848
2647
  };
2849
2648
  type IconProps = CommonProps & ClickableProps & {
2850
2649
  variant: string;
@@ -2957,70 +2756,12 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
2957
2756
  color?: Properties["color"];
2958
2757
  width?: Properties["width"];
2959
2758
  };
2960
- declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
2961
- default: {
2962
- color: string;
2963
- };
2964
- gray: {
2965
- color: string;
2966
- };
2967
- brand: {
2968
- color: string;
2969
- };
2970
- success: {
2971
- color: string;
2972
- };
2973
- warning: {
2974
- color: string;
2975
- };
2976
- danger: {
2977
- color: string;
2978
- };
2979
- info: {
2980
- color: string;
2981
- };
2982
- white: {
2983
- color: string;
2984
- };
2759
+ type TextThemeProps = {
2760
+ color: string;
2985
2761
  };
2762
+ declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
2986
2763
  declare const TEXT_VARIANTS: {
2987
- size: {
2988
- small: {
2989
- fontSize: string;
2990
- lineHeight: number;
2991
- fontWeight: string;
2992
- };
2993
- medium: {
2994
- fontSize: string;
2995
- lineHeight: number;
2996
- fontWeight: string;
2997
- };
2998
- large: {
2999
- fontSize: string;
3000
- lineHeight: number;
3001
- fontWeight: string;
3002
- };
3003
- heading_extra_small: {
3004
- fontSize: string;
3005
- lineHeight: number;
3006
- fontWeight: string;
3007
- };
3008
- heading_small: {
3009
- fontSize: string;
3010
- lineHeight: number;
3011
- fontWeight: string;
3012
- };
3013
- heading_medium: {
3014
- fontSize: string;
3015
- lineHeight: number;
3016
- fontWeight: string;
3017
- };
3018
- heading_large: {
3019
- fontSize: string;
3020
- lineHeight: number;
3021
- fontWeight: string;
3022
- };
3023
- };
2764
+ size: Record<NonNullable<LayerTextProps["size"]>, any>;
3024
2765
  };
3025
2766
  declare const TEXT_LINK_SIZE: {
3026
2767
  readonly small: "Small";
@@ -3055,26 +2796,7 @@ type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps
3055
2796
  fontWeight?: Properties["fontWeight"];
3056
2797
  };
3057
2798
  declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
3058
- declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
3059
- default: {
3060
- color: string;
3061
- };
3062
- link: {
3063
- color: string;
3064
- };
3065
- brand: {
3066
- color: string;
3067
- };
3068
- alert: {
3069
- color: string;
3070
- };
3071
- gray: {
3072
- color: string;
3073
- };
3074
- white: {
3075
- color: string;
3076
- };
3077
- };
2799
+ declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextLinkProps>;
3078
2800
  type ListProps = CommonProps & {
3079
2801
  gap?: Properties["gap"];
3080
2802
  borderWidth?: Properties["borderTopWidth"];