@ubie/vitals-ui-consumer 0.0.1

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 (170) hide show
  1. package/.storybook/main.ts +14 -0
  2. package/.storybook/preview.tsx +25 -0
  3. package/.storybook/vitest.setup.ts +7 -0
  4. package/dist/chunk-DKo7XVKm.mjs +33 -0
  5. package/dist/index.d.mts +1720 -0
  6. package/dist/index.d.mts.map +1 -0
  7. package/dist/index.mjs +10594 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/dist/style.css +2299 -0
  10. package/package.json +47 -0
  11. package/src/components/Accordion/Accordion.module.css +75 -0
  12. package/src/components/Accordion/Accordion.spec.tsx +18 -0
  13. package/src/components/Accordion/Accordion.stories.tsx +61 -0
  14. package/src/components/Accordion/Accordion.tsx +89 -0
  15. package/src/components/ActionHalfModal/ActionHalfModal.module.css +180 -0
  16. package/src/components/ActionHalfModal/ActionHalfModal.spec.tsx +57 -0
  17. package/src/components/ActionHalfModal/ActionHalfModal.stories.tsx +469 -0
  18. package/src/components/ActionHalfModal/ActionHalfModal.tsx +269 -0
  19. package/src/components/ActionModal/ActionModal.module.css +145 -0
  20. package/src/components/ActionModal/ActionModal.spec.tsx +57 -0
  21. package/src/components/ActionModal/ActionModal.stories.tsx +302 -0
  22. package/src/components/ActionModal/ActionModal.tsx +232 -0
  23. package/src/components/Bold/Bold.module.css +4 -0
  24. package/src/components/Bold/Bold.spec.tsx +24 -0
  25. package/src/components/Bold/Bold.stories.tsx +54 -0
  26. package/src/components/Bold/Bold.tsx +31 -0
  27. package/src/components/Box/Box.module.css +46 -0
  28. package/src/components/Box/Box.spec.tsx +188 -0
  29. package/src/components/Box/Box.tsx +242 -0
  30. package/src/components/Button/Button.module.css +261 -0
  31. package/src/components/Button/Button.spec.tsx +82 -0
  32. package/src/components/Button/Button.tsx +99 -0
  33. package/src/components/Button/ButtonTypes.ts +107 -0
  34. package/src/components/Button/LinkButton.spec.tsx +86 -0
  35. package/src/components/Button/LinkButton.tsx +80 -0
  36. package/src/components/Button/VariantIcon.tsx +20 -0
  37. package/src/components/Button/useIcon.tsx +16 -0
  38. package/src/components/ButtonCard/ButtonCard.module.css +35 -0
  39. package/src/components/ButtonCard/ButtonCard.spec.tsx +18 -0
  40. package/src/components/ButtonCard/ButtonCard.stories.tsx +54 -0
  41. package/src/components/ButtonCard/ButtonCard.tsx +18 -0
  42. package/src/components/Center/Center.module.css +19 -0
  43. package/src/components/Center/Center.spec.tsx +143 -0
  44. package/src/components/Center/Center.tsx +108 -0
  45. package/src/components/Checkbox/Checkbox.module.css +124 -0
  46. package/src/components/Checkbox/Checkbox.spec.tsx +17 -0
  47. package/src/components/Checkbox/Checkbox.stories.tsx +213 -0
  48. package/src/components/Checkbox/Checkbox.tsx +50 -0
  49. package/src/components/CheckboxCard/CheckboxCard.module.css +102 -0
  50. package/src/components/CheckboxCard/CheckboxCard.spec.tsx +16 -0
  51. package/src/components/CheckboxCard/CheckboxCard.stories.tsx +205 -0
  52. package/src/components/CheckboxCard/CheckboxCard.tsx +53 -0
  53. package/src/components/CheckboxGroup/CheckboxGroup.module.css +16 -0
  54. package/src/components/CheckboxGroup/CheckboxGroup.spec.tsx +17 -0
  55. package/src/components/CheckboxGroup/CheckboxGroup.tsx +64 -0
  56. package/src/components/Color/Color.module.css +3 -0
  57. package/src/components/Color/Color.spec.tsx +24 -0
  58. package/src/components/Color/Color.stories.tsx +71 -0
  59. package/src/components/Color/Color.tsx +28 -0
  60. package/src/components/Divider/Divider.module.css +9 -0
  61. package/src/components/Divider/Divider.spec.tsx +42 -0
  62. package/src/components/Divider/Divider.stories.tsx +77 -0
  63. package/src/components/Divider/Divider.tsx +49 -0
  64. package/src/components/ErrorMessage/ErrorMessage.module.css +8 -0
  65. package/src/components/ErrorMessage/ErrorMessage.spec.tsx +12 -0
  66. package/src/components/ErrorMessage/ErrorMessage.tsx +20 -0
  67. package/src/components/Flex/Flex.module.css +24 -0
  68. package/src/components/Flex/Flex.spec.tsx +188 -0
  69. package/src/components/Flex/Flex.tsx +173 -0
  70. package/src/components/FlexItem/FlexItem.module.css +14 -0
  71. package/src/components/FlexItem/FlexItem.spec.tsx +84 -0
  72. package/src/components/FlexItem/FlexItem.tsx +106 -0
  73. package/src/components/Heading/Heading.module.css +131 -0
  74. package/src/components/Heading/Heading.tsx +86 -0
  75. package/src/components/HelperMessage/HelperMessage.module.css +8 -0
  76. package/src/components/HelperMessage/HelperMessage.tsx +15 -0
  77. package/src/components/Icon/Icon.module.css +6 -0
  78. package/src/components/Icon/Icon.spec.tsx +24 -0
  79. package/src/components/Icon/Icon.stories.tsx +100 -0
  80. package/src/components/Icon/Icon.tsx +101 -0
  81. package/src/components/Input/Input.module.css +51 -0
  82. package/src/components/Input/Input.spec.tsx +14 -0
  83. package/src/components/Input/Input.tsx +27 -0
  84. package/src/components/Label/Label.module.css +14 -0
  85. package/src/components/Label/Label.tsx +39 -0
  86. package/src/components/LinkCard/LinkCard.module.css +72 -0
  87. package/src/components/LinkCard/LinkCard.tsx +96 -0
  88. package/src/components/MessageHalfModal/MessageHalfModal.module.css +181 -0
  89. package/src/components/MessageHalfModal/MessageHalfModal.spec.tsx +73 -0
  90. package/src/components/MessageHalfModal/MessageHalfModal.stories.tsx +242 -0
  91. package/src/components/MessageHalfModal/MessageHalfModal.tsx +194 -0
  92. package/src/components/MessageModal/MessageModal.module.css +149 -0
  93. package/src/components/MessageModal/MessageModal.spec.tsx +57 -0
  94. package/src/components/MessageModal/MessageModal.stories.tsx +223 -0
  95. package/src/components/MessageModal/MessageModal.tsx +178 -0
  96. package/src/components/Pre/Pre.module.css +8 -0
  97. package/src/components/Pre/Pre.spec.tsx +11 -0
  98. package/src/components/Pre/Pre.stories.tsx +76 -0
  99. package/src/components/Pre/Pre.tsx +40 -0
  100. package/src/components/RadioButton/RadioButton.module.css +92 -0
  101. package/src/components/RadioButton/RadioButton.spec.tsx +25 -0
  102. package/src/components/RadioButton/RadioButton.tsx +55 -0
  103. package/src/components/RadioCard/RadioCard.module.css +109 -0
  104. package/src/components/RadioCard/RadioCard.tsx +61 -0
  105. package/src/components/RadioGroup/RadioGroup.module.css +16 -0
  106. package/src/components/RadioGroup/RadioGroup.spec.tsx +17 -0
  107. package/src/components/RadioGroup/RadioGroup.tsx +60 -0
  108. package/src/components/Select/Select.module.css +70 -0
  109. package/src/components/Select/Select.spec.tsx +12 -0
  110. package/src/components/Select/Select.tsx +56 -0
  111. package/src/components/Stack/Stack.module.css +10 -0
  112. package/src/components/Stack/Stack.spec.tsx +177 -0
  113. package/src/components/Stack/Stack.tsx +151 -0
  114. package/src/components/Stepper/Stepper.module.css +137 -0
  115. package/src/components/Stepper/Stepper.spec.tsx +198 -0
  116. package/src/components/Stepper/Stepper.stories.tsx +192 -0
  117. package/src/components/Stepper/Stepper.tsx +70 -0
  118. package/src/components/Stepper/StepperItem.tsx +113 -0
  119. package/src/components/Text/Text.module.css +168 -0
  120. package/src/components/Text/Text.tsx +192 -0
  121. package/src/components/TextArea/TextArea.module.css +46 -0
  122. package/src/components/TextArea/TextArea.spec.tsx +13 -0
  123. package/src/components/TextArea/TextArea.tsx +29 -0
  124. package/src/components/Toggle/Toggle.module.css +71 -0
  125. package/src/components/Toggle/Toggle.spec.tsx +21 -0
  126. package/src/components/Toggle/Toggle.tsx +56 -0
  127. package/src/font.ts +2 -0
  128. package/src/hooks/useScrollable.ts +58 -0
  129. package/src/icons/AppleIcon.tsx +14 -0
  130. package/src/icons/GoogleIcon.tsx +27 -0
  131. package/src/icons/LINEIcon.tsx +16 -0
  132. package/src/index.ts +35 -0
  133. package/src/sharedComponents/RequiredLabel/RequiredLabel.module.css +10 -0
  134. package/src/sharedComponents/RequiredLabel/RequiredLabel.tsx +8 -0
  135. package/src/sharedComponents/VisuallyHidden/VisuallyHidden.module.css +15 -0
  136. package/src/sharedComponents/VisuallyHidden/VisuallyHidden.tsx +22 -0
  137. package/src/stories/Accordion.stories.portable.ts +4 -0
  138. package/src/stories/Box.stories.tsx +474 -0
  139. package/src/stories/Button.stories.tsx +262 -0
  140. package/src/stories/Center.stories.tsx +126 -0
  141. package/src/stories/ErrorMessage.stories.tsx +19 -0
  142. package/src/stories/Flex.stories.tsx +345 -0
  143. package/src/stories/Form.stories.tsx +83 -0
  144. package/src/stories/Heading.stories.tsx +263 -0
  145. package/src/stories/HelperMessage.stories.tsx +22 -0
  146. package/src/stories/Input.stories.tsx +145 -0
  147. package/src/stories/Label.stories.tsx +32 -0
  148. package/src/stories/LinkButton.stories.tsx +207 -0
  149. package/src/stories/LinkCard.stories.tsx +90 -0
  150. package/src/stories/RadioButton.stories.tsx +168 -0
  151. package/src/stories/RadioCard.stories.tsx +236 -0
  152. package/src/stories/Select.stories.tsx +97 -0
  153. package/src/stories/Stack.stories.tsx +167 -0
  154. package/src/stories/Text.stories.tsx +396 -0
  155. package/src/stories/TextArea.stories.tsx +49 -0
  156. package/src/stories/Toggle.stories.tsx +30 -0
  157. package/src/test/vitest-jest-dom.d.ts +12 -0
  158. package/src/types/attributes.ts +6 -0
  159. package/src/types/global.d.ts +11 -0
  160. package/src/types/icon.ts +3 -0
  161. package/src/types/style.ts +254 -0
  162. package/src/utils/component.ts +8 -0
  163. package/src/utils/style.spec.ts +57 -0
  164. package/src/utils/style.ts +387 -0
  165. package/src/utils/types.ts +8 -0
  166. package/tsconfig.json +18 -0
  167. package/tsconfig.spec-lint.tsbuildinfo +1 -0
  168. package/tsconfig.tsbuildinfo +1 -0
  169. package/vite.config.ts +50 -0
  170. package/vitest.shims.d.ts +1 -0
@@ -0,0 +1,1720 @@
1
+ import * as _$react from "react";
2
+ import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentPropsWithRef, ComponentType, ElementType, FC, HTMLAttributes, InputHTMLAttributes, PropsWithChildren, ReactElement, ReactNode, SVGProps, TextareaHTMLAttributes } from "react";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
+
5
+ //#region src/types/attributes.d.ts
6
+ type CustomDataAttributeProps = {
7
+ /**
8
+ * data-*属性
9
+ */
10
+ [key: `data-${string}`]: unknown;
11
+ };
12
+ //#endregion
13
+ //#region src/components/Accordion/Accordion.d.ts
14
+ type Size = "small" | "medium";
15
+ type Props$12 = {
16
+ /**
17
+ * コンテンツとして表示する内容。開閉で表示・非表示が切り替わる
18
+ */
19
+ children: ReactNode;
20
+ /**
21
+ * 見出しに表示するテキスト
22
+ */
23
+ header: string;
24
+ /**
25
+ * 見出しの下に表示する説明
26
+ */
27
+ description?: string;
28
+ /**
29
+ * サイズ
30
+ * @default medium
31
+ */
32
+ size?: Size;
33
+ /**
34
+ * ラッパーであるdetails要素に付与するネイティブ要素の`id`属性。ページで固有のIDを指定
35
+ */
36
+ id?: string;
37
+ /**
38
+ * 開閉をトリガーするsummary要素に付与するネイティブ要素の`id`属性。ページで固有のIDを指定
39
+ */
40
+ buttonId?: string;
41
+ /**
42
+ * 初期状態で開く
43
+ */
44
+ initialOpen?: boolean;
45
+ /**
46
+ * 開閉時のイベントハンドラ
47
+ */
48
+ onToggle?: () => void;
49
+ } & CustomDataAttributeProps;
50
+ declare const Accordion: FC<Props$12>;
51
+ //#endregion
52
+ //#region src/utils/types.d.ts
53
+ type AllOrNone<T> = T | Partial<Record<keyof T, undefined>>;
54
+ type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
55
+ type HTMLTagname = keyof HTMLElementTagNameMap;
56
+ //#endregion
57
+ //#region src/types/style.d.ts
58
+ type FontSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
59
+ type TextType = "body" | "heading" | "button" | "tag";
60
+ type Leading = "default" | "narrow" | "wide";
61
+ type Hue = "black" | "blue" | "pink" | "orange" | "purple" | "green" | "red";
62
+ type TextColorVariant = "main" | "sub" | "link" | "linkSub" | "disabled" | "white" | Hue | `${Hue}Darken`;
63
+ type BodyFontSize = Extract<FontSize, "xs" | "sm" | "md" | "lg">;
64
+ type BodyLeading = Extract<Leading, "default" | "narrow" | "wide">;
65
+ type HeadingFontSize = Extract<FontSize, "xxs" | "xs" | "sm" | "md" | "lg" | "xl">;
66
+ type HeadingLeading = Extract<Leading, "default" | "wide">;
67
+ type ButtonFontSize = Extract<FontSize, "sm" | "md" | "lg">;
68
+ type ButtonLeading = Extract<Leading, "default">;
69
+ type TagFontSize = Extract<FontSize, "md" | "lg">;
70
+ type TagLeading = Extract<Leading, "default">;
71
+ type Spacing = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
72
+ type PaddingProps = {
73
+ /**
74
+ * 四方のパディングを一括で設定。Spacing Tokenのキーを指定
75
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
76
+ */
77
+ p?: Spacing;
78
+ /**
79
+ * 水平方向のパディングを一括で設定。Spacing Tokenのキーを指定
80
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
81
+ */
82
+ px?: Spacing;
83
+ /**
84
+ * 垂直方向のパディングを一括で設定。Spacing Tokenのキーを指定
85
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
86
+ */
87
+ py?: Spacing;
88
+ /**
89
+ * 上方向のパディング。Spacing Tokenのキーを指定
90
+ */
91
+ pt?: Spacing;
92
+ /**
93
+ * 右方向のパディング。Spacing Tokenのキーを指定
94
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
95
+ */
96
+ pr?: Spacing;
97
+ /**
98
+ * 下方向のパディング。Spacing Tokenのキーを指定
99
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
100
+ */
101
+ pb?: Spacing;
102
+ /**
103
+ * 左方向のパディング。Spacing Tokenのキーを指定
104
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
105
+ */
106
+ pl?: Spacing;
107
+ };
108
+ type MarginProps = {
109
+ /**
110
+ * 四方のマージンを一括で設定。Spacing Tokenのキーを指定
111
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
112
+ */
113
+ m?: Spacing;
114
+ /**
115
+ * 水平方向のマージンを一括で設定。Spacing Tokenのキーを指定
116
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
117
+ */
118
+ mx?: Spacing;
119
+ /**
120
+ * 垂直方向のマージンを一括で設定。Spacing Tokenのキーを指定
121
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
122
+ */
123
+ my?: Spacing;
124
+ /**
125
+ * 上方向のマージン。Spacing Tokenのキーを指定
126
+ */
127
+ mt?: Spacing;
128
+ /**
129
+ * 右方向のマージン。Spacing Tokenのキーを指定
130
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
131
+ */
132
+ mr?: Spacing;
133
+ /**
134
+ * 下方向のマージン。Spacing Tokenのキーを指定
135
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
136
+ */
137
+ mb?: Spacing;
138
+ /**
139
+ * 左方向のマージン。Spacing Tokenのキーを指定
140
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
141
+ */
142
+ ml?: Spacing;
143
+ };
144
+ type MarginYProps = Pick<MarginProps, "my" | "mt" | "mb">;
145
+ type FlexDirection = "row" | "column";
146
+ type AlignItems = "normal" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
147
+ type JustifyContent = "normal" | "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
148
+ type Radius = "xs" | "sm" | "md" | "lg" | "full";
149
+ type RadiusProp = {
150
+ /**
151
+ * 角丸を指定。Radius Tokenのキーを指定
152
+ * xs=2px,sm=4px,md=8px,lg=12px
153
+ */
154
+ radius?: Radius;
155
+ };
156
+ type BackgroundColorVariant = "white" | Hue | `${Hue}Darken` | `${Hue}Inverse` | `${Hue}InverseDarken`;
157
+ type BorderVariant = Hue | `${Hue}Darken` | `${Hue}Thick` | `${Hue}DarkenThick`;
158
+ type IconColorVariant = "white" | Hue;
159
+ type CSSVariable = `var(--${string})`;
160
+ type CSSLength = `${string}cap` | `${string}ch` | `${string}em` | `${string}ex` | `${string}ic` | `${string}lh` | `${string}rcap` | `${string}rem` | `${string}rex` | `${string}ric` | `${string}rlh` | `${string}vh` | `${string}vmax` | `${string}vmin` | `${string}vw` | `${string}vb` | `${string}vi` | `${string}cqw` | `${string}cqh` | `${string}cqi` | `${string}cqb` | `${string}cqmin` | `${string}cqmax` | `${string}px` | `${string}cm` | `${string}mm` | `${string}q` | `${string}in` | `${string}pc` | `${string}pt`;
161
+ type CSSPercentage = `${string}%`;
162
+ type CSSCalc = `calc(${string})`;
163
+ type CSSLengthPercentage = CSSLength | CSSPercentage | CSSCalc;
164
+ type CSSWidth = "auto" | CSSLengthPercentage | "min-content" | "max-content" | "fit-content" | `fit-content(${CSSLengthPercentage})` | CSSVariable;
165
+ type CSSMaxWidth = "none" | CSSLengthPercentage | "min-content" | "max-content" | "fit-content" | `fit-content(${CSSLengthPercentage})` | CSSVariable;
166
+ type CSSMinWidth = CSSWidth;
167
+ type WidthProps = {
168
+ /**
169
+ * 幅を指定
170
+ * @default auto
171
+ */
172
+ width?: CSSWidth;
173
+ /**
174
+ * 最小幅
175
+ * @default auto
176
+ */
177
+ minWidth?: CSSMinWidth;
178
+ /**
179
+ * 最大幅
180
+ * @default none
181
+ */
182
+ maxWidth?: CSSMaxWidth;
183
+ };
184
+ type CSSMaxHeight = CSSMaxWidth;
185
+ //#endregion
186
+ //#region src/components/ActionHalfModal/ActionHalfModal.d.ts
187
+ type Opacity$3 = "normal" | "darker";
188
+ type BaseProps$5 = {
189
+ /**
190
+ * コンテンツとして表示する内容
191
+ */
192
+ children: ReactNode;
193
+ /**
194
+ * 閉じるアクションが実行された場合のコールバック
195
+ */
196
+ onClose: () => void;
197
+ /**
198
+ * ヘッダーに表示する見出しテキストまたはReactノード
199
+ */
200
+ header?: ReactNode;
201
+ /**
202
+ * プライマリーアクションボタンのカラースキーム
203
+ */
204
+ primaryActionColor?: "primary" | "alert";
205
+ /**
206
+ * 閉じるボタンのラベル
207
+ * @default 閉じる
208
+ */
209
+ closeLabel?: string;
210
+ /**
211
+ * オーバーレイの透過度
212
+ * @default normal
213
+ */
214
+ overlayOpacity?: Opacity$3;
215
+ /**
216
+ * 閉じるボタンを表示するかどうか
217
+ * @default true
218
+ */
219
+ showClose?: boolean;
220
+ /**
221
+ * モーダルを開くかどうか
222
+ * @default true
223
+ */
224
+ open?: boolean;
225
+ /**
226
+ * openを無視してモーダルを開いたままにするかどうか。アニメーションライブラリとの連携で、ActionHalfModal自身が開閉に関与しない場合に使用
227
+ */
228
+ isStatic?: boolean;
229
+ /**
230
+ * モーダルをフルスクリーンで表示するかどうか
231
+ */
232
+ fullscreen?: boolean;
233
+ /**
234
+ * ネイティブ要素のid属性。ページで固有のIDを指定
235
+ */
236
+ id?: string;
237
+ /**
238
+ * ネイティブのaria-labelledby属性。独自の見出しを実装する場合にダイアログとの紐づけに使用。ページで固有のIDを指定
239
+ */
240
+ ariaLabelledby?: string;
241
+ /**
242
+ * ヒーローエリア(見出しの更に上)に配置するコンテンツ
243
+ */
244
+ hero?: ReactNode;
245
+ /**
246
+ * ヘッダーを固定表示
247
+ */
248
+ stickyHeader?: boolean;
249
+ /**
250
+ * フッターを固定表示
251
+ */
252
+ stickyFooter?: boolean;
253
+ /**
254
+ * モーダルの最大の高さ
255
+ * @default calc(100% - 24px)
256
+ */
257
+ maxHeight?: CSSMaxHeight;
258
+ };
259
+ type PrimaryActionProps = {
260
+ /**
261
+ * プライマリーアクションボタンが実行された場合のコールバック
262
+ */
263
+ onPrimaryAction: () => void;
264
+ /**
265
+ * プライマリーアクションボタンのラベル
266
+ */
267
+ primaryActionLabel: string;
268
+ };
269
+ type SecondaryActionProps$1 = {
270
+ /**
271
+ * セカンダリーアクションボタンが実行された場合のコールバック
272
+ */
273
+ onSecondaryAction: () => void;
274
+ /**
275
+ * セカンダリーアクションボタンのラベル
276
+ */
277
+ secondaryActionLabel: string;
278
+ };
279
+ type Props$11 = BaseProps$5 & AllOrNone<PrimaryActionProps> & AllOrNone<SecondaryActionProps$1> & CustomDataAttributeProps;
280
+ declare const ActionHalfModal: FC<Props$11>;
281
+ //#endregion
282
+ //#region src/components/ActionModal/ActionModal.d.ts
283
+ type Opacity$2 = "normal" | "darker";
284
+ type BaseProps$4 = {
285
+ /**
286
+ * コンテンツとして表示する内容
287
+ */
288
+ children: ReactNode;
289
+ /**
290
+ * 閉じるアクションが実行された場合のコールバック
291
+ */
292
+ onClose: () => void;
293
+ /**
294
+ * プライマリーアクションボタンが実行された場合のコールバック
295
+ */
296
+ onPrimaryAction?: () => void;
297
+ /**
298
+ * ヘッダーに表示する見出しテキスト
299
+ */
300
+ header?: string;
301
+ /**
302
+ * プライマリーアクションボタンのラベル
303
+ */
304
+ primaryActionLabel?: string;
305
+ /**
306
+ * プライマリーアクションボタンのカラースキーム
307
+ */
308
+ primaryActionColor?: "primary" | "alert";
309
+ /**
310
+ * 閉じるボタンのラベル
311
+ * @default 閉じる
312
+ */
313
+ closeLabel?: string;
314
+ /**
315
+ * オーバーレイの透過度
316
+ * @default normal
317
+ */
318
+ overlayOpacity?: Opacity$2;
319
+ /**
320
+ * 画面を占有する高さで固定するかどうか
321
+ * @default false
322
+ */
323
+ fixedHeight?: boolean;
324
+ /**
325
+ * 閉じるボタンを表示するかどうか
326
+ * @default true
327
+ */
328
+ showClose?: boolean;
329
+ /**
330
+ * モーダルダイアログを開くかどうか
331
+ * @default true
332
+ */
333
+ open?: boolean;
334
+ /**
335
+ * openを無視してモーダルを開いたままにするかどうか。アニメーションライブラリとの連携で、ActionHalfModal自身が開閉に関与しない場合に使用
336
+ */
337
+ isStatic?: boolean;
338
+ /**
339
+ * ネイティブ要素のid属性。ページで固有のIDを指定
340
+ */
341
+ id?: string;
342
+ /**
343
+ * ネイティブのaria-labelledby属性。独自の見出しを実装する場合にダイアログとの紐づけに使用。ページで固有のIDを指定
344
+ */
345
+ ariaLabelledby?: string;
346
+ /**
347
+ * ヒーローエリア(見出しの更に上)に配置するコンテンツ
348
+ */
349
+ hero?: ReactNode;
350
+ /**
351
+ * ヘッダーを固定表示
352
+ * heroが指定されている場合は無効
353
+ */
354
+ stickyHeader?: boolean;
355
+ /**
356
+ * フッターを固定表示
357
+ */
358
+ stickyFooter?: boolean;
359
+ };
360
+ type SecondaryActionProps = {
361
+ /**
362
+ * セカンダリーアクションが実行された場合のコールバック
363
+ */
364
+ onSecondaryAction: () => void;
365
+ /**
366
+ * セカンダリーアクションボタンのラベル
367
+ */
368
+ secondaryActionLabel: string;
369
+ };
370
+ type Props$10 = BaseProps$4 & AllOrNone<SecondaryActionProps> & CustomDataAttributeProps;
371
+ declare const ActionModal: FC<Props$10>;
372
+ //#endregion
373
+ //#region src/components/Box/Box.d.ts
374
+ type Width = WidthProps["width"];
375
+ type BaseProps$3 = {
376
+ /**
377
+ * Box内に表示するコンテンツやコンポーネント
378
+ */
379
+ children?: ReactNode;
380
+ /**
381
+ * レンダリングされるHTML要素
382
+ * @default div
383
+ */
384
+ as?: HTMLTagname;
385
+ /**
386
+ * 背景色
387
+ */
388
+ backgroundColor?: BackgroundColorVariant;
389
+ /**
390
+ * ボーダーの種類
391
+ */
392
+ border?: BorderVariant;
393
+ /**
394
+ * 幅を指定。fullは後方互換のため残している
395
+ * @default 'auto'
396
+ */
397
+ width?: "full" | Width;
398
+ /**
399
+ * 内包するテキストをボールドとするかどうか。指定しない場合は親要素のスタイルを継承、trueでボールド、falseとするとnormal
400
+ */
401
+ textBold?: boolean;
402
+ /**
403
+ * 文字色の抽象値
404
+ */
405
+ textColor?: TextColorVariant;
406
+ /**
407
+ * テキストの配置。指定しない場合、親要素の配置を継承
408
+ */
409
+ textAlign?: "left" | "center" | "right";
410
+ /**
411
+ * 領域が狭い場合でも、テキストを折り返えさない
412
+ */
413
+ textNoWrap?: boolean;
414
+ /**
415
+ * inline-blockとして扱う
416
+ */
417
+ inline?: boolean;
418
+ } & PaddingProps & MarginProps & RadiusProp & Omit<WidthProps, "width"> & CustomDataAttributeProps;
419
+ type PropsWithoutText = BaseProps$3 & {
420
+ /**
421
+ * 配下に含むテキストの種類
422
+ */
423
+ textType?: undefined;
424
+ /**
425
+ * 配下に含むテキストのフォントサイズの抽象値。合わせてtextTypeの指定が必須で、typeに応じた値が指定可能
426
+ */
427
+ textSize?: never;
428
+ /**
429
+ * 配下に含むテキストの行送りの抽象値(`line-height`)。合わせてtextTypeとtextSizeの指定が必須で、typeに応じた値が指定可能
430
+ */
431
+ textLeading?: never;
432
+ };
433
+ type PropsWithTextBody = BaseProps$3 & {
434
+ /**
435
+ * 配下に含むテキストの種類
436
+ */
437
+ textType: Extract<TextType, "body">;
438
+ /**
439
+ * 配下に含むテキストのフォントサイズの抽象値。合わせてtextTypeの指定が必須で、typeに応じた値が指定可能
440
+ */
441
+ textSize?: BodyFontSize;
442
+ /**
443
+ * 配下に含むテキストの行送りの抽象値(`line-height`)。合わせてtextTypeとtextSizeの指定が必須で、typeに応じた値が指定可能
444
+ */
445
+ textLeading?: BodyLeading;
446
+ };
447
+ /**
448
+ * If type is not specified, an empty object is returned because it is unknown how it is to be styled, i.e. it is not styled.
449
+ * If type is specified but size or leading is not, specify default values (md or default.)
450
+ */
451
+ declare const Box: FC<PropsWithoutText | PropsWithTextBody>;
452
+ declare namespace index_d_exports {
453
+ export { SvgAccountIcon as AccountIcon, SvgAccountSettingIcon as AccountSettingIcon, SvgAddressIcon as AddressIcon, SvgAlertAIcon as AlertAIcon, SvgAlertBIcon as AlertBIcon, SvgAlertIcon as AlertIcon, SvgAmbulanceIcon as AmbulanceIcon, SvgArrowADownIcon as ArrowADownIcon, SvgArrowALeftIcon as ArrowALeftIcon, SvgArrowARightIcon as ArrowARightIcon, SvgArrowAUpIcon as ArrowAUpIcon, SvgArrowBDownIcon as ArrowBDownIcon, SvgArrowBLeftIcon as ArrowBLeftIcon, SvgArrowBRightIcon as ArrowBRightIcon, SvgArrowBUpIcon as ArrowBUpIcon, SvgArrowCDownFillIcon as ArrowCDownFillIcon, SvgArrowCDownIcon as ArrowCDownIcon, SvgArrowCLeftFillIcon as ArrowCLeftFillIcon, SvgArrowCLeftIcon as ArrowCLeftIcon, SvgArrowCRightFillIcon as ArrowCRightFillIcon, SvgArrowCRightIcon as ArrowCRightIcon, SvgArrowCUpFillIcon as ArrowCUpFillIcon, SvgArrowCUpIcon as ArrowCUpIcon, SvgArrowDDownIcon as ArrowDDownIcon, SvgArrowDLeftIcon as ArrowDLeftIcon, SvgArrowDRightIcon as ArrowDRightIcon, SvgArrowDUpIcon as ArrowDUpIcon, SvgArrowEDownIcon as ArrowEDownIcon, SvgArrowELeftIcon as ArrowELeftIcon, SvgArrowERightIcon as ArrowERightIcon, SvgArrowEUpIcon as ArrowEUpIcon, SvgBeginnerIcon as BeginnerIcon, SvgBikeIcon as BikeIcon, SvgBirthdayIcon as BirthdayIcon, SvgBlankLinkIcon as BlankLinkIcon, SvgBookmarkFillIcon as BookmarkFillIcon, SvgBookmarkOutlineIcon as BookmarkOutlineIcon, SvgBoyIcon as BoyIcon, SvgCalendarIcon as CalendarIcon, SvgCameraIcon as CameraIcon, SvgCancelIcon as CancelIcon, SvgCapsuleIcon as CapsuleIcon, SvgCapsuleTabletIcon as CapsuleTabletIcon, SvgCarIcon as CarIcon, SvgCheckAIcon as CheckAIcon, SvgCheckBFillIcon as CheckBFillIcon, SvgCheckBIcon as CheckBIcon, SvgCheckboxOffOutlineIcon as CheckboxOffOutlineIcon, SvgCheckboxOnOutlineIcon as CheckboxOnOutlineIcon, SvgCircleFillIcon as CircleFillIcon, SvgCircleOutlineIcon as CircleOutlineIcon, SvgCloseAIcon as CloseAIcon, SvgCloseBIcon as CloseBIcon, SvgCommentBubbleIcon as CommentBubbleIcon, SvgCommentFillIcon as CommentFillIcon, SvgCommentOutlineIcon as CommentOutlineIcon, SvgCommentWritingFillIcon as CommentWritingFillIcon, SvgCommentWritingOutlineIcon as CommentWritingOutlineIcon, SvgConditionBad1Icon as ConditionBad1Icon, SvgConditionBad2Icon as ConditionBad2Icon, SvgConditionBad3Icon as ConditionBad3Icon, SvgConditionGood1Icon as ConditionGood1Icon, SvgConditionGood2Icon as ConditionGood2Icon, SvgConditionGood3Icon as ConditionGood3Icon, SvgConditionNormalIcon as ConditionNormalIcon, SvgCopyIcon as CopyIcon, SvgCreditCardIcon as CreditCardIcon, SvgCropIcon as CropIcon, SvgDevicesIcon as DevicesIcon, SvgDisplayIcon as DisplayIcon, SvgDoctorBagIcon as DoctorBagIcon, SvgDoctorIcon as DoctorIcon, SvgDoublecircleIcon as DoublecircleIcon, SvgDownloadIcon as DownloadIcon, SvgDrawerIcon as DrawerIcon, SvgEcgHeartFillIcon as EcgHeartFillIcon, SvgEcgOutlineIcon as EcgOutlineIcon, SvgEditIcon as EditIcon, SvgExpansionIcon as ExpansionIcon, SvgFavoliteAddIcon as FavoliteAddIcon, SvgFavoliteOutlineIcon as FavoliteOutlineIcon, SvgFavoriteAddIcon as FavoriteAddIcon, SvgFavoriteFillIcon as FavoriteFillIcon, SvgFavoriteOutlineIcon as FavoriteOutlineIcon, SvgFavoriteRemoveIcon as FavoriteRemoveIcon, SvgFemaleHumanIcon as FemaleHumanIcon, SvgFemaleSymbolIcon as FemaleSymbolIcon, SvgFileIcon as FileIcon, SvgFilterIcon as FilterIcon, SvgFingerDownIcon as FingerDownIcon, SvgFingerLeftIcon as FingerLeftIcon, SvgFingerRightIcon as FingerRightIcon, SvgFingerUpIcon as FingerUpIcon, SvgFirstAidBoxIcon as FirstAidBoxIcon, SvgFlagIcon as FlagIcon, SvgFolderIcon as FolderIcon, SvgGenderHumanIcon as GenderHumanIcon, SvgGenderSymbolIcon as GenderSymbolIcon, SvgGirlIcon as GirlIcon, SvgHelpIcon as HelpIcon, SvgHideFillIcon as HideFillIcon, SvgHideOutlineIcon as HideOutlineIcon, SvgHistoryIcon as HistoryIcon, SvgHomeOutlineIcon as HomeOutlineIcon, SvgHospitalIcon as HospitalIcon, SvgImageIcon as ImageIcon, SvgInformationIcon as InformationIcon, SvgInjectionIcon as InjectionIcon, SvgInsuranceCardIcon as InsuranceCardIcon, SvgLaptopIcon as LaptopIcon, SvgLeaderHorizontalIcon as LeaderHorizontalIcon, SvgLeaderVerticalIcon as LeaderVerticalIcon, SvgLightIcon as LightIcon, SvgLightOnIcon as LightOnIcon, SvgLinkIcon as LinkIcon, SvgLockIcon as LockIcon, SvgLoginIcon as LoginIcon, SvgLogoutIcon as LogoutIcon, SvgMailOutlineIcon as MailOutlineIcon, SvgMaleHumanIcon as MaleHumanIcon, SvgMaleSymbolIcon as MaleSymbolIcon, SvgManIcon as ManIcon, SvgMapIcon as MapIcon, SvgMaskIcon as MaskIcon, SvgMedicalFormIcon as MedicalFormIcon, SvgMedicalHeartIcon as MedicalHeartIcon, SvgMedicalIdIcon as MedicalIdIcon, SvgMedicalIdOffIcon as MedicalIdOffIcon, SvgMedicalSymbolFillIcon as MedicalSymbolFillIcon, SvgMedicalSymbolOutlineIcon as MedicalSymbolOutlineIcon, SvgMedicineAutoInjectorIcon as MedicineAutoInjectorIcon, SvgMedicineEnemaIcon as MedicineEnemaIcon, SvgMedicineInjectionFormIcon as MedicineInjectionFormIcon, SvgMedicineIntravenousDripIcon as MedicineIntravenousDripIcon, SvgMedicinePowderIcon as MedicinePowderIcon, SvgMedicineSuppositoryIcon as MedicineSuppositoryIcon, SvgMedicineSyrupIcon as MedicineSyrupIcon, SvgMedicineTabletIcon as MedicineTabletIcon, SvgMemoIcon as MemoIcon, SvgMenuIcon as MenuIcon, SvgMicIcon as MicIcon, SvgMicMuteIcon as MicMuteIcon, SvgMinusAIcon as MinusAIcon, SvgMinusBIcon as MinusBIcon, SvgMoveIcon as MoveIcon, SvgMuteIcon as MuteIcon, SvgMynumberCardIcon as MynumberCardIcon, SvgNotificationIcon as NotificationIcon, SvgNurseIcon as NurseIcon, SvgOldManIcon as OldManIcon, SvgOldWomanIcon as OldWomanIcon, SvgPenIcon as PenIcon, SvgPersonAddIcon as PersonAddIcon, SvgPersonRemoveIcon as PersonRemoveIcon, SvgPhoneIcon as PhoneIcon, SvgPinIcon as PinIcon, SvgPlusAIcon as PlusAIcon, SvgPlusBIcon as PlusBIcon, SvgPostIcon as PostIcon, SvgPostalCodeIcon as PostalCodeIcon, SvgPrinterIcon as PrinterIcon, SvgQrCodeReaderIcon as QrCodeReaderIcon, SvgRangeSelectionIcon as RangeSelectionIcon, SvgReceptionIcon as ReceptionIcon, SvgRedoIcon as RedoIcon, SvgReloadIcon as ReloadIcon, SvgReturnIcon as ReturnIcon, SvgRotateIcon as RotateIcon, SvgSearchIcon as SearchIcon, SvgSecurityIcon as SecurityIcon, SvgSendIcon as SendIcon, SvgSettingIcon as SettingIcon, SvgSetupIcon as SetupIcon, SvgShareBIcon as ShareBIcon, SvgShareIcon as ShareIcon, SvgShowFillIcon as ShowFillIcon, SvgShowOutlineIcon as ShowOutlineIcon, SvgShrinkIcon as ShrinkIcon, SvgSickIcon as SickIcon, SvgSmartphoneIcon as SmartphoneIcon, SvgSortAtozIcon as SortAtozIcon, SvgSortIcon as SortIcon, SvgSquareIcon as SquareIcon, SvgStarFillIcon as StarFillIcon, SvgStarHalfIcon as StarHalfIcon, SvgStarOutlineIcon as StarOutlineIcon, SvgStethoscopeIcon as StethoscopeIcon, SvgTabletIcon as TabletIcon, SvgThumbDownFillIcon as ThumbDownFillIcon, SvgThumbDownOutlineIcon as ThumbDownOutlineIcon, SvgThumbUpFillIcon as ThumbUpFillIcon, SvgThumbUpOutlineIcon as ThumbUpOutlineIcon, SvgTicketIcon as TicketIcon, SvgTrainIcon as TrainIcon, SvgTrashEmptyIcon as TrashEmptyIcon, SvgTrashIcon as TrashIcon, SvgTriangleDownIcon as TriangleDownIcon, SvgTriangleUpIcon as TriangleUpIcon, SvgUbieIcon as UbieIcon, SvgUnfoldMoreIcon as UnfoldMoreIcon, SvgUnlockIcon as UnlockIcon, SvgUploadIcon as UploadIcon, SvgVirusIcon as VirusIcon, SvgVolumeIcon as VolumeIcon, SvgWalkIcon as WalkIcon, SvgWeightScaleIcon as WeightScaleIcon, SvgWheelchairIcon as WheelchairIcon, SvgWomanIcon as WomanIcon, SvgWorkflowIcon as WorkflowIcon };
454
+ }
455
+ //#region src/AccountIcon.d.ts
456
+ declare const SvgAccountIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
457
+ //#region src/AccountSettingIcon.d.ts
458
+ declare const SvgAccountSettingIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
459
+ //#region src/AddressIcon.d.ts
460
+ declare const SvgAddressIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
461
+ //#region src/AlertIcon.d.ts
462
+ declare const SvgAlertIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
463
+ //#region src/AlertAIcon.d.ts
464
+ declare const SvgAlertAIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
465
+ //#region src/AlertBIcon.d.ts
466
+ declare const SvgAlertBIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
467
+ //#region src/AmbulanceIcon.d.ts
468
+ declare const SvgAmbulanceIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
469
+ //#region src/ArrowADownIcon.d.ts
470
+ declare const SvgArrowADownIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
471
+ //#region src/ArrowALeftIcon.d.ts
472
+ declare const SvgArrowALeftIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
473
+ //#region src/ArrowARightIcon.d.ts
474
+ declare const SvgArrowARightIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
475
+ //#region src/ArrowAUpIcon.d.ts
476
+ declare const SvgArrowAUpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
477
+ //#region src/ArrowBDownIcon.d.ts
478
+ declare const SvgArrowBDownIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
479
+ //#region src/ArrowBLeftIcon.d.ts
480
+ declare const SvgArrowBLeftIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
481
+ //#region src/ArrowBRightIcon.d.ts
482
+ declare const SvgArrowBRightIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
483
+ //#region src/ArrowBUpIcon.d.ts
484
+ declare const SvgArrowBUpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
485
+ //#region src/ArrowCDownFillIcon.d.ts
486
+ declare const SvgArrowCDownFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
487
+ //#region src/ArrowCDownIcon.d.ts
488
+ declare const SvgArrowCDownIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
489
+ //#region src/ArrowCLeftFillIcon.d.ts
490
+ declare const SvgArrowCLeftFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
491
+ //#region src/ArrowCLeftIcon.d.ts
492
+ declare const SvgArrowCLeftIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
493
+ //#region src/ArrowCRightFillIcon.d.ts
494
+ declare const SvgArrowCRightFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
495
+ //#region src/ArrowCRightIcon.d.ts
496
+ declare const SvgArrowCRightIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
497
+ //#region src/ArrowCUpFillIcon.d.ts
498
+ declare const SvgArrowCUpFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
499
+ //#region src/ArrowCUpIcon.d.ts
500
+ declare const SvgArrowCUpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
501
+ //#region src/ArrowDDownIcon.d.ts
502
+ declare const SvgArrowDDownIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
503
+ //#region src/ArrowDLeftIcon.d.ts
504
+ declare const SvgArrowDLeftIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
505
+ //#region src/ArrowDRightIcon.d.ts
506
+ declare const SvgArrowDRightIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
507
+ //#region src/ArrowDUpIcon.d.ts
508
+ declare const SvgArrowDUpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
509
+ //#region src/ArrowEDownIcon.d.ts
510
+ declare const SvgArrowEDownIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
511
+ //#region src/ArrowELeftIcon.d.ts
512
+ declare const SvgArrowELeftIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
513
+ //#region src/ArrowERightIcon.d.ts
514
+ declare const SvgArrowERightIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
515
+ //#region src/ArrowEUpIcon.d.ts
516
+ declare const SvgArrowEUpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
517
+ //#region src/BeginnerIcon.d.ts
518
+ declare const SvgBeginnerIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
519
+ //#region src/BikeIcon.d.ts
520
+ declare const SvgBikeIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
521
+ //#region src/BirthdayIcon.d.ts
522
+ declare const SvgBirthdayIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
523
+ //#region src/BlankLinkIcon.d.ts
524
+ declare const SvgBlankLinkIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
525
+ //#region src/BookmarkFillIcon.d.ts
526
+ declare const SvgBookmarkFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
527
+ //#region src/BookmarkOutlineIcon.d.ts
528
+ declare const SvgBookmarkOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
529
+ //#region src/BoyIcon.d.ts
530
+ declare const SvgBoyIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
531
+ //#region src/CalendarIcon.d.ts
532
+ declare const SvgCalendarIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
533
+ //#region src/CameraIcon.d.ts
534
+ declare const SvgCameraIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
535
+ //#region src/CancelIcon.d.ts
536
+ declare const SvgCancelIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
537
+ //#region src/CapsuleIcon.d.ts
538
+ declare const SvgCapsuleIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
539
+ //#region src/CapsuleTabletIcon.d.ts
540
+ declare const SvgCapsuleTabletIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
541
+ //#region src/CarIcon.d.ts
542
+ declare const SvgCarIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
543
+ //#region src/CheckAIcon.d.ts
544
+ declare const SvgCheckAIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
545
+ //#region src/CheckBFillIcon.d.ts
546
+ declare const SvgCheckBFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
547
+ //#region src/CheckBIcon.d.ts
548
+ declare const SvgCheckBIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
549
+ //#region src/CheckboxOffOutlineIcon.d.ts
550
+ declare const SvgCheckboxOffOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
551
+ //#region src/CheckboxOnOutlineIcon.d.ts
552
+ declare const SvgCheckboxOnOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
553
+ //#region src/CircleFillIcon.d.ts
554
+ declare const SvgCircleFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
555
+ //#region src/CircleOutlineIcon.d.ts
556
+ declare const SvgCircleOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
557
+ //#region src/CloseAIcon.d.ts
558
+ declare const SvgCloseAIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
559
+ //#region src/CloseBIcon.d.ts
560
+ declare const SvgCloseBIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
561
+ //#region src/CommentBubbleIcon.d.ts
562
+ declare const SvgCommentBubbleIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
563
+ //#region src/CommentFillIcon.d.ts
564
+ declare const SvgCommentFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
565
+ //#region src/CommentOutlineIcon.d.ts
566
+ declare const SvgCommentOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
567
+ //#region src/CommentWritingFillIcon.d.ts
568
+ declare const SvgCommentWritingFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
569
+ //#region src/CommentWritingOutlineIcon.d.ts
570
+ declare const SvgCommentWritingOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
571
+ //#region src/ConditionBad1Icon.d.ts
572
+ declare const SvgConditionBad1Icon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
573
+ //#region src/ConditionBad2Icon.d.ts
574
+ declare const SvgConditionBad2Icon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
575
+ //#region src/ConditionBad3Icon.d.ts
576
+ declare const SvgConditionBad3Icon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
577
+ //#region src/ConditionGood1Icon.d.ts
578
+ declare const SvgConditionGood1Icon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
579
+ //#region src/ConditionGood2Icon.d.ts
580
+ declare const SvgConditionGood2Icon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
581
+ //#region src/ConditionGood3Icon.d.ts
582
+ declare const SvgConditionGood3Icon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
583
+ //#region src/ConditionNormalIcon.d.ts
584
+ declare const SvgConditionNormalIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
585
+ //#region src/CopyIcon.d.ts
586
+ declare const SvgCopyIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
587
+ //#region src/CreditCardIcon.d.ts
588
+ declare const SvgCreditCardIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
589
+ //#region src/CropIcon.d.ts
590
+ declare const SvgCropIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
591
+ //#region src/DevicesIcon.d.ts
592
+ declare const SvgDevicesIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
593
+ //#region src/DisplayIcon.d.ts
594
+ declare const SvgDisplayIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
595
+ //#region src/DoctorBagIcon.d.ts
596
+ declare const SvgDoctorBagIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
597
+ //#region src/DoctorIcon.d.ts
598
+ declare const SvgDoctorIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
599
+ //#region src/DoublecircleIcon.d.ts
600
+ declare const SvgDoublecircleIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
601
+ //#region src/DownloadIcon.d.ts
602
+ declare const SvgDownloadIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
603
+ //#region src/DrawerIcon.d.ts
604
+ declare const SvgDrawerIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
605
+ //#region src/EcgHeartFillIcon.d.ts
606
+ declare const SvgEcgHeartFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
607
+ //#region src/EcgOutlineIcon.d.ts
608
+ declare const SvgEcgOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
609
+ //#region src/EditIcon.d.ts
610
+ declare const SvgEditIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
611
+ //#region src/ExpansionIcon.d.ts
612
+ declare const SvgExpansionIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
613
+ //#region src/FavoliteAddIcon.d.ts
614
+ declare const SvgFavoliteAddIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
615
+ //#region src/FavoliteOutlineIcon.d.ts
616
+ declare const SvgFavoliteOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
617
+ //#region src/FavoriteAddIcon.d.ts
618
+ declare const SvgFavoriteAddIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
619
+ //#region src/FavoriteFillIcon.d.ts
620
+ declare const SvgFavoriteFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
621
+ //#region src/FavoriteOutlineIcon.d.ts
622
+ declare const SvgFavoriteOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
623
+ //#region src/FavoriteRemoveIcon.d.ts
624
+ declare const SvgFavoriteRemoveIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
625
+ //#region src/FemaleHumanIcon.d.ts
626
+ declare const SvgFemaleHumanIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
627
+ //#region src/FemaleSymbolIcon.d.ts
628
+ declare const SvgFemaleSymbolIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
629
+ //#region src/FileIcon.d.ts
630
+ declare const SvgFileIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
631
+ //#region src/FilterIcon.d.ts
632
+ declare const SvgFilterIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
633
+ //#region src/FingerDownIcon.d.ts
634
+ declare const SvgFingerDownIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
635
+ //#region src/FingerLeftIcon.d.ts
636
+ declare const SvgFingerLeftIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
637
+ //#region src/FingerRightIcon.d.ts
638
+ declare const SvgFingerRightIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
639
+ //#region src/FingerUpIcon.d.ts
640
+ declare const SvgFingerUpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
641
+ //#region src/FirstAidBoxIcon.d.ts
642
+ declare const SvgFirstAidBoxIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
643
+ //#region src/FlagIcon.d.ts
644
+ declare const SvgFlagIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
645
+ //#region src/FolderIcon.d.ts
646
+ declare const SvgFolderIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
647
+ //#region src/GenderHumanIcon.d.ts
648
+ declare const SvgGenderHumanIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
649
+ //#region src/GenderSymbolIcon.d.ts
650
+ declare const SvgGenderSymbolIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
651
+ //#region src/GirlIcon.d.ts
652
+ declare const SvgGirlIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
653
+ //#region src/HelpIcon.d.ts
654
+ declare const SvgHelpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
655
+ //#region src/HideFillIcon.d.ts
656
+ declare const SvgHideFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
657
+ //#region src/HideOutlineIcon.d.ts
658
+ declare const SvgHideOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
659
+ //#region src/HistoryIcon.d.ts
660
+ declare const SvgHistoryIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
661
+ //#region src/HomeOutlineIcon.d.ts
662
+ declare const SvgHomeOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
663
+ //#region src/HospitalIcon.d.ts
664
+ declare const SvgHospitalIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
665
+ //#region src/ImageIcon.d.ts
666
+ declare const SvgImageIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
667
+ //#region src/InformationIcon.d.ts
668
+ declare const SvgInformationIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
669
+ //#region src/InjectionIcon.d.ts
670
+ declare const SvgInjectionIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
671
+ //#region src/InsuranceCardIcon.d.ts
672
+ declare const SvgInsuranceCardIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
673
+ //#region src/LaptopIcon.d.ts
674
+ declare const SvgLaptopIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
675
+ //#region src/LeaderHorizontalIcon.d.ts
676
+ declare const SvgLeaderHorizontalIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
677
+ //#region src/LeaderVerticalIcon.d.ts
678
+ declare const SvgLeaderVerticalIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
679
+ //#region src/LightIcon.d.ts
680
+ declare const SvgLightIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
681
+ //#region src/LightOnIcon.d.ts
682
+ declare const SvgLightOnIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
683
+ //#region src/LinkIcon.d.ts
684
+ declare const SvgLinkIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
685
+ //#region src/LockIcon.d.ts
686
+ declare const SvgLockIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
687
+ //#region src/LoginIcon.d.ts
688
+ declare const SvgLoginIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
689
+ //#region src/LogoutIcon.d.ts
690
+ declare const SvgLogoutIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
691
+ //#region src/MailOutlineIcon.d.ts
692
+ declare const SvgMailOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
693
+ //#region src/MaleHumanIcon.d.ts
694
+ declare const SvgMaleHumanIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
695
+ //#region src/MaleSymbolIcon.d.ts
696
+ declare const SvgMaleSymbolIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
697
+ //#region src/ManIcon.d.ts
698
+ declare const SvgManIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
699
+ //#region src/MapIcon.d.ts
700
+ declare const SvgMapIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
701
+ //#region src/MaskIcon.d.ts
702
+ declare const SvgMaskIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
703
+ //#region src/MedicalIdIcon.d.ts
704
+ declare const SvgMedicalIdIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
705
+ //#region src/MedicalIdOffIcon.d.ts
706
+ declare const SvgMedicalIdOffIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
707
+ //#region src/MedicalFormIcon.d.ts
708
+ declare const SvgMedicalFormIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
709
+ //#region src/MedicalHeartIcon.d.ts
710
+ declare const SvgMedicalHeartIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
711
+ //#region src/MedicalSymbolFillIcon.d.ts
712
+ declare const SvgMedicalSymbolFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
713
+ //#region src/MedicalSymbolOutlineIcon.d.ts
714
+ declare const SvgMedicalSymbolOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
715
+ //#region src/MedicineAutoInjectorIcon.d.ts
716
+ declare const SvgMedicineAutoInjectorIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
717
+ //#region src/MedicineEnemaIcon.d.ts
718
+ declare const SvgMedicineEnemaIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
719
+ //#region src/MedicineInjectionFormIcon.d.ts
720
+ declare const SvgMedicineInjectionFormIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
721
+ //#region src/MedicineIntravenousDripIcon.d.ts
722
+ declare const SvgMedicineIntravenousDripIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
723
+ //#region src/MedicinePowderIcon.d.ts
724
+ declare const SvgMedicinePowderIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
725
+ //#region src/MedicineSuppositoryIcon.d.ts
726
+ declare const SvgMedicineSuppositoryIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
727
+ //#region src/MedicineSyrupIcon.d.ts
728
+ declare const SvgMedicineSyrupIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
729
+ //#region src/MedicineTabletIcon.d.ts
730
+ declare const SvgMedicineTabletIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
731
+ //#region src/MemoIcon.d.ts
732
+ declare const SvgMemoIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
733
+ //#region src/MenuIcon.d.ts
734
+ declare const SvgMenuIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
735
+ //#region src/MicIcon.d.ts
736
+ declare const SvgMicIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
737
+ //#region src/MicMuteIcon.d.ts
738
+ declare const SvgMicMuteIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
739
+ //#region src/MinusAIcon.d.ts
740
+ declare const SvgMinusAIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
741
+ //#region src/MinusBIcon.d.ts
742
+ declare const SvgMinusBIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
743
+ //#region src/MoveIcon.d.ts
744
+ declare const SvgMoveIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
745
+ //#region src/MuteIcon.d.ts
746
+ declare const SvgMuteIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
747
+ //#region src/MynumberCardIcon.d.ts
748
+ declare const SvgMynumberCardIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
749
+ //#region src/NotificationIcon.d.ts
750
+ declare const SvgNotificationIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
751
+ //#region src/NurseIcon.d.ts
752
+ declare const SvgNurseIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
753
+ //#region src/OldManIcon.d.ts
754
+ declare const SvgOldManIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
755
+ //#region src/OldWomanIcon.d.ts
756
+ declare const SvgOldWomanIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
757
+ //#region src/PenIcon.d.ts
758
+ declare const SvgPenIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
759
+ //#region src/PersonAddIcon.d.ts
760
+ declare const SvgPersonAddIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
761
+ //#region src/PersonRemoveIcon.d.ts
762
+ declare const SvgPersonRemoveIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
763
+ //#region src/PhoneIcon.d.ts
764
+ declare const SvgPhoneIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
765
+ //#region src/PinIcon.d.ts
766
+ declare const SvgPinIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
767
+ //#region src/PlusAIcon.d.ts
768
+ declare const SvgPlusAIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
769
+ //#region src/PlusBIcon.d.ts
770
+ declare const SvgPlusBIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
771
+ //#region src/PostIcon.d.ts
772
+ declare const SvgPostIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
773
+ //#region src/PostalCodeIcon.d.ts
774
+ declare const SvgPostalCodeIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
775
+ //#region src/PrinterIcon.d.ts
776
+ declare const SvgPrinterIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
777
+ //#region src/QrCodeReaderIcon.d.ts
778
+ declare const SvgQrCodeReaderIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
779
+ //#region src/RangeSelectionIcon.d.ts
780
+ declare const SvgRangeSelectionIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
781
+ //#region src/ReceptionIcon.d.ts
782
+ declare const SvgReceptionIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
783
+ //#region src/RedoIcon.d.ts
784
+ declare const SvgRedoIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
785
+ //#region src/ReloadIcon.d.ts
786
+ declare const SvgReloadIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
787
+ //#region src/ReturnIcon.d.ts
788
+ declare const SvgReturnIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
789
+ //#region src/RotateIcon.d.ts
790
+ declare const SvgRotateIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
791
+ //#region src/SearchIcon.d.ts
792
+ declare const SvgSearchIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
793
+ //#region src/SecurityIcon.d.ts
794
+ declare const SvgSecurityIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
795
+ //#region src/SendIcon.d.ts
796
+ declare const SvgSendIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
797
+ //#region src/SettingIcon.d.ts
798
+ declare const SvgSettingIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
799
+ //#region src/SetupIcon.d.ts
800
+ declare const SvgSetupIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
801
+ //#region src/ShareIcon.d.ts
802
+ declare const SvgShareIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
803
+ //#region src/ShareBIcon.d.ts
804
+ declare const SvgShareBIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
805
+ //#region src/ShowFillIcon.d.ts
806
+ declare const SvgShowFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
807
+ //#region src/ShowOutlineIcon.d.ts
808
+ declare const SvgShowOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
809
+ //#region src/ShrinkIcon.d.ts
810
+ declare const SvgShrinkIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
811
+ //#region src/SickIcon.d.ts
812
+ declare const SvgSickIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
813
+ //#region src/SmartphoneIcon.d.ts
814
+ declare const SvgSmartphoneIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
815
+ //#region src/SortAtozIcon.d.ts
816
+ declare const SvgSortAtozIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
817
+ //#region src/SortIcon.d.ts
818
+ declare const SvgSortIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
819
+ //#region src/SquareIcon.d.ts
820
+ declare const SvgSquareIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
821
+ //#region src/StarFillIcon.d.ts
822
+ declare const SvgStarFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
823
+ //#region src/StarHalfIcon.d.ts
824
+ declare const SvgStarHalfIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
825
+ //#region src/StarOutlineIcon.d.ts
826
+ declare const SvgStarOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
827
+ //#region src/StethoscopeIcon.d.ts
828
+ declare const SvgStethoscopeIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
829
+ //#region src/TabletIcon.d.ts
830
+ declare const SvgTabletIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
831
+ //#region src/ThumbDownFillIcon.d.ts
832
+ declare const SvgThumbDownFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
833
+ //#region src/ThumbDownOutlineIcon.d.ts
834
+ declare const SvgThumbDownOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
835
+ //#region src/ThumbUpFillIcon.d.ts
836
+ declare const SvgThumbUpFillIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
837
+ //#region src/ThumbUpOutlineIcon.d.ts
838
+ declare const SvgThumbUpOutlineIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
839
+ //#region src/TicketIcon.d.ts
840
+ declare const SvgTicketIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
841
+ //#region src/TrainIcon.d.ts
842
+ declare const SvgTrainIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
843
+ //#region src/TrashEmptyIcon.d.ts
844
+ declare const SvgTrashEmptyIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
845
+ //#region src/TrashIcon.d.ts
846
+ declare const SvgTrashIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
847
+ //#region src/TriangleDownIcon.d.ts
848
+ declare const SvgTriangleDownIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
849
+ //#region src/TriangleUpIcon.d.ts
850
+ declare const SvgTriangleUpIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
851
+ //#region src/UbieIcon.d.ts
852
+ declare const SvgUbieIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
853
+ //#region src/UnfoldMoreIcon.d.ts
854
+ declare const SvgUnfoldMoreIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
855
+ //#region src/UnlockIcon.d.ts
856
+ declare const SvgUnlockIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
857
+ //#region src/UploadIcon.d.ts
858
+ declare const SvgUploadIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
859
+ //#region src/VirusIcon.d.ts
860
+ declare const SvgVirusIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
861
+ //#region src/VolumeIcon.d.ts
862
+ declare const SvgVolumeIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
863
+ //#region src/WalkIcon.d.ts
864
+ declare const SvgWalkIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
865
+ //#region src/WeightScaleIcon.d.ts
866
+ declare const SvgWeightScaleIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
867
+ //#region src/WheelchairIcon.d.ts
868
+ declare const SvgWheelchairIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
869
+ //#region src/WomanIcon.d.ts
870
+ declare const SvgWomanIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
871
+ //#region src/WorkflowIcon.d.ts
872
+ declare const SvgWorkflowIcon: (props: SVGProps<SVGSVGElement>) => _$react_jsx_runtime0.JSX.Element; //#endregion
873
+ //#endregion
874
+ //#region src/types/icon.d.ts
875
+ type IconName = keyof typeof index_d_exports;
876
+ //#endregion
877
+ //#region src/components/Button/ButtonTypes.d.ts
878
+ type BaseProps$2 = {
879
+ /**
880
+ * ボタンのラベルとして表示する内容
881
+ */
882
+ children: ReactNode;
883
+ /**
884
+ * ボタンの種類
885
+ * @default primary
886
+ */
887
+ variant?: "primary" | "secondary" | "alert" | "text" | "textAlert" | "authGoogle" | "authLINE" | "authApple";
888
+ /**
889
+ * 種類
890
+ * @default large
891
+ */
892
+ size?: "large" | "medium" | "small";
893
+ /**
894
+ * 横幅を100%占有する
895
+ */
896
+ block?: boolean;
897
+ /**
898
+ * Fixedアイコン
899
+ */
900
+ fixedIcon?: "default" | ReactElement | IconName;
901
+ /**
902
+ * 後方配置のアイコン
903
+ */
904
+ suffixIcon?: "default" | ReactElement | IconName;
905
+ /**
906
+ * ラベルの折り返しを指定
907
+ */
908
+ whiteSpace?: "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
909
+ } & ({
910
+ /**
911
+ * アイコン
912
+ */
913
+ icon?: "default" | ReactElement | IconName;
914
+ prefixIcon?: never;
915
+ } | {
916
+ /**
917
+ * アイコン
918
+ */
919
+ prefixIcon?: "default" | ReactElement | IconName;
920
+ icon?: never;
921
+ } | {
922
+ icon?: never;
923
+ prefixIcon?: never;
924
+ }) & MarginProps & CustomDataAttributeProps;
925
+ type OnlyButtonProps = {
926
+ /**
927
+ * ネイティブのbutton要素のtype属性
928
+ * @default button
929
+ */
930
+ type?: HTMLButtonElement["type"];
931
+ /**
932
+ * ボタンを無効化するかどうか
933
+ * @default false
934
+ */
935
+ disabled?: boolean;
936
+ /**
937
+ * ローディング状態を示す
938
+ */
939
+ loading?: boolean;
940
+ /**
941
+ * ローディング中に表示する文言
942
+ */
943
+ loadingLabel?: string;
944
+ };
945
+ type OnlyLinkButtonProps = {
946
+ /**
947
+ * レンダリングされる要素を変更。フレームワークのリンクコンポーネントなどを指定
948
+ */
949
+ render?: ReactElement;
950
+ };
951
+ type ButtonProps$1 = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | keyof BaseProps$2 | keyof OnlyButtonProps> & BaseProps$2 & OnlyButtonProps;
952
+ type LinkButtonProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "className" | keyof BaseProps$2> & BaseProps$2 & OnlyLinkButtonProps;
953
+ //#endregion
954
+ //#region src/components/Button/Button.d.ts
955
+ declare const Button: _$react.ForwardRefExoticComponent<ButtonProps$1 & _$react.RefAttributes<HTMLButtonElement>>;
956
+ //#endregion
957
+ //#region src/components/ButtonCard/ButtonCard.d.ts
958
+ declare const ButtonCard: _$react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
959
+ children?: _$react.ReactNode | undefined;
960
+ } & _$react.RefAttributes<HTMLButtonElement>>;
961
+ //#endregion
962
+ //#region src/components/Center/Center.d.ts
963
+ type Props$9 = {
964
+ /**
965
+ * レンダリングされるHTML要素
966
+ * @default div
967
+ */
968
+ as?: HTMLTagname | ReactElement<ComponentType<typeof Box>>;
969
+ /**
970
+ * 内包するテキストを中央に配置。設定は継承され、子孫要素にも影響します
971
+ */
972
+ textCenter?: boolean;
973
+ /**
974
+ * 子要素を中央に配置。孫要素には影響しません
975
+ */
976
+ childrenCenter?: boolean;
977
+ /**
978
+ * HTMLのID属性の値
979
+ */
980
+ id?: string;
981
+ } & MarginYProps & PaddingProps & WidthProps & CustomDataAttributeProps;
982
+ declare const Center: FC<PropsWithChildren<Props$9>>;
983
+ //#endregion
984
+ //#region src/components/Divider/Divider.d.ts
985
+ type AllowedHRAttributes = Omit<HTMLAttributes<HTMLHRElement>, "className">;
986
+ declare const Divider: _$react.ForwardRefExoticComponent<{
987
+ /**
988
+ * ボーダーの種類
989
+ * @default gray
990
+ */
991
+ border?: BorderVariant;
992
+ } & WidthProps & MarginProps & AllowedHRAttributes & _$react.RefAttributes<HTMLHRElement>>;
993
+ //#endregion
994
+ //#region src/components/Heading/Heading.d.ts
995
+ type Props$8 = {
996
+ /**
997
+ * テキストの配置。指定しない場合、親要素の配置を継承
998
+ */
999
+ textAlign?: "left" | "center" | "right";
1000
+ /**
1001
+ * サイズ。Typographyトークンの値を指定
1002
+ * xs=16px, sm=18px, md=20px, lg=24px, xl=28px
1003
+ * @default md
1004
+ */
1005
+ size?: HeadingFontSize;
1006
+ /**
1007
+ * 行の先頭にボーダーを表示
1008
+ * @default false
1009
+ */
1010
+ leadingBorder?: boolean;
1011
+ /**
1012
+ * レンダリングされるHTML要素
1013
+ * @default p
1014
+ */
1015
+ as?: HTMLTagname;
1016
+ /**
1017
+ * テキストのカラーバリエーション
1018
+ * @default secondary
1019
+ */
1020
+ color?: Extract<TextColorVariant, "main" | "white">;
1021
+ /**
1022
+ * HTMLのID属性
1023
+ */
1024
+ id?: string;
1025
+ /**
1026
+ * HTMLのfor属性。label要素の場合に使用
1027
+ */
1028
+ htmlFor?: string;
1029
+ /**
1030
+ * 太字とするかどうか、falseの場合はnormal
1031
+ * @default true
1032
+ */
1033
+ bold?: boolean;
1034
+ /**
1035
+ * 領域が狭い場合でも折り返えさない
1036
+ */
1037
+ noWrap?: boolean;
1038
+ } & CustomDataAttributeProps;
1039
+ declare const Heading: FC<PropsWithChildren<Props$8>>;
1040
+ //#endregion
1041
+ //#region src/components/Button/LinkButton.d.ts
1042
+ declare const LinkButton: _$react.ForwardRefExoticComponent<LinkButtonProps & _$react.RefAttributes<HTMLAnchorElement>>;
1043
+ //#endregion
1044
+ //#region src/components/ErrorMessage/ErrorMessage.d.ts
1045
+ declare const ErrorMessage: _$react.ForwardRefExoticComponent<{
1046
+ children: ReactNode;
1047
+ } & CustomDataAttributeProps & _$react.RefAttributes<HTMLParagraphElement>>;
1048
+ //#endregion
1049
+ //#region src/components/Flex/Flex.d.ts
1050
+ type Props$7 = {
1051
+ /**
1052
+ * レンダリングされるHTML要素
1053
+ * @default div
1054
+ */
1055
+ as?: HTMLTagname | ReactElement<ComponentType<typeof Box>>;
1056
+ /**
1057
+ * direction 重ねる向き
1058
+ * @default row
1059
+ */
1060
+ direction?: FlexDirection;
1061
+ /**
1062
+ * 主軸方向における子要素のレイアウトを定める。`direction` prop が `column` の場合は水平軸、 `row` の場合は垂直軸のレイアウトを制御する。水平軸の場合に、ブロックレベル要素を幅いっぱいに占有させたい場合は `normal` を使うこと
1063
+ * @default flex-start
1064
+ */
1065
+ alignItems?: AlignItems;
1066
+ /**
1067
+ * 交差軸方向における子要素のレイアウトを定める。directionが `column` の場合は垂軸直、`row` の場合は水平軸のレイアウトを制御する。水平軸の場合に、ブロックレベル要素を幅いっぱいに占有させたい場合は `normal` を使うこと
1068
+ * @default flex-start
1069
+ */
1070
+ justifyContent?: JustifyContent;
1071
+ /**
1072
+ * 子要素の折り返しを許可
1073
+ */
1074
+ wrap?: boolean;
1075
+ /**
1076
+ * 親要素に対し、100%としたい場合に使用
1077
+ */
1078
+ height?: "full";
1079
+ /**
1080
+ * 幅を指定。fullは後方互換のために残している
1081
+ * デフォルト<Flex>は横幅いっぱいを専有する。しかし例えば、フレックスコンテナの子要素として配置した場合、横幅が自身の子に合わせて小さくなる。これが不都合の場合に100%とする
1082
+ */
1083
+ width?: "full" | CSSWidth;
1084
+ /**
1085
+ * inline-flexとして扱う
1086
+ */
1087
+ inline?: boolean;
1088
+ } & ({
1089
+ /**
1090
+ * 子要素の間隔。指定しない場合は0
1091
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
1092
+ */
1093
+ spacing?: Spacing;
1094
+ gap?: never;
1095
+ } | {
1096
+ /**
1097
+ * spacingのエイリアス(どちらかしか指定できません)
1098
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
1099
+ */
1100
+ gap: Spacing;
1101
+ spacing?: never;
1102
+ } | {
1103
+ gap?: never;
1104
+ spacing?: never;
1105
+ }) & MarginProps & PaddingProps & Omit<WidthProps, "width"> & CustomDataAttributeProps;
1106
+ declare const Flex: FC<PropsWithChildren<Props$7>>;
1107
+ //#endregion
1108
+ //#region src/components/FlexItem/FlexItem.d.ts
1109
+ type FlexProperty = {
1110
+ grow?: number;
1111
+ shrink?: number;
1112
+ basis?: CSSWidth;
1113
+ };
1114
+ type AllowedDivAttributes = Omit<HTMLAttributes<HTMLDivElement>, "className">;
1115
+ /**
1116
+ * FlexやStackの子として配置し、レイアウトを調整
1117
+ */
1118
+ declare const FlexItem: _$react.ForwardRefExoticComponent<{
1119
+ /**
1120
+ * flexの値を指定。 growなどを指定したい場合はオブジェクトで指定
1121
+ * @default none
1122
+ */
1123
+ flex?: "none" | FlexProperty;
1124
+ } & Omit<WidthProps, "width"> & MarginProps & PaddingProps & AllowedDivAttributes & {
1125
+ children?: _$react.ReactNode | undefined;
1126
+ } & _$react.RefAttributes<HTMLDivElement>>;
1127
+ //#endregion
1128
+ //#region src/components/HelperMessage/HelperMessage.d.ts
1129
+ type Props$6 = {
1130
+ children: ReactNode;
1131
+ } & CustomDataAttributeProps;
1132
+ declare const HelperMessage: FC<Props$6>;
1133
+ //#endregion
1134
+ //#region src/components/Checkbox/Checkbox.d.ts
1135
+ declare const Checkbox: _$react.ForwardRefExoticComponent<{
1136
+ /**
1137
+ * サイズ
1138
+ * @default medium
1139
+ */
1140
+ size?: "medium" | "small";
1141
+ /**
1142
+ * 中間状態の見た目とする。input要素のindeterminateプロパティの変更は行わないため注意。
1143
+ */
1144
+ isIndeterminate?: boolean;
1145
+ } & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & _$react.RefAttributes<HTMLInputElement>>;
1146
+ //#endregion
1147
+ //#region src/components/CheckboxCard/CheckboxCard.d.ts
1148
+ /**
1149
+ * カード状のチェックボックス
1150
+ * タップ・クリック可能エリアが広いため操作が容易
1151
+ */
1152
+ declare const CheckboxCard: _$react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
1153
+ /**
1154
+ * 横幅を100%占有する
1155
+ */
1156
+ block?: boolean;
1157
+ } & _$react.RefAttributes<HTMLInputElement>>;
1158
+ //#endregion
1159
+ //#region src/components/CheckboxGroup/CheckboxGroup.d.ts
1160
+ declare const CheckboxGroup: _$react.ForwardRefExoticComponent<{
1161
+ /**
1162
+ * チェックボックス系のコンポーネント
1163
+ */
1164
+ children: ReactElement<typeof Checkbox>[] | ReactElement<typeof CheckboxCard>[];
1165
+ /**
1166
+ * グループの見出し
1167
+ */
1168
+ label?: string;
1169
+ /**
1170
+ * 必須ラベルの表示
1171
+ */
1172
+ showRequiredLabel?: boolean;
1173
+ /**
1174
+ * 配置方向
1175
+ */
1176
+ direction?: "column" | "row";
1177
+ } & CustomDataAttributeProps & _$react.RefAttributes<HTMLFieldSetElement>>;
1178
+ //#endregion
1179
+ //#region src/components/Icon/Icon.d.ts
1180
+ type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "xxxxl";
1181
+ type IconSizeAlias = "2xl" | "3xl" | "4xl";
1182
+ type SizeProp = IconSize | IconSizeAlias;
1183
+ type Props$5 = {
1184
+ /**
1185
+ * アイコンの種類
1186
+ */
1187
+ icon: IconName;
1188
+ /**
1189
+ * 色。指定しない場合はinheritとなり、親要素のcolorプロパティを継承します
1190
+ */
1191
+ color?: IconColorVariant;
1192
+ /**
1193
+ * サイズ
1194
+ * xs=16px, sm=20px, md=24px, lg=28px, xl=32px, xxl=64px, xxxl=80px, xxxxl=104px
1195
+ * 2xl、3xl、4xlはdeprecatedな指定となります
1196
+ * @default md
1197
+ */
1198
+ size?: SizeProp;
1199
+ /**
1200
+ * ネイティブの`id`属性。ページで固有のIDを指定
1201
+ */
1202
+ id?: string;
1203
+ /**
1204
+ * アイコンが何を表すかを説明するテキスト
1205
+ * 単に装飾的なアイコンの場合は指定しない
1206
+ */
1207
+ label?: string;
1208
+ } & CustomDataAttributeProps;
1209
+ /**
1210
+ * アイコンコンポーネント。labelを指定しない場合は単に装飾的なアイコンであるとみなされ、aria-hiddenが付与されます
1211
+ */
1212
+ declare const Icon: FC<Props$5>;
1213
+ //#endregion
1214
+ //#region src/components/Input/Input.d.ts
1215
+ declare const Input: _$react.ForwardRefExoticComponent<{
1216
+ /**
1217
+ * 有効でない入力を保持しているかどうか
1218
+ * @default false
1219
+ */
1220
+ isInvalid?: boolean;
1221
+ } & Omit<InputHTMLAttributes<HTMLInputElement>, "invalid"> & CustomDataAttributeProps & _$react.RefAttributes<HTMLInputElement>>;
1222
+ //#endregion
1223
+ //#region src/components/Label/Label.d.ts
1224
+ type Props$4 = {
1225
+ children: ReactNode;
1226
+ /**
1227
+ * レンダリングされるHTML要素
1228
+ * @default label
1229
+ */
1230
+ as?: ElementType<{
1231
+ className?: string;
1232
+ children: ReactNode;
1233
+ }> | "label" | "p";
1234
+ /**
1235
+ * ラベルが紐づくフォーム要素のid属性。asにlabelを指定した場合に必用
1236
+ */
1237
+ htmlFor?: string;
1238
+ /**
1239
+ * 必須マークを表示するか
1240
+ * 注意: trueとしてもinput要素のrequired属性は付与されません
1241
+ */
1242
+ showRequiredLabel?: boolean;
1243
+ } & CustomDataAttributeProps;
1244
+ declare const Label: FC<Props$4>;
1245
+ //#endregion
1246
+ //#region src/components/LinkCard/LinkCard.d.ts
1247
+ type IconProp = ComponentType | ReactElement | IconName;
1248
+ declare const LinkCard: _$react.ForwardRefExoticComponent<{
1249
+ /**
1250
+ * 遷移先URL
1251
+ */
1252
+ href?: string;
1253
+ /**
1254
+ * サイズ
1255
+ * @default medium
1256
+ */
1257
+ size?: "medium" | "small";
1258
+ /**
1259
+ * 見出しのテキスト
1260
+ */
1261
+ title: string;
1262
+ /**
1263
+ * 説明のテキスト
1264
+ */
1265
+ description?: string;
1266
+ /**
1267
+ * CSSのクラス
1268
+ * * @deprecated マージンなどをつけたい場合は<Box>や<Stack>を使ってください
1269
+ */
1270
+ className?: string;
1271
+ /**
1272
+ * レンダリングされる要素を変更。フレームワークのリンクコンポーネントなどを指定
1273
+ */
1274
+ render?: ReactElement;
1275
+ /**
1276
+ * アイコン
1277
+ */
1278
+ icon?: IconProp;
1279
+ } & CustomDataAttributeProps & _$react.RefAttributes<HTMLAnchorElement>>;
1280
+ //#endregion
1281
+ //#region src/components/MessageHalfModal/MessageHalfModal.d.ts
1282
+ type Opacity$1 = "normal" | "darker";
1283
+ type BaseProps$1 = {
1284
+ /**
1285
+ * 閉じるアクションが実行された場合のコールバック
1286
+ */
1287
+ onClose: () => void;
1288
+ /**
1289
+ * ヘッダーに表示する見出しテキスト
1290
+ */
1291
+ header?: string;
1292
+ /**
1293
+ * 閉じるボタンのラベル
1294
+ * @default 閉じる
1295
+ */
1296
+ closeLabel?: string;
1297
+ /**
1298
+ * オーバーレイの透過度
1299
+ * @default normal
1300
+ */
1301
+ overlayOpacity?: Opacity$1;
1302
+ /**
1303
+ * 閉じるボタンを表示するかどうか
1304
+ * @default true
1305
+ */
1306
+ showClose?: boolean;
1307
+ /**
1308
+ * モーダルを開くかどうか
1309
+ * @default true
1310
+ */
1311
+ open?: boolean;
1312
+ /**
1313
+ * openを無視してモーダルを開いたままにするか。アニメーションライブラリとの連携で、ActionHalfModal自身が開閉に関与しない場合に使用
1314
+ */
1315
+ isStatic?: boolean;
1316
+ /**
1317
+ * モーダルをフルスクリーンで表示する
1318
+ */
1319
+ fullscreen?: boolean;
1320
+ /**
1321
+ * ネイティブ要素のid属性。ページで固有のIDを指定
1322
+ */
1323
+ id?: string;
1324
+ /**
1325
+ * ネイティブのaria-labelledby属性。独自の見出しを実装する場合にダイアログとの紐づけに使用。ページで固有のIDを指定
1326
+ */
1327
+ ariaLabelledby?: string;
1328
+ /**
1329
+ * ヒーローエリア(見出しの更に上)に配置するコンテンツ
1330
+ */
1331
+ hero?: ReactNode;
1332
+ /**
1333
+ * ヘッダーを固定表示
1334
+ * heroが指定されている場合は無効
1335
+ */
1336
+ stickyHeader?: boolean;
1337
+ /**
1338
+ * フッターを固定表示
1339
+ */
1340
+ stickyFooter?: boolean;
1341
+ } & CustomDataAttributeProps;
1342
+ type Props$3 = BaseProps$1;
1343
+ declare const MessageHalfModal: FC<PropsWithChildren<Props$3>>;
1344
+ //#endregion
1345
+ //#region src/components/MessageModal/MessageModal.d.ts
1346
+ type Opacity = "normal" | "darker";
1347
+ type Props$2 = {
1348
+ /**
1349
+ * プライマリーアクションボタンのラベル
1350
+ */
1351
+ header?: string;
1352
+ /**
1353
+ * 閉じるアクションが実行された場合のコールバック
1354
+ */
1355
+ onClose: () => void;
1356
+ /**
1357
+ * 閉じるボタンのラベル
1358
+ * @default 閉じる
1359
+ */
1360
+ closeLabel?: string;
1361
+ /**
1362
+ * オーバーレイの透過度
1363
+ * @default normal
1364
+ */
1365
+ overlayOpacity?: Opacity;
1366
+ /**
1367
+ * 画面を占有する高さで固定する
1368
+ */
1369
+ fixedHeight?: boolean;
1370
+ /**
1371
+ * モーダルダイアログを開くかどうか
1372
+ * @default true
1373
+ */
1374
+ open?: boolean;
1375
+ /**
1376
+ * openを無視してモーダルを開いたままにする。アニメーションライブラリとの連携で、ActionHalfModal自身が開閉に関与しない場合に使用
1377
+ */
1378
+ isStatic?: boolean;
1379
+ /**
1380
+ * ネイティブ要素のid属性。ページで固有のIDを指定
1381
+ */
1382
+ id?: string;
1383
+ /**
1384
+ * ネイティブのaria-labelledby属性。独自の見出しを実装する場合にダイアログとの紐づけに使用。ページで固有のIDを指定
1385
+ */
1386
+ ariaLabelledby?: string;
1387
+ /**
1388
+ * ヒーローエリア(見出しの更に上)に配置するコンテンツ
1389
+ */
1390
+ hero?: ReactNode;
1391
+ /**
1392
+ * ヘッダーを固定表示
1393
+ * heroが指定されている場合は無効
1394
+ */
1395
+ stickyHeader?: boolean;
1396
+ /**
1397
+ * フッターを固定表示
1398
+ */
1399
+ stickyFooter?: boolean;
1400
+ } & PropsWithChildren & CustomDataAttributeProps;
1401
+ declare const MessageModal: FC<Props$2>;
1402
+ //#endregion
1403
+ //#region src/components/Pre/Pre.d.ts
1404
+ type AllowedSpanAttributes = Omit<HTMLAttributes<HTMLSpanElement>, "className">;
1405
+ declare const Pre: _$react.ForwardRefExoticComponent<{
1406
+ /**
1407
+ * 折り返しや空白、改行の扱い
1408
+ * @default 'pre-line'
1409
+ */
1410
+ whiteSpace?: "pre" | "pre-wrap" | "pre-line" | "break-spaces";
1411
+ /**
1412
+ * inline-blockとして扱う
1413
+ */
1414
+ inline?: boolean;
1415
+ } & AllowedSpanAttributes & {
1416
+ children?: _$react.ReactNode | undefined;
1417
+ } & _$react.RefAttributes<HTMLSpanElement>>;
1418
+ //#endregion
1419
+ //#region src/components/RadioButton/RadioButton.d.ts
1420
+ declare const RadioButton: _$react.ForwardRefExoticComponent<{
1421
+ /**
1422
+ * グループ化(排他制御)したい要素には同じ名前をつける
1423
+ */
1424
+ name: string;
1425
+ /**
1426
+ * 選択時のコールバックで渡される値
1427
+ */
1428
+ value: string | number;
1429
+ /**
1430
+ * ラベルに表示されるテキストまたは要素
1431
+ */
1432
+ children: InputHTMLAttributes<HTMLInputElement>["children"];
1433
+ /**
1434
+ * サイズ
1435
+ * @default medium
1436
+ */
1437
+ size?: "medium" | "small";
1438
+ } & Required<Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "checked">> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "children" | "name" | "value"> & CustomDataAttributeProps & _$react.RefAttributes<HTMLInputElement>>;
1439
+ //#endregion
1440
+ //#region src/components/RadioCard/RadioCard.d.ts
1441
+ type Props$1 = Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "children"> & CustomDataAttributeProps & {
1442
+ /**
1443
+ * グループ化(排他制御)したい要素には同じ名前をつける
1444
+ */
1445
+ name: string;
1446
+ /**
1447
+ * 選択時のコールバックで渡される値
1448
+ */
1449
+ value: string | number;
1450
+ /**
1451
+ * ラベルに表示されるテキストまたは要素
1452
+ */
1453
+ children: React.InputHTMLAttributes<HTMLInputElement>["children"];
1454
+ /**
1455
+ * 横幅を100%占有する
1456
+ */
1457
+ block?: boolean;
1458
+ };
1459
+ /**
1460
+ * アクセシビリティに配慮したラジオボタン。
1461
+ * 選択した後自動で遷移しないタイプのラジオボタン(選択してもなにもおきないボタン)に使用
1462
+ */
1463
+ declare const RadioCard: FC<Props$1>;
1464
+ //#endregion
1465
+ //#region src/components/RadioGroup/RadioGroup.d.ts
1466
+ declare const RadioGroup: _$react.ForwardRefExoticComponent<{
1467
+ children: ReactElement<typeof RadioButton>[] | ReactElement<typeof RadioCard>[];
1468
+ /**
1469
+ * ラジオグループの見出し(legend要素)
1470
+ */
1471
+ label?: string;
1472
+ /**
1473
+ * 必須マークを表示するか
1474
+ * 注意: trueとしてもinput要素のrequired属性は付与されません
1475
+ */
1476
+ showRequiredLabel?: boolean;
1477
+ /**
1478
+ * ラジオボタンの配置方向
1479
+ * @default column
1480
+ */
1481
+ direction?: "column" | "row";
1482
+ } & CustomDataAttributeProps & _$react.RefAttributes<HTMLFieldSetElement>>;
1483
+ //#endregion
1484
+ //#region src/components/Select/Select.d.ts
1485
+ declare const Select: _$react.ForwardRefExoticComponent<CustomDataAttributeProps & {
1486
+ /**
1487
+ * ネイティブ要素の `id` 属性。ページで固有のIDを指定
1488
+ */
1489
+ id?: string;
1490
+ /**
1491
+ * 有効でない入力を保持しているかどうか
1492
+ * @default false
1493
+ */
1494
+ isInvalid?: boolean;
1495
+ /**
1496
+ * フィールドを無効化する
1497
+ */
1498
+ disabled?: boolean;
1499
+ /**
1500
+ * CSSのクラス
1501
+ */
1502
+ className?: string;
1503
+ } & Omit<InputHTMLAttributes<HTMLSelectElement>, "disabled" | "id"> & _$react.RefAttributes<HTMLSelectElement>>;
1504
+ //#endregion
1505
+ //#region src/components/Text/Text.d.ts
1506
+ type BaseProps = {
1507
+ /**
1508
+ * レンダリングされる要素を変更。フレームワークのリンクコンポーネントを想定しています
1509
+ * 指定した場合、colorがデフォルトでlinkになります
1510
+ */
1511
+ render?: ReactElement;
1512
+ /**
1513
+ * 表示するテキスト
1514
+ * pやdivなどを含めないでください(文法的にNGです)
1515
+ */
1516
+ children: ReactNode;
1517
+ /**
1518
+ * 太字とする
1519
+ */
1520
+ bold?: boolean;
1521
+ /**
1522
+ * 文字色の抽象値
1523
+ * @default main
1524
+ */
1525
+ color?: TextColorVariant;
1526
+ /**
1527
+ * HTMLのid属性
1528
+ */
1529
+ id?: string;
1530
+ /**
1531
+ * テキストの配置。指定しない場合、親要素の配置を継承
1532
+ */
1533
+ textAlign?: "left" | "center" | "right";
1534
+ /**
1535
+ * 領域が狭い場合でも折り返えさない
1536
+ */
1537
+ noWrap?: boolean;
1538
+ };
1539
+ type BodyProps = BaseProps & {
1540
+ /**
1541
+ * テキストの種類
1542
+ * @default body
1543
+ */
1544
+ type?: "body";
1545
+ /**
1546
+ * フォントサイズの抽象値
1547
+ * @default md
1548
+ */
1549
+ size?: BodyFontSize;
1550
+ /**
1551
+ * 行送りの抽象値(`line-height`)
1552
+ */
1553
+ leading?: BodyLeading;
1554
+ };
1555
+ type HeadingProps = BaseProps & {
1556
+ /**
1557
+ * テキストの種類
1558
+ */
1559
+ type: "heading";
1560
+ /**
1561
+ * フォントサイズの抽象値
1562
+ */
1563
+ size?: HeadingFontSize;
1564
+ /**
1565
+ * 行送りの抽象値(`line-height`)
1566
+ * @default default
1567
+ */
1568
+ leading?: HeadingLeading;
1569
+ };
1570
+ type ButtonProps = BaseProps & {
1571
+ /**
1572
+ * テキストの種類
1573
+ */
1574
+ type: "button";
1575
+ /**
1576
+ * フォントサイズの抽象値
1577
+ */
1578
+ size?: ButtonFontSize;
1579
+ /**
1580
+ * 行送りの抽象値(`line-height`)
1581
+ * @default default
1582
+ */
1583
+ leading?: ButtonLeading;
1584
+ };
1585
+ type TagProps = BaseProps & {
1586
+ /**
1587
+ * テキストの種類
1588
+ */
1589
+ type: "tag";
1590
+ /**
1591
+ * フォントサイズの抽象値
1592
+ */
1593
+ size?: TagFontSize;
1594
+ /**
1595
+ * 行送りの抽象値(`line-height`)
1596
+ * @default default
1597
+ */
1598
+ leading?: TagLeading;
1599
+ };
1600
+ type TextProps = BodyProps | HeadingProps | ButtonProps | TagProps;
1601
+ declare const Text: <T extends ElementType>(props: ({
1602
+ /**
1603
+ * レンダリングされる要素を指定。renderとは違い、HTMLのネイティブ要素に限定
1604
+ * また、指定した要素に応じて対応する属性も合わせて使用可能に
1605
+ * @default p
1606
+ */
1607
+ as?: T;
1608
+ } & (TextProps & DistributiveOmit<ComponentPropsWithRef<ElementType extends T ? "p" : T>, "as">)) & _$react.RefAttributes<any>) => React.ReactNode;
1609
+ //#endregion
1610
+ //#region src/components/TextArea/TextArea.d.ts
1611
+ declare const TextArea: _$react.ForwardRefExoticComponent<{
1612
+ /**
1613
+ * 値が不正であることを示す
1614
+ */
1615
+ isInvalid?: boolean;
1616
+ /**
1617
+ * フィールドを無効化する
1618
+ */
1619
+ disabled?: boolean;
1620
+ } & TextareaHTMLAttributes<HTMLTextAreaElement> & CustomDataAttributeProps & _$react.RefAttributes<HTMLTextAreaElement>>;
1621
+ //#endregion
1622
+ //#region src/components/Stack/Stack.d.ts
1623
+ type Props = {
1624
+ /**
1625
+ * レンダリングされるコンポーネントまたはHTML要素
1626
+ * @default div
1627
+ */
1628
+ as?: HTMLTagname | ReactElement<ComponentType<typeof Box>>;
1629
+ /**
1630
+ * 水平方向における子要素のレイアウトを定める。
1631
+ * @default stretch
1632
+ */
1633
+ alignItems?: AlignItems;
1634
+ /**
1635
+ * 垂直方向における子要素のレイアウトを定める。
1636
+ * @deprecated directionが削除されたため必要なくなりました
1637
+ */
1638
+ justifyContent?: JustifyContent;
1639
+ /**
1640
+ * CSSのクラス
1641
+ * @deprecated マージンなどをつけたい場合は<Box>を使ってください
1642
+ */
1643
+ className?: string;
1644
+ /**
1645
+ * 子要素
1646
+ */
1647
+ children: ReactNode;
1648
+ } & ({
1649
+ /**
1650
+ * 子要素の間隔。指定しない場合は0
1651
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
1652
+ */
1653
+ spacing: Spacing;
1654
+ gap?: never;
1655
+ } | {
1656
+ /**
1657
+ * spacingのエイリアス(どちらかしか指定できません)
1658
+ * xxs=4px, xs=8px, sm=12px, md=16px, lg=24px, xl=40px, xxl=64px
1659
+ */
1660
+ gap: Spacing;
1661
+ spacing?: never;
1662
+ } | {
1663
+ gap?: never;
1664
+ spacing?: never;
1665
+ }) & MarginProps & PaddingProps & WidthProps & CustomDataAttributeProps;
1666
+ /**
1667
+ * Stackコンポーネント
1668
+ * 一方向に一定のリズムで要素を積み上げるレイアウト
1669
+ */
1670
+ declare const Stack: FC<Props>;
1671
+ //#endregion
1672
+ //#region src/components/Stepper/Stepper.d.ts
1673
+ interface StepData {
1674
+ label: string;
1675
+ icon?: IconName;
1676
+ doneIcon?: IconName;
1677
+ }
1678
+ interface StepperProps extends CustomDataAttributeProps {
1679
+ steps: StepData[];
1680
+ currentStep?: number;
1681
+ m?: Spacing;
1682
+ mx?: Spacing;
1683
+ my?: Spacing;
1684
+ mt?: Spacing;
1685
+ mr?: Spacing;
1686
+ mb?: Spacing;
1687
+ ml?: Spacing;
1688
+ }
1689
+ declare const Stepper: ({
1690
+ steps,
1691
+ currentStep,
1692
+ m,
1693
+ mx,
1694
+ my,
1695
+ mt,
1696
+ mr,
1697
+ mb,
1698
+ ml,
1699
+ ...props
1700
+ }: StepperProps) => _$react_jsx_runtime0.JSX.Element;
1701
+ //#endregion
1702
+ //#region src/components/Toggle/Toggle.d.ts
1703
+ declare const Toggle: _$react.ForwardRefExoticComponent<{
1704
+ /**
1705
+ * 現在の状態が選択中かどうか
1706
+ */
1707
+ checked?: boolean;
1708
+ /**
1709
+ * 初期状態で選択状態とする
1710
+ */
1711
+ defaultChecked?: boolean;
1712
+ /**
1713
+ * 無効状態かどうか
1714
+ * @default false
1715
+ */
1716
+ disabled?: boolean;
1717
+ } & Omit<InputHTMLAttributes<HTMLInputElement>, "children"> & CustomDataAttributeProps & _$react.RefAttributes<HTMLInputElement>>;
1718
+ //#endregion
1719
+ export { Accordion, ActionHalfModal, ActionModal, Box, Button, ButtonCard, Center, Checkbox, CheckboxCard, CheckboxGroup, Divider, ErrorMessage, Flex, FlexItem, Heading, HelperMessage, Icon, type IconName, Input, Label, LinkButton, LinkCard, MessageHalfModal, MessageModal, Pre, RadioButton, RadioCard, RadioGroup, Select, Stack, Stepper, Text, TextArea, Toggle };
1720
+ //# sourceMappingURL=index.d.mts.map