@plaidev/karte-action-sdk 1.1.268 → 1.1.269-29152886.93a696e2

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 (254) hide show
  1. package/dist/action.d.ts +63 -0
  2. package/dist/actionEvent.d.ts +25 -0
  3. package/dist/collection.d.ts +121 -0
  4. package/dist/components/index.d.ts +32 -0
  5. package/dist/components-flex/avatar/styles.d.ts +3 -0
  6. package/dist/components-flex/avatar/types.d.ts +24 -0
  7. package/dist/components-flex/brand-kit.d.ts +16 -0
  8. package/dist/components-flex/button/styles.d.ts +8 -0
  9. package/dist/components-flex/button/types.d.ts +57 -0
  10. package/dist/components-flex/button-outlined/styles.d.ts +8 -0
  11. package/dist/components-flex/button-outlined/types.d.ts +20 -0
  12. package/dist/components-flex/button-text/styles.d.ts +6 -0
  13. package/dist/components-flex/button-text/types.d.ts +33 -0
  14. package/dist/components-flex/clip-copy/types.d.ts +6 -0
  15. package/dist/components-flex/close-button/types.d.ts +32 -0
  16. package/dist/components-flex/code/types.d.ts +6 -0
  17. package/dist/components-flex/count-down/types.d.ts +17 -0
  18. package/dist/components-flex/icon/styles.d.ts +3 -0
  19. package/dist/components-flex/icon/types.d.ts +18 -0
  20. package/dist/components-flex/image/styles.d.ts +3 -0
  21. package/dist/components-flex/image/types.d.ts +26 -0
  22. package/dist/components-flex/layout/types.d.ts +21 -0
  23. package/dist/components-flex/list/types.d.ts +27 -0
  24. package/dist/components-flex/modal/types.d.ts +5 -0
  25. package/dist/components-flex/multi-column/types.d.ts +28 -0
  26. package/dist/components-flex/props.d.ts +107 -0
  27. package/dist/components-flex/schemas.d.ts +36 -0
  28. package/dist/components-flex/shared/styles.d.ts +3 -0
  29. package/dist/components-flex/shared/types.d.ts +13 -0
  30. package/dist/components-flex/slider/types.d.ts +10 -0
  31. package/dist/components-flex/styles.d.ts +9 -0
  32. package/dist/components-flex/text/constants.d.ts +4 -0
  33. package/dist/components-flex/text/styles.d.ts +7 -0
  34. package/dist/components-flex/text/types.d.ts +39 -0
  35. package/dist/components-flex/text-link/styles.d.ts +6 -0
  36. package/dist/components-flex/text-link/types.d.ts +31 -0
  37. package/dist/components-flex/utils/color.d.ts +7 -0
  38. package/dist/components-flex/utils/obj-to-style.d.ts +2 -0
  39. package/dist/components-flex/utils/parser.d.ts +5 -0
  40. package/dist/components-flex/utils/prop-to-style.d.ts +11 -0
  41. package/dist/components-flex/variants.d.ts +48 -0
  42. package/dist/components-flex/youtube/types.d.ts +16 -0
  43. package/dist/constants.d.ts +27 -0
  44. package/dist/display-logic.d.ts +125 -0
  45. package/dist/enhancedStopPropagation.d.ts +6 -0
  46. package/dist/form.d.ts +100 -0
  47. package/dist/functions.d.ts +71 -0
  48. package/dist/hooks/useClickable.d.ts +7 -0
  49. package/dist/hooks/useInjectCustomizeCss.d.ts +2 -0
  50. package/dist/hooks/useText.d.ts +5 -0
  51. package/dist/hydrate/action.d.ts +63 -0
  52. package/dist/hydrate/actionEvent.d.ts +25 -0
  53. package/dist/hydrate/collection.d.ts +121 -0
  54. package/dist/hydrate/components/index.d.ts +32 -0
  55. package/dist/hydrate/components-flex/avatar/styles.d.ts +3 -0
  56. package/dist/hydrate/components-flex/avatar/types.d.ts +24 -0
  57. package/dist/hydrate/components-flex/brand-kit.d.ts +16 -0
  58. package/dist/hydrate/components-flex/button/styles.d.ts +8 -0
  59. package/dist/hydrate/components-flex/button/types.d.ts +57 -0
  60. package/dist/hydrate/components-flex/button-outlined/styles.d.ts +8 -0
  61. package/dist/hydrate/components-flex/button-outlined/types.d.ts +20 -0
  62. package/dist/hydrate/components-flex/button-text/styles.d.ts +6 -0
  63. package/dist/hydrate/components-flex/button-text/types.d.ts +33 -0
  64. package/dist/hydrate/components-flex/clip-copy/types.d.ts +6 -0
  65. package/dist/hydrate/components-flex/close-button/types.d.ts +32 -0
  66. package/dist/hydrate/components-flex/code/types.d.ts +6 -0
  67. package/dist/hydrate/components-flex/count-down/types.d.ts +17 -0
  68. package/dist/hydrate/components-flex/icon/styles.d.ts +3 -0
  69. package/dist/hydrate/components-flex/icon/types.d.ts +18 -0
  70. package/dist/hydrate/components-flex/image/styles.d.ts +3 -0
  71. package/dist/hydrate/components-flex/image/types.d.ts +26 -0
  72. package/dist/hydrate/components-flex/layout/types.d.ts +21 -0
  73. package/dist/hydrate/components-flex/list/types.d.ts +27 -0
  74. package/dist/hydrate/components-flex/modal/types.d.ts +5 -0
  75. package/dist/hydrate/components-flex/multi-column/types.d.ts +28 -0
  76. package/dist/hydrate/components-flex/props.d.ts +107 -0
  77. package/dist/hydrate/components-flex/schemas.d.ts +36 -0
  78. package/dist/hydrate/components-flex/shared/styles.d.ts +3 -0
  79. package/dist/hydrate/components-flex/shared/types.d.ts +13 -0
  80. package/dist/hydrate/components-flex/slider/types.d.ts +10 -0
  81. package/dist/hydrate/components-flex/styles.d.ts +9 -0
  82. package/dist/hydrate/components-flex/text/constants.d.ts +4 -0
  83. package/dist/hydrate/components-flex/text/styles.d.ts +7 -0
  84. package/dist/hydrate/components-flex/text/types.d.ts +39 -0
  85. package/dist/hydrate/components-flex/text-link/styles.d.ts +6 -0
  86. package/dist/hydrate/components-flex/text-link/types.d.ts +31 -0
  87. package/dist/hydrate/components-flex/utils/color.d.ts +7 -0
  88. package/dist/hydrate/components-flex/utils/obj-to-style.d.ts +2 -0
  89. package/dist/hydrate/components-flex/utils/parser.d.ts +5 -0
  90. package/dist/hydrate/components-flex/utils/prop-to-style.d.ts +11 -0
  91. package/dist/hydrate/components-flex/variants.d.ts +48 -0
  92. package/dist/hydrate/components-flex/youtube/types.d.ts +16 -0
  93. package/dist/hydrate/constants.d.ts +27 -0
  94. package/dist/hydrate/display-logic.d.ts +125 -0
  95. package/dist/hydrate/enhancedStopPropagation.d.ts +6 -0
  96. package/dist/hydrate/form.d.ts +100 -0
  97. package/dist/hydrate/functions.d.ts +71 -0
  98. package/dist/hydrate/hooks/useClickable.d.ts +7 -0
  99. package/dist/hydrate/hooks/useInjectCustomizeCss.d.ts +2 -0
  100. package/dist/hydrate/hooks/useText.d.ts +5 -0
  101. package/dist/hydrate/index.d.ts +111 -0
  102. package/dist/hydrate/index.es.js +12300 -12726
  103. package/dist/hydrate/index.svelte5.d.ts +79 -0
  104. package/dist/hydrate/logger.d.ts +48 -0
  105. package/dist/hydrate/modal.d.ts +214 -0
  106. package/dist/hydrate/modal.svelte5.d.ts +214 -0
  107. package/dist/hydrate/prop.d.ts +439 -0
  108. package/dist/hydrate/script.d.ts +33 -0
  109. package/dist/hydrate/stores.d.ts +376 -0
  110. package/dist/hydrate/types.d.ts +183 -0
  111. package/dist/hydrate/utils.d.ts +171 -0
  112. package/dist/hydrate/widget.d.ts +148 -0
  113. package/dist/icons.d.ts +27 -28
  114. package/dist/icons.js +225 -159
  115. package/dist/index.es.d.ts +111 -2988
  116. package/dist/index.es.js +11687 -12582
  117. package/dist/logger.d.ts +48 -0
  118. package/dist/modal.d.ts +214 -0
  119. package/dist/modal.svelte5.d.ts +214 -0
  120. package/dist/prop.d.ts +439 -0
  121. package/dist/script.d.ts +33 -0
  122. package/dist/stores.d.ts +376 -0
  123. package/dist/svelte5/action.d.ts +63 -0
  124. package/dist/svelte5/actionEvent.d.ts +25 -0
  125. package/dist/svelte5/collection.d.ts +121 -0
  126. package/dist/svelte5/components/index.d.ts +32 -0
  127. package/dist/svelte5/components-flex/avatar/styles.d.ts +3 -0
  128. package/dist/svelte5/components-flex/avatar/types.d.ts +24 -0
  129. package/dist/svelte5/components-flex/brand-kit.d.ts +16 -0
  130. package/dist/svelte5/components-flex/button/styles.d.ts +8 -0
  131. package/dist/svelte5/components-flex/button/types.d.ts +57 -0
  132. package/dist/svelte5/components-flex/button-outlined/styles.d.ts +8 -0
  133. package/dist/svelte5/components-flex/button-outlined/types.d.ts +20 -0
  134. package/dist/svelte5/components-flex/button-text/styles.d.ts +6 -0
  135. package/dist/svelte5/components-flex/button-text/types.d.ts +33 -0
  136. package/dist/svelte5/components-flex/clip-copy/types.d.ts +6 -0
  137. package/dist/svelte5/components-flex/close-button/types.d.ts +32 -0
  138. package/dist/svelte5/components-flex/code/types.d.ts +6 -0
  139. package/dist/svelte5/components-flex/count-down/types.d.ts +17 -0
  140. package/dist/svelte5/components-flex/icon/styles.d.ts +3 -0
  141. package/dist/svelte5/components-flex/icon/types.d.ts +18 -0
  142. package/dist/svelte5/components-flex/image/styles.d.ts +3 -0
  143. package/dist/svelte5/components-flex/image/types.d.ts +26 -0
  144. package/dist/svelte5/components-flex/layout/types.d.ts +21 -0
  145. package/dist/svelte5/components-flex/list/types.d.ts +27 -0
  146. package/dist/svelte5/components-flex/modal/types.d.ts +5 -0
  147. package/dist/svelte5/components-flex/multi-column/types.d.ts +28 -0
  148. package/dist/svelte5/components-flex/props.d.ts +107 -0
  149. package/dist/svelte5/components-flex/schemas.d.ts +36 -0
  150. package/dist/svelte5/components-flex/shared/styles.d.ts +3 -0
  151. package/dist/svelte5/components-flex/shared/types.d.ts +13 -0
  152. package/dist/svelte5/components-flex/slider/types.d.ts +10 -0
  153. package/dist/svelte5/components-flex/styles.d.ts +9 -0
  154. package/dist/svelte5/components-flex/text/constants.d.ts +4 -0
  155. package/dist/svelte5/components-flex/text/styles.d.ts +7 -0
  156. package/dist/svelte5/components-flex/text/types.d.ts +39 -0
  157. package/dist/svelte5/components-flex/text-link/styles.d.ts +6 -0
  158. package/dist/svelte5/components-flex/text-link/types.d.ts +31 -0
  159. package/dist/svelte5/components-flex/utils/color.d.ts +7 -0
  160. package/dist/svelte5/components-flex/utils/obj-to-style.d.ts +2 -0
  161. package/dist/svelte5/components-flex/utils/parser.d.ts +5 -0
  162. package/dist/svelte5/components-flex/utils/prop-to-style.d.ts +11 -0
  163. package/dist/svelte5/components-flex/variants.d.ts +48 -0
  164. package/dist/svelte5/components-flex/youtube/types.d.ts +16 -0
  165. package/dist/svelte5/constants.d.ts +27 -0
  166. package/dist/svelte5/display-logic.d.ts +125 -0
  167. package/dist/svelte5/form.d.ts +100 -0
  168. package/dist/svelte5/functions.d.ts +71 -0
  169. package/dist/svelte5/hooks/useClickable.d.ts +7 -0
  170. package/dist/svelte5/hooks/useInjectCustomizeCss.d.ts +2 -0
  171. package/dist/svelte5/hooks/useText.d.ts +5 -0
  172. package/dist/svelte5/hydrate/action.d.ts +63 -0
  173. package/dist/svelte5/hydrate/actionEvent.d.ts +25 -0
  174. package/dist/svelte5/hydrate/collection.d.ts +121 -0
  175. package/dist/svelte5/hydrate/components/index.d.ts +32 -0
  176. package/dist/svelte5/hydrate/components-flex/avatar/styles.d.ts +3 -0
  177. package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts +24 -0
  178. package/dist/svelte5/hydrate/components-flex/brand-kit.d.ts +16 -0
  179. package/dist/svelte5/hydrate/components-flex/button/styles.d.ts +8 -0
  180. package/dist/svelte5/hydrate/components-flex/button/types.d.ts +57 -0
  181. package/dist/svelte5/hydrate/components-flex/button-outlined/styles.d.ts +8 -0
  182. package/dist/svelte5/hydrate/components-flex/button-outlined/types.d.ts +20 -0
  183. package/dist/svelte5/hydrate/components-flex/button-text/styles.d.ts +6 -0
  184. package/dist/svelte5/hydrate/components-flex/button-text/types.d.ts +33 -0
  185. package/dist/svelte5/hydrate/components-flex/clip-copy/types.d.ts +6 -0
  186. package/dist/svelte5/hydrate/components-flex/close-button/types.d.ts +32 -0
  187. package/dist/svelte5/hydrate/components-flex/code/types.d.ts +6 -0
  188. package/dist/svelte5/hydrate/components-flex/count-down/types.d.ts +17 -0
  189. package/dist/svelte5/hydrate/components-flex/icon/styles.d.ts +3 -0
  190. package/dist/svelte5/hydrate/components-flex/icon/types.d.ts +18 -0
  191. package/dist/svelte5/hydrate/components-flex/image/styles.d.ts +3 -0
  192. package/dist/svelte5/hydrate/components-flex/image/types.d.ts +26 -0
  193. package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +21 -0
  194. package/dist/svelte5/hydrate/components-flex/list/types.d.ts +27 -0
  195. package/dist/svelte5/hydrate/components-flex/modal/types.d.ts +5 -0
  196. package/dist/svelte5/hydrate/components-flex/multi-column/types.d.ts +28 -0
  197. package/dist/svelte5/hydrate/components-flex/props.d.ts +107 -0
  198. package/dist/svelte5/hydrate/components-flex/schemas.d.ts +36 -0
  199. package/dist/svelte5/hydrate/components-flex/shared/styles.d.ts +3 -0
  200. package/dist/svelte5/hydrate/components-flex/shared/types.d.ts +13 -0
  201. package/dist/svelte5/hydrate/components-flex/slider/types.d.ts +10 -0
  202. package/dist/svelte5/hydrate/components-flex/styles.d.ts +9 -0
  203. package/dist/svelte5/hydrate/components-flex/text/constants.d.ts +4 -0
  204. package/dist/svelte5/hydrate/components-flex/text/styles.d.ts +7 -0
  205. package/dist/svelte5/hydrate/components-flex/text/types.d.ts +39 -0
  206. package/dist/svelte5/hydrate/components-flex/text-link/styles.d.ts +6 -0
  207. package/dist/svelte5/hydrate/components-flex/text-link/types.d.ts +31 -0
  208. package/dist/svelte5/hydrate/components-flex/utils/color.d.ts +7 -0
  209. package/dist/svelte5/hydrate/components-flex/utils/obj-to-style.d.ts +2 -0
  210. package/dist/svelte5/hydrate/components-flex/utils/parser.d.ts +5 -0
  211. package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts +11 -0
  212. package/dist/svelte5/hydrate/components-flex/variants.d.ts +48 -0
  213. package/dist/svelte5/hydrate/components-flex/youtube/types.d.ts +16 -0
  214. package/dist/svelte5/hydrate/constants.d.ts +27 -0
  215. package/dist/svelte5/hydrate/display-logic.d.ts +125 -0
  216. package/dist/svelte5/hydrate/form.d.ts +100 -0
  217. package/dist/svelte5/hydrate/functions.d.ts +71 -0
  218. package/dist/svelte5/hydrate/hooks/useClickable.d.ts +7 -0
  219. package/dist/svelte5/hydrate/hooks/useInjectCustomizeCss.d.ts +2 -0
  220. package/dist/svelte5/hydrate/hooks/useText.d.ts +5 -0
  221. package/dist/svelte5/hydrate/index.es.d.ts +79 -2956
  222. package/dist/svelte5/hydrate/index.es.js +5695 -6473
  223. package/dist/svelte5/hydrate/logger.d.ts +48 -0
  224. package/dist/svelte5/hydrate/modal.d.ts +214 -0
  225. package/dist/svelte5/hydrate/modal.svelte5.d.ts +214 -0
  226. package/dist/svelte5/hydrate/prop.d.ts +439 -0
  227. package/dist/svelte5/hydrate/script.d.ts +33 -0
  228. package/dist/svelte5/hydrate/stores.d.ts +376 -0
  229. package/dist/svelte5/hydrate/types.d.ts +183 -0
  230. package/dist/svelte5/hydrate/utils.d.ts +171 -0
  231. package/dist/svelte5/hydrate/widget.d.ts +148 -0
  232. package/dist/svelte5/index.es.d.ts +79 -2956
  233. package/dist/svelte5/index.es.js +5661 -6511
  234. package/dist/svelte5/index.front2.es.d.ts +1 -2
  235. package/dist/svelte5/index.front2.es.js +5920 -6781
  236. package/dist/svelte5/index.svelte5.d.ts +79 -0
  237. package/dist/svelte5/logger.d.ts +48 -0
  238. package/dist/svelte5/modal.d.ts +214 -0
  239. package/dist/svelte5/modal.svelte5.d.ts +214 -0
  240. package/dist/svelte5/prop.d.ts +439 -0
  241. package/dist/svelte5/script.d.ts +33 -0
  242. package/dist/svelte5/stores.d.ts +376 -0
  243. package/dist/svelte5/types.d.ts +183 -0
  244. package/dist/svelte5/utils.d.ts +171 -0
  245. package/dist/svelte5/widget.d.ts +148 -0
  246. package/dist/templates.cjs.js +38 -47
  247. package/dist/templates.d.ts +27 -28
  248. package/dist/templates.js +37 -46
  249. package/dist/types.d.ts +183 -0
  250. package/dist/utils.d.ts +171 -0
  251. package/dist/widget.d.ts +148 -0
  252. package/package.json +16 -27
  253. package/dist/hydrate/index.es.d.ts +0 -2988
  254. package/dist/templates.cjs.d.ts +0 -34
@@ -0,0 +1,57 @@
1
+ import type { Properties } from "csstype";
2
+ import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps, RadiusProps } from "../props.js";
3
+ export declare const BUTTON_SIZE: {
4
+ readonly extra_small: "エクストラ スモール"
5
+ readonly small: "スモール"
6
+ readonly medium: "ミディアム"
7
+ readonly large: "ラージ"
8
+ readonly extra_large: "エクストラ ラージ"
9
+ };
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: "テキスト / アラート"
21
+ };
22
+ export declare const BUTTON_VARIANT: {
23
+ readonly normal: "ノーマル"
24
+ readonly outline: "アウトライン"
25
+ readonly text: "テキスト"
26
+ };
27
+ export declare const BUTTON_ROUND: {
28
+ readonly default: "デフォルト"
29
+ readonly none: "なし"
30
+ readonly fulled: "円形"
31
+ };
32
+ export declare const BUTTON_LINK_TARGET: {
33
+ readonly _self: "画面内遷移"
34
+ readonly _blank: "別タブで開く"
35
+ };
36
+ export declare const BUTTON_ICON_ANGLE: {
37
+ readonly row: "左側"
38
+ readonly "row-reverse": "右側"
39
+ };
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"
56
+ };
57
+ export declare const buttonPropsDefault: ButtonProps;
@@ -0,0 +1,8 @@
1
+ import type { ButtonOutlinedProps } from "./types.js";
2
+ import type { PropStyles } from "../shared/types.js";
3
+ import type { BrandKit } from "../brand-kit.js";
4
+ import type { BrandableStyles } from "../styles.js";
5
+ export declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
6
+ export declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonOutlinedProps>;
7
+ export declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
8
+ export declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
@@ -0,0 +1,20 @@
1
+ import type { Properties } from "csstype";
2
+ import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps } from "../props.js";
3
+ import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
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"
19
+ };
20
+ export declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
@@ -0,0 +1,6 @@
1
+ import type { PropStyles } from "../shared/types.js";
2
+ import type { ButtonTextProps } from "./types.js";
3
+ import type { BrandKit } from "../brand-kit.js";
4
+ import type { BrandableStyles } from "../styles.js";
5
+ export declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
6
+ export declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonTextProps>;
@@ -0,0 +1,33 @@
1
+ import type { Properties } from "csstype";
2
+ import type { ClickableProps, CommonProps, LinkProps, WithIconProps } from "../props.js";
3
+ import type { BUTTON_ROUND } from "../button/types.js";
4
+ export declare const BUTTON_TEXT_SIZE: {
5
+ readonly small: "Small"
6
+ readonly medium: "Medium"
7
+ readonly large: "Large"
8
+ };
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"
18
+ };
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"
33
+ };
@@ -0,0 +1,6 @@
1
+ import type { CommonProps } from "../props.js";
2
+ export type ClipboardProps = CommonProps & {
3
+ content?: string
4
+ copiedEventName?: string
5
+ noneTooltip?: boolean
6
+ };
@@ -0,0 +1,32 @@
1
+ import type { BorderProps, ClickableProps, CommonProps, BackgroundColorProps, ColorProps, PaddingProps } from "../props.js";
2
+ import type { Properties } from "csstype";
3
+ import type { TEXT_THEME } from "../text/types.js";
4
+ export declare const CLOSE_BUTTON_PLACEMENT: {
5
+ readonly topRight: "topRight"
6
+ readonly topLeft: "topLeft"
7
+ readonly bottomRight: "bottomRight"
8
+ readonly bottomLeft: "bottomLeft"
9
+ };
10
+ export declare const CLOSE_BUTTON_ROUND: {
11
+ readonly default: "デフォルト"
12
+ readonly none: "なし"
13
+ readonly fulled: "円形"
14
+ };
15
+ export declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
16
+ readonly right: "right"
17
+ readonly left: "left"
18
+ };
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"]
32
+ };
@@ -0,0 +1,6 @@
1
+ import type { CommonProps } from "../props.js";
2
+ export type CodeProps = CommonProps & {
3
+ rawHtml?: string
4
+ rawCss?: string
5
+ rawScript?: string
6
+ };
@@ -0,0 +1,17 @@
1
+ import type { CommonProps } from "../props.js";
2
+ import type { OnClickOperation } from "../../prop.js";
3
+ import type { LayerTextProps } from "../text/types.js";
4
+ export type CountDownProps = CommonProps & {
5
+ timeLimit?: string
6
+ onEnd?: OnClickOperation
7
+ };
8
+ export type CountDownValueType = "day" | "hour" | "minute" | "second";
9
+ export type CountDownValueProps = LayerTextProps & {
10
+ type: CountDownValueType
11
+ };
12
+ export type CountDownValues = {
13
+ day: number
14
+ hour: number
15
+ min: number
16
+ sec: number
17
+ };
@@ -0,0 +1,3 @@
1
+ import type { PropStyles } from "../shared/types.js";
2
+ import type { IconProps } from "./types.js";
3
+ export declare const ICON_SIZE_STYLES: PropStyles<IconProps, "size">;
@@ -0,0 +1,18 @@
1
+ import type { ClickableProps, CommonProps } from "../props.js";
2
+ import type { Properties } from "preact/src/jsx-csstype";
3
+ export declare const ICON_SIZE: {
4
+ [key: string]: {
5
+ label: string
6
+ value: string
7
+ }
8
+ };
9
+ export declare const ICON_VARIANTS: {
10
+ [key: string]: any
11
+ };
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"]
18
+ };
@@ -0,0 +1,3 @@
1
+ import type { PropStyles } from "../shared/types.js";
2
+ import type { ImageProps } from "./types.js";
3
+ export declare const IMAGE_ROUND_STYLES: PropStyles<ImageProps, "shape">;
@@ -0,0 +1,26 @@
1
+ import type { Properties } from "csstype";
2
+ import type { CommonProps, BorderProps, ClickableProps, AspectProps, RadiusProps, PaddingProps } from "../props.js";
3
+ export declare const IMAGE_ROUND_SHAPE: {
4
+ readonly circle: "ラウンド / ミディアム"
5
+ readonly rounded: "ラウンド / スモール"
6
+ readonly square: "スクエア"
7
+ };
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
19
+ };
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
26
+ };
@@ -0,0 +1,21 @@
1
+ import type { Properties } from "csstype";
2
+ import type { BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
3
+ export declare const LAYOUT_DISPLAY_TYPE: readonly ["inline-flex", "flex", "block"];
4
+ export type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
5
+ export declare const LAYOUT_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
6
+ export type LayoutFlexDirection = (typeof LAYOUT_DIRECTION)[number];
7
+ export declare const LAYOUT_ALIGN: readonly ["flex-start", "center", "flex-end", "stretch"];
8
+ export type LayoutFlexAlign = (typeof LAYOUT_ALIGN)[number];
9
+ export declare const LAYOUT_JUSTIFY: readonly ["flex-start", "center", "flex-end", "space-between"];
10
+ export type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
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"]
21
+ };
@@ -0,0 +1,27 @@
1
+ import type { Properties } from "csstype";
2
+ import type { CommonProps, ClickableProps, ActionTableProps, BorderSingleProps } from "../props.js";
3
+ export type ListProps = CommonProps & BorderSingleProps & ActionTableProps & {
4
+ gap?: Properties["gap"]
5
+ width?: Properties["width"]
6
+ itemPaddingTop?: Properties["paddingTop"]
7
+ itemPaddingLeft?: Properties["paddingLeft"]
8
+ itemPaddingRight?: Properties["paddingRight"]
9
+ itemPaddingBottom?: Properties["paddingBottom"]
10
+ itemHeight?: Properties["height"]
11
+ itemGap?: Properties["gap"]
12
+ };
13
+ export type ListItemProps = CommonProps & ClickableProps & {
14
+ gap?: number
15
+ };
16
+ export declare const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
17
+ export type ListItemContext = {
18
+ paddingTop?: Properties["paddingTop"]
19
+ paddingLeft?: Properties["paddingLeft"]
20
+ paddingRight?: Properties["paddingRight"]
21
+ paddingBottom?: Properties["paddingBottom"]
22
+ height?: Properties["paddingTop"]
23
+ borderTopWidth?: Properties["borderTopWidth"]
24
+ borderTopStyle?: Properties["borderTopStyle"]
25
+ borderTopColor?: Properties["borderTopColor"]
26
+ gap?: Properties["gap"]
27
+ };
@@ -0,0 +1,5 @@
1
+ import type { Properties } from "csstype";
2
+ import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
3
+ export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
4
+ width?: Properties["width"]
5
+ };
@@ -0,0 +1,28 @@
1
+ import type { Properties } from "csstype";
2
+ import type { CommonProps, ClickableProps, BorderSingleProps } from "../props.js";
3
+ export type MultiColumnProps = CommonProps & BorderSingleProps & {
4
+ gap?: Properties["columnGap"]
5
+ width?: Properties["width"]
6
+ itemPaddingTop?: Properties["paddingTop"]
7
+ itemPaddingLeft?: Properties["paddingLeft"]
8
+ itemPaddingRight?: Properties["paddingRight"]
9
+ itemPaddingBottom?: Properties["paddingBottom"]
10
+ itemHeight?: Properties["height"]
11
+ itemGap?: Properties["gap"]
12
+ };
13
+ export type MultiColumnItemProps = CommonProps & ClickableProps & {
14
+ gap?: number
15
+ };
16
+ export declare const MULTI_COLUMN_ITEM_CONTEXT_KEY = "MultiColumnItemContext";
17
+ export type MultiColumnItemContext = {
18
+ paddingTop?: Properties["paddingTop"]
19
+ paddingLeft?: Properties["paddingLeft"]
20
+ paddingRight?: Properties["paddingRight"]
21
+ paddingBottom?: Properties["paddingBottom"]
22
+ height?: Properties["paddingTop"]
23
+ borderLeftWidth?: Properties["borderTopWidth"]
24
+ borderLeftStyle?: Properties["borderTopStyle"]
25
+ borderLeftColor?: Properties["borderTopColor"]
26
+ gap?: Properties["gap"]
27
+ innerGap?: Properties["gap"]
28
+ };
@@ -0,0 +1,107 @@
1
+ import type { Properties } from "csstype";
2
+ import type { OnClickOperation } from "../prop.js";
3
+ import type { BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET } from "./button/types.js";
4
+ import type { BrandKit } from "./brand-kit.js";
5
+ import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode, BackgroundColorVariantCode } from "./variants.js";
6
+ import type { TEXT_THEME } from "./text/types.js";
7
+ type PositionPlaceProps = {
8
+ top?: Properties["top"]
9
+ left?: Properties["left"]
10
+ right?: Properties["right"]
11
+ bottom?: Properties["bottom"]
12
+ transform?: Properties["transform"]
13
+ };
14
+ export type PositionProps = PositionPlaceProps & {
15
+ position?: Properties["position"]
16
+ };
17
+ export type MetaProps = {
18
+ displayName?: string
19
+ };
20
+ export type CustomizeCssProps = {
21
+ isCustomizeCss?: boolean
22
+ customizeCss?: string
23
+ };
24
+ export type BrandStyleProps = {
25
+ customBrandKit?: Partial<BrandKit>
26
+ };
27
+ export type ActionTableProps = {
28
+ actionTableKey?: string
29
+ };
30
+ export type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
31
+ export type ClickableProps = {
32
+ onClick?: OnClickOperation
33
+ eventName?: string
34
+ eventValue?: object
35
+ element?: string
36
+ };
37
+ export type OverflowProps = {
38
+ overflow?: Properties["overflow"]
39
+ };
40
+ export type BorderColorProps = {
41
+ borderColor?: Properties["borderColor"]
42
+ borderColorVariant?: string
43
+ };
44
+ export type BorderProps = BorderColorProps & {
45
+ borderTopWidth?: Properties["borderTopWidth"]
46
+ borderLeftWidth?: Properties["borderLeftWidth"]
47
+ borderRightWidth?: Properties["borderRightWidth"]
48
+ borderBottomWidth?: Properties["borderBottomWidth"]
49
+ borderStyle?: Properties["borderTopStyle"]
50
+ };
51
+ export type BorderSingleProps = BorderColorProps & {
52
+ borderStyle?: Properties["borderTopStyle"]
53
+ borderWidth?: Properties["borderTopWidth"]
54
+ };
55
+ export type PaddingProps = {
56
+ paddingTop?: Properties["paddingTop"]
57
+ paddingLeft?: Properties["paddingLeft"]
58
+ paddingBottom?: Properties["paddingBottom"]
59
+ paddingRight?: Properties["paddingRight"]
60
+ };
61
+ export type RadiusProps = {
62
+ borderTopLeftRadius?: Properties["borderTopLeftRadius"]
63
+ borderTopRightRadius?: Properties["borderTopRightRadius"]
64
+ borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
65
+ borderBottomRightRadius?: Properties["borderBottomRightRadius"]
66
+ };
67
+ export type ColorProps = {
68
+ color?: Properties["color"]
69
+ colorVariant?: keyof typeof TEXT_THEME
70
+ };
71
+ export type BackgroundColorProps = {
72
+ backgroundColor?: Properties["backgroundColor"]
73
+ backgroundColorVariant?: BackgroundColorVariantCode
74
+ };
75
+ export type BackgroundImageProps = {
76
+ backgroundImageUrl?: string
77
+ backgroundSize?: Properties["backgroundSize"]
78
+ backgroundPositionX?: Properties["backgroundPositionX"]
79
+ backgroundPositionY?: Properties["backgroundPositionY"]
80
+ backgroundBlendMode?: Properties["backgroundBlendMode"]
81
+ backgroundBlendColor?: Properties["backgroundColor"]
82
+ };
83
+ export type BackgroundProps = BackgroundColorProps & BackgroundImageProps;
84
+ export type ShadowProps = {
85
+ shadow?: Properties["boxShadow"]
86
+ shadowVariant?: ShadowVariantCode
87
+ };
88
+ export type WithIconProps = {
89
+ isIcon?: boolean
90
+ iconVariant?: string
91
+ iconColor?: Properties["color"]
92
+ iconAngle?: keyof typeof BUTTON_ICON_ANGLE
93
+ };
94
+ export type LinkProps = {
95
+ isLink?: boolean
96
+ linkUrl?: string
97
+ linkTarget?: keyof typeof BUTTON_LINK_TARGET
98
+ };
99
+ export type AspectProps = {
100
+ aspectVariant?: AspectVariantCode | string
101
+ aspect?: Properties["aspectRatio"]
102
+ };
103
+ export type FontFamilyProps = {
104
+ fontFamilyVariant?: FontFamilyVariantCode
105
+ fontFamily?: Properties["fontFamily"]
106
+ };
107
+ export {};
@@ -0,0 +1,36 @@
1
+ import type { ButtonProps } from "./button/types.js";
2
+ import type { AvatarProps } from "./avatar/types.js";
3
+ import type { LayerLayoutProps } from "./layout/types.js";
4
+ import type { ClipboardProps, CloseButtonProps, CountDownProps, IconProps, ImageProps, ListProps, ListItemProps, LayerTextProps } from "../index.svelte5.js";
5
+ type FlexComponentSchemaPropType = "string" | "url" | "number" | "boolean" | "color" | "date_string";
6
+ type FlexComponentSchemaProp<
7
+ Props extends Record<string, any>,
8
+ Key extends keyof Props
9
+ > = {
10
+ key: Key
11
+ type: FlexComponentSchemaPropType
12
+ suggestions: Props[Key][]
13
+ default?: Props[Key]
14
+ priority?: number
15
+ };
16
+ type FlexComponentSchema<Props extends Record<string, any> = object> = {
17
+ props: FlexComponentSchemaProp<Props, keyof Props>[]
18
+ };
19
+ export declare const createProp: <
20
+ Props extends Record<string, any>,
21
+ K extends keyof Props
22
+ >(key: K, type: FlexComponentSchemaPropType, suggestions?: Props[K][], priority?: number, defaultValue?: Props[K]) => FlexComponentSchemaProp<Props, K>;
23
+ export declare const flexComponentSchemes: {
24
+ readonly FlexAvatar: FlexComponentSchema<AvatarProps>
25
+ readonly FlexButton: FlexComponentSchema<ButtonProps>
26
+ readonly FlexClipCopy: FlexComponentSchema<ClipboardProps>
27
+ readonly FlexCloseButton: FlexComponentSchema<CloseButtonProps>
28
+ readonly FlexCountDown: FlexComponentSchema<CountDownProps>
29
+ readonly FlexIcon: FlexComponentSchema<IconProps>
30
+ readonly FlexImage: FlexComponentSchema<ImageProps>
31
+ readonly FlexLayout: FlexComponentSchema<LayerLayoutProps>
32
+ readonly FlexList: FlexComponentSchema<ListProps>
33
+ readonly FlexListItem: FlexComponentSchema<ListItemProps>
34
+ readonly FlexText: FlexComponentSchema<LayerTextProps>
35
+ };
36
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { ROUND_VARIANT } from "./types.js";
2
+ import type { Properties } from "csstype";
3
+ export declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
@@ -0,0 +1,13 @@
1
+ import type { Properties } from "csstype";
2
+ export type PropStyles<
3
+ Props extends Record<string, any>,
4
+ K extends keyof Props
5
+ > = Record<NonNullable<Props[K]>, Props | Properties>;
6
+ export declare const ROUND_VARIANT: {
7
+ readonly extra_small: "XSmall (2px)"
8
+ readonly small: "Small (4px)"
9
+ readonly medium: "Medium (8px)"
10
+ readonly large: "Large (16px)"
11
+ readonly extra_large: "Large (24px)"
12
+ readonly fulled: "Full (100%)"
13
+ };
@@ -0,0 +1,10 @@
1
+ import type { CommonProps, ClickableProps } from "../props.js";
2
+ export type SliderProps = CommonProps & {
3
+ gap: number
4
+ itemWidthPercentage: number
5
+ auto?: boolean
6
+ loop?: boolean
7
+ hideIndicator?: boolean
8
+ interval?: number
9
+ };
10
+ export type SliderItemProps = CommonProps & ClickableProps;
@@ -0,0 +1,9 @@
1
+ import { type BrandKit } from "./brand-kit.js";
2
+ import type { Properties } from "csstype";
3
+ export declare const getPropStyles: <
4
+ T extends object = object,
5
+ R = BrandableStyles<T>
6
+ >(callback: (args: {
7
+ brandKit: BrandKit
8
+ }) => R) => (customBrandKit?: Partial<BrandKit>) => R;
9
+ export type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;
@@ -0,0 +1,4 @@
1
+ import type { LayerTextProps } from "src/components-flex/text/types";
2
+ export declare const TEXT_VARIANTS: {
3
+ size: Record<NonNullable<LayerTextProps["size"]>, any>
4
+ };
@@ -0,0 +1,7 @@
1
+ import type { BrandKit } from "../brand-kit.js";
2
+ import type { BrandableStyles } from "../styles.js";
3
+ type TextThemeProps = {
4
+ color: string
5
+ };
6
+ export declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
7
+ export {};
@@ -0,0 +1,39 @@
1
+ import type { Properties } from "csstype";
2
+ import type { BackgroundColorProps, BorderProps, ClickableProps, CommonProps, CustomizeCssProps, LinkProps, PaddingProps, RadiusProps, WithIconProps, FontFamilyProps } from "../props.js";
3
+ export declare const LAYER_TEXT_SIZE: {
4
+ readonly small: "本文 / スモール"
5
+ readonly medium: "本文 / ミディアム"
6
+ readonly large: "本文 / ラージ"
7
+ readonly heading_extra_small: "見出し / スモール"
8
+ readonly heading_small: "見出し / ミディアム"
9
+ readonly heading_medium: "見出し / ラージ"
10
+ readonly heading_large: "見出し / エクストララージ"
11
+ };
12
+ export declare const TEXT_THEME: {
13
+ readonly default: "デフォルト"
14
+ readonly gray: "グレー"
15
+ readonly brand: "ブランド"
16
+ readonly success: "サクセス"
17
+ readonly warning: "ワーニング"
18
+ readonly danger: "アラート"
19
+ readonly info: "インフォ"
20
+ readonly white: "ホワイト"
21
+ };
22
+ export declare const TEXT_STYLE: {
23
+ readonly normal: "normal"
24
+ readonly italic: "italic"
25
+ };
26
+ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & FontFamilyProps & PaddingProps & {
27
+ content: string
28
+ theme?: keyof typeof TEXT_THEME
29
+ size?: keyof typeof LAYER_TEXT_SIZE
30
+ align?: Properties["textAlign"]
31
+ fontStyle?: Properties["fontStyle"]
32
+ fontSize?: Properties["fontSize"]
33
+ fontWeight?: Properties["fontWeight"]
34
+ letterSpacing?: Properties["letterSpacing"]
35
+ lineHeight?: number
36
+ lineClamp?: number
37
+ color?: Properties["color"]
38
+ width?: Properties["width"]
39
+ };
@@ -0,0 +1,6 @@
1
+ import type { PropStyles } from "../shared/types.js";
2
+ import type { TextLinkProps } from "./types.js";
3
+ import type { BrandKit } from "../brand-kit.js";
4
+ import type { BrandableStyles } from "../styles.js";
5
+ export declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
6
+ export declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextLinkProps>;
@@ -0,0 +1,31 @@
1
+ import type { Properties } from "csstype";
2
+ import type { ClickableProps, CommonProps, LinkProps, WithIconProps, FontFamilyProps } from "../props.js";
3
+ export declare const TEXT_LINK_SIZE: {
4
+ readonly small: "Small"
5
+ readonly medium: "Medium"
6
+ readonly large: "Large"
7
+ };
8
+ export declare const TEXT_LINK_THEME: {
9
+ readonly default: "デフォルト"
10
+ readonly link: "Link"
11
+ readonly brand: "Brand"
12
+ readonly alert: "Danger"
13
+ readonly gray: "Gray"
14
+ readonly white: "White"
15
+ };
16
+ export declare const TEXT_LINK_UNDERLINE: {
17
+ readonly hover_on: "ホバーで表示"
18
+ readonly hover_off: "ホバーで非表示"
19
+ readonly on: "常に表示"
20
+ readonly off: "常に非表示"
21
+ };
22
+ export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
23
+ label: string
24
+ size?: keyof typeof TEXT_LINK_SIZE
25
+ lineHeight?: number
26
+ fontSize?: Properties["fontSize"]
27
+ theme?: keyof typeof TEXT_LINK_THEME
28
+ color?: Properties["color"]
29
+ underline?: keyof typeof TEXT_LINK_UNDERLINE
30
+ fontWeight?: Properties["fontWeight"]
31
+ };
@@ -0,0 +1,7 @@
1
+ export declare function hexToRgb(hex: string): {
2
+ r: number
3
+ g: number
4
+ b: number
5
+ };
6
+ export declare function rgbToHex(r: number, g: number, b: number): string;
7
+ export declare function darkenColor(color: string, percent: number): string;
@@ -0,0 +1,2 @@
1
+ import type { Properties } from "csstype";
2
+ export declare const objToStyle: (obj: Properties) => string;
@@ -0,0 +1,5 @@
1
+ export declare function splitNumberAndUnit(value?: string | 0): {
2
+ number: number | undefined
3
+ unit: string
4
+ };
5
+ export declare function combineNumberAndUnit(number: number, unit?: string): string;