@plaidev/karte-action-sdk 1.1.269-29160322.e3d433de → 1.1.269-29170394.d1cf0fa0

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 +423 -2699
  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 +420 -2684
  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
@@ -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
  };
@@ -1,27 +1,27 @@
1
1
  import type { Properties } from "csstype";
2
2
  import type { CommonProps, ClickableProps, ActionTableProps, BorderSingleProps } from "../props.js";
3
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"]
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
12
  };
13
13
  export type ListItemProps = CommonProps & ClickableProps & {
14
- gap?: number
14
+ gap?: number;
15
15
  };
16
16
  export declare const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
17
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"]
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
27
  };
@@ -1,5 +1,5 @@
1
1
  import type { Properties } from "csstype";
2
2
  import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
3
3
  export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
4
- width?: Properties["width"]
4
+ width?: Properties["width"];
5
5
  };
@@ -1,28 +1,28 @@
1
1
  import type { Properties } from "csstype";
2
2
  import type { CommonProps, ClickableProps, BorderSingleProps } from "../props.js";
3
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"]
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
12
  };
13
13
  export type MultiColumnItemProps = CommonProps & ClickableProps & {
14
- gap?: number
14
+ gap?: number;
15
15
  };
16
16
  export declare const MULTI_COLUMN_ITEM_CONTEXT_KEY = "MultiColumnItemContext";
17
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"]
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
28
  };
@@ -5,103 +5,103 @@ import type { BrandKit } from "./brand-kit.js";
5
5
  import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode, BackgroundColorVariantCode } from "./variants.js";
6
6
  import type { TEXT_THEME } from "./text/types.js";
7
7
  type PositionPlaceProps = {
8
- top?: Properties["top"]
9
- left?: Properties["left"]
10
- right?: Properties["right"]
11
- bottom?: Properties["bottom"]
12
- transform?: Properties["transform"]
8
+ top?: Properties["top"];
9
+ left?: Properties["left"];
10
+ right?: Properties["right"];
11
+ bottom?: Properties["bottom"];
12
+ transform?: Properties["transform"];
13
13
  };
14
14
  export type PositionProps = PositionPlaceProps & {
15
- position?: Properties["position"]
15
+ position?: Properties["position"];
16
16
  };
17
17
  export type MetaProps = {
18
- displayName?: string
18
+ displayName?: string;
19
19
  };
20
20
  export type CustomizeCssProps = {
21
- isCustomizeCss?: boolean
22
- customizeCss?: string
21
+ isCustomizeCss?: boolean;
22
+ customizeCss?: string;
23
23
  };
24
24
  export type BrandStyleProps = {
25
- customBrandKit?: Partial<BrandKit>
25
+ customBrandKit?: Partial<BrandKit>;
26
26
  };
27
27
  export type ActionTableProps = {
28
- actionTableKey?: string
28
+ actionTableKey?: string;
29
29
  };
30
30
  export type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
31
31
  export type ClickableProps = {
32
- onClick?: OnClickOperation
33
- eventName?: string
34
- eventValue?: object
35
- element?: string
32
+ onClick?: OnClickOperation;
33
+ eventName?: string;
34
+ eventValue?: object;
35
+ element?: string;
36
36
  };
37
37
  export type OverflowProps = {
38
- overflow?: Properties["overflow"]
38
+ overflow?: Properties["overflow"];
39
39
  };
40
40
  export type BorderColorProps = {
41
- borderColor?: Properties["borderColor"]
42
- borderColorVariant?: string
41
+ borderColor?: Properties["borderColor"];
42
+ borderColorVariant?: string;
43
43
  };
44
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"]
45
+ borderTopWidth?: Properties["borderTopWidth"];
46
+ borderLeftWidth?: Properties["borderLeftWidth"];
47
+ borderRightWidth?: Properties["borderRightWidth"];
48
+ borderBottomWidth?: Properties["borderBottomWidth"];
49
+ borderStyle?: Properties["borderTopStyle"];
50
50
  };
51
51
  export type BorderSingleProps = BorderColorProps & {
52
- borderStyle?: Properties["borderTopStyle"]
53
- borderWidth?: Properties["borderTopWidth"]
52
+ borderStyle?: Properties["borderTopStyle"];
53
+ borderWidth?: Properties["borderTopWidth"];
54
54
  };
55
55
  export type PaddingProps = {
56
- paddingTop?: Properties["paddingTop"]
57
- paddingLeft?: Properties["paddingLeft"]
58
- paddingBottom?: Properties["paddingBottom"]
59
- paddingRight?: Properties["paddingRight"]
56
+ paddingTop?: Properties["paddingTop"];
57
+ paddingLeft?: Properties["paddingLeft"];
58
+ paddingBottom?: Properties["paddingBottom"];
59
+ paddingRight?: Properties["paddingRight"];
60
60
  };
61
61
  export type RadiusProps = {
62
- borderTopLeftRadius?: Properties["borderTopLeftRadius"]
63
- borderTopRightRadius?: Properties["borderTopRightRadius"]
64
- borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
65
- borderBottomRightRadius?: Properties["borderBottomRightRadius"]
62
+ borderTopLeftRadius?: Properties["borderTopLeftRadius"];
63
+ borderTopRightRadius?: Properties["borderTopRightRadius"];
64
+ borderBottomLeftRadius?: Properties["borderBottomLeftRadius"];
65
+ borderBottomRightRadius?: Properties["borderBottomRightRadius"];
66
66
  };
67
67
  export type ColorProps = {
68
- color?: Properties["color"]
69
- colorVariant?: keyof typeof TEXT_THEME
68
+ color?: Properties["color"];
69
+ colorVariant?: keyof typeof TEXT_THEME;
70
70
  };
71
71
  export type BackgroundColorProps = {
72
- backgroundColor?: Properties["backgroundColor"]
73
- backgroundColorVariant?: BackgroundColorVariantCode
72
+ backgroundColor?: Properties["backgroundColor"];
73
+ backgroundColorVariant?: BackgroundColorVariantCode;
74
74
  };
75
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"]
76
+ backgroundImageUrl?: string;
77
+ backgroundSize?: Properties["backgroundSize"];
78
+ backgroundPositionX?: Properties["backgroundPositionX"];
79
+ backgroundPositionY?: Properties["backgroundPositionY"];
80
+ backgroundBlendMode?: Properties["backgroundBlendMode"];
81
+ backgroundBlendColor?: Properties["backgroundColor"];
82
82
  };
83
83
  export type BackgroundProps = BackgroundColorProps & BackgroundImageProps;
84
84
  export type ShadowProps = {
85
- shadow?: Properties["boxShadow"]
86
- shadowVariant?: ShadowVariantCode
85
+ shadow?: Properties["boxShadow"];
86
+ shadowVariant?: ShadowVariantCode;
87
87
  };
88
88
  export type WithIconProps = {
89
- isIcon?: boolean
90
- iconVariant?: string
91
- iconColor?: Properties["color"]
92
- iconAngle?: keyof typeof BUTTON_ICON_ANGLE
89
+ isIcon?: boolean;
90
+ iconVariant?: string;
91
+ iconColor?: Properties["color"];
92
+ iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
93
93
  };
94
94
  export type LinkProps = {
95
- isLink?: boolean
96
- linkUrl?: string
97
- linkTarget?: keyof typeof BUTTON_LINK_TARGET
95
+ isLink?: boolean;
96
+ linkUrl?: string;
97
+ linkTarget?: keyof typeof BUTTON_LINK_TARGET;
98
98
  };
99
99
  export type AspectProps = {
100
- aspectVariant?: AspectVariantCode | string
101
- aspect?: Properties["aspectRatio"]
100
+ aspectVariant?: AspectVariantCode | string;
101
+ aspect?: Properties["aspectRatio"];
102
102
  };
103
103
  export type FontFamilyProps = {
104
- fontFamilyVariant?: FontFamilyVariantCode
105
- fontFamily?: Properties["fontFamily"]
104
+ fontFamilyVariant?: FontFamilyVariantCode;
105
+ fontFamily?: Properties["fontFamily"];
106
106
  };
107
107
  export {};
@@ -7,30 +7,30 @@ type FlexComponentSchemaProp<
7
7
  Props extends Record<string, any>,
8
8
  Key extends keyof Props
9
9
  > = {
10
- key: Key
11
- type: FlexComponentSchemaPropType
12
- suggestions: Props[Key][]
13
- default?: Props[Key]
14
- priority?: number
10
+ key: Key;
11
+ type: FlexComponentSchemaPropType;
12
+ suggestions: Props[Key][];
13
+ default?: Props[Key];
14
+ priority?: number;
15
15
  };
16
16
  type FlexComponentSchema<Props extends Record<string, any> = object> = {
17
- props: FlexComponentSchemaProp<Props, keyof Props>[]
17
+ props: FlexComponentSchemaProp<Props, keyof Props>[];
18
18
  };
19
19
  export declare const createProp: <
20
20
  Props extends Record<string, any>,
21
21
  K extends keyof Props
22
22
  >(key: K, type: FlexComponentSchemaPropType, suggestions?: Props[K][], priority?: number, defaultValue?: Props[K]) => FlexComponentSchemaProp<Props, K>;
23
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>
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
35
  };
36
36
  export {};
@@ -4,10 +4,10 @@ export type PropStyles<
4
4
  K extends keyof Props
5
5
  > = Record<NonNullable<Props[K]>, Props | Properties>;
6
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%)"
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
13
  };
@@ -1,10 +1,10 @@
1
1
  import type { CommonProps, ClickableProps } from "../props.js";
2
2
  export type SliderProps = CommonProps & {
3
- gap: number
4
- itemWidthPercentage: number
5
- auto?: boolean
6
- loop?: boolean
7
- hideIndicator?: boolean
8
- interval?: number
3
+ gap: number;
4
+ itemWidthPercentage: number;
5
+ auto?: boolean;
6
+ loop?: boolean;
7
+ hideIndicator?: boolean;
8
+ interval?: number;
9
9
  };
10
10
  export type SliderItemProps = CommonProps & ClickableProps;
@@ -4,6 +4,6 @@ export declare const getPropStyles: <
4
4
  T extends object = object,
5
5
  R = BrandableStyles<T>
6
6
  >(callback: (args: {
7
- brandKit: BrandKit
7
+ brandKit: BrandKit;
8
8
  }) => R) => (customBrandKit?: Partial<BrandKit>) => R;
9
9
  export type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;
@@ -1,4 +1,4 @@
1
1
  import type { LayerTextProps } from "src/components-flex/text/types";
2
2
  export declare const TEXT_VARIANTS: {
3
- size: Record<NonNullable<LayerTextProps["size"]>, any>
3
+ size: Record<NonNullable<LayerTextProps["size"]>, any>;
4
4
  };
@@ -1,7 +1,7 @@
1
1
  import type { BrandKit } from "../brand-kit.js";
2
2
  import type { BrandableStyles } from "../styles.js";
3
3
  type TextThemeProps = {
4
- color: string
4
+ color: string;
5
5
  };
6
6
  export declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
7
7
  export {};
@@ -1,39 +1,42 @@
1
1
  import type { Properties } from "csstype";
2
2
  import type { BackgroundColorProps, BorderProps, ClickableProps, CommonProps, CustomizeCssProps, LinkProps, PaddingProps, RadiusProps, WithIconProps, FontFamilyProps } from "../props.js";
3
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: "見出し / エクストララージ"
4
+ // extra_small: 'ExtraSmall',
5
+ readonly small: "本文 / スモール";
6
+ readonly medium: "本文 / ミディアム";
7
+ readonly large: "本文 / ラージ";
8
+ // extra_large: 'ExtraLarge'
9
+ // MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
10
+ readonly heading_extra_small: "見出し / スモール";
11
+ readonly heading_small: "見出し / ミディアム";
12
+ readonly heading_medium: "見出し / ラージ";
13
+ readonly heading_large: "見出し / エクストララージ";
11
14
  };
12
15
  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: "ホワイト"
16
+ readonly default: "デフォルト";
17
+ readonly gray: "グレー";
18
+ readonly brand: "ブランド";
19
+ readonly success: "サクセス";
20
+ readonly warning: "ワーニング";
21
+ readonly danger: "アラート";
22
+ readonly info: "インフォ";
23
+ readonly white: "ホワイト";
21
24
  };
22
25
  export declare const TEXT_STYLE: {
23
- readonly normal: "normal"
24
- readonly italic: "italic"
26
+ readonly normal: "normal";
27
+ readonly italic: "italic";
25
28
  };
26
29
  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"]
30
+ content: string;
31
+ theme?: keyof typeof TEXT_THEME;
32
+ size?: keyof typeof LAYER_TEXT_SIZE;
33
+ align?: Properties["textAlign"];
34
+ fontStyle?: Properties["fontStyle"];
35
+ fontSize?: Properties["fontSize"];
36
+ fontWeight?: Properties["fontWeight"];
37
+ letterSpacing?: Properties["letterSpacing"];
38
+ lineHeight?: number;
39
+ lineClamp?: number;
40
+ color?: Properties["color"];
41
+ width?: Properties["width"];
39
42
  };
@@ -1,31 +1,34 @@
1
1
  import type { Properties } from "csstype";
2
2
  import type { ClickableProps, CommonProps, LinkProps, WithIconProps, FontFamilyProps } from "../props.js";
3
3
  export declare const TEXT_LINK_SIZE: {
4
- readonly small: "Small"
5
- readonly medium: "Medium"
6
- readonly large: "Large"
4
+ readonly small: "Small";
5
+ readonly medium: "Medium";
6
+ readonly large: "Large";
7
7
  };
8
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"
9
+ readonly default: "デフォルト";
10
+ readonly link: "Link";
11
+ readonly brand: "Brand";
12
+ readonly alert: "Danger";
13
+ readonly gray: "Gray";
14
+ readonly white: "White";
15
15
  };
16
16
  export declare const TEXT_LINK_UNDERLINE: {
17
- readonly hover_on: "ホバーで表示"
18
- readonly hover_off: "ホバーで非表示"
19
- readonly on: "常に表示"
20
- readonly off: "常に非表示"
17
+ readonly hover_on: "ホバーで表示";
18
+ readonly hover_off: "ホバーで非表示";
19
+ readonly on: "常に表示";
20
+ readonly off: "常に非表示";
21
21
  };
22
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"]
23
+ label: string;
24
+ // size
25
+ size?: keyof typeof TEXT_LINK_SIZE;
26
+ lineHeight?: number;
27
+ fontSize?: Properties["fontSize"];
28
+ // theme
29
+ theme?: keyof typeof TEXT_LINK_THEME;
30
+ color?: Properties["color"];
31
+ // others
32
+ underline?: keyof typeof TEXT_LINK_UNDERLINE;
33
+ fontWeight?: Properties["fontWeight"];
31
34
  };
@@ -1,7 +1,7 @@
1
1
  export declare function hexToRgb(hex: string): {
2
- r: number
3
- g: number
4
- b: number
2
+ r: number;
3
+ g: number;
4
+ b: number;
5
5
  };
6
6
  export declare function rgbToHex(r: number, g: number, b: number): string;
7
7
  export declare function darkenColor(color: string, percent: number): string;
@@ -1,5 +1,5 @@
1
1
  export declare function splitNumberAndUnit(value?: string | 0): {
2
- number: number | undefined
3
- unit: string
2
+ number: number | undefined;
3
+ unit: string;
4
4
  };
5
5
  export declare function combineNumberAndUnit(number: number, unit?: string): string;