@plaidev/karte-action-sdk 1.1.269-29152886.93a696e2 → 1.1.269-29161921.5f4ecb39

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.
Files changed (197) hide show
  1. package/dist/action.d.ts +1 -0
  2. package/dist/actionEvent.d.ts +1 -0
  3. package/dist/collection.d.ts +39 -39
  4. package/dist/components/index.d.ts +1 -0
  5. package/dist/components-flex/avatar/types.d.ts +16 -15
  6. package/dist/components-flex/brand-kit.d.ts +11 -11
  7. package/dist/components-flex/button/types.d.ts +43 -40
  8. package/dist/components-flex/button-outlined/types.d.ts +17 -14
  9. package/dist/components-flex/button-text/types.d.ts +27 -24
  10. package/dist/components-flex/clip-copy/types.d.ts +3 -3
  11. package/dist/components-flex/close-button/types.d.ts +21 -21
  12. package/dist/components-flex/code/types.d.ts +3 -3
  13. package/dist/components-flex/count-down/types.d.ts +7 -7
  14. package/dist/components-flex/icon/types.d.ts +9 -9
  15. package/dist/components-flex/image/types.d.ts +18 -18
  16. package/dist/components-flex/layout/types.d.ts +9 -9
  17. package/dist/components-flex/list/types.d.ts +18 -18
  18. package/dist/components-flex/modal/types.d.ts +1 -1
  19. package/dist/components-flex/multi-column/types.d.ts +19 -19
  20. package/dist/components-flex/props.d.ts +56 -56
  21. package/dist/components-flex/schemas.d.ts +17 -17
  22. package/dist/components-flex/shared/types.d.ts +6 -6
  23. package/dist/components-flex/slider/types.d.ts +6 -6
  24. package/dist/components-flex/styles.d.ts +1 -1
  25. package/dist/components-flex/text/constants.d.ts +1 -1
  26. package/dist/components-flex/text/styles.d.ts +1 -1
  27. package/dist/components-flex/text/types.d.ts +32 -29
  28. package/dist/components-flex/text-link/types.d.ts +24 -21
  29. package/dist/components-flex/utils/color.d.ts +3 -3
  30. package/dist/components-flex/utils/parser.d.ts +2 -2
  31. package/dist/components-flex/variants.d.ts +26 -11
  32. package/dist/components-flex/youtube/types.d.ts +12 -11
  33. package/dist/constants.d.ts +3 -2
  34. package/dist/enhancedStopPropagation.d.ts +1 -1
  35. package/dist/form.d.ts +15 -15
  36. package/dist/functions.d.ts +11 -11
  37. package/dist/hooks/useClickable.d.ts +3 -3
  38. package/dist/hooks/useText.d.ts +2 -2
  39. package/dist/hydrate/action.d.ts +1 -0
  40. package/dist/hydrate/actionEvent.d.ts +1 -0
  41. package/dist/hydrate/collection.d.ts +39 -39
  42. package/dist/hydrate/components/index.d.ts +1 -0
  43. package/dist/hydrate/components-flex/avatar/types.d.ts +16 -15
  44. package/dist/hydrate/components-flex/brand-kit.d.ts +11 -11
  45. package/dist/hydrate/components-flex/button/types.d.ts +43 -40
  46. package/dist/hydrate/components-flex/button-outlined/types.d.ts +17 -14
  47. package/dist/hydrate/components-flex/button-text/types.d.ts +27 -24
  48. package/dist/hydrate/components-flex/clip-copy/types.d.ts +3 -3
  49. package/dist/hydrate/components-flex/close-button/types.d.ts +21 -21
  50. package/dist/hydrate/components-flex/code/types.d.ts +3 -3
  51. package/dist/hydrate/components-flex/count-down/types.d.ts +7 -7
  52. package/dist/hydrate/components-flex/icon/types.d.ts +9 -9
  53. package/dist/hydrate/components-flex/image/types.d.ts +18 -18
  54. package/dist/hydrate/components-flex/layout/types.d.ts +9 -9
  55. package/dist/hydrate/components-flex/list/types.d.ts +18 -18
  56. package/dist/hydrate/components-flex/modal/types.d.ts +1 -1
  57. package/dist/hydrate/components-flex/multi-column/types.d.ts +19 -19
  58. package/dist/hydrate/components-flex/props.d.ts +56 -56
  59. package/dist/hydrate/components-flex/schemas.d.ts +17 -17
  60. package/dist/hydrate/components-flex/shared/types.d.ts +6 -6
  61. package/dist/hydrate/components-flex/slider/types.d.ts +6 -6
  62. package/dist/hydrate/components-flex/styles.d.ts +1 -1
  63. package/dist/hydrate/components-flex/text/constants.d.ts +1 -1
  64. package/dist/hydrate/components-flex/text/styles.d.ts +1 -1
  65. package/dist/hydrate/components-flex/text/types.d.ts +32 -29
  66. package/dist/hydrate/components-flex/text-link/types.d.ts +24 -21
  67. package/dist/hydrate/components-flex/utils/color.d.ts +3 -3
  68. package/dist/hydrate/components-flex/utils/parser.d.ts +2 -2
  69. package/dist/hydrate/components-flex/variants.d.ts +26 -11
  70. package/dist/hydrate/components-flex/youtube/types.d.ts +12 -11
  71. package/dist/hydrate/constants.d.ts +3 -2
  72. package/dist/hydrate/enhancedStopPropagation.d.ts +1 -1
  73. package/dist/hydrate/form.d.ts +15 -15
  74. package/dist/hydrate/functions.d.ts +11 -11
  75. package/dist/hydrate/hooks/useClickable.d.ts +3 -3
  76. package/dist/hydrate/hooks/useText.d.ts +2 -2
  77. package/dist/hydrate/index.d.ts +7 -5
  78. package/dist/hydrate/index.es.js +416 -2692
  79. package/dist/hydrate/index.svelte5.d.ts +6 -5
  80. package/dist/hydrate/logger.d.ts +14 -14
  81. package/dist/hydrate/modal.d.ts +9 -7
  82. package/dist/hydrate/modal.svelte5.d.ts +9 -7
  83. package/dist/hydrate/prop.d.ts +127 -127
  84. package/dist/hydrate/stores.d.ts +16 -16
  85. package/dist/hydrate/types.d.ts +15 -14
  86. package/dist/hydrate/utils.d.ts +36 -36
  87. package/dist/hydrate/widget.d.ts +10 -10
  88. package/dist/icons.d.ts +7 -4
  89. package/dist/index.es.d.ts +7 -5
  90. package/dist/index.es.js +413 -2677
  91. package/dist/logger.d.ts +14 -14
  92. package/dist/modal.d.ts +9 -7
  93. package/dist/modal.svelte5.d.ts +9 -7
  94. package/dist/prop.d.ts +127 -127
  95. package/dist/stores.d.ts +16 -16
  96. package/dist/svelte5/action.d.ts +1 -0
  97. package/dist/svelte5/actionEvent.d.ts +1 -0
  98. package/dist/svelte5/collection.d.ts +39 -39
  99. package/dist/svelte5/components/index.d.ts +1 -0
  100. package/dist/svelte5/components-flex/avatar/types.d.ts +16 -15
  101. package/dist/svelte5/components-flex/brand-kit.d.ts +11 -11
  102. package/dist/svelte5/components-flex/button/types.d.ts +43 -40
  103. package/dist/svelte5/components-flex/button-outlined/types.d.ts +17 -14
  104. package/dist/svelte5/components-flex/button-text/types.d.ts +27 -24
  105. package/dist/svelte5/components-flex/clip-copy/types.d.ts +3 -3
  106. package/dist/svelte5/components-flex/close-button/types.d.ts +21 -21
  107. package/dist/svelte5/components-flex/code/types.d.ts +3 -3
  108. package/dist/svelte5/components-flex/count-down/types.d.ts +7 -7
  109. package/dist/svelte5/components-flex/icon/types.d.ts +9 -9
  110. package/dist/svelte5/components-flex/image/types.d.ts +18 -18
  111. package/dist/svelte5/components-flex/layout/types.d.ts +9 -9
  112. package/dist/svelte5/components-flex/list/types.d.ts +18 -18
  113. package/dist/svelte5/components-flex/modal/types.d.ts +1 -1
  114. package/dist/svelte5/components-flex/multi-column/types.d.ts +19 -19
  115. package/dist/svelte5/components-flex/props.d.ts +56 -56
  116. package/dist/svelte5/components-flex/schemas.d.ts +17 -17
  117. package/dist/svelte5/components-flex/shared/types.d.ts +6 -6
  118. package/dist/svelte5/components-flex/slider/types.d.ts +6 -6
  119. package/dist/svelte5/components-flex/styles.d.ts +1 -1
  120. package/dist/svelte5/components-flex/text/constants.d.ts +1 -1
  121. package/dist/svelte5/components-flex/text/styles.d.ts +1 -1
  122. package/dist/svelte5/components-flex/text/types.d.ts +32 -29
  123. package/dist/svelte5/components-flex/text-link/types.d.ts +24 -21
  124. package/dist/svelte5/components-flex/utils/color.d.ts +3 -3
  125. package/dist/svelte5/components-flex/utils/parser.d.ts +2 -2
  126. package/dist/svelte5/components-flex/variants.d.ts +26 -11
  127. package/dist/svelte5/components-flex/youtube/types.d.ts +12 -11
  128. package/dist/svelte5/constants.d.ts +3 -2
  129. package/dist/svelte5/form.d.ts +15 -15
  130. package/dist/svelte5/functions.d.ts +11 -11
  131. package/dist/svelte5/hooks/useClickable.d.ts +3 -3
  132. package/dist/svelte5/hooks/useText.d.ts +2 -2
  133. package/dist/svelte5/hydrate/action.d.ts +1 -0
  134. package/dist/svelte5/hydrate/actionEvent.d.ts +1 -0
  135. package/dist/svelte5/hydrate/collection.d.ts +39 -39
  136. package/dist/svelte5/hydrate/components/index.d.ts +1 -0
  137. package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts +16 -15
  138. package/dist/svelte5/hydrate/components-flex/brand-kit.d.ts +11 -11
  139. package/dist/svelte5/hydrate/components-flex/button/types.d.ts +43 -40
  140. package/dist/svelte5/hydrate/components-flex/button-outlined/types.d.ts +17 -14
  141. package/dist/svelte5/hydrate/components-flex/button-text/types.d.ts +27 -24
  142. package/dist/svelte5/hydrate/components-flex/clip-copy/types.d.ts +3 -3
  143. package/dist/svelte5/hydrate/components-flex/close-button/types.d.ts +21 -21
  144. package/dist/svelte5/hydrate/components-flex/code/types.d.ts +3 -3
  145. package/dist/svelte5/hydrate/components-flex/count-down/types.d.ts +7 -7
  146. package/dist/svelte5/hydrate/components-flex/icon/types.d.ts +9 -9
  147. package/dist/svelte5/hydrate/components-flex/image/types.d.ts +18 -18
  148. package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +9 -9
  149. package/dist/svelte5/hydrate/components-flex/list/types.d.ts +18 -18
  150. package/dist/svelte5/hydrate/components-flex/modal/types.d.ts +1 -1
  151. package/dist/svelte5/hydrate/components-flex/multi-column/types.d.ts +19 -19
  152. package/dist/svelte5/hydrate/components-flex/props.d.ts +56 -56
  153. package/dist/svelte5/hydrate/components-flex/schemas.d.ts +17 -17
  154. package/dist/svelte5/hydrate/components-flex/shared/types.d.ts +6 -6
  155. package/dist/svelte5/hydrate/components-flex/slider/types.d.ts +6 -6
  156. package/dist/svelte5/hydrate/components-flex/styles.d.ts +1 -1
  157. package/dist/svelte5/hydrate/components-flex/text/constants.d.ts +1 -1
  158. package/dist/svelte5/hydrate/components-flex/text/styles.d.ts +1 -1
  159. package/dist/svelte5/hydrate/components-flex/text/types.d.ts +32 -29
  160. package/dist/svelte5/hydrate/components-flex/text-link/types.d.ts +24 -21
  161. package/dist/svelte5/hydrate/components-flex/utils/color.d.ts +3 -3
  162. package/dist/svelte5/hydrate/components-flex/utils/parser.d.ts +2 -2
  163. package/dist/svelte5/hydrate/components-flex/variants.d.ts +26 -11
  164. package/dist/svelte5/hydrate/components-flex/youtube/types.d.ts +12 -11
  165. package/dist/svelte5/hydrate/constants.d.ts +3 -2
  166. package/dist/svelte5/hydrate/form.d.ts +15 -15
  167. package/dist/svelte5/hydrate/functions.d.ts +11 -11
  168. package/dist/svelte5/hydrate/hooks/useClickable.d.ts +3 -3
  169. package/dist/svelte5/hydrate/hooks/useText.d.ts +2 -2
  170. package/dist/svelte5/hydrate/index.es.d.ts +6 -5
  171. package/dist/svelte5/hydrate/index.es.js +16 -20
  172. package/dist/svelte5/hydrate/logger.d.ts +14 -14
  173. package/dist/svelte5/hydrate/modal.d.ts +9 -7
  174. package/dist/svelte5/hydrate/modal.svelte5.d.ts +9 -7
  175. package/dist/svelte5/hydrate/prop.d.ts +127 -127
  176. package/dist/svelte5/hydrate/stores.d.ts +16 -16
  177. package/dist/svelte5/hydrate/types.d.ts +15 -14
  178. package/dist/svelte5/hydrate/utils.d.ts +36 -36
  179. package/dist/svelte5/hydrate/widget.d.ts +10 -10
  180. package/dist/svelte5/index.es.d.ts +6 -5
  181. package/dist/svelte5/index.es.js +16 -20
  182. package/dist/svelte5/index.front2.es.js +42 -46
  183. package/dist/svelte5/index.svelte5.d.ts +6 -5
  184. package/dist/svelte5/logger.d.ts +14 -14
  185. package/dist/svelte5/modal.d.ts +9 -7
  186. package/dist/svelte5/modal.svelte5.d.ts +9 -7
  187. package/dist/svelte5/prop.d.ts +127 -127
  188. package/dist/svelte5/stores.d.ts +16 -16
  189. package/dist/svelte5/types.d.ts +15 -14
  190. package/dist/svelte5/utils.d.ts +36 -36
  191. package/dist/svelte5/widget.d.ts +10 -10
  192. package/dist/templates.cjs.js +0 -1
  193. package/dist/templates.d.ts +5 -3
  194. package/dist/types.d.ts +15 -14
  195. package/dist/utils.d.ts +36 -36
  196. package/dist/widget.d.ts +10 -10
  197. package/package.json +3 -3
@@ -1,7 +1,7 @@
1
1
  type ActionTableResult = number | string | boolean | Date | null | undefined;
2
2
  type ActionTableQueryParam = string | number | boolean | Date;
3
3
  type ActionTableQueryParams = {
4
- [key: string]: ActionTableQueryParam | ActionTableQueryParam[]
4
+ [key: string]: ActionTableQueryParam | ActionTableQueryParam[];
5
5
  };
6
6
  /**
7
7
  * アクションテーブルの設定情報
@@ -11,9 +11,9 @@ type ActionTableQueryParams = {
11
11
  * @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
12
12
  */
13
13
  export type CollectionConfig = {
14
- api_key: string
15
- table: string
16
- collection_endpoint?: string
14
+ api_key: string;
15
+ table: string;
16
+ collection_endpoint?: string;
17
17
  };
18
18
  /**
19
19
  * アクションテーブルを管理するメソッドを取得する
@@ -33,7 +33,7 @@ export declare function collection(config: CollectionConfig): {
33
33
  *
34
34
  * @public
35
35
  */
36
- get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void
36
+ get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void;
37
37
  /**
38
38
  * クエリーを指定して、アクションテーブルから行を取得する
39
39
  * なお、クエリーは事前に管理画面で設定しておく必要があります。
@@ -45,76 +45,76 @@ export declare function collection(config: CollectionConfig): {
45
45
  * @public
46
46
  */
47
47
  getByQuery(query_name: string, params: ActionTableQueryParams, options: {
48
- ignore_fields?: string[]
49
- } | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void
48
+ ignore_fields?: string[];
49
+ } | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void;
50
50
  /** @internal */
51
- set(key: string, value: string, cb: (err: Error | null) => void): void
51
+ set(key: string, value: string, cb: (err: Error | null) => void): void;
52
52
  };
53
53
  /** @internal */
54
54
  export type VariableQuery = {
55
- resolver: string
56
- name: string
57
- query: any
58
- preview_value?: any
55
+ resolver: string;
56
+ name: string;
57
+ query: any;
58
+ preview_value?: any;
59
59
  };
60
60
  /** @internal */
61
61
  export type ActionTableRowRequestConfig = VariableQuery & {
62
- resolver: "action-table-row"
62
+ resolver: "action-table-row";
63
63
  query: {
64
- table_name: string
65
- key: string
66
- default_value?: ActionTableResult
67
- }
68
- preview_value?: ActionTableResult
64
+ table_name: string;
65
+ key: string;
66
+ default_value?: ActionTableResult;
67
+ };
68
+ preview_value?: ActionTableResult;
69
69
  };
70
70
  /** @internal */
71
71
  export type ActionTableRowsRequestConfig = VariableQuery & {
72
- resolver: "action-table-rows"
72
+ resolver: "action-table-rows";
73
73
  query: {
74
- table_name: string
75
- keys: Array<string>
76
- default_value?: Array<ActionTableResult>
77
- }
78
- preview_value?: Array<ActionTableResult>
74
+ table_name: string;
75
+ keys: Array<string>;
76
+ default_value?: Array<ActionTableResult>;
77
+ };
78
+ preview_value?: Array<ActionTableResult>;
79
79
  };
80
80
  /** @internal */
81
81
  export type ActionTableQueryRequestConfig = VariableQuery & {
82
- resolver: "action-table-query"
82
+ resolver: "action-table-query";
83
83
  query: {
84
- table_name: string
85
- query_name: string
84
+ table_name: string;
85
+ query_name: string;
86
86
  params?: {
87
- [key: string]: string
88
- }
89
- default_value?: Array<ActionTableResult>
90
- }
91
- preview_value?: Array<ActionTableResult>
87
+ [key: string]: string;
88
+ };
89
+ default_value?: Array<ActionTableResult>;
90
+ };
91
+ preview_value?: Array<ActionTableResult>;
92
92
  };
93
93
  /** @internal */
94
94
  export type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
95
95
  /** @internal */
96
96
  export declare const loadActionTableRow: (config: ActionTableRowRequestConfig, data: {
97
- [key: string]: any
97
+ [key: string]: any;
98
98
  }, api_key: string, collection_endpoint?: string) => Promise<unknown>;
99
99
  /** @internal */
100
100
  export declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, data: {
101
- [key: string]: any
101
+ [key: string]: any;
102
102
  }, api_key: string, collection_endpoint?: string) => Promise<unknown>;
103
103
  /** @internal */
104
104
  export declare const loadActionTableQuery: (config: ActionTableQueryRequestConfig, data: {
105
- [key: string]: any
105
+ [key: string]: any;
106
106
  }, api_key: string, collection_endpoint?: string) => Promise<unknown>;
107
107
  /** @internal */
108
108
  export declare const loadActionTable: (config: Array<VariableQuery>, data: {
109
- [key: string]: any
109
+ [key: string]: any;
110
110
  }, api_key: string, collection_endpoint?: string) => Promise<{
111
- [key: string]: any
111
+ [key: string]: any;
112
112
  }>;
113
113
  /** @internal */
114
114
  export declare function setupActionTable(localVariablesQuery: Array<VariableQuery>, data: {
115
- [key: string]: any
115
+ [key: string]: any;
116
116
  }, apiKey: string, collection_endpoint: string): Promise<{
117
- success: boolean
117
+ success: boolean;
118
118
  }>;
119
119
  /** @internal */
120
120
  export declare function initActionTable(localVariablesQuery: Array<VariableQuery> | undefined): void;
@@ -29,4 +29,5 @@ export declare const afterUpdate: typeof afterUpdateSvelte;
29
29
  * @returns Promise<void>
30
30
  */
31
31
  export declare const tick: typeof tickSvelte;
32
+ // @internal
32
33
  export declare const LAYOUT_COMPONENT_NAMES: string[];
@@ -1,24 +1,25 @@
1
1
  import type { BorderProps, ClickableProps, CommonProps, PaddingProps } from "../props.js";
2
2
  import type { Properties } from "csstype";
3
3
  export declare const AVATAR_SIZE: {
4
- readonly extra_small: "XS(48 x 48)"
5
- readonly small: "S(64 x 64)"
6
- readonly medium: "M(88 x 88)"
7
- readonly large: "L(108 x 108)"
8
- readonly extra_large: "XL(128 x 128)"
4
+ readonly extra_small: "XS(48 x 48)";
5
+ readonly small: "S(64 x 64)";
6
+ readonly medium: "M(88 x 88)";
7
+ readonly large: "L(108 x 108)";
8
+ readonly extra_large: "XL(128 x 128)";
9
9
  };
10
10
  export declare const AVATAR_SHAPE: {
11
- readonly circle: "サークル"
12
- readonly square: "スクエア"
13
- readonly rounded: "ラウンド"
11
+ readonly circle: "サークル";
12
+ readonly square: "スクエア";
13
+ readonly rounded: "ラウンド";
14
14
  };
15
15
  export type AvatarProps = CommonProps & ClickableProps & PaddingProps & BorderProps & {
16
- size?: keyof typeof AVATAR_SIZE | number
17
- width?: Properties["width"]
18
- height?: Properties["height"]
19
- shape?: keyof typeof AVATAR_SHAPE
20
- image?: string
21
- caption?: string
22
- alt?: string
16
+ // size
17
+ size?: keyof typeof AVATAR_SIZE | number;
18
+ width?: Properties["width"];
19
+ height?: Properties["height"];
20
+ shape?: keyof typeof AVATAR_SHAPE;
21
+ image?: string;
22
+ caption?: string;
23
+ alt?: string;
23
24
  };
24
25
  export declare const avatarPropsDefault: AvatarProps;
@@ -1,16 +1,16 @@
1
1
  export type BrandKit = {
2
- font_family: string
3
- color_text_primary: string
4
- color_text_secondary: string
5
- color_brand: string
6
- color_link: string
7
- color_danger: string
8
- color_success: string
9
- color_info: string
10
- color_warning: string
11
- color_white: string
2
+ font_family: string;
3
+ color_text_primary: string;
4
+ color_text_secondary: string;
5
+ color_brand: string;
6
+ color_link: string;
7
+ color_danger: string;
8
+ color_success: string;
9
+ color_info: string;
10
+ color_warning: string;
11
+ color_white: string;
12
12
  };
13
13
  export declare const getBrandKit: (customBrandKit?: Partial<BrandKit>) => BrandKit;
14
14
  export declare const useBrandKit: () => {
15
- brandKit: BrandKit
15
+ brandKit: BrandKit;
16
16
  };
@@ -1,57 +1,60 @@
1
1
  import type { Properties } from "csstype";
2
2
  import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps, RadiusProps } from "../props.js";
3
3
  export declare const BUTTON_SIZE: {
4
- readonly extra_small: "エクストラ スモール"
5
- readonly small: "スモール"
6
- readonly medium: "ミディアム"
7
- readonly large: "ラージ"
8
- readonly extra_large: "エクストラ ラージ"
4
+ readonly extra_small: "エクストラ スモール";
5
+ readonly small: "スモール";
6
+ readonly medium: "ミディアム";
7
+ readonly large: "ラージ";
8
+ readonly extra_large: "エクストラ ラージ";
9
9
  };
10
10
  export declare const BUTTON_THEME: {
11
- readonly default: "ノーマル / ブランド"
12
- readonly general: "ノーマル / ジェネラル"
13
- readonly danger: "ノーマル / アラート"
14
- readonly white: "ノーマル / ホワイト"
15
- readonly default_outline: "アウトライン / ブランド"
16
- readonly general_outline: "アウトライン / ジェネラル"
17
- readonly danger_outline: "アウトライン / アラート"
18
- readonly default_text: "テキスト / ブランド"
19
- readonly general_text: "テキスト / ジェネラル"
20
- readonly danger_text: "テキスト / アラート"
11
+ readonly default: "ノーマル / ブランド";
12
+ readonly general: "ノーマル / ジェネラル";
13
+ readonly danger: "ノーマル / アラート";
14
+ readonly white: "ノーマル / ホワイト";
15
+ readonly default_outline: "アウトライン / ブランド";
16
+ readonly general_outline: "アウトライン / ジェネラル";
17
+ readonly danger_outline: "アウトライン / アラート";
18
+ readonly default_text: "テキスト / ブランド";
19
+ readonly general_text: "テキスト / ジェネラル";
20
+ readonly danger_text: "テキスト / アラート";
21
21
  };
22
22
  export declare const BUTTON_VARIANT: {
23
- readonly normal: "ノーマル"
24
- readonly outline: "アウトライン"
25
- readonly text: "テキスト"
23
+ readonly normal: "ノーマル";
24
+ readonly outline: "アウトライン";
25
+ readonly text: "テキスト";
26
26
  };
27
27
  export declare const BUTTON_ROUND: {
28
- readonly default: "デフォルト"
29
- readonly none: "なし"
30
- readonly fulled: "円形"
28
+ readonly default: "デフォルト";
29
+ readonly none: "なし";
30
+ readonly fulled: "円形";
31
31
  };
32
32
  export declare const BUTTON_LINK_TARGET: {
33
- readonly _self: "画面内遷移"
34
- readonly _blank: "別タブで開く"
33
+ readonly _self: "画面内遷移";
34
+ readonly _blank: "別タブで開く";
35
35
  };
36
36
  export declare const BUTTON_ICON_ANGLE: {
37
- readonly row: "左側"
38
- readonly "row-reverse": "右側"
37
+ readonly row: "左側";
38
+ readonly "row-reverse": "右側";
39
39
  };
40
40
  export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
41
- label?: string
42
- size?: keyof typeof BUTTON_SIZE | string
43
- height?: Properties["height"]
44
- paddingLeft?: Properties["paddingLeft"]
45
- paddingRight?: Properties["paddingRight"]
46
- fontSize?: Properties["fontSize"]
47
- theme?: keyof typeof BUTTON_THEME | string
48
- variant?: keyof typeof BUTTON_VARIANT | string
49
- color?: Properties["color"]
50
- backgroundColor?: Properties["backgroundColor"]
51
- borderColor?: Properties["borderColor"]
52
- fontWeight?: Properties["fontWeight"]
53
- round?: keyof typeof BUTTON_ROUND
54
- width?: Properties["width"]
55
- wrap?: "wrap" | "nowrap"
41
+ label?: string;
42
+ // size
43
+ size?: keyof typeof BUTTON_SIZE | string;
44
+ height?: Properties["height"];
45
+ paddingLeft?: Properties["paddingLeft"];
46
+ paddingRight?: Properties["paddingRight"];
47
+ fontSize?: Properties["fontSize"];
48
+ // theme
49
+ theme?: keyof typeof BUTTON_THEME | string;
50
+ variant?: keyof typeof BUTTON_VARIANT | string;
51
+ color?: Properties["color"];
52
+ backgroundColor?: Properties["backgroundColor"];
53
+ borderColor?: Properties["borderColor"];
54
+ // others
55
+ fontWeight?: Properties["fontWeight"];
56
+ round?: keyof typeof BUTTON_ROUND;
57
+ width?: Properties["width"];
58
+ wrap?: "wrap" | "nowrap";
56
59
  };
57
60
  export declare const buttonPropsDefault: ButtonProps;
@@ -2,19 +2,22 @@ import type { Properties } from "csstype";
2
2
  import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps } from "../props.js";
3
3
  import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
4
4
  export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
5
- label?: string
6
- size?: keyof typeof BUTTON_SIZE
7
- height?: Properties["height"]
8
- paddingLeft?: Properties["paddingLeft"]
9
- paddingRight?: Properties["paddingRight"]
10
- fontSize?: Properties["fontSize"]
11
- theme?: keyof typeof BUTTON_THEME
12
- color?: Properties["color"]
13
- backgroundColor?: Properties["backgroundColor"]
14
- borderColor?: Properties["backgroundColor"]
15
- width?: Properties["width"]
16
- round?: keyof typeof BUTTON_ROUND
17
- fontWeight?: Properties["fontWeight"]
18
- wrap?: "wrap" | "nowrap"
5
+ label?: string;
6
+ // size
7
+ size?: keyof typeof BUTTON_SIZE;
8
+ height?: Properties["height"];
9
+ paddingLeft?: Properties["paddingLeft"];
10
+ paddingRight?: Properties["paddingRight"];
11
+ fontSize?: Properties["fontSize"];
12
+ // theme
13
+ theme?: keyof typeof BUTTON_THEME;
14
+ color?: Properties["color"];
15
+ backgroundColor?: Properties["backgroundColor"];
16
+ borderColor?: Properties["backgroundColor"];
17
+ // others
18
+ width?: Properties["width"];
19
+ round?: keyof typeof BUTTON_ROUND;
20
+ fontWeight?: Properties["fontWeight"];
21
+ wrap?: "wrap" | "nowrap";
19
22
  };
20
23
  export declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
@@ -2,32 +2,35 @@ import type { Properties } from "csstype";
2
2
  import type { ClickableProps, CommonProps, LinkProps, WithIconProps } from "../props.js";
3
3
  import type { BUTTON_ROUND } from "../button/types.js";
4
4
  export declare const BUTTON_TEXT_SIZE: {
5
- readonly small: "Small"
6
- readonly medium: "Medium"
7
- readonly large: "Large"
5
+ readonly small: "Small";
6
+ readonly medium: "Medium";
7
+ readonly large: "Large";
8
8
  };
9
9
  export declare const BUTTON_TEXT_THEME: {
10
- readonly default: "Default"
11
- readonly link: "Link"
12
- readonly general: "General"
13
- readonly success: "Success"
14
- readonly warning: "Warning"
15
- readonly danger: "Danger"
16
- readonly info: "Info"
17
- readonly white: "White"
10
+ readonly default: "Default";
11
+ readonly link: "Link";
12
+ readonly general: "General";
13
+ readonly success: "Success";
14
+ readonly warning: "Warning";
15
+ readonly danger: "Danger";
16
+ readonly info: "Info";
17
+ readonly white: "White";
18
18
  };
19
19
  export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
20
- label?: string
21
- size?: keyof typeof BUTTON_TEXT_SIZE
22
- height?: Properties["height"]
23
- paddingLeft?: Properties["paddingLeft"]
24
- paddingRight?: Properties["paddingRight"]
25
- fontSize?: Properties["fontSize"]
26
- theme?: keyof typeof BUTTON_TEXT_THEME
27
- color?: Properties["color"]
28
- backgroundColor?: Properties["backgroundColor"]
29
- fontWeight?: Properties["fontWeight"]
30
- width?: Properties["width"]
31
- round?: keyof typeof BUTTON_ROUND
32
- wrap?: "wrap" | "nowrap"
20
+ label?: string;
21
+ // size
22
+ size?: keyof typeof BUTTON_TEXT_SIZE;
23
+ height?: Properties["height"];
24
+ paddingLeft?: Properties["paddingLeft"];
25
+ paddingRight?: Properties["paddingRight"];
26
+ fontSize?: Properties["fontSize"];
27
+ // theme
28
+ theme?: keyof typeof BUTTON_TEXT_THEME;
29
+ color?: Properties["color"];
30
+ backgroundColor?: Properties["backgroundColor"];
31
+ // others
32
+ fontWeight?: Properties["fontWeight"];
33
+ width?: Properties["width"];
34
+ round?: keyof typeof BUTTON_ROUND;
35
+ wrap?: "wrap" | "nowrap";
33
36
  };
@@ -1,6 +1,6 @@
1
1
  import type { CommonProps } from "../props.js";
2
2
  export type ClipboardProps = CommonProps & {
3
- content?: string
4
- copiedEventName?: string
5
- noneTooltip?: boolean
3
+ content?: string;
4
+ copiedEventName?: string;
5
+ noneTooltip?: boolean;
6
6
  };
@@ -2,31 +2,31 @@ import type { BorderProps, ClickableProps, CommonProps, BackgroundColorProps, Co
2
2
  import type { Properties } from "csstype";
3
3
  import type { TEXT_THEME } from "../text/types.js";
4
4
  export declare const CLOSE_BUTTON_PLACEMENT: {
5
- readonly topRight: "topRight"
6
- readonly topLeft: "topLeft"
7
- readonly bottomRight: "bottomRight"
8
- readonly bottomLeft: "bottomLeft"
5
+ readonly topRight: "topRight";
6
+ readonly topLeft: "topLeft";
7
+ readonly bottomRight: "bottomRight";
8
+ readonly bottomLeft: "bottomLeft";
9
9
  };
10
10
  export declare const CLOSE_BUTTON_ROUND: {
11
- readonly default: "デフォルト"
12
- readonly none: "なし"
13
- readonly fulled: "円形"
11
+ readonly default: "デフォルト";
12
+ readonly none: "なし";
13
+ readonly fulled: "円形";
14
14
  };
15
15
  export declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
16
- readonly right: "right"
17
- readonly left: "left"
16
+ readonly right: "right";
17
+ readonly left: "left";
18
18
  };
19
19
  export type CloseButtonProps = CommonProps & BackgroundColorProps & ClickableProps & ColorProps & PaddingProps & BorderProps & {
20
- size?: number
21
- placement?: keyof typeof CLOSE_BUTTON_PLACEMENT
22
- round?: keyof typeof CLOSE_BUTTON_ROUND
23
- bordered?: boolean
24
- label?: string
25
- labelColor?: Properties["color"]
26
- labelColorVariant?: keyof typeof TEXT_THEME
27
- labelPlacement?: keyof typeof CLOSE_BUTTON_LABEL_PLACEMENT
28
- top?: Properties["top"]
29
- right?: Properties["right"]
30
- left?: Properties["left"]
31
- bottom?: Properties["bottom"]
20
+ size?: number;
21
+ placement?: keyof typeof CLOSE_BUTTON_PLACEMENT;
22
+ round?: keyof typeof CLOSE_BUTTON_ROUND;
23
+ bordered?: boolean;
24
+ label?: string;
25
+ labelColor?: Properties["color"];
26
+ labelColorVariant?: keyof typeof TEXT_THEME;
27
+ labelPlacement?: keyof typeof CLOSE_BUTTON_LABEL_PLACEMENT;
28
+ top?: Properties["top"];
29
+ right?: Properties["right"];
30
+ left?: Properties["left"];
31
+ bottom?: Properties["bottom"];
32
32
  };
@@ -1,6 +1,6 @@
1
1
  import type { CommonProps } from "../props.js";
2
2
  export type CodeProps = CommonProps & {
3
- rawHtml?: string
4
- rawCss?: string
5
- rawScript?: string
3
+ rawHtml?: string;
4
+ rawCss?: string;
5
+ rawScript?: string;
6
6
  };
@@ -2,16 +2,16 @@ import type { CommonProps } from "../props.js";
2
2
  import type { OnClickOperation } from "../../prop.js";
3
3
  import type { LayerTextProps } from "../text/types.js";
4
4
  export type CountDownProps = CommonProps & {
5
- timeLimit?: string
6
- onEnd?: OnClickOperation
5
+ timeLimit?: string;
6
+ onEnd?: OnClickOperation;
7
7
  };
8
8
  export type CountDownValueType = "day" | "hour" | "minute" | "second";
9
9
  export type CountDownValueProps = LayerTextProps & {
10
- type: CountDownValueType
10
+ type: CountDownValueType;
11
11
  };
12
12
  export type CountDownValues = {
13
- day: number
14
- hour: number
15
- min: number
16
- sec: number
13
+ day: number;
14
+ hour: number;
15
+ min: number;
16
+ sec: number;
17
17
  };
@@ -2,17 +2,17 @@ import type { ClickableProps, CommonProps } from "../props.js";
2
2
  import type { Properties } from "preact/src/jsx-csstype";
3
3
  export declare const ICON_SIZE: {
4
4
  [key: string]: {
5
- label: string
6
- value: string
7
- }
5
+ label: string;
6
+ value: string;
7
+ };
8
8
  };
9
9
  export declare const ICON_VARIANTS: {
10
- [key: string]: any
10
+ [key: string]: any;
11
11
  };
12
12
  export type IconProps = CommonProps & ClickableProps & {
13
- variant: string
14
- size?: keyof typeof ICON_SIZE
15
- color?: Properties["color"]
16
- width?: Properties["width"]
17
- height?: Properties["height"]
13
+ variant: string;
14
+ size?: keyof typeof ICON_SIZE;
15
+ color?: Properties["color"];
16
+ width?: Properties["width"];
17
+ height?: Properties["height"];
18
18
  };
@@ -1,26 +1,26 @@
1
1
  import type { Properties } from "csstype";
2
2
  import type { CommonProps, BorderProps, ClickableProps, AspectProps, RadiusProps, PaddingProps } from "../props.js";
3
3
  export declare const IMAGE_ROUND_SHAPE: {
4
- readonly circle: "ラウンド / ミディアム"
5
- readonly rounded: "ラウンド / スモール"
6
- readonly square: "スクエア"
4
+ readonly circle: "ラウンド / ミディアム";
5
+ readonly rounded: "ラウンド / スモール";
6
+ readonly square: "スクエア";
7
7
  };
8
8
  export declare const IMAGE_ASPECT_VARIANTS: {
9
- "1/1": string
10
- "2/1": string
11
- "3/2": string
12
- "4/3": string
13
- "16/9": string
14
- "16/5": string
15
- "1/2": string
16
- "2/3": string
17
- "3/4": string
18
- "9/16": string
9
+ "1/1": string;
10
+ "2/1": string;
11
+ "3/2": string;
12
+ "4/3": string;
13
+ "16/9": string;
14
+ "16/5": string;
15
+ "1/2": string;
16
+ "2/3": string;
17
+ "3/4": string;
18
+ "9/16": string;
19
19
  };
20
20
  export type ImageProps = CommonProps & ClickableProps & AspectProps & RadiusProps & PaddingProps & BorderProps & {
21
- image?: string
22
- width?: Properties["width"]
23
- height?: Properties["height"]
24
- alt?: string
25
- shape?: keyof typeof IMAGE_ROUND_SHAPE
21
+ image?: string;
22
+ width?: Properties["width"];
23
+ height?: Properties["height"];
24
+ alt?: string;
25
+ shape?: keyof typeof IMAGE_ROUND_SHAPE;
26
26
  };
@@ -9,13 +9,13 @@ export type LayoutFlexAlign = (typeof LAYOUT_ALIGN)[number];
9
9
  export declare const LAYOUT_JUSTIFY: readonly ["flex-start", "center", "flex-end", "space-between"];
10
10
  export type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
11
11
  export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
12
- display?: LayoutDisplayType
13
- direction?: LayoutFlexDirection
14
- align?: LayoutFlexAlign
15
- justify?: LayoutFlexJustify
16
- gap?: Properties["gap"]
17
- rowGap?: Properties["rowGap"]
18
- columnGap?: Properties["columnGap"]
19
- width?: Properties["width"]
20
- height?: Properties["height"]
12
+ display?: LayoutDisplayType;
13
+ direction?: LayoutFlexDirection;
14
+ align?: LayoutFlexAlign;
15
+ justify?: LayoutFlexJustify;
16
+ gap?: Properties["gap"];
17
+ rowGap?: Properties["rowGap"];
18
+ columnGap?: Properties["columnGap"];
19
+ width?: Properties["width"];
20
+ height?: Properties["height"];
21
21
  };