@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.
- package/.storybook/main.ts +14 -0
- package/.storybook/preview.tsx +25 -0
- package/.storybook/vitest.setup.ts +7 -0
- package/dist/chunk-DKo7XVKm.mjs +33 -0
- package/dist/index.d.mts +1720 -0
- package/dist/index.d.mts.map +1 -0
- package/dist/index.mjs +10594 -0
- package/dist/index.mjs.map +1 -0
- package/dist/style.css +2299 -0
- package/package.json +47 -0
- package/src/components/Accordion/Accordion.module.css +75 -0
- package/src/components/Accordion/Accordion.spec.tsx +18 -0
- package/src/components/Accordion/Accordion.stories.tsx +61 -0
- package/src/components/Accordion/Accordion.tsx +89 -0
- package/src/components/ActionHalfModal/ActionHalfModal.module.css +180 -0
- package/src/components/ActionHalfModal/ActionHalfModal.spec.tsx +57 -0
- package/src/components/ActionHalfModal/ActionHalfModal.stories.tsx +469 -0
- package/src/components/ActionHalfModal/ActionHalfModal.tsx +269 -0
- package/src/components/ActionModal/ActionModal.module.css +145 -0
- package/src/components/ActionModal/ActionModal.spec.tsx +57 -0
- package/src/components/ActionModal/ActionModal.stories.tsx +302 -0
- package/src/components/ActionModal/ActionModal.tsx +232 -0
- package/src/components/Bold/Bold.module.css +4 -0
- package/src/components/Bold/Bold.spec.tsx +24 -0
- package/src/components/Bold/Bold.stories.tsx +54 -0
- package/src/components/Bold/Bold.tsx +31 -0
- package/src/components/Box/Box.module.css +46 -0
- package/src/components/Box/Box.spec.tsx +188 -0
- package/src/components/Box/Box.tsx +242 -0
- package/src/components/Button/Button.module.css +261 -0
- package/src/components/Button/Button.spec.tsx +82 -0
- package/src/components/Button/Button.tsx +99 -0
- package/src/components/Button/ButtonTypes.ts +107 -0
- package/src/components/Button/LinkButton.spec.tsx +86 -0
- package/src/components/Button/LinkButton.tsx +80 -0
- package/src/components/Button/VariantIcon.tsx +20 -0
- package/src/components/Button/useIcon.tsx +16 -0
- package/src/components/ButtonCard/ButtonCard.module.css +35 -0
- package/src/components/ButtonCard/ButtonCard.spec.tsx +18 -0
- package/src/components/ButtonCard/ButtonCard.stories.tsx +54 -0
- package/src/components/ButtonCard/ButtonCard.tsx +18 -0
- package/src/components/Center/Center.module.css +19 -0
- package/src/components/Center/Center.spec.tsx +143 -0
- package/src/components/Center/Center.tsx +108 -0
- package/src/components/Checkbox/Checkbox.module.css +124 -0
- package/src/components/Checkbox/Checkbox.spec.tsx +17 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +213 -0
- package/src/components/Checkbox/Checkbox.tsx +50 -0
- package/src/components/CheckboxCard/CheckboxCard.module.css +102 -0
- package/src/components/CheckboxCard/CheckboxCard.spec.tsx +16 -0
- package/src/components/CheckboxCard/CheckboxCard.stories.tsx +205 -0
- package/src/components/CheckboxCard/CheckboxCard.tsx +53 -0
- package/src/components/CheckboxGroup/CheckboxGroup.module.css +16 -0
- package/src/components/CheckboxGroup/CheckboxGroup.spec.tsx +17 -0
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +64 -0
- package/src/components/Color/Color.module.css +3 -0
- package/src/components/Color/Color.spec.tsx +24 -0
- package/src/components/Color/Color.stories.tsx +71 -0
- package/src/components/Color/Color.tsx +28 -0
- package/src/components/Divider/Divider.module.css +9 -0
- package/src/components/Divider/Divider.spec.tsx +42 -0
- package/src/components/Divider/Divider.stories.tsx +77 -0
- package/src/components/Divider/Divider.tsx +49 -0
- package/src/components/ErrorMessage/ErrorMessage.module.css +8 -0
- package/src/components/ErrorMessage/ErrorMessage.spec.tsx +12 -0
- package/src/components/ErrorMessage/ErrorMessage.tsx +20 -0
- package/src/components/Flex/Flex.module.css +24 -0
- package/src/components/Flex/Flex.spec.tsx +188 -0
- package/src/components/Flex/Flex.tsx +173 -0
- package/src/components/FlexItem/FlexItem.module.css +14 -0
- package/src/components/FlexItem/FlexItem.spec.tsx +84 -0
- package/src/components/FlexItem/FlexItem.tsx +106 -0
- package/src/components/Heading/Heading.module.css +131 -0
- package/src/components/Heading/Heading.tsx +86 -0
- package/src/components/HelperMessage/HelperMessage.module.css +8 -0
- package/src/components/HelperMessage/HelperMessage.tsx +15 -0
- package/src/components/Icon/Icon.module.css +6 -0
- package/src/components/Icon/Icon.spec.tsx +24 -0
- package/src/components/Icon/Icon.stories.tsx +100 -0
- package/src/components/Icon/Icon.tsx +101 -0
- package/src/components/Input/Input.module.css +51 -0
- package/src/components/Input/Input.spec.tsx +14 -0
- package/src/components/Input/Input.tsx +27 -0
- package/src/components/Label/Label.module.css +14 -0
- package/src/components/Label/Label.tsx +39 -0
- package/src/components/LinkCard/LinkCard.module.css +72 -0
- package/src/components/LinkCard/LinkCard.tsx +96 -0
- package/src/components/MessageHalfModal/MessageHalfModal.module.css +181 -0
- package/src/components/MessageHalfModal/MessageHalfModal.spec.tsx +73 -0
- package/src/components/MessageHalfModal/MessageHalfModal.stories.tsx +242 -0
- package/src/components/MessageHalfModal/MessageHalfModal.tsx +194 -0
- package/src/components/MessageModal/MessageModal.module.css +149 -0
- package/src/components/MessageModal/MessageModal.spec.tsx +57 -0
- package/src/components/MessageModal/MessageModal.stories.tsx +223 -0
- package/src/components/MessageModal/MessageModal.tsx +178 -0
- package/src/components/Pre/Pre.module.css +8 -0
- package/src/components/Pre/Pre.spec.tsx +11 -0
- package/src/components/Pre/Pre.stories.tsx +76 -0
- package/src/components/Pre/Pre.tsx +40 -0
- package/src/components/RadioButton/RadioButton.module.css +92 -0
- package/src/components/RadioButton/RadioButton.spec.tsx +25 -0
- package/src/components/RadioButton/RadioButton.tsx +55 -0
- package/src/components/RadioCard/RadioCard.module.css +109 -0
- package/src/components/RadioCard/RadioCard.tsx +61 -0
- package/src/components/RadioGroup/RadioGroup.module.css +16 -0
- package/src/components/RadioGroup/RadioGroup.spec.tsx +17 -0
- package/src/components/RadioGroup/RadioGroup.tsx +60 -0
- package/src/components/Select/Select.module.css +70 -0
- package/src/components/Select/Select.spec.tsx +12 -0
- package/src/components/Select/Select.tsx +56 -0
- package/src/components/Stack/Stack.module.css +10 -0
- package/src/components/Stack/Stack.spec.tsx +177 -0
- package/src/components/Stack/Stack.tsx +151 -0
- package/src/components/Stepper/Stepper.module.css +137 -0
- package/src/components/Stepper/Stepper.spec.tsx +198 -0
- package/src/components/Stepper/Stepper.stories.tsx +192 -0
- package/src/components/Stepper/Stepper.tsx +70 -0
- package/src/components/Stepper/StepperItem.tsx +113 -0
- package/src/components/Text/Text.module.css +168 -0
- package/src/components/Text/Text.tsx +192 -0
- package/src/components/TextArea/TextArea.module.css +46 -0
- package/src/components/TextArea/TextArea.spec.tsx +13 -0
- package/src/components/TextArea/TextArea.tsx +29 -0
- package/src/components/Toggle/Toggle.module.css +71 -0
- package/src/components/Toggle/Toggle.spec.tsx +21 -0
- package/src/components/Toggle/Toggle.tsx +56 -0
- package/src/font.ts +2 -0
- package/src/hooks/useScrollable.ts +58 -0
- package/src/icons/AppleIcon.tsx +14 -0
- package/src/icons/GoogleIcon.tsx +27 -0
- package/src/icons/LINEIcon.tsx +16 -0
- package/src/index.ts +35 -0
- package/src/sharedComponents/RequiredLabel/RequiredLabel.module.css +10 -0
- package/src/sharedComponents/RequiredLabel/RequiredLabel.tsx +8 -0
- package/src/sharedComponents/VisuallyHidden/VisuallyHidden.module.css +15 -0
- package/src/sharedComponents/VisuallyHidden/VisuallyHidden.tsx +22 -0
- package/src/stories/Accordion.stories.portable.ts +4 -0
- package/src/stories/Box.stories.tsx +474 -0
- package/src/stories/Button.stories.tsx +262 -0
- package/src/stories/Center.stories.tsx +126 -0
- package/src/stories/ErrorMessage.stories.tsx +19 -0
- package/src/stories/Flex.stories.tsx +345 -0
- package/src/stories/Form.stories.tsx +83 -0
- package/src/stories/Heading.stories.tsx +263 -0
- package/src/stories/HelperMessage.stories.tsx +22 -0
- package/src/stories/Input.stories.tsx +145 -0
- package/src/stories/Label.stories.tsx +32 -0
- package/src/stories/LinkButton.stories.tsx +207 -0
- package/src/stories/LinkCard.stories.tsx +90 -0
- package/src/stories/RadioButton.stories.tsx +168 -0
- package/src/stories/RadioCard.stories.tsx +236 -0
- package/src/stories/Select.stories.tsx +97 -0
- package/src/stories/Stack.stories.tsx +167 -0
- package/src/stories/Text.stories.tsx +396 -0
- package/src/stories/TextArea.stories.tsx +49 -0
- package/src/stories/Toggle.stories.tsx +30 -0
- package/src/test/vitest-jest-dom.d.ts +12 -0
- package/src/types/attributes.ts +6 -0
- package/src/types/global.d.ts +11 -0
- package/src/types/icon.ts +3 -0
- package/src/types/style.ts +254 -0
- package/src/utils/component.ts +8 -0
- package/src/utils/style.spec.ts +57 -0
- package/src/utils/style.ts +387 -0
- package/src/utils/types.ts +8 -0
- package/tsconfig.json +18 -0
- package/tsconfig.spec-lint.tsbuildinfo +1 -0
- package/tsconfig.tsbuildinfo +1 -0
- package/vite.config.ts +50 -0
- package/vitest.shims.d.ts +1 -0
package/dist/index.d.mts
ADDED
|
@@ -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
|