@plaidev/karte-action-sdk 1.1.268-29111070.d0bdfb56 → 1.1.268-29127137.d0ff6db4

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 +20 -0
  23. package/dist/components-flex/list/types.d.ts +30 -0
  24. package/dist/components-flex/modal/types.d.ts +5 -0
  25. package/dist/components-flex/multi-column/types.d.ts +31 -0
  26. package/dist/components-flex/props.d.ts +87 -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 +37 -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 +42 -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 +20 -0
  73. package/dist/hydrate/components-flex/list/types.d.ts +30 -0
  74. package/dist/hydrate/components-flex/modal/types.d.ts +5 -0
  75. package/dist/hydrate/components-flex/multi-column/types.d.ts +31 -0
  76. package/dist/hydrate/components-flex/props.d.ts +87 -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 +37 -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 +42 -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 +12718 -12529
  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 +431 -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 +11910 -12372
  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 +431 -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 +20 -0
  145. package/dist/svelte5/components-flex/list/types.d.ts +30 -0
  146. package/dist/svelte5/components-flex/modal/types.d.ts +5 -0
  147. package/dist/svelte5/components-flex/multi-column/types.d.ts +31 -0
  148. package/dist/svelte5/components-flex/props.d.ts +87 -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 +37 -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 +42 -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 +20 -0
  194. package/dist/svelte5/hydrate/components-flex/list/types.d.ts +30 -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 +31 -0
  197. package/dist/svelte5/hydrate/components-flex/props.d.ts +87 -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 +37 -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 +42 -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 +5441 -6490
  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 +431 -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 +5413 -6459
  234. package/dist/svelte5/index.front2.es.d.ts +1 -2
  235. package/dist/svelte5/index.front2.es.js +5654 -6715
  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 +431 -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 +9 -18
  253. package/dist/hydrate/index.es.d.ts +0 -2988
  254. package/dist/templates.cjs.d.ts +0 -34
@@ -0,0 +1,87 @@
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 } from "./variants.js";
6
+ type PositionPlaceProps = {
7
+ top?: Properties["top"]
8
+ left?: Properties["left"]
9
+ right?: Properties["right"]
10
+ bottom?: Properties["bottom"]
11
+ transform?: Properties["transform"]
12
+ };
13
+ export type PositionProps = PositionPlaceProps & {
14
+ position?: Properties["position"]
15
+ };
16
+ export type MetaProps = {
17
+ displayName?: string
18
+ };
19
+ export type CustomizeCssProps = {
20
+ isCustomizeCss?: boolean
21
+ customizeCss?: string
22
+ };
23
+ export type BrandStyleProps = {
24
+ customBrandKit?: Partial<BrandKit>
25
+ };
26
+ export type ActionTableProps = {
27
+ actionTableKey?: string
28
+ };
29
+ export type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
30
+ export type ClickableProps = {
31
+ onClick?: OnClickOperation
32
+ eventName?: string
33
+ eventValue?: object
34
+ element?: string
35
+ };
36
+ export type OverflowProps = {
37
+ overflow?: Properties["overflow"]
38
+ };
39
+ export type BorderProps = {
40
+ borderTopWidth?: Properties["borderTopWidth"]
41
+ borderLeftWidth?: Properties["borderLeftWidth"]
42
+ borderRightWidth?: Properties["borderRightWidth"]
43
+ borderBottomWidth?: Properties["borderBottomWidth"]
44
+ borderColor?: Properties["borderColor"]
45
+ };
46
+ export type PaddingProps = {
47
+ paddingTop?: Properties["paddingTop"]
48
+ paddingLeft?: Properties["paddingLeft"]
49
+ paddingBottom?: Properties["paddingBottom"]
50
+ paddingRight?: Properties["paddingRight"]
51
+ };
52
+ export type RadiusProps = {
53
+ borderTopLeftRadius?: Properties["borderTopLeftRadius"]
54
+ borderTopRightRadius?: Properties["borderTopRightRadius"]
55
+ borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
56
+ borderBottomRightRadius?: Properties["borderBottomRightRadius"]
57
+ };
58
+ export type BackgroundColorProps = {
59
+ backgroundColor?: Properties["backgroundColor"]
60
+ };
61
+ export type BackgroundImageProps = {
62
+ backgroundImageUrl?: string
63
+ };
64
+ export type ShadowProps = {
65
+ shadow?: Properties["boxShadow"]
66
+ shadowVariant?: ShadowVariantCode
67
+ };
68
+ export type WithIconProps = {
69
+ isIcon?: boolean
70
+ iconVariant?: string
71
+ iconColor?: Properties["color"]
72
+ iconAngle?: keyof typeof BUTTON_ICON_ANGLE
73
+ };
74
+ export type LinkProps = {
75
+ isLink?: boolean
76
+ linkUrl?: string
77
+ linkTarget?: keyof typeof BUTTON_LINK_TARGET
78
+ };
79
+ export type AspectProps = {
80
+ aspectVariant?: AspectVariantCode | string
81
+ aspect?: Properties["aspectRatio"]
82
+ };
83
+ export type FontFamilyProps = {
84
+ fontFamilyVariant?: FontFamilyVariantCode
85
+ fontFamily?: Properties["fontFamily"]
86
+ };
87
+ 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,37 @@
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
+ lineHeight?: number
35
+ color?: Properties["color"]
36
+ width?: Properties["width"]
37
+ };
@@ -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;
@@ -0,0 +1,11 @@
1
+ import type { Properties } from "csstype";
2
+ import type { BackgroundColorProps, BackgroundImageProps, BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps } from "../props.js";
3
+ export declare const toCssPosition: (p?: PositionProps) => Properties;
4
+ export declare const toCssCommon: (p?: CommonProps) => Properties;
5
+ export declare const toCssBorder: (p?: BorderProps) => Properties;
6
+ export declare const toCssPadding: (p?: PaddingProps) => Properties;
7
+ export declare const toCssBackgroundImage: (p?: BackgroundImageProps) => Properties;
8
+ export declare const toCssBackgroundColor: (p?: BackgroundColorProps) => Properties;
9
+ export declare const toCssRadius: (p?: RadiusProps) => Properties;
10
+ export declare const toCssShadow: (p?: ShadowProps) => Properties;
11
+ export declare const toCssOverflow: (p?: OverflowProps) => Properties;
@@ -0,0 +1,42 @@
1
+ import type { BrandKit } from "./brand-kit.js";
2
+ import type { ShadowProps, FontFamilyProps, AspectProps } from "./props.js";
3
+ export type VariantStyles<Props extends object = object> = Props & {
4
+ hover?: Props
5
+ active?: Props
6
+ };
7
+ export type VariantDefinition<
8
+ Props extends object = object,
9
+ Meta extends object = object
10
+ > = {
11
+ name: string
12
+ description?: string
13
+ getProps: (brandKit?: BrandKit) => VariantStyles<Props>
14
+ meta?: Meta
15
+ };
16
+ export type VariantDefinitionGroup<
17
+ Props extends object = object,
18
+ Meta extends object = object
19
+ > = Record<string, VariantDefinition<Props, Meta>>;
20
+ type ToVariantArrayReturn<T> = T[keyof T] & {
21
+ code: keyof T
22
+ };
23
+ declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
24
+ export declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
25
+ export type AspectVariantCode = keyof typeof ASPECT_VARIANT;
26
+ export declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
27
+ export type FontVariantMeta = {
28
+ lang: "ja" | "en"
29
+ type: "kaku" | "maru" | "min"
30
+ };
31
+ export declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
32
+ export type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
33
+ export declare const FONT_FAMILY_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>>[];
34
+ type FontFamilyVariantGroup = {
35
+ label: string
36
+ variants: ReturnType<typeof toVariantArray>
37
+ };
38
+ export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
39
+ export declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
40
+ export type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
41
+ export declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
42
+ export {};
@@ -0,0 +1,16 @@
1
+ import type { CommonProps, BorderProps } from "../props.js";
2
+ import type { IMAGE_ROUND_SHAPE } from "../image/types.js";
3
+ import type { Properties } from "csstype";
4
+ export type YoutubeProps = CommonProps & BorderProps & {
5
+ videoId?: string
6
+ loop?: boolean
7
+ autoplay?: boolean
8
+ mute?: boolean
9
+ controls?: boolean
10
+ showInfo?: boolean
11
+ showSubtitle?: boolean
12
+ showFullScreen?: boolean
13
+ showRelatedMovies?: boolean
14
+ shape?: keyof typeof IMAGE_ROUND_SHAPE
15
+ width?: Properties["width"]
16
+ };
@@ -0,0 +1,27 @@
1
+ /** @internal */
2
+ export declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
3
+ /** @internal */
4
+ export declare const KARTE_ACTION_ROOT = "karte-action-root";
5
+ /** @internal */
6
+ export declare const KARTE_ACTION_RID = "karte-action-rid";
7
+ /** @internal */
8
+ export declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
9
+ /** @internal */
10
+ export declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
11
+ /** @internal */
12
+ export declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
13
+ /** @internal */
14
+ export declare const DEVICE_IDS: string[];
15
+ /** @internal */
16
+ export declare const DEVICE_QUERIES: {
17
+ readonly PC: "screen and (min-width: 641px)"
18
+ readonly SP: "screen and (max-width: 640px)"
19
+ };
20
+ /**
21
+ * 非推奨
22
+ *
23
+ * @deprecated 非推奨
24
+ *
25
+ * @internal
26
+ */
27
+ export declare const KARTE_MODAL_ROOT = "karte-modal-root";
@@ -0,0 +1,125 @@
1
+ /**
2
+ * モーダル(ポップアップ)のプロパティ
3
+ *
4
+ * @internal
5
+ */
6
+ export interface Props {
7
+ /**
8
+ * 全ての条件を満たしたら表示するかどうか
9
+ */
10
+ show_and_condition?: boolean;
11
+ /**
12
+ * スクロール率による表示を有効化するかどうか
13
+ */
14
+ show_on_scroll?: boolean;
15
+ /**
16
+ * 表示するスクロール率
17
+ */
18
+ show_on_scroll_rate?: number;
19
+ /**
20
+ * 条件を満たした時に再表示するかどうか
21
+ */
22
+ show_on_scroll_reenter?: boolean;
23
+ /**
24
+ * 時間による表示を有効化するかどうか
25
+ */
26
+ show_on_time?: boolean;
27
+ /**
28
+ * 表示する秒数
29
+ */
30
+ show_on_time_count?: number;
31
+ /**
32
+ * 全ての条件を満たしたら非表示するかどうか
33
+ */
34
+ hide_and_condition?: boolean;
35
+ /**
36
+ * スクロール率で非表示を有効化するかどうか
37
+ */
38
+ hide_on_scroll?: boolean;
39
+ /**
40
+ * 非表示にするスクロール率
41
+ */
42
+ hide_on_scroll_rate?: number;
43
+ /**
44
+ * 条件を満たした時に表示するかどうか
45
+ */
46
+ hide_on_scroll_releave?: boolean;
47
+ /**
48
+ * 時間による非表示を有効化するかどうか
49
+ */
50
+ hide_on_time?: boolean;
51
+ /**
52
+ * 非表示にする秒数
53
+ */
54
+ hide_on_time_count?: number;
55
+ }
56
+ /**
57
+ * スクロールに応じてアクションを非表示にするトリガー関数
58
+ *
59
+ * @remarks
60
+ * スクロール率が `hide_on_scroll_rate` に達したときに `hide` 関数を呼び出します。
61
+ * `show_on_scroll_reenter` が `true` で、かつ `hide_on_scroll_rate` またはその値以下の場合、アクションに対して `show` 関数が呼び出されます。
62
+ *
63
+ * @param props - アクションのプロパティ。プロパティには `hide_on_scroll`、`hide_on_scroll_rate` そして `show_on_scroll_reenter` が必要です。
64
+ * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
65
+ * @param show - アクションを再び表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
66
+ *
67
+ * @returns
68
+ * スクロールが開始された場合は、クリーンアップする関数を返します。そうでない場合は `null` を返します。
69
+ *
70
+ * @internal
71
+ */
72
+ export declare function hideOnScroll<ModalProps extends Pick<Props, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: ModalProps, hide?: Function, show?: Function): (() => void) | null;
73
+ /**
74
+ * 時間に応じてアクションを非表示にするトリガー関数
75
+ *
76
+ * @remarks
77
+ * 時間のカウントが `hide_on_time_count` に達したときに `hide` 関数を呼び出します。
78
+ *
79
+ * @param props - アクションのプロパティ。プロパティには `hide_on_time` そして `hide_on_time_count` が必要です。
80
+ * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
81
+ *
82
+ * @returns
83
+ * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
84
+ *
85
+ * @internal
86
+ */
87
+ export declare function hideOnTime<ModalProps extends Pick<Props, "hide_on_time" | "hide_on_time_count">>(props: ModalProps, hide?: Function): (() => void) | null;
88
+ /**
89
+ * スクロールに応じてアクションを表示するトリガー関数
90
+ *
91
+ * @remarks
92
+ * スクロール率が `show_on_scroll_rate` に達したときに `show` 関数を呼び出します。
93
+ * `hide_on_scroll_releave` が `true` で、かつ `show_on_scroll_rate` 以下の場合は、アクションに対して `hide` 関数が呼び出されます。
94
+ *
95
+ * @param props - アクションのプロパティ。プロパティには `show_on_scroll`、`show_on_scroll_rate`、'hide_on_scroll_releave' そして `show_on_scroll_reenter` が必要です。
96
+ * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
97
+ * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
98
+ *
99
+ * @returns
100
+ * スクロールが開始されている場合は、クリーンアップ関数を返します。そうでない場合は `null` を返します
101
+ *
102
+ * @internal
103
+ */
104
+ export declare function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave" | "show_on_scroll_reenter">>(props: ModalProps, show?: Function, hide?: Function): (() => void) | null;
105
+ /**
106
+ * 時間に応じてアクションを表示するトリガー関数
107
+ *
108
+ * @param props - アクションのプロパティ。プロパティには `show_on_time` そして `show_on_time_count` が必要です。
109
+ * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
110
+ *
111
+ * @remarks
112
+ * 時間のカウントが `show_on_time_count` に達したときに `show` 関数を呼び出します。
113
+ *
114
+ * @returns
115
+ * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
116
+ *
117
+ * @internal
118
+ */
119
+ export declare function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
120
+ /** @internal */
121
+ export declare function and(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
122
+ /** @internal */
123
+ export declare function or(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
124
+ declare function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
125
+ export {};
@@ -0,0 +1,6 @@
1
+ export declare function dataAttrStopPropagation<K extends keyof WindowEventMap>(eventName: K): {
2
+ [key: string]: boolean
3
+ };
4
+ type EventHandler<K extends keyof WindowEventMap> = (event: WindowEventMap[K]) => void;
5
+ export declare function checkStopPropagation<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): EventHandler<K>;
6
+ export {};
package/dist/form.d.ts ADDED
@@ -0,0 +1,100 @@
1
+ import type { FormData } from "./stores.js";
2
+ import type { Readable, Writable } from "svelte/store";
3
+ type AnswerValue = {
4
+ choices: string[]
5
+ } | {
6
+ free_answer: string
7
+ };
8
+ type InputValue = any;
9
+ type RegisterInputFuncArg<T extends InputValue> = {
10
+ name: string
11
+ statePath: string
12
+ validator?: (value: T) => boolean
13
+ initialValue: T
14
+ };
15
+ type RegisterInputFunc = {
16
+ <T extends InputValue>(arg: RegisterInputFuncArg<T>): {
17
+ value: Writable<T>
18
+ isValid: Readable<boolean>
19
+ }
20
+ };
21
+ /** @internal */
22
+ export declare function createInputRegisterer(formData: Writable<FormData>): RegisterInputFunc;
23
+ /** @internal */
24
+ export declare const registerInput: RegisterInputFunc;
25
+ /** @internal */
26
+ export declare const registerIdentifyInput: RegisterInputFunc;
27
+ /** @internal */
28
+ export declare function deleteValues(statePath: string): void;
29
+ /** @internal */
30
+ export declare const getValuesAreValidReadable: (statePath: string) => Readable<boolean>;
31
+ /** @internal */
32
+ export declare function submit(): {
33
+ values?: any
34
+ identifyValues?: any
35
+ };
36
+ /**
37
+ * 選択式のアンケート回答を追加する
38
+ *
39
+ * @param questionId - 質問ID
40
+ * @param choices - 回答内容
41
+ *
42
+ * @public
43
+ */
44
+ export declare function addChoiceAnswer(questionId: string, choices: string[], validation?: {
45
+ isValid: boolean
46
+ statePath: string
47
+ }): void;
48
+ /**
49
+ * 自由記述式のアンケート回答を追加する
50
+ *
51
+ * @param questionId - 質問ID
52
+ * @param freeAnswer - 回答内容
53
+ *
54
+ * @public
55
+ */
56
+ export declare function addFreeAnswer(questionId: string, freeAnswer: string, validation?: {
57
+ isValid: boolean
58
+ statePath: string
59
+ }): void;
60
+ /**
61
+ * 回答済の回答を削除
62
+ *
63
+ * @param questionId - 質問ID
64
+ *
65
+ * @public
66
+ */
67
+ export declare function removeAnswer(questionId: string): void;
68
+ /**
69
+ * 回答済の回答内容を取得する
70
+ *
71
+ * @param questionId - 質問ID
72
+ *
73
+ * @returns 回答データ
74
+ *
75
+ * @public
76
+ */
77
+ export declare function getAnsweredQuestion(questionId: string): AnswerValue | undefined;
78
+ /**
79
+ * 回答済の回答IDのリストを取得
80
+ *
81
+ * @returns 回答済の質問の質問IDの配列
82
+ *
83
+ * @public
84
+ */
85
+ export declare function getAnsweredQuestionIds(): string[];
86
+ /**
87
+ * `sendAnswers`のエイリアス
88
+ *
89
+ * @public
90
+ */
91
+ export declare function sendAnswer(): boolean;
92
+ /**
93
+ * 回答済の回答をまとめてイベントとして送信する
94
+ *
95
+ * @returns イベント送信の成功/失敗
96
+ *
97
+ * @public
98
+ */
99
+ export declare function sendAnswers(): boolean;
100
+ export {};