@plaidev/karte-action-sdk 1.1.270-29228770.05dce6ca → 1.1.270-29270501.62e803ca6

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 (104) hide show
  1. package/dist/action.d.ts +0 -1
  2. package/dist/actionEvent.d.ts +0 -1
  3. package/dist/components/index.d.ts +0 -1
  4. package/dist/components-flex/avatar/types.d.ts +0 -1
  5. package/dist/components-flex/button/types.d.ts +0 -3
  6. package/dist/components-flex/button-outlined/types.d.ts +0 -3
  7. package/dist/components-flex/button-text/types.d.ts +0 -3
  8. package/dist/components-flex/form/types.d.ts +35 -20
  9. package/dist/components-flex/form.d.ts +40 -3
  10. package/dist/components-flex/icon/types.d.ts +0 -1
  11. package/dist/components-flex/text/types.d.ts +0 -3
  12. package/dist/components-flex/text-link/types.d.ts +0 -3
  13. package/dist/components-flex/variants.d.ts +0 -15
  14. package/dist/components-flex/youtube/types.d.ts +0 -1
  15. package/dist/constants.d.ts +0 -1
  16. package/dist/functions.d.ts +1 -1
  17. package/dist/hooks/useInjectCustomizeCss.d.ts +1 -1
  18. package/dist/hooks/useText.d.ts +1 -1
  19. package/dist/hydrate/action.d.ts +0 -1
  20. package/dist/hydrate/actionEvent.d.ts +0 -1
  21. package/dist/hydrate/components/index.d.ts +0 -1
  22. package/dist/hydrate/components-flex/avatar/types.d.ts +0 -1
  23. package/dist/hydrate/components-flex/button/types.d.ts +0 -3
  24. package/dist/hydrate/components-flex/button-outlined/types.d.ts +0 -3
  25. package/dist/hydrate/components-flex/button-text/types.d.ts +0 -3
  26. package/dist/hydrate/components-flex/form/types.d.ts +35 -20
  27. package/dist/hydrate/components-flex/form.d.ts +40 -3
  28. package/dist/hydrate/components-flex/icon/types.d.ts +0 -1
  29. package/dist/hydrate/components-flex/text/types.d.ts +0 -3
  30. package/dist/hydrate/components-flex/text-link/types.d.ts +0 -3
  31. package/dist/hydrate/components-flex/variants.d.ts +0 -15
  32. package/dist/hydrate/components-flex/youtube/types.d.ts +0 -1
  33. package/dist/hydrate/constants.d.ts +0 -1
  34. package/dist/hydrate/functions.d.ts +1 -1
  35. package/dist/hydrate/hooks/useInjectCustomizeCss.d.ts +1 -1
  36. package/dist/hydrate/hooks/useText.d.ts +1 -1
  37. package/dist/hydrate/index.d.ts +0 -2
  38. package/dist/hydrate/index.es.js +914 -573
  39. package/dist/hydrate/index.svelte5.d.ts +2 -1
  40. package/dist/hydrate/modal.d.ts +0 -2
  41. package/dist/hydrate/modal.svelte5.d.ts +0 -2
  42. package/dist/hydrate/prop.d.ts +4 -0
  43. package/dist/hydrate/types.d.ts +0 -1
  44. package/dist/icons.d.ts +0 -3
  45. package/dist/index.es.d.ts +0 -2
  46. package/dist/index.es.js +902 -511
  47. package/dist/modal.d.ts +0 -2
  48. package/dist/modal.svelte5.d.ts +0 -2
  49. package/dist/prop.d.ts +4 -0
  50. package/dist/svelte5/action.d.ts +0 -1
  51. package/dist/svelte5/actionEvent.d.ts +0 -1
  52. package/dist/svelte5/components/index.d.ts +0 -1
  53. package/dist/svelte5/components-flex/avatar/types.d.ts +0 -1
  54. package/dist/svelte5/components-flex/button/types.d.ts +0 -3
  55. package/dist/svelte5/components-flex/button-outlined/types.d.ts +0 -3
  56. package/dist/svelte5/components-flex/button-text/types.d.ts +0 -3
  57. package/dist/svelte5/components-flex/form/types.d.ts +35 -20
  58. package/dist/svelte5/components-flex/form.d.ts +40 -3
  59. package/dist/svelte5/components-flex/icon/types.d.ts +0 -1
  60. package/dist/svelte5/components-flex/text/types.d.ts +0 -3
  61. package/dist/svelte5/components-flex/text-link/types.d.ts +0 -3
  62. package/dist/svelte5/components-flex/variants.d.ts +0 -15
  63. package/dist/svelte5/components-flex/youtube/types.d.ts +0 -1
  64. package/dist/svelte5/constants.d.ts +0 -1
  65. package/dist/svelte5/functions.d.ts +1 -1
  66. package/dist/svelte5/hooks/useInjectCustomizeCss.d.ts +1 -1
  67. package/dist/svelte5/hooks/useText.d.ts +1 -1
  68. package/dist/svelte5/hydrate/action.d.ts +0 -1
  69. package/dist/svelte5/hydrate/actionEvent.d.ts +0 -1
  70. package/dist/svelte5/hydrate/components/index.d.ts +0 -1
  71. package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts +0 -1
  72. package/dist/svelte5/hydrate/components-flex/button/types.d.ts +0 -3
  73. package/dist/svelte5/hydrate/components-flex/button-outlined/types.d.ts +0 -3
  74. package/dist/svelte5/hydrate/components-flex/button-text/types.d.ts +0 -3
  75. package/dist/svelte5/hydrate/components-flex/form/types.d.ts +35 -20
  76. package/dist/svelte5/hydrate/components-flex/form.d.ts +40 -3
  77. package/dist/svelte5/hydrate/components-flex/icon/types.d.ts +0 -1
  78. package/dist/svelte5/hydrate/components-flex/text/types.d.ts +0 -3
  79. package/dist/svelte5/hydrate/components-flex/text-link/types.d.ts +0 -3
  80. package/dist/svelte5/hydrate/components-flex/variants.d.ts +0 -15
  81. package/dist/svelte5/hydrate/components-flex/youtube/types.d.ts +0 -1
  82. package/dist/svelte5/hydrate/constants.d.ts +0 -1
  83. package/dist/svelte5/hydrate/functions.d.ts +1 -1
  84. package/dist/svelte5/hydrate/hooks/useInjectCustomizeCss.d.ts +1 -1
  85. package/dist/svelte5/hydrate/hooks/useText.d.ts +1 -1
  86. package/dist/svelte5/hydrate/index.es.d.ts +2 -1
  87. package/dist/svelte5/hydrate/index.es.js +606 -379
  88. package/dist/svelte5/hydrate/modal.d.ts +0 -2
  89. package/dist/svelte5/hydrate/modal.svelte5.d.ts +0 -2
  90. package/dist/svelte5/hydrate/prop.d.ts +4 -0
  91. package/dist/svelte5/hydrate/types.d.ts +0 -1
  92. package/dist/svelte5/index.es.d.ts +2 -1
  93. package/dist/svelte5/index.es.js +606 -379
  94. package/dist/svelte5/index.front2.es.js +648 -418
  95. package/dist/svelte5/index.svelte5.d.ts +2 -1
  96. package/dist/svelte5/modal.d.ts +0 -2
  97. package/dist/svelte5/modal.svelte5.d.ts +0 -2
  98. package/dist/svelte5/prop.d.ts +4 -0
  99. package/dist/svelte5/types.d.ts +0 -1
  100. package/dist/templates.cjs.js +4 -2
  101. package/dist/templates.d.ts +0 -2
  102. package/dist/templates.js +4 -2
  103. package/dist/types.d.ts +0 -1
  104. package/package.json +3 -3
package/dist/action.d.ts CHANGED
@@ -45,7 +45,6 @@ export declare function onDestroy<
45
45
  Props extends ModalProps,
46
46
  Variables
47
47
  >(fn: ActionHook<Props, Variables & ActionVariables>): void;
48
- // -------- The following codes are deprecated --------
49
48
  /**
50
49
  * 非推奨
51
50
  *
@@ -1,5 +1,4 @@
1
1
  import type { ActionSetting } from "./types.js";
2
- // prettier-ignore
3
2
  /** @internal */
4
3
  export declare const actionId: string;
5
4
  /** @internal */
@@ -29,5 +29,4 @@ export declare const afterUpdate: typeof afterUpdateSvelte;
29
29
  * @returns Promise<void>
30
30
  */
31
31
  export declare const tick: typeof tickSvelte;
32
- // @internal
33
32
  export declare const LAYOUT_COMPONENT_NAMES: string[];
@@ -13,7 +13,6 @@ export declare const AVATAR_SHAPE: {
13
13
  readonly rounded: "ラウンド";
14
14
  };
15
15
  export type AvatarProps = CommonProps & ClickableProps & PaddingProps & BorderProps & {
16
- // size
17
16
  size?: keyof typeof AVATAR_SIZE | number;
18
17
  width?: Properties["width"];
19
18
  height?: Properties["height"];
@@ -39,19 +39,16 @@ export declare const BUTTON_ICON_ANGLE: {
39
39
  };
40
40
  export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
41
41
  label?: string;
42
- // size
43
42
  size?: keyof typeof BUTTON_SIZE | string;
44
43
  height?: Properties["height"];
45
44
  paddingLeft?: Properties["paddingLeft"];
46
45
  paddingRight?: Properties["paddingRight"];
47
46
  fontSize?: Properties["fontSize"];
48
- // theme
49
47
  theme?: keyof typeof BUTTON_THEME | string;
50
48
  variant?: keyof typeof BUTTON_VARIANT | string;
51
49
  color?: Properties["color"];
52
50
  backgroundColor?: Properties["backgroundColor"];
53
51
  borderColor?: Properties["borderColor"];
54
- // others
55
52
  fontWeight?: Properties["fontWeight"];
56
53
  round?: keyof typeof BUTTON_ROUND;
57
54
  width?: Properties["width"];
@@ -3,18 +3,15 @@ import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps,
3
3
  import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
4
4
  export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
5
5
  label?: string;
6
- // size
7
6
  size?: keyof typeof BUTTON_SIZE;
8
7
  height?: Properties["height"];
9
8
  paddingLeft?: Properties["paddingLeft"];
10
9
  paddingRight?: Properties["paddingRight"];
11
10
  fontSize?: Properties["fontSize"];
12
- // theme
13
11
  theme?: keyof typeof BUTTON_THEME;
14
12
  color?: Properties["color"];
15
13
  backgroundColor?: Properties["backgroundColor"];
16
14
  borderColor?: Properties["backgroundColor"];
17
- // others
18
15
  width?: Properties["width"];
19
16
  round?: keyof typeof BUTTON_ROUND;
20
17
  fontWeight?: Properties["fontWeight"];
@@ -18,17 +18,14 @@ export declare const BUTTON_TEXT_THEME: {
18
18
  };
19
19
  export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
20
20
  label?: string;
21
- // size
22
21
  size?: keyof typeof BUTTON_TEXT_SIZE;
23
22
  height?: Properties["height"];
24
23
  paddingLeft?: Properties["paddingLeft"];
25
24
  paddingRight?: Properties["paddingRight"];
26
25
  fontSize?: Properties["fontSize"];
27
- // theme
28
26
  theme?: keyof typeof BUTTON_TEXT_THEME;
29
27
  color?: Properties["color"];
30
28
  backgroundColor?: Properties["backgroundColor"];
31
- // others
32
29
  fontWeight?: Properties["fontWeight"];
33
30
  width?: Properties["width"];
34
31
  round?: keyof typeof BUTTON_ROUND;
@@ -1,5 +1,6 @@
1
1
  import type { CommonProps } from "../props.js";
2
2
  import { Properties } from "csstype";
3
+ import { FormStoreValidation } from "../form.js";
3
4
  export type FormProps = CommonProps & {
4
5
  fields: FormField[];
5
6
  };
@@ -13,27 +14,45 @@ export declare const FORM_FIELD_LABEL_THEME: {
13
14
  readonly gray: "グレー";
14
15
  readonly brand: "ブランド";
15
16
  };
16
- export type FormFieldProps = CommonProps & {
17
- fieldName?: string;
18
- fieldType?: FormFieldType;
17
+ export declare const FORM_IDENTIFY_FIELD_TYPE: {
18
+ readonly email: "メールアドレス";
19
+ readonly subscription: "メールマガジン登録";
20
+ readonly phone: "電話番号";
21
+ readonly phone_subscribe: "SMS配信許可";
22
+ readonly first_name: "名前(名)";
23
+ readonly last_name: "名前(姓)";
24
+ readonly address: "住所";
25
+ };
26
+ type FieldProps = CommonProps & {
19
27
  required?: boolean;
20
28
  defaultValue?: string | string[];
21
- // layout
29
+ validations?: FormStoreValidation[];
22
30
  direction?: "row" | "column";
23
31
  gap?: Properties["rowGap"];
24
- // label
25
32
  showLabel?: boolean;
26
33
  label?: string;
27
34
  labelWidth?: Properties["width"];
28
35
  labelSize?: keyof typeof FORM_FIELD_LABEL_SIZE | string;
29
36
  labelTheme?: keyof typeof FORM_FIELD_LABEL_THEME | string;
30
37
  };
38
+ export type FormFieldProps = CommonProps & FieldProps & {
39
+ fieldName?: string;
40
+ fieldType?: FormFieldType;
41
+ isIdentify?: boolean;
42
+ };
43
+ export type FormIdentifyFieldType = keyof typeof FORM_IDENTIFY_FIELD_TYPE;
44
+ export type FormIdentifyFieldProps = CommonProps & FieldProps & {
45
+ identifyType: FormIdentifyFieldType;
46
+ inputProps?: FormInputStyleProps;
47
+ checkerProps?: FormCheckerStyleProps & FormOptionsProps;
48
+ };
31
49
  export declare const FORM_FIELD_TYPE: {
32
50
  readonly INPUT: "input";
33
51
  readonly SELECT: "select";
34
52
  readonly CHECKBOX: "checkbox";
35
53
  readonly CHECKBOXES: "checkboxes";
36
54
  readonly RADIOS: "radio";
55
+ readonly BOOLEAN: "boolean";
37
56
  readonly TEXTAREA: "textarea";
38
57
  };
39
58
  export type FormFieldType = (typeof FORM_FIELD_TYPE)[keyof typeof FORM_FIELD_TYPE];
@@ -42,7 +61,7 @@ export type FormField = {
42
61
  type: FormFieldType;
43
62
  required: boolean;
44
63
  label: string;
45
- defaultValue?: string | string[];
64
+ defaultValue?: string | string[] | boolean;
46
65
  };
47
66
  export declare const FORM_FIELD_VARIANT: {
48
67
  readonly outlined: "アウトライン";
@@ -68,7 +87,7 @@ export declare const FORM_INPUT_TYPE: {
68
87
  readonly EMAIL: "email";
69
88
  };
70
89
  export type FormInputType = (typeof FORM_INPUT_TYPE)[keyof typeof FORM_INPUT_TYPE];
71
- export type FormInputCommonProps = {
90
+ export type FormInputStyleProps = {
72
91
  placeholder?: string;
73
92
  width?: Properties["width"];
74
93
  variant?: FormFieldVariant;
@@ -79,12 +98,10 @@ export type FormInputCommonProps = {
79
98
  fontColor?: string;
80
99
  placeholderColor?: string;
81
100
  };
82
- export type FormInputProps = FormFieldProps & FormInputCommonProps & {
83
- variant?: FormFieldVariant;
101
+ export type FormInputProps = FormFieldProps & FormInputStyleProps & {
84
102
  inputType?: FormInputType;
85
103
  };
86
- export type FormTextareaProps = FormFieldProps & FormInputCommonProps & {
87
- variant?: FormFieldVariant;
104
+ export type FormTextareaProps = FormFieldProps & FormInputStyleProps & {
88
105
  rows?: number;
89
106
  };
90
107
  export type FormOptionsProps = {
@@ -93,10 +110,11 @@ export type FormOptionsProps = {
93
110
  value: string;
94
111
  }[];
95
112
  };
96
- export type FormSelectProps = FormFieldProps & FormInputCommonProps & FormOptionsProps & {
113
+ export type FormSelectProps = FormFieldProps & FormInputStyleProps & FormOptionsProps & {
97
114
  variant?: FormFieldVariant;
98
115
  };
99
- export type FormListCommonProps = FormOptionsProps & {
116
+ export type FormCheckerStyleProps = {
117
+ variant?: FormFieldVariantForChecker;
100
118
  layout?: "vertical" | "horizontal" | "grid";
101
119
  layoutGridCols?: number;
102
120
  layoutGapY?: Properties["columnGap"];
@@ -105,12 +123,9 @@ export type FormListCommonProps = FormOptionsProps & {
105
123
  borderColor?: string;
106
124
  fontColor?: string;
107
125
  backgroundColor?: string;
108
- };
109
- export type FormCheckboxesProps = FormFieldProps & FormListCommonProps & {
110
- variant?: FormFieldVariantForChecker;
111
- size?: FormFieldSize;
112
- };
113
- export type FormRadiosProps = FormFieldProps & FormListCommonProps & {
114
- variant?: FormFieldVariantForChecker;
115
126
  size?: FormFieldSize;
116
127
  };
128
+ export type FormCheckboxesProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
129
+ export type FormRadiosProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
130
+ export type FormBooleanProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
131
+ export {};
@@ -1,21 +1,54 @@
1
1
  import { Writable } from "svelte/store";
2
2
  import { FormFieldType } from "./form/types.js";
3
- export type FormStoreValue = string | string[];
3
+ export type FormStoreValue = string | string[] | boolean | undefined;
4
4
  export type FormStoreState = {
5
5
  isDirty: boolean;
6
6
  isTouched: boolean;
7
7
  isValid: boolean;
8
8
  errorMessage: string | null;
9
+ type: FormFieldType;
9
10
  value: FormStoreValue;
10
11
  };
11
12
  export type FormStoreValues = Record<string, FormStoreValue>;
13
+ export type FormSubmittedValues = Record<string, {
14
+ value: FormStoreValue;
15
+ type: FormFieldType;
16
+ }>;
12
17
  export type FormStoreErrorMessages = Record<string, FormStoreState["errorMessage"]>;
13
18
  export type FormStoreStates = Record<string, FormStoreState>;
19
+ export declare const FORM_VALIDATION_TYPE: {
20
+ readonly required: "必須";
21
+ readonly email: "メールアドレス";
22
+ readonly tel: "電話番号";
23
+ readonly url: "URL";
24
+ readonly minLength: "最小文字数";
25
+ readonly maxLength: "最大文字数";
26
+ readonly minCount: "最小個数";
27
+ readonly maxCount: "最大個数";
28
+ readonly pattern: "正規表現";
29
+ };
30
+ export type FormValidationType = keyof typeof FORM_VALIDATION_TYPE;
31
+ export declare const FORM_VALIDATION_DEFAULT_ERROR_MESSAGES: Record<FormValidationType, string>;
32
+ export declare const FORM_VALIDATION_REGEX: {
33
+ email: string;
34
+ tel: string;
35
+ url: string;
36
+ };
37
+ export type FormStoreValidation = {
38
+ id: string;
39
+ type: FormValidationType;
40
+ number?: number;
41
+ regexp?: string;
42
+ errorMessage?: string;
43
+ locked?: boolean;
44
+ };
14
45
  export type FormStoreSchemaInput = {
15
46
  name: string;
16
47
  type: FormFieldType;
17
48
  defaultValue: string | string[];
18
49
  required: boolean;
50
+ validations?: FormStoreValidation[];
51
+ isIdentify?: boolean;
19
52
  };
20
53
  export type FormStoreSchema = FormStoreSchemaInput & {
21
54
  statePath: string;
@@ -28,7 +61,8 @@ export type FormStore = {
28
61
  * @internal
29
62
  */
30
63
  export declare const formStore: Writable<FormStore>;
31
- export declare const formSubmittedValues: Writable<FormStoreValues>;
64
+ export declare const formSubmittedValues: Writable<FormSubmittedValues>;
65
+ export declare const formSubmittedIdentifyValues: Writable<FormSubmittedValues>;
32
66
  /**
33
67
  * @public
34
68
  */
@@ -69,17 +103,20 @@ export declare const registerFormField: (schemas: FormStoreSchemaInput | FormSto
69
103
  * @public
70
104
  */
71
105
  export declare const unregisterFormField: (fieldNames: string | string[]) => void;
72
- export declare const validateFormField: (schema: FormStoreSchema, value: FormStoreValue) => {
106
+ export type ValidateFormFieldResult = {
73
107
  isValid: true;
74
108
  error: undefined;
75
109
  } | {
76
110
  isValid: false;
77
111
  error: string;
78
112
  };
113
+ export declare const validateFormField: (schema: FormStoreSchema, value: FormStoreValue) => ValidateFormFieldResult;
79
114
  /**
80
115
  * @public
81
116
  */
82
117
  export declare function onSubmitForm(fn: (data: {
83
118
  currentStateValues: any;
84
119
  allValues: any;
120
+ currentStateIdentifyValues: any;
121
+ allIdentifyValues: any;
85
122
  }) => void): void;
@@ -1,5 +1,4 @@
1
1
  import type { ClickableProps, CommonProps } from "../props.js";
2
- // @ts-ignore -- NOTE(kazupon): error TS2307: Cannot find module 'preact/src/jsx-csstype' or its corresponding type declarations
3
2
  import type { Properties } from "preact/src/jsx-csstype";
4
3
  export declare const ICON_SIZE: {
5
4
  [key: string]: {
@@ -1,12 +1,9 @@
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
- // extra_small: 'ExtraSmall',
5
4
  readonly small: "本文 / スモール";
6
5
  readonly medium: "本文 / ミディアム";
7
6
  readonly large: "本文 / ラージ";
8
- // extra_large: 'ExtraLarge'
9
- // MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
10
7
  readonly heading_extra_small: "見出し / スモール";
11
8
  readonly heading_small: "見出し / ミディアム";
12
9
  readonly heading_medium: "見出し / ラージ";
@@ -21,14 +21,11 @@ export declare const TEXT_LINK_UNDERLINE: {
21
21
  };
22
22
  export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
23
23
  label: string;
24
- // size
25
24
  size?: keyof typeof TEXT_LINK_SIZE;
26
25
  lineHeight?: number;
27
26
  fontSize?: Properties["fontSize"];
28
- // theme
29
27
  theme?: keyof typeof TEXT_LINK_THEME;
30
28
  color?: Properties["color"];
31
- // others
32
29
  underline?: keyof typeof TEXT_LINK_UNDERLINE;
33
30
  fontWeight?: Properties["fontWeight"];
34
31
  };
@@ -21,15 +21,9 @@ type ToVariantArrayReturn<T> = T[keyof T] & {
21
21
  code: keyof T;
22
22
  };
23
23
  declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
24
- // ================================
25
- // Aspect
26
- // ================================
27
24
  export declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
28
25
  export type AspectVariantCode = keyof typeof ASPECT_VARIANT;
29
26
  export declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
30
- // ================================
31
- // FontFamily
32
- // ================================
33
27
  export type FontVariantMeta = {
34
28
  lang: "ja" | "en";
35
29
  type: "kaku" | "maru" | "min";
@@ -42,21 +36,12 @@ type FontFamilyVariantGroup = {
42
36
  variants: ReturnType<typeof toVariantArray>;
43
37
  };
44
38
  export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
45
- // ================================
46
- // Shadow
47
- // ================================
48
39
  export declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
49
40
  export type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
50
41
  export declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
51
- // ================================
52
- // Background
53
- // ================================
54
42
  export declare const BACKGROUND_COLOR_VARIANT: VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">>;
55
43
  export type BackgroundColorVariantCode = keyof typeof BACKGROUND_COLOR_VARIANT;
56
44
  export declare const BACKGROUND_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">, object>>[];
57
- // ================================
58
- // Border
59
- // ================================
60
45
  export declare const BORDER_COLOR_VARIANT: VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">>;
61
46
  export type BorderColorVariantCode = keyof typeof BORDER_COLOR_VARIANT;
62
47
  export declare const BORDER_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">, object>>[];
@@ -11,7 +11,6 @@ export type YoutubeProps = CommonProps & BorderProps & {
11
11
  showSubtitle?: boolean;
12
12
  showFullScreen?: boolean;
13
13
  showRelatedMovies?: boolean;
14
- // styles
15
14
  shape?: keyof typeof IMAGE_ROUND_SHAPE;
16
15
  width?: Properties["width"];
17
16
  };
@@ -17,7 +17,6 @@ export declare const DEVICE_QUERIES: {
17
17
  readonly PC: "screen and (min-width: 641px)";
18
18
  readonly SP: "screen and (max-width: 640px)";
19
19
  };
20
- // -------- The following codes are deprecated --------
21
20
  /**
22
21
  * 非推奨
23
22
  *
@@ -5,7 +5,7 @@ export declare const none: () => () => void;
5
5
  /** @internal */
6
6
  export declare const moveTo: (to: string) => () => void;
7
7
  /** @internal */
8
- export declare const linkTo: (to: string, targetBlank?: boolean, decode?: boolean) => () => void;
8
+ export declare const linkTo: (to: string, targetBlank?: boolean, decode?: boolean, keepNativeActionViewed?: boolean) => () => void;
9
9
  /** @internal */
10
10
  export declare const closeApp: (trigger: CloseTrigger) => () => void;
11
11
  /** @internal */
@@ -1,2 +1,2 @@
1
1
  import type { CustomizeCssProps } from "../components-flex/props.js";
2
- export declare const useInjectCustomizeCss: (props: CustomizeCssProps) => void;
2
+ export declare const useInjectCustomizeCss: (props: CustomizeCssProps, layerId: string) => void;
@@ -1,5 +1,5 @@
1
1
  import type { LayerTextProps } from "../components-flex/text/types.js";
2
- export declare const useText: (props: LayerTextProps) => {
2
+ export declare const useText: (props: LayerTextProps, layerId: string) => {
3
3
  escapedHTML: string;
4
4
  style: string;
5
5
  };
@@ -45,7 +45,6 @@ export declare function onDestroy<
45
45
  Props extends ModalProps,
46
46
  Variables
47
47
  >(fn: ActionHook<Props, Variables & ActionVariables>): void;
48
- // -------- The following codes are deprecated --------
49
48
  /**
50
49
  * 非推奨
51
50
  *
@@ -1,5 +1,4 @@
1
1
  import type { ActionSetting } from "./types.js";
2
- // prettier-ignore
3
2
  /** @internal */
4
3
  export declare const actionId: string;
5
4
  /** @internal */
@@ -29,5 +29,4 @@ export declare const afterUpdate: typeof afterUpdateSvelte;
29
29
  * @returns Promise<void>
30
30
  */
31
31
  export declare const tick: typeof tickSvelte;
32
- // @internal
33
32
  export declare const LAYOUT_COMPONENT_NAMES: string[];
@@ -13,7 +13,6 @@ export declare const AVATAR_SHAPE: {
13
13
  readonly rounded: "ラウンド";
14
14
  };
15
15
  export type AvatarProps = CommonProps & ClickableProps & PaddingProps & BorderProps & {
16
- // size
17
16
  size?: keyof typeof AVATAR_SIZE | number;
18
17
  width?: Properties["width"];
19
18
  height?: Properties["height"];
@@ -39,19 +39,16 @@ export declare const BUTTON_ICON_ANGLE: {
39
39
  };
40
40
  export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
41
41
  label?: string;
42
- // size
43
42
  size?: keyof typeof BUTTON_SIZE | string;
44
43
  height?: Properties["height"];
45
44
  paddingLeft?: Properties["paddingLeft"];
46
45
  paddingRight?: Properties["paddingRight"];
47
46
  fontSize?: Properties["fontSize"];
48
- // theme
49
47
  theme?: keyof typeof BUTTON_THEME | string;
50
48
  variant?: keyof typeof BUTTON_VARIANT | string;
51
49
  color?: Properties["color"];
52
50
  backgroundColor?: Properties["backgroundColor"];
53
51
  borderColor?: Properties["borderColor"];
54
- // others
55
52
  fontWeight?: Properties["fontWeight"];
56
53
  round?: keyof typeof BUTTON_ROUND;
57
54
  width?: Properties["width"];
@@ -3,18 +3,15 @@ import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps,
3
3
  import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
4
4
  export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
5
5
  label?: string;
6
- // size
7
6
  size?: keyof typeof BUTTON_SIZE;
8
7
  height?: Properties["height"];
9
8
  paddingLeft?: Properties["paddingLeft"];
10
9
  paddingRight?: Properties["paddingRight"];
11
10
  fontSize?: Properties["fontSize"];
12
- // theme
13
11
  theme?: keyof typeof BUTTON_THEME;
14
12
  color?: Properties["color"];
15
13
  backgroundColor?: Properties["backgroundColor"];
16
14
  borderColor?: Properties["backgroundColor"];
17
- // others
18
15
  width?: Properties["width"];
19
16
  round?: keyof typeof BUTTON_ROUND;
20
17
  fontWeight?: Properties["fontWeight"];
@@ -18,17 +18,14 @@ export declare const BUTTON_TEXT_THEME: {
18
18
  };
19
19
  export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
20
20
  label?: string;
21
- // size
22
21
  size?: keyof typeof BUTTON_TEXT_SIZE;
23
22
  height?: Properties["height"];
24
23
  paddingLeft?: Properties["paddingLeft"];
25
24
  paddingRight?: Properties["paddingRight"];
26
25
  fontSize?: Properties["fontSize"];
27
- // theme
28
26
  theme?: keyof typeof BUTTON_TEXT_THEME;
29
27
  color?: Properties["color"];
30
28
  backgroundColor?: Properties["backgroundColor"];
31
- // others
32
29
  fontWeight?: Properties["fontWeight"];
33
30
  width?: Properties["width"];
34
31
  round?: keyof typeof BUTTON_ROUND;
@@ -1,5 +1,6 @@
1
1
  import type { CommonProps } from "../props.js";
2
2
  import { Properties } from "csstype";
3
+ import { FormStoreValidation } from "../form.js";
3
4
  export type FormProps = CommonProps & {
4
5
  fields: FormField[];
5
6
  };
@@ -13,27 +14,45 @@ export declare const FORM_FIELD_LABEL_THEME: {
13
14
  readonly gray: "グレー";
14
15
  readonly brand: "ブランド";
15
16
  };
16
- export type FormFieldProps = CommonProps & {
17
- fieldName?: string;
18
- fieldType?: FormFieldType;
17
+ export declare const FORM_IDENTIFY_FIELD_TYPE: {
18
+ readonly email: "メールアドレス";
19
+ readonly subscription: "メールマガジン登録";
20
+ readonly phone: "電話番号";
21
+ readonly phone_subscribe: "SMS配信許可";
22
+ readonly first_name: "名前(名)";
23
+ readonly last_name: "名前(姓)";
24
+ readonly address: "住所";
25
+ };
26
+ type FieldProps = CommonProps & {
19
27
  required?: boolean;
20
28
  defaultValue?: string | string[];
21
- // layout
29
+ validations?: FormStoreValidation[];
22
30
  direction?: "row" | "column";
23
31
  gap?: Properties["rowGap"];
24
- // label
25
32
  showLabel?: boolean;
26
33
  label?: string;
27
34
  labelWidth?: Properties["width"];
28
35
  labelSize?: keyof typeof FORM_FIELD_LABEL_SIZE | string;
29
36
  labelTheme?: keyof typeof FORM_FIELD_LABEL_THEME | string;
30
37
  };
38
+ export type FormFieldProps = CommonProps & FieldProps & {
39
+ fieldName?: string;
40
+ fieldType?: FormFieldType;
41
+ isIdentify?: boolean;
42
+ };
43
+ export type FormIdentifyFieldType = keyof typeof FORM_IDENTIFY_FIELD_TYPE;
44
+ export type FormIdentifyFieldProps = CommonProps & FieldProps & {
45
+ identifyType: FormIdentifyFieldType;
46
+ inputProps?: FormInputStyleProps;
47
+ checkerProps?: FormCheckerStyleProps & FormOptionsProps;
48
+ };
31
49
  export declare const FORM_FIELD_TYPE: {
32
50
  readonly INPUT: "input";
33
51
  readonly SELECT: "select";
34
52
  readonly CHECKBOX: "checkbox";
35
53
  readonly CHECKBOXES: "checkboxes";
36
54
  readonly RADIOS: "radio";
55
+ readonly BOOLEAN: "boolean";
37
56
  readonly TEXTAREA: "textarea";
38
57
  };
39
58
  export type FormFieldType = (typeof FORM_FIELD_TYPE)[keyof typeof FORM_FIELD_TYPE];
@@ -42,7 +61,7 @@ export type FormField = {
42
61
  type: FormFieldType;
43
62
  required: boolean;
44
63
  label: string;
45
- defaultValue?: string | string[];
64
+ defaultValue?: string | string[] | boolean;
46
65
  };
47
66
  export declare const FORM_FIELD_VARIANT: {
48
67
  readonly outlined: "アウトライン";
@@ -68,7 +87,7 @@ export declare const FORM_INPUT_TYPE: {
68
87
  readonly EMAIL: "email";
69
88
  };
70
89
  export type FormInputType = (typeof FORM_INPUT_TYPE)[keyof typeof FORM_INPUT_TYPE];
71
- export type FormInputCommonProps = {
90
+ export type FormInputStyleProps = {
72
91
  placeholder?: string;
73
92
  width?: Properties["width"];
74
93
  variant?: FormFieldVariant;
@@ -79,12 +98,10 @@ export type FormInputCommonProps = {
79
98
  fontColor?: string;
80
99
  placeholderColor?: string;
81
100
  };
82
- export type FormInputProps = FormFieldProps & FormInputCommonProps & {
83
- variant?: FormFieldVariant;
101
+ export type FormInputProps = FormFieldProps & FormInputStyleProps & {
84
102
  inputType?: FormInputType;
85
103
  };
86
- export type FormTextareaProps = FormFieldProps & FormInputCommonProps & {
87
- variant?: FormFieldVariant;
104
+ export type FormTextareaProps = FormFieldProps & FormInputStyleProps & {
88
105
  rows?: number;
89
106
  };
90
107
  export type FormOptionsProps = {
@@ -93,10 +110,11 @@ export type FormOptionsProps = {
93
110
  value: string;
94
111
  }[];
95
112
  };
96
- export type FormSelectProps = FormFieldProps & FormInputCommonProps & FormOptionsProps & {
113
+ export type FormSelectProps = FormFieldProps & FormInputStyleProps & FormOptionsProps & {
97
114
  variant?: FormFieldVariant;
98
115
  };
99
- export type FormListCommonProps = FormOptionsProps & {
116
+ export type FormCheckerStyleProps = {
117
+ variant?: FormFieldVariantForChecker;
100
118
  layout?: "vertical" | "horizontal" | "grid";
101
119
  layoutGridCols?: number;
102
120
  layoutGapY?: Properties["columnGap"];
@@ -105,12 +123,9 @@ export type FormListCommonProps = FormOptionsProps & {
105
123
  borderColor?: string;
106
124
  fontColor?: string;
107
125
  backgroundColor?: string;
108
- };
109
- export type FormCheckboxesProps = FormFieldProps & FormListCommonProps & {
110
- variant?: FormFieldVariantForChecker;
111
- size?: FormFieldSize;
112
- };
113
- export type FormRadiosProps = FormFieldProps & FormListCommonProps & {
114
- variant?: FormFieldVariantForChecker;
115
126
  size?: FormFieldSize;
116
127
  };
128
+ export type FormCheckboxesProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
129
+ export type FormRadiosProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
130
+ export type FormBooleanProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
131
+ export {};