@mmb-digital/design-system-web 0.1.347 → 0.1.348-alpha.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/README.md +8 -8
- package/dist/index.cjs +41 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2847 -0
- package/dist/index.d.ts +2240 -2077
- package/dist/index.js +41 -2
- package/dist/index.js.map +1 -1
- package/package.json +45 -37
- package/.eslintcache +0 -1
- package/rollup.config.js +0 -58
- package/tsconfig.app.json +0 -12
- package/tsconfig.base.json +0 -18
- package/tsconfig.node.json +0 -13
package/dist/index.d.ts
CHANGED
|
@@ -1,218 +1,231 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import * as
|
|
9
|
-
import {
|
|
10
|
-
import * as afformative from
|
|
11
|
-
import { Formatter } from
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { FactoryOpts } from
|
|
15
|
-
import
|
|
16
|
-
|
|
17
|
-
import { z } from
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
import * as _$react from "react";
|
|
2
|
+
import { AriaAttributes, AriaRole, BaseSyntheticEvent, ChangeEvent, ComponentProps, ComponentType, ElementType, FC, FocusEvent, FocusEventHandler, HTMLAttributeAnchorTarget, HTMLAttributes, HTMLInputAutoCompleteAttribute, HTMLInputTypeAttribute, HTMLProps, Key, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, MutableRefObject, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes, TouchEvent } from "react";
|
|
3
|
+
import emotionStyled from "@emotion/styled";
|
|
4
|
+
import * as _$_emotion_react0 from "@emotion/react";
|
|
5
|
+
import { Theme as Theme$1 } from "@emotion/react";
|
|
6
|
+
import { useMergeRefs } from "@floating-ui/react";
|
|
7
|
+
import { MessageDescriptor } from "react-intl";
|
|
8
|
+
import * as _$react_hook_form0 from "react-hook-form";
|
|
9
|
+
import { FieldPath, FieldValues, RegisterOptions, SubmitErrorHandler, UseFormProps as UseFormProps$1, UseFormReturn as UseFormReturn$1 } from "react-hook-form";
|
|
10
|
+
import * as _$afformative from "afformative";
|
|
11
|
+
import { Formatter } from "afformative";
|
|
12
|
+
import { DatePickerProps as DatePickerProps$1 } from "react-datepicker";
|
|
13
|
+
import { Locale } from "date-fns";
|
|
14
|
+
import { FactoryOpts } from "imask";
|
|
15
|
+
import { Property } from "csstype";
|
|
16
|
+
import { FormatXMLElementFn, PrimitiveType } from "intl-messageformat";
|
|
17
|
+
import { z } from "zod";
|
|
18
|
+
|
|
19
|
+
//#region src/components/formattedMessage/types.d.ts
|
|
20
20
|
type MessageValues = Record<string, FormatXMLElementFn<ReactNode, ReactNode> | PrimitiveType | ReactNode>;
|
|
21
21
|
type PrimitiveMessageValues = Record<string, PrimitiveType>;
|
|
22
22
|
type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescriptor) => boolean;
|
|
23
|
-
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/formattedMessage/formattedMessage/FormattedMessage.d.ts
|
|
24
25
|
interface FormattedMessageProps extends MessageDescriptor {
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
declare const FormattedMessage: (props: FormattedMessageProps) =>
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) =>
|
|
32
|
-
|
|
26
|
+
values?: MessageValues;
|
|
27
|
+
}
|
|
28
|
+
declare const FormattedMessage: (props: FormattedMessageProps) => _$react.JSX.Element;
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/formattedMessage/formattedHtmlMessage/FormattedHtmlMessage.d.ts
|
|
31
|
+
interface FormattedHtmlMessageProps extends MessageDescriptorWithPrimitiveValues {}
|
|
32
|
+
declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => _$react.JSX.Element;
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/formattedMessage/isMessageDisplayable/useIsMessageDisplayable.d.ts
|
|
33
35
|
declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/formattedMessage/getFormattedHtmlMessageIfDisplayable/useGetFormattedHtmlMessageIfDisplayable.d.ts
|
|
38
|
+
declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => _$react.JSX.Element | undefined;
|
|
39
|
+
//#endregion
|
|
40
|
+
//#region src/components/tooltip/types.d.ts
|
|
37
41
|
type TooltipRenderParent = (getParentProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>) => ReactElement;
|
|
38
42
|
declare enum TooltipPlacement {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
+
bottom = "bottom",
|
|
44
|
+
left = "left",
|
|
45
|
+
right = "right",
|
|
46
|
+
top = "top"
|
|
43
47
|
}
|
|
44
48
|
interface TooltipDescriptor {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
+
body: ReactElement | string;
|
|
50
|
+
closeButtonAriaLabel?: string;
|
|
51
|
+
title?: ReactElement | string;
|
|
52
|
+
width?: TooltipWidth;
|
|
49
53
|
}
|
|
50
54
|
interface TooltipInfoDescriptor extends TooltipDescriptor {
|
|
51
|
-
|
|
55
|
+
triggerAriaLabel?: string;
|
|
52
56
|
}
|
|
53
57
|
declare enum TooltipInfoDisplayMethod {
|
|
54
|
-
|
|
55
|
-
|
|
58
|
+
onlyTooltip = "onlyTooltip",
|
|
59
|
+
withNbsp = "withNbsp"
|
|
56
60
|
}
|
|
57
61
|
interface TooltipDelays {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
+
/** ms */
|
|
63
|
+
closeDelay?: number;
|
|
64
|
+
/** ms */
|
|
65
|
+
openDelay?: number;
|
|
62
66
|
}
|
|
63
67
|
interface BaseTooltipInfoProps {
|
|
64
|
-
|
|
68
|
+
triggerAriaLabel?: string;
|
|
65
69
|
}
|
|
66
70
|
declare enum TooltipCloseReason {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
71
|
+
closeButtonClick = "closeButtonClick",
|
|
72
|
+
closeButtonKeyPress = "closeButtonKeyPress",
|
|
73
|
+
focusLost = "focusLost"
|
|
70
74
|
}
|
|
71
75
|
declare enum TooltipWidth {
|
|
72
|
-
|
|
73
|
-
|
|
76
|
+
lg = "lg",
|
|
77
|
+
md = "md"
|
|
74
78
|
}
|
|
75
|
-
|
|
79
|
+
//#endregion
|
|
80
|
+
//#region src/components/tooltip/infoDisplayableCheck/TooltipInfoDisplayableCheck.d.ts
|
|
76
81
|
interface TooltipInfoDisplayableCheckProps extends DesignSystemBaseProps {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) =>
|
|
84
|
-
|
|
82
|
+
body: MessageDescriptorWithPrimitiveValues;
|
|
83
|
+
closeButtonAriaLabel?: MessageDescriptorWithPrimitiveValues;
|
|
84
|
+
displayMethod: TooltipInfoDisplayMethod;
|
|
85
|
+
title?: MessageDescriptorWithPrimitiveValues;
|
|
86
|
+
triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
|
|
87
|
+
}
|
|
88
|
+
declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => _$react.JSX.Element | null;
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/tooltip/infoConditional/TooltipInfoConditional.d.ts
|
|
85
91
|
interface TooltipInfoConditionalProps extends DesignSystemBaseProps, BaseTooltipInfoProps {
|
|
86
|
-
|
|
87
|
-
|
|
92
|
+
displayMethod: TooltipInfoDisplayMethod;
|
|
93
|
+
floatingElement?: Partial<TooltipDescriptor>;
|
|
88
94
|
}
|
|
89
|
-
declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) =>
|
|
90
|
-
|
|
95
|
+
declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => _$react.JSX.Element | null;
|
|
96
|
+
//#endregion
|
|
97
|
+
//#region src/components/tooltip/useCreateTooltipInfoDescriptor/useCreateTooltipInfoDescriptor.d.ts
|
|
91
98
|
interface CreateTooltipInfoDescriptorParam {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
99
|
+
body: MessageDescriptorWithPrimitiveValues;
|
|
100
|
+
closeButtonAriaLabel?: MessageDescriptorWithPrimitiveValues;
|
|
101
|
+
title?: MessageDescriptorWithPrimitiveValues;
|
|
102
|
+
triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
|
|
103
|
+
width?: TooltipWidth;
|
|
97
104
|
}
|
|
98
105
|
type CreateTooltipInfoDescriptor = (param: CreateTooltipInfoDescriptorParam) => TooltipInfoDescriptor | undefined;
|
|
99
106
|
declare const useCreateTooltipInfoDescriptor: () => CreateTooltipInfoDescriptor;
|
|
100
|
-
|
|
107
|
+
//#endregion
|
|
108
|
+
//#region src/components/tooltip/info/TooltipInfo.d.ts
|
|
101
109
|
interface TooltipInfoProps extends DesignSystemBaseProps, TooltipDelays, BaseTooltipInfoProps {
|
|
102
|
-
|
|
110
|
+
floatingElement: TooltipDescriptor;
|
|
103
111
|
}
|
|
104
|
-
declare const TooltipInfo: (props: TooltipInfoProps) =>
|
|
105
|
-
|
|
112
|
+
declare const TooltipInfo: (props: TooltipInfoProps) => _$react.JSX.Element;
|
|
113
|
+
//#endregion
|
|
114
|
+
//#region src/components/tooltip/general/TooltipGeneral.d.ts
|
|
106
115
|
interface TooltipGeneralProps extends DesignSystemBaseProps, TooltipDelays {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
}
|
|
114
|
-
declare const TooltipGeneral: (props: TooltipGeneralProps) =>
|
|
115
|
-
|
|
116
|
+
floatingElement: TooltipDescriptor;
|
|
117
|
+
onClose?: ((closeReason: TooltipCloseReason) => void) | undefined;
|
|
118
|
+
onOpen?: (() => void) | undefined;
|
|
119
|
+
placement?: TooltipPlacement | undefined;
|
|
120
|
+
portalRootElement?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
|
|
121
|
+
renderParent: TooltipRenderParent;
|
|
122
|
+
}
|
|
123
|
+
declare const TooltipGeneral: (props: TooltipGeneralProps) => _$react.JSX.Element;
|
|
124
|
+
//#endregion
|
|
125
|
+
//#region src/components/tooltip/util.d.ts
|
|
116
126
|
type TooltipInfoDescriptorPropsSubset = Pick<TooltipInfoProps, 'floatingElement' | 'triggerAriaLabel'>;
|
|
117
127
|
declare const mapTooltipInfoDescriptorToPropsSubset: <T extends TooltipInfoDescriptor | undefined>(tooltipInfoDescriptor: T) => T extends undefined ? undefined : TooltipInfoDescriptorPropsSubset;
|
|
118
|
-
|
|
128
|
+
//#endregion
|
|
129
|
+
//#region src/types.d.ts
|
|
119
130
|
interface SsrProps {
|
|
120
|
-
|
|
131
|
+
suppressHydrationWarning?: boolean;
|
|
121
132
|
}
|
|
122
133
|
interface MessageDescriptorWithPrimitiveValues extends MessageDescriptor {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
134
|
+
/**
|
|
135
|
+
* Since `FormattedHtmlMessage` uses `dangerouslySetInnerHTML` under the hood and sometimes
|
|
136
|
+
* includes user input, we need to escape the `values` prop to prevent XSS vulnerabilities.
|
|
137
|
+
*
|
|
138
|
+
* In case we need to display HTML content (and we're sure it's safe), the `htmlValues` prop
|
|
139
|
+
* should be used instead.
|
|
140
|
+
*/
|
|
141
|
+
htmlValues?: PrimitiveMessageValues;
|
|
142
|
+
values?: PrimitiveMessageValues;
|
|
132
143
|
}
|
|
133
144
|
interface MessageDescriptorWithValues extends MessageDescriptor {
|
|
134
|
-
|
|
145
|
+
values?: MessageValues;
|
|
135
146
|
}
|
|
136
147
|
interface FieldControlProps extends DesignSystemBaseProps {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
148
|
+
describedBy?: string;
|
|
149
|
+
id?: string;
|
|
150
|
+
invalid?: boolean;
|
|
151
|
+
labelledBy?: string;
|
|
152
|
+
name?: string;
|
|
153
|
+
required?: boolean;
|
|
143
154
|
}
|
|
144
155
|
declare enum InputSize {
|
|
145
|
-
|
|
146
|
-
|
|
156
|
+
md = "md",
|
|
157
|
+
xl = "xl"
|
|
147
158
|
}
|
|
148
159
|
declare enum InputTextAlign {
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
160
|
+
center = "center",
|
|
161
|
+
left = "left",
|
|
162
|
+
right = "right"
|
|
152
163
|
}
|
|
153
164
|
declare enum MediaType {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
165
|
+
desktop = "desktop",
|
|
166
|
+
mobile = "mobile",
|
|
167
|
+
tablet = "tablet"
|
|
157
168
|
}
|
|
158
169
|
declare enum ColorScheme {
|
|
159
|
-
|
|
160
|
-
|
|
170
|
+
dark = "dark",
|
|
171
|
+
light = "light"
|
|
161
172
|
}
|
|
162
173
|
interface ColorObject<Dark extends string = string, Light extends string = string> {
|
|
163
|
-
|
|
164
|
-
|
|
174
|
+
dark: Dark;
|
|
175
|
+
light: Light;
|
|
165
176
|
}
|
|
166
177
|
interface InputProps extends FieldControlProps {
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
178
|
+
ariaLabel?: string;
|
|
179
|
+
autoComplete?: HTMLInputAutoCompleteAttribute;
|
|
180
|
+
button?: ReactNode;
|
|
181
|
+
colorInput?: Property.Color | undefined;
|
|
182
|
+
disabled?: boolean;
|
|
183
|
+
halfWidth?: boolean;
|
|
184
|
+
maxLength?: number;
|
|
185
|
+
name: string;
|
|
186
|
+
onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
187
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
188
|
+
prefix?: ReactNode;
|
|
189
|
+
ref?: Ref<HTMLInputElement>;
|
|
190
|
+
size: InputSize;
|
|
191
|
+
suffix?: ReactNode;
|
|
192
|
+
value?: string;
|
|
182
193
|
}
|
|
183
194
|
declare enum FieldOptionality {
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
195
|
+
optional = "optional",
|
|
196
|
+
optionalWithoutLabelSuffix = "optionalWithoutLabelSuffix",
|
|
197
|
+
required = "required"
|
|
187
198
|
}
|
|
188
199
|
interface InputLabelPassthroughProps {
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
200
|
+
label?: ReactNode;
|
|
201
|
+
labelAs?: ElementType;
|
|
202
|
+
/**
|
|
203
|
+
* Visually hidden text for screen readers providing additional info, such as the availability of a tooltip.
|
|
204
|
+
* Prefer using `hiddenHintText` in `FieldWrapper` where possible.
|
|
205
|
+
*/
|
|
206
|
+
labelHiddenText?: string;
|
|
207
|
+
labelId?: string;
|
|
208
|
+
labelSuffix?: ReactNode;
|
|
209
|
+
tooltip?: TooltipInfoDescriptor;
|
|
199
210
|
}
|
|
200
211
|
declare enum LabelTooltipPosition {
|
|
201
|
-
|
|
202
|
-
|
|
212
|
+
inline = "inline",
|
|
213
|
+
rightCenter = "rightCenter"
|
|
203
214
|
}
|
|
204
|
-
|
|
215
|
+
//#endregion
|
|
216
|
+
//#region src/contexts/mediaType/MediaTypeProvider.d.ts
|
|
205
217
|
interface MediaTypeProviderProps {
|
|
206
|
-
|
|
207
|
-
|
|
218
|
+
children: ReactNode;
|
|
219
|
+
mediaType: MediaType;
|
|
208
220
|
}
|
|
209
221
|
declare const MediaTypeProvider: FC<MediaTypeProviderProps>;
|
|
210
|
-
|
|
222
|
+
//#endregion
|
|
223
|
+
//#region src/contexts/mediaType/useMediaType.d.ts
|
|
211
224
|
type UseMediaTypeParam = MediaType | {
|
|
212
|
-
|
|
225
|
+
mediaType?: MediaType | undefined;
|
|
213
226
|
};
|
|
214
227
|
interface UseMediaTypeOptions {
|
|
215
|
-
|
|
228
|
+
defaultMediaType?: MediaType;
|
|
216
229
|
}
|
|
217
230
|
/**
|
|
218
231
|
* priorities:
|
|
@@ -223,18 +236,20 @@ interface UseMediaTypeOptions {
|
|
|
223
236
|
* 4. fallbackMediaType
|
|
224
237
|
*/
|
|
225
238
|
declare const useMediaType: (param?: UseMediaTypeParam, options?: UseMediaTypeOptions) => MediaType;
|
|
226
|
-
|
|
239
|
+
//#endregion
|
|
240
|
+
//#region src/contexts/colorScheme/ColorSchemeProvider.d.ts
|
|
227
241
|
interface ColorSchemeProviderProps {
|
|
228
|
-
|
|
229
|
-
|
|
242
|
+
children: ReactNode;
|
|
243
|
+
colorScheme: ColorScheme;
|
|
230
244
|
}
|
|
231
245
|
declare const ColorSchemeProvider: FC<ColorSchemeProviderProps>;
|
|
232
|
-
|
|
246
|
+
//#endregion
|
|
247
|
+
//#region src/contexts/colorScheme/useColorScheme.d.ts
|
|
233
248
|
type UseColorSchemeParam = ColorScheme | {
|
|
234
|
-
|
|
249
|
+
colorScheme?: ColorScheme | undefined;
|
|
235
250
|
};
|
|
236
251
|
interface UseColorSchemeOptions {
|
|
237
|
-
|
|
252
|
+
defaultColorScheme?: ColorScheme;
|
|
238
253
|
}
|
|
239
254
|
/**
|
|
240
255
|
* priorities:
|
|
@@ -245,88 +260,93 @@ interface UseColorSchemeOptions {
|
|
|
245
260
|
* 4. fallbackColorScheme
|
|
246
261
|
*/
|
|
247
262
|
declare const useColorScheme: (param?: UseColorSchemeParam, options?: UseColorSchemeOptions) => ColorScheme;
|
|
248
|
-
|
|
263
|
+
//#endregion
|
|
264
|
+
//#region src/contexts/designSystemMessages/DesignSystemMessagesContext.d.ts
|
|
249
265
|
interface DesignSystemFullMessages {
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
266
|
+
button: {
|
|
267
|
+
busyGeneric?: ReactNode;
|
|
268
|
+
busySubmit?: ReactNode;
|
|
269
|
+
};
|
|
270
|
+
fieldWrapper: {
|
|
271
|
+
getTooltipTriggerAriaLabel?: (tooltip: TooltipInfoDescriptor, label: ReactNode) => string;
|
|
272
|
+
optionalLabelSuffix?: ReactNode;
|
|
273
|
+
tooltipHiddenHintText?: ReactNode;
|
|
274
|
+
};
|
|
275
|
+
formErrorSummary: {
|
|
276
|
+
title: ReactNode;
|
|
277
|
+
};
|
|
262
278
|
}
|
|
263
|
-
type DesignSystemPartialMessages = {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
}>;
|
|
267
|
-
};
|
|
268
|
-
|
|
279
|
+
type DesignSystemPartialMessages = { [K in keyof DesignSystemFullMessages]?: Partial<{ [P in keyof NonNullable<DesignSystemFullMessages[K]>]?: NonNullable<DesignSystemFullMessages[K]>[P] }> };
|
|
280
|
+
//#endregion
|
|
281
|
+
//#region src/contexts/designSystemPropDefaults/DesignSystemPropDefaultsContext.d.ts
|
|
269
282
|
interface DesignSystemFullPropDefaults {
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
283
|
+
button: {
|
|
284
|
+
busyDelay: number;
|
|
285
|
+
};
|
|
273
286
|
}
|
|
274
|
-
type DesignSystemPartialPropDefaults = {
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
}>;
|
|
278
|
-
};
|
|
279
|
-
|
|
287
|
+
type DesignSystemPartialPropDefaults = { [K in keyof DesignSystemFullPropDefaults]?: Partial<{ [P in keyof DesignSystemFullPropDefaults[K]]?: DesignSystemFullPropDefaults[K][P] }> };
|
|
288
|
+
//#endregion
|
|
289
|
+
//#region src/contexts/designSystem/DesignSystemProvider.d.ts
|
|
280
290
|
interface DesignSystemProviderProps {
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
291
|
+
children: ReactNode;
|
|
292
|
+
colorScheme?: ColorScheme;
|
|
293
|
+
mediaType?: MediaType;
|
|
294
|
+
messages?: DesignSystemPartialMessages;
|
|
295
|
+
propDefaults?: DesignSystemPartialPropDefaults;
|
|
286
296
|
}
|
|
287
297
|
/**
|
|
288
298
|
* It is recommended to use this provider only once in a component tree, ideally near the root.
|
|
289
299
|
* It is possible to override every provider for a subpart of the component tree.
|
|
290
300
|
*/
|
|
291
301
|
declare const DesignSystemProvider: (props: DesignSystemProviderProps) => ReactNode;
|
|
292
|
-
|
|
302
|
+
//#endregion
|
|
303
|
+
//#region src/utils/getClampedFontSize.d.ts
|
|
293
304
|
declare const getClampedFontSize: (fontSize: string) => string;
|
|
294
|
-
|
|
305
|
+
//#endregion
|
|
306
|
+
//#region src/utils/getColor.d.ts
|
|
295
307
|
type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
|
|
296
308
|
declare const getColor: GetColor;
|
|
297
|
-
|
|
309
|
+
//#endregion
|
|
310
|
+
//#region src/utils/isRenderable.d.ts
|
|
298
311
|
declare const isRenderable: (node: ReactNode) => node is Exclude<ReactNode, boolean | null | undefined>;
|
|
299
|
-
|
|
312
|
+
//#endregion
|
|
313
|
+
//#region src/utils/mergeRefs.d.ts
|
|
300
314
|
declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => Ref<T>;
|
|
301
|
-
|
|
315
|
+
//#endregion
|
|
316
|
+
//#region src/utils/pxToRem.d.ts
|
|
302
317
|
declare const pxToRem: (px: number | string, base?: number) => string;
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
318
|
+
//#endregion
|
|
319
|
+
//#region src/utils/renderReactNodeArray.d.ts
|
|
320
|
+
declare const renderReactNodeArray: (items: ReactNode[], separator?: ReactNode) => ReactElement<unknown, string | _$react.JSXElementConstructor<any>>[] | null;
|
|
321
|
+
//#endregion
|
|
322
|
+
//#region src/utils/styled.d.ts
|
|
306
323
|
declare const styled: typeof emotionStyled;
|
|
307
|
-
|
|
324
|
+
//#endregion
|
|
325
|
+
//#region src/utils/useChooseColor.d.ts
|
|
308
326
|
type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
|
|
309
327
|
declare const useChooseColor: (colorScheme: ColorScheme) => ChooseColor;
|
|
310
|
-
|
|
328
|
+
//#endregion
|
|
329
|
+
//#region src/contexts/designSystem/useDesignSystem.d.ts
|
|
311
330
|
interface UseDesignSystemParam {
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
}
|
|
315
|
-
interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {
|
|
331
|
+
colorScheme?: ColorScheme | undefined;
|
|
332
|
+
mediaType?: MediaType | undefined;
|
|
316
333
|
}
|
|
334
|
+
interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {}
|
|
317
335
|
declare const useDesignSystem: (param?: UseDesignSystemParam, options?: UseDesignSystemOptions) => {
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
336
|
+
colorScheme: ColorScheme;
|
|
337
|
+
mediaType: MediaType;
|
|
338
|
+
chooseColor: ChooseColor;
|
|
321
339
|
};
|
|
322
|
-
|
|
340
|
+
//#endregion
|
|
341
|
+
//#region src/contexts/designSystem/types.d.ts
|
|
323
342
|
interface DesignSystemBaseProps {
|
|
324
|
-
|
|
325
|
-
|
|
343
|
+
colorScheme?: ColorScheme;
|
|
344
|
+
mediaType?: MediaType;
|
|
326
345
|
}
|
|
327
|
-
|
|
346
|
+
//#endregion
|
|
347
|
+
//#region src/contexts/fieldLabelStore.d.ts
|
|
328
348
|
interface FieldLabelStoreProviderProps {
|
|
329
|
-
|
|
349
|
+
children: ReactNode;
|
|
330
350
|
}
|
|
331
351
|
/**
|
|
332
352
|
* The purpose of this provider is to make labels passed to `FieldWrapper` accessible elsewhere,
|
|
@@ -334,1896 +354,2001 @@ interface FieldLabelStoreProviderProps {
|
|
|
334
354
|
*
|
|
335
355
|
* Field labels can be registered via the `useRegisterFieldLabel` hook, and consumed via the `useFieldLabels` hook.
|
|
336
356
|
**/
|
|
337
|
-
declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) =>
|
|
357
|
+
declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => _$react.JSX.Element;
|
|
338
358
|
declare const useFieldLabels: () => Record<string, ReactNode>;
|
|
339
359
|
declare const useRegisterFieldLabel: () => (name: string, label: ReactNode) => void;
|
|
340
|
-
|
|
360
|
+
//#endregion
|
|
361
|
+
//#region src/contexts/fieldConfig.d.ts
|
|
341
362
|
interface FieldConfig {
|
|
342
|
-
|
|
363
|
+
optionalLabelSuffix?: ReactNode;
|
|
343
364
|
}
|
|
344
365
|
interface FieldConfigProviderProps extends FieldConfig {
|
|
345
|
-
|
|
366
|
+
children: ReactNode;
|
|
346
367
|
}
|
|
347
368
|
/**
|
|
348
369
|
* Should only be used once in the root application wrapper.
|
|
349
370
|
*
|
|
350
371
|
* @deprecated Use `DesignSystemProvider` with the `messages` prop instead.
|
|
351
372
|
*/
|
|
352
|
-
declare const FieldConfigProvider: (props: FieldConfigProviderProps) =>
|
|
373
|
+
declare const FieldConfigProvider: (props: FieldConfigProviderProps) => _$react.JSX.Element;
|
|
353
374
|
declare const useFieldConfig: () => FieldConfig;
|
|
354
|
-
|
|
375
|
+
//#endregion
|
|
376
|
+
//#region src/contexts/designSystemMessages/DesignSystemMessagesProvider.d.ts
|
|
355
377
|
interface DesignSystemMessagesProviderProps {
|
|
356
|
-
|
|
357
|
-
|
|
378
|
+
children: ReactNode;
|
|
379
|
+
messages: DesignSystemPartialMessages;
|
|
358
380
|
}
|
|
359
|
-
declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) =>
|
|
360
|
-
|
|
381
|
+
declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => _$react.JSX.Element;
|
|
382
|
+
//#endregion
|
|
383
|
+
//#region src/contexts/designSystemMessages/useDesignSystemMessages.d.ts
|
|
361
384
|
declare const useDesignSystemMessages: () => DesignSystemFullMessages;
|
|
362
|
-
|
|
385
|
+
//#endregion
|
|
386
|
+
//#region src/contexts/designSystemPropDefaults/DesignSystemPropDefaultsProvider.d.ts
|
|
363
387
|
interface DesignSystemPropDefaultsProviderProps {
|
|
364
|
-
|
|
365
|
-
|
|
388
|
+
children: ReactNode;
|
|
389
|
+
defaults: DesignSystemPartialPropDefaults;
|
|
366
390
|
}
|
|
367
|
-
declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) =>
|
|
368
|
-
|
|
391
|
+
declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => _$react.JSX.Element;
|
|
392
|
+
//#endregion
|
|
393
|
+
//#region src/contexts/designSystemPropDefaults/useDesignSystemPropDefaults.d.ts
|
|
369
394
|
declare const useDesignSystemPropDefaults: () => DesignSystemFullPropDefaults;
|
|
370
|
-
|
|
395
|
+
//#endregion
|
|
396
|
+
//#region src/components/accordion/types.d.ts
|
|
371
397
|
interface AccordionItemType {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
398
|
+
closeActionAriaLabel?: string;
|
|
399
|
+
content: ReactNode;
|
|
400
|
+
description?: ReactNode;
|
|
401
|
+
icon?: ReactNode;
|
|
402
|
+
id: string;
|
|
403
|
+
isOpen?: boolean;
|
|
404
|
+
label: ReactNode;
|
|
405
|
+
onClick?: () => void;
|
|
406
|
+
openActionAriaLabel?: string;
|
|
381
407
|
}
|
|
382
408
|
declare enum AccordionVariant {
|
|
383
|
-
|
|
384
|
-
|
|
409
|
+
default = "default",
|
|
410
|
+
table = "table"
|
|
385
411
|
}
|
|
386
|
-
|
|
412
|
+
//#endregion
|
|
413
|
+
//#region src/components/accordion/Accordion.d.ts
|
|
387
414
|
interface AccordionProps extends DesignSystemBaseProps {
|
|
388
|
-
|
|
389
|
-
|
|
415
|
+
data: AccordionItemType[];
|
|
416
|
+
variant?: AccordionVariant;
|
|
390
417
|
}
|
|
391
|
-
declare const Accordion: (props: AccordionProps) =>
|
|
392
|
-
|
|
418
|
+
declare const Accordion: (props: AccordionProps) => _$react.JSX.Element;
|
|
419
|
+
//#endregion
|
|
420
|
+
//#region src/components/accordion/accordionItem/AccordionItem.d.ts
|
|
393
421
|
interface AccordionItemProps extends AccordionItemType, DesignSystemBaseProps {
|
|
394
|
-
|
|
422
|
+
variant: AccordionVariant;
|
|
395
423
|
}
|
|
396
|
-
declare const AccordionItem: (props: AccordionItemProps) =>
|
|
397
|
-
|
|
424
|
+
declare const AccordionItem: (props: AccordionItemProps) => _$react.JSX.Element;
|
|
425
|
+
//#endregion
|
|
426
|
+
//#region src/components/accordion/accordionContent/AccordionContent.d.ts
|
|
398
427
|
interface AccordionContentType extends DesignSystemBaseProps {
|
|
399
|
-
|
|
428
|
+
children: ReactNode;
|
|
400
429
|
}
|
|
401
|
-
declare const AccordionContent: (props: AccordionContentType) =>
|
|
402
|
-
|
|
430
|
+
declare const AccordionContent: (props: AccordionContentType) => _$react.JSX.Element;
|
|
431
|
+
//#endregion
|
|
432
|
+
//#region src/components/accordion/accordionKeyValue/AccordionKeyValue.d.ts
|
|
403
433
|
interface AccordionKeyValueProps extends DesignSystemBaseProps {
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
434
|
+
colorScheme?: ColorScheme;
|
|
435
|
+
label: ReactNode;
|
|
436
|
+
value: ReactNode;
|
|
407
437
|
}
|
|
408
|
-
declare const AccordionKeyValue: (props: AccordionKeyValueProps) =>
|
|
409
|
-
|
|
438
|
+
declare const AccordionKeyValue: (props: AccordionKeyValueProps) => _$react.JSX.Element;
|
|
439
|
+
//#endregion
|
|
440
|
+
//#region src/components/iconSystem/types.d.ts
|
|
410
441
|
declare enum IconSystemType {
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
442
|
+
arrowDown = "arrowDown",
|
|
443
|
+
arrowLeft = "arrowLeft",
|
|
444
|
+
arrowRight = "arrowRight",
|
|
445
|
+
arrowUp = "arrowUp",
|
|
446
|
+
arrowUpRight = "arrowUpRight",
|
|
447
|
+
bank = "bank",
|
|
448
|
+
calendar = "calendar",
|
|
449
|
+
checkmark = "checkmark",
|
|
450
|
+
chevronDown = "chevronDown",
|
|
451
|
+
chevronLeft = "chevronLeft",
|
|
452
|
+
chevronRight = "chevronRight",
|
|
453
|
+
chevronRightCircle = "chevronRightCircle",
|
|
454
|
+
chevronUp = "chevronUp",
|
|
455
|
+
clock = "clock",
|
|
456
|
+
close = "close",
|
|
457
|
+
closeCircle = "closeCircle",
|
|
458
|
+
crosshair = "crosshair",
|
|
459
|
+
download = "download",
|
|
460
|
+
event = "event",
|
|
461
|
+
eyeClosed = "eyeClosed",
|
|
462
|
+
eyeOpen = "eyeOpen",
|
|
463
|
+
fileText = "fileText",
|
|
464
|
+
logout = "logout",
|
|
465
|
+
mail = "mail",
|
|
466
|
+
map = "map",
|
|
467
|
+
menu = "menu",
|
|
468
|
+
minus = "minus",
|
|
469
|
+
pin = "pin",
|
|
470
|
+
plus = "plus",
|
|
471
|
+
plusCircle = "plusCircle",
|
|
472
|
+
refresh = "refresh",
|
|
473
|
+
search = "search",
|
|
474
|
+
share = "share",
|
|
475
|
+
spinner = "spinner",
|
|
476
|
+
trash = "trash",
|
|
477
|
+
unorderedList = "unorderedList",
|
|
478
|
+
uploadCloud = "uploadCloud"
|
|
448
479
|
}
|
|
449
480
|
declare enum IconSystemSize {
|
|
450
|
-
|
|
451
|
-
|
|
481
|
+
big = "big",
|
|
482
|
+
small = "small"
|
|
452
483
|
}
|
|
453
484
|
interface IconSystemSvgProps {
|
|
454
|
-
|
|
455
|
-
|
|
485
|
+
fill: string;
|
|
486
|
+
stroke: string;
|
|
456
487
|
}
|
|
457
|
-
|
|
488
|
+
//#endregion
|
|
489
|
+
//#region src/components/iconSystem/IconSystem.d.ts
|
|
458
490
|
interface IconSystemProps {
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
}
|
|
466
|
-
declare const IconSystem: (props: IconSystemProps) =>
|
|
467
|
-
|
|
491
|
+
ariaHidden?: boolean;
|
|
492
|
+
colorScheme?: ColorScheme;
|
|
493
|
+
fill?: string;
|
|
494
|
+
size: IconSystemSize;
|
|
495
|
+
stroke?: string;
|
|
496
|
+
type: IconSystemType;
|
|
497
|
+
}
|
|
498
|
+
declare const IconSystem: (props: IconSystemProps) => _$react.JSX.Element;
|
|
499
|
+
//#endregion
|
|
500
|
+
//#region src/components/button/types.d.ts
|
|
468
501
|
declare enum ButtonStyle {
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
502
|
+
primary = "primary",
|
|
503
|
+
secondary = "secondary",
|
|
504
|
+
tertiary = "tertiary",
|
|
505
|
+
link = "link"
|
|
473
506
|
}
|
|
474
507
|
declare enum ButtonSize {
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
508
|
+
xs = "xs",
|
|
509
|
+
sm = "sm",
|
|
510
|
+
md = "md",
|
|
511
|
+
xl = "xl",
|
|
512
|
+
xxl = "xxl"
|
|
480
513
|
}
|
|
481
514
|
declare enum ButtonType {
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
515
|
+
anchor = "anchor",
|
|
516
|
+
button = "button",
|
|
517
|
+
reset = "reset",
|
|
518
|
+
submit = "submit"
|
|
486
519
|
}
|
|
487
520
|
declare enum ButtonContentAlign {
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
521
|
+
center = "center",
|
|
522
|
+
left = "left",
|
|
523
|
+
right = "right"
|
|
491
524
|
}
|
|
492
|
-
|
|
525
|
+
//#endregion
|
|
526
|
+
//#region src/components/button/Button.d.ts
|
|
493
527
|
interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
}
|
|
533
|
-
declare const Button: (props: ButtonProps) =>
|
|
534
|
-
|
|
528
|
+
ariaDisabled?: boolean;
|
|
529
|
+
ariaLabel?: string;
|
|
530
|
+
as?: ElementType;
|
|
531
|
+
/**
|
|
532
|
+
* Whether the button is in a busy/loading state. Displays a spinner and `busyMessage` after `busyDelay` ms,
|
|
533
|
+
* and disables interaction immediately.
|
|
534
|
+
*
|
|
535
|
+
* Accessibility handled as per https://adrianroselli.com/2021/01/multi-function-button.html
|
|
536
|
+
*/
|
|
537
|
+
busy?: boolean;
|
|
538
|
+
busyDelay?: number;
|
|
539
|
+
busyMessage?: ReactNode;
|
|
540
|
+
buttonStyle: ButtonStyle;
|
|
541
|
+
children?: ReactNode;
|
|
542
|
+
className?: string;
|
|
543
|
+
/**
|
|
544
|
+
* Alignment of button content (children, icons, busy loader, ...).
|
|
545
|
+
* Only relevant when `fullWidth` is true.
|
|
546
|
+
* @default ButtonContentAlign.center
|
|
547
|
+
*/
|
|
548
|
+
contentAlign?: ButtonContentAlign;
|
|
549
|
+
disabled?: boolean;
|
|
550
|
+
download?: boolean | string;
|
|
551
|
+
fullWidth?: boolean;
|
|
552
|
+
href?: string;
|
|
553
|
+
htmlRef?: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
|
|
554
|
+
iconLeft?: ReactNode;
|
|
555
|
+
iconRight?: ReactNode;
|
|
556
|
+
iconSystemLeft?: IconSystemType;
|
|
557
|
+
iconSystemRight?: IconSystemType;
|
|
558
|
+
/** @deprecated Use `busy` instead. */
|
|
559
|
+
isLoading?: boolean;
|
|
560
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
|
|
561
|
+
rel?: string;
|
|
562
|
+
role?: AriaRole;
|
|
563
|
+
size?: ButtonSize;
|
|
564
|
+
target?: HTMLAttributeAnchorTarget;
|
|
565
|
+
type: ButtonType;
|
|
566
|
+
}
|
|
567
|
+
declare const Button: (props: ButtonProps) => _$react.JSX.Element;
|
|
568
|
+
//#endregion
|
|
569
|
+
//#region src/theme/spacing.d.ts
|
|
535
570
|
declare enum Spacing {
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
}
|
|
548
|
-
declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "
|
|
549
|
-
|
|
571
|
+
none = "none",
|
|
572
|
+
xxs = "xxs",
|
|
573
|
+
xs = "xs",
|
|
574
|
+
sm = "sm",
|
|
575
|
+
md = "md",
|
|
576
|
+
lg = "lg",
|
|
577
|
+
xl = "xl",
|
|
578
|
+
xxl = "xxl",
|
|
579
|
+
xxxl = "xxxl",
|
|
580
|
+
xxxxl = "xxxxl",
|
|
581
|
+
xxxxxl = "xxxxxl"
|
|
582
|
+
}
|
|
583
|
+
declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px" | "0";
|
|
584
|
+
//#endregion
|
|
585
|
+
//#region src/theme/whiteSpace.d.ts
|
|
550
586
|
declare enum WhiteSpace {
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
587
|
+
inherit = "inherit",
|
|
588
|
+
normal = "normal",
|
|
589
|
+
nowrap = "nowrap"
|
|
554
590
|
}
|
|
555
591
|
declare const resolveWhiteSpaceValue: (whiteSpace: WhiteSpace) => string;
|
|
556
|
-
|
|
592
|
+
//#endregion
|
|
593
|
+
//#region src/theme/fontWeight.d.ts
|
|
557
594
|
declare enum FontWeight {
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
}
|
|
569
|
-
declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 |
|
|
570
|
-
|
|
595
|
+
thin100 = "thin",
|
|
596
|
+
extraLight200 = "extraLight",
|
|
597
|
+
light300 = "light",
|
|
598
|
+
regular400 = "regular",
|
|
599
|
+
medium500 = "medium",
|
|
600
|
+
semiBold600 = "semiBold",
|
|
601
|
+
bold700 = "bold",
|
|
602
|
+
extraBold800 = "extraBold",
|
|
603
|
+
heavy900 = "heavy",
|
|
604
|
+
ultra950 = "ultra"
|
|
605
|
+
}
|
|
606
|
+
declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
|
|
607
|
+
//#endregion
|
|
608
|
+
//#region src/theme/theme.d.ts
|
|
571
609
|
declare const theme: {
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
610
|
+
readonly palette: {
|
|
611
|
+
readonly gold500: "#a58b4b";
|
|
612
|
+
readonly gold600: "#85703d";
|
|
613
|
+
readonly gold700: "#776437";
|
|
614
|
+
readonly gold800: "#62532d";
|
|
615
|
+
readonly pink100: "#fef6fc";
|
|
616
|
+
readonly pink200: "#fae0f5";
|
|
617
|
+
readonly pink300: "#f3b4e6";
|
|
618
|
+
readonly pink400: "#ec88d7";
|
|
619
|
+
readonly pink500: "#e55cc8";
|
|
620
|
+
readonly pink600: "#de31b9";
|
|
621
|
+
readonly pink700: "#bd1e9b";
|
|
622
|
+
readonly pink800: "#911777";
|
|
623
|
+
readonly pink900: "#651053";
|
|
624
|
+
readonly pink1000: "#39092f";
|
|
625
|
+
readonly grey100: "#fafcff";
|
|
626
|
+
readonly grey200: "#e4e7ec";
|
|
627
|
+
readonly grey300: "#c6ccd7";
|
|
628
|
+
readonly grey400: "#a8b2c2";
|
|
629
|
+
readonly grey500: "#8a97ad";
|
|
630
|
+
readonly grey600: "#6c7d98";
|
|
631
|
+
readonly grey700: "#56647b";
|
|
632
|
+
readonly grey800: "#414c5d";
|
|
633
|
+
readonly grey900: "#2c333f";
|
|
634
|
+
readonly grey1000: "#171b21";
|
|
635
|
+
readonly black: "#000000";
|
|
636
|
+
readonly white: "#ffffff";
|
|
637
|
+
readonly transparent: "rgba(255, 255, 255, 0.0000)";
|
|
638
|
+
readonly yellow100: "#fffcee";
|
|
639
|
+
readonly yellow200: "#fff9db";
|
|
640
|
+
readonly yellow300: "#fdf6d8";
|
|
641
|
+
readonly yellow400: "#fae9a3";
|
|
642
|
+
readonly yellow500: "#d7b45b";
|
|
643
|
+
readonly yellow600: "#b17902";
|
|
644
|
+
readonly yellow700: "#ab6802";
|
|
645
|
+
readonly yellow800: "#885202";
|
|
646
|
+
readonly yellow900: "#704300";
|
|
647
|
+
readonly yellow1000: "#3d2500";
|
|
648
|
+
readonly green100: "#f7fffb";
|
|
649
|
+
readonly green200: "#e9fff4";
|
|
650
|
+
readonly green300: "#def7e6";
|
|
651
|
+
readonly green400: "#99e5b3";
|
|
652
|
+
readonly green500: "#6cd07b";
|
|
653
|
+
readonly green600: "#2e9721";
|
|
654
|
+
readonly green700: "#258a19";
|
|
655
|
+
readonly green800: "#1c6c13";
|
|
656
|
+
readonly green900: "#1d5a16";
|
|
657
|
+
readonly green1000: "#10310c";
|
|
658
|
+
readonly red100: "#fff8f7";
|
|
659
|
+
readonly red200: "#ffebe9";
|
|
660
|
+
readonly red300: "#fbddda";
|
|
661
|
+
readonly red400: "#f5aea8";
|
|
662
|
+
readonly red500: "#eb827a";
|
|
663
|
+
readonly red600: "#dc3628";
|
|
664
|
+
readonly red700: "#ca2e21";
|
|
665
|
+
readonly red800: "#b92518";
|
|
666
|
+
readonly red900: "#a0271c";
|
|
667
|
+
readonly red1000: "#57150f";
|
|
668
|
+
readonly blue100: "#f0f5ff";
|
|
669
|
+
readonly blue200: "#d7e4ff";
|
|
670
|
+
readonly blue300: "#b3ccfe";
|
|
671
|
+
readonly blue400: "#81a9fe";
|
|
672
|
+
readonly blue500: "#4e86fe";
|
|
673
|
+
readonly blue600: "#1c65fd";
|
|
674
|
+
readonly blue700: "#024be3";
|
|
675
|
+
readonly blue800: "#023ab1";
|
|
676
|
+
readonly blue900: "#012a7e";
|
|
677
|
+
readonly blue1000: "#01194c";
|
|
678
|
+
};
|
|
679
|
+
readonly colors: {
|
|
680
|
+
readonly fg: {
|
|
681
|
+
readonly neutral: {
|
|
682
|
+
readonly default: {
|
|
683
|
+
readonly light: "#01194c";
|
|
684
|
+
readonly dark: "#ffffff";
|
|
685
|
+
};
|
|
686
|
+
readonly subtle: {
|
|
687
|
+
readonly light: "#56647b";
|
|
688
|
+
readonly dark: "#a8b2c2";
|
|
689
|
+
};
|
|
690
|
+
readonly subtlest: {
|
|
691
|
+
readonly light: "#6c7d98";
|
|
692
|
+
readonly dark: "#6c7d98";
|
|
693
|
+
};
|
|
694
|
+
};
|
|
695
|
+
readonly disabled: {
|
|
696
|
+
readonly light: "#8a97ad";
|
|
697
|
+
readonly dark: "#6c7d98";
|
|
698
|
+
};
|
|
699
|
+
readonly inverse: {
|
|
700
|
+
readonly light: "#ffffff";
|
|
701
|
+
readonly dark: "#171b21";
|
|
702
|
+
};
|
|
703
|
+
readonly link: {
|
|
704
|
+
readonly default: {
|
|
705
|
+
readonly light: "#1c65fd";
|
|
706
|
+
readonly dark: "#4e86fe";
|
|
707
|
+
};
|
|
708
|
+
readonly hover: {
|
|
709
|
+
readonly light: "#024be3";
|
|
710
|
+
readonly dark: "#81a9fe";
|
|
711
|
+
};
|
|
712
|
+
readonly pressed: {
|
|
713
|
+
readonly light: "#023ab1";
|
|
714
|
+
readonly dark: "#b3ccfe";
|
|
715
|
+
};
|
|
716
|
+
};
|
|
717
|
+
readonly success: {
|
|
718
|
+
readonly light: "#1c6c13";
|
|
719
|
+
readonly dark: "#99e5b3";
|
|
720
|
+
};
|
|
721
|
+
readonly warning: {
|
|
722
|
+
readonly light: "#b17902";
|
|
723
|
+
readonly dark: "#fae9a3";
|
|
724
|
+
};
|
|
725
|
+
readonly error: {
|
|
726
|
+
readonly light: "#ca2e21";
|
|
727
|
+
readonly dark: "#f5aea8";
|
|
728
|
+
};
|
|
729
|
+
readonly info: {
|
|
730
|
+
readonly light: "#1c65fd";
|
|
731
|
+
readonly dark: "#4e86fe";
|
|
732
|
+
};
|
|
733
|
+
readonly promo: {
|
|
734
|
+
readonly light: "#85703d";
|
|
735
|
+
readonly dark: "#a58b4b";
|
|
736
|
+
};
|
|
737
|
+
readonly brand: {
|
|
738
|
+
readonly default: {
|
|
739
|
+
readonly light: "#1c65fd";
|
|
740
|
+
readonly dark: "#1c65fd";
|
|
741
|
+
};
|
|
742
|
+
readonly bold: {
|
|
743
|
+
readonly light: "#024be3";
|
|
744
|
+
readonly dark: "#4e86fe";
|
|
745
|
+
};
|
|
746
|
+
};
|
|
747
|
+
readonly accent: {
|
|
748
|
+
readonly default: {
|
|
749
|
+
readonly light: "#de31b9";
|
|
750
|
+
readonly dark: "#de31b9";
|
|
751
|
+
};
|
|
752
|
+
readonly bold: {
|
|
753
|
+
readonly light: "#bd1e9b";
|
|
754
|
+
readonly dark: "#e55cc8";
|
|
755
|
+
};
|
|
756
|
+
};
|
|
640
757
|
};
|
|
641
|
-
readonly
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
};
|
|
683
|
-
readonly warning: {
|
|
684
|
-
readonly light: "#b17902";
|
|
685
|
-
readonly dark: "#fae9a3";
|
|
686
|
-
};
|
|
687
|
-
readonly error: {
|
|
688
|
-
readonly light: "#ca2e21";
|
|
689
|
-
readonly dark: "#f5aea8";
|
|
690
|
-
};
|
|
691
|
-
readonly info: {
|
|
692
|
-
readonly light: "#1c65fd";
|
|
693
|
-
readonly dark: "#4e86fe";
|
|
694
|
-
};
|
|
695
|
-
readonly promo: {
|
|
696
|
-
readonly light: "#85703d";
|
|
697
|
-
readonly dark: "#a58b4b";
|
|
698
|
-
};
|
|
699
|
-
readonly brand: {
|
|
700
|
-
readonly default: {
|
|
701
|
-
readonly light: "#1c65fd";
|
|
702
|
-
readonly dark: "#1c65fd";
|
|
703
|
-
};
|
|
704
|
-
readonly bold: {
|
|
705
|
-
readonly light: "#024be3";
|
|
706
|
-
readonly dark: "#4e86fe";
|
|
707
|
-
};
|
|
708
|
-
};
|
|
709
|
-
readonly accent: {
|
|
710
|
-
readonly default: {
|
|
711
|
-
readonly light: "#de31b9";
|
|
712
|
-
readonly dark: "#de31b9";
|
|
713
|
-
};
|
|
714
|
-
readonly bold: {
|
|
715
|
-
readonly light: "#bd1e9b";
|
|
716
|
-
readonly dark: "#e55cc8";
|
|
717
|
-
};
|
|
718
|
-
};
|
|
758
|
+
readonly bg: {
|
|
759
|
+
readonly neutral: {
|
|
760
|
+
readonly default: {
|
|
761
|
+
readonly light: "#a8b2c2";
|
|
762
|
+
readonly dark: "#56647b";
|
|
763
|
+
};
|
|
764
|
+
readonly subtle: {
|
|
765
|
+
readonly light: "#c6ccd7";
|
|
766
|
+
readonly dark: "#414c5d";
|
|
767
|
+
};
|
|
768
|
+
readonly subtlest: {
|
|
769
|
+
readonly light: "#e4e7ec";
|
|
770
|
+
readonly dark: "#171b21";
|
|
771
|
+
};
|
|
772
|
+
readonly white: {
|
|
773
|
+
readonly light: "#ffffff";
|
|
774
|
+
readonly dark: "#ffffff";
|
|
775
|
+
};
|
|
776
|
+
};
|
|
777
|
+
readonly disabled: {
|
|
778
|
+
readonly light: "#e4e7ec";
|
|
779
|
+
readonly dark: "#414c5d";
|
|
780
|
+
};
|
|
781
|
+
readonly promo: {
|
|
782
|
+
readonly default: {
|
|
783
|
+
readonly light: "#fbf9f4";
|
|
784
|
+
readonly dark: "#62532d";
|
|
785
|
+
};
|
|
786
|
+
readonly bold: {
|
|
787
|
+
readonly light: "#a58b4b";
|
|
788
|
+
readonly dark: "#a58b4b";
|
|
789
|
+
};
|
|
790
|
+
};
|
|
791
|
+
readonly error: {
|
|
792
|
+
readonly default: {
|
|
793
|
+
readonly light: "#fff8f7";
|
|
794
|
+
readonly dark: "#a0271c";
|
|
795
|
+
};
|
|
796
|
+
readonly bold: {
|
|
797
|
+
readonly light: "#dc3628";
|
|
798
|
+
readonly dark: "#f5aea8";
|
|
719
799
|
};
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
};
|
|
726
|
-
readonly subtle: {
|
|
727
|
-
readonly light: "#c6ccd7";
|
|
728
|
-
readonly dark: "#414c5d";
|
|
729
|
-
};
|
|
730
|
-
readonly subtlest: {
|
|
731
|
-
readonly light: "#e4e7ec";
|
|
732
|
-
readonly dark: "#171b21";
|
|
733
|
-
};
|
|
734
|
-
readonly white: {
|
|
735
|
-
readonly light: "#ffffff";
|
|
736
|
-
readonly dark: "#ffffff";
|
|
737
|
-
};
|
|
738
|
-
};
|
|
739
|
-
readonly disabled: {
|
|
740
|
-
readonly light: "#e4e7ec";
|
|
741
|
-
readonly dark: "#414c5d";
|
|
742
|
-
};
|
|
743
|
-
readonly promo: {
|
|
744
|
-
readonly default: {
|
|
745
|
-
readonly light: "#fbf9f4";
|
|
746
|
-
readonly dark: "#62532d";
|
|
747
|
-
};
|
|
748
|
-
readonly bold: {
|
|
749
|
-
readonly light: "#a58b4b";
|
|
750
|
-
readonly dark: "#a58b4b";
|
|
751
|
-
};
|
|
752
|
-
};
|
|
753
|
-
readonly error: {
|
|
754
|
-
readonly default: {
|
|
755
|
-
readonly light: "#fff8f7";
|
|
756
|
-
readonly dark: "#a0271c";
|
|
757
|
-
};
|
|
758
|
-
readonly bold: {
|
|
759
|
-
readonly light: "#dc3628";
|
|
760
|
-
readonly dark: "#f5aea8";
|
|
761
|
-
};
|
|
762
|
-
};
|
|
763
|
-
readonly warning: {
|
|
764
|
-
readonly default: {
|
|
765
|
-
readonly light: "#fff9db";
|
|
766
|
-
readonly dark: "#fffcee";
|
|
767
|
-
};
|
|
768
|
-
readonly bold: {
|
|
769
|
-
readonly light: "#fae9a3";
|
|
770
|
-
readonly dark: "#b17902";
|
|
771
|
-
};
|
|
772
|
-
};
|
|
773
|
-
readonly inverse: {
|
|
774
|
-
readonly light: "#171b21";
|
|
775
|
-
readonly dark: "#fafcff";
|
|
776
|
-
};
|
|
777
|
-
readonly success: {
|
|
778
|
-
readonly default: {
|
|
779
|
-
readonly light: "#e9fff4";
|
|
780
|
-
readonly dark: "#1d5a16";
|
|
781
|
-
};
|
|
782
|
-
readonly bold: {
|
|
783
|
-
readonly light: "#2e9721";
|
|
784
|
-
readonly dark: "#99e5b3";
|
|
785
|
-
};
|
|
786
|
-
};
|
|
787
|
-
readonly info: {
|
|
788
|
-
readonly default: {
|
|
789
|
-
readonly light: "#f0f5ff";
|
|
790
|
-
readonly dark: "#01194c";
|
|
791
|
-
};
|
|
792
|
-
readonly bold: {
|
|
793
|
-
readonly light: "#1c65fd";
|
|
794
|
-
readonly dark: "#4e86fe";
|
|
795
|
-
};
|
|
796
|
-
};
|
|
797
|
-
readonly accent: {
|
|
798
|
-
readonly light: "#fef6fc";
|
|
799
|
-
readonly dark: "#651053";
|
|
800
|
-
};
|
|
801
|
-
readonly brand: {
|
|
802
|
-
readonly default: {
|
|
803
|
-
readonly light: "#f0f5ff";
|
|
804
|
-
readonly dark: "#01194c";
|
|
805
|
-
readonly hover: {
|
|
806
|
-
readonly light: "#d7e4ff";
|
|
807
|
-
readonly dark: "#023ab1";
|
|
808
|
-
};
|
|
809
|
-
readonly pressed: {
|
|
810
|
-
readonly light: "#d7e4ff";
|
|
811
|
-
readonly dark: "#023ab1";
|
|
812
|
-
};
|
|
813
|
-
};
|
|
814
|
-
readonly bold: {
|
|
815
|
-
readonly light: "#1c65fd";
|
|
816
|
-
readonly dark: "#1c65fd";
|
|
817
|
-
readonly hover: {
|
|
818
|
-
readonly light: "#024be3";
|
|
819
|
-
readonly dark: "#024be3";
|
|
820
|
-
};
|
|
821
|
-
readonly pressed: {
|
|
822
|
-
readonly light: "#023ab1";
|
|
823
|
-
readonly dark: "#023ab1";
|
|
824
|
-
};
|
|
825
|
-
};
|
|
826
|
-
readonly semibold: {
|
|
827
|
-
readonly light: "#d7e4ff";
|
|
828
|
-
readonly dark: "#012a7e";
|
|
829
|
-
};
|
|
830
|
-
};
|
|
800
|
+
};
|
|
801
|
+
readonly warning: {
|
|
802
|
+
readonly default: {
|
|
803
|
+
readonly light: "#fff9db";
|
|
804
|
+
readonly dark: "#fffcee";
|
|
831
805
|
};
|
|
832
|
-
readonly
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
readonly dark: "rgba(23, 27, 33, .75)";
|
|
836
|
-
};
|
|
837
|
-
readonly risen: {
|
|
838
|
-
readonly light: "#ffffff";
|
|
839
|
-
readonly dark: "#2c333f";
|
|
840
|
-
};
|
|
841
|
-
readonly default: {
|
|
842
|
-
readonly light: "#fafcff";
|
|
843
|
-
readonly dark: "#171b21";
|
|
844
|
-
};
|
|
845
|
-
readonly sunken: {
|
|
846
|
-
readonly light: "#c6ccd7";
|
|
847
|
-
readonly dark: "#56647b";
|
|
848
|
-
};
|
|
806
|
+
readonly bold: {
|
|
807
|
+
readonly light: "#fae9a3";
|
|
808
|
+
readonly dark: "#b17902";
|
|
849
809
|
};
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
};
|
|
860
|
-
readonly subtlest: {
|
|
861
|
-
readonly light: "#e4e7ec";
|
|
862
|
-
readonly dark: "#56647b";
|
|
863
|
-
};
|
|
864
|
-
};
|
|
865
|
-
readonly disabled: {
|
|
866
|
-
readonly light: "#c6ccd7";
|
|
867
|
-
readonly dark: "#56647b";
|
|
868
|
-
};
|
|
869
|
-
readonly success: {
|
|
870
|
-
readonly light: "#2e9721";
|
|
871
|
-
readonly dark: "#2e9721";
|
|
872
|
-
};
|
|
873
|
-
readonly warning: {
|
|
874
|
-
readonly light: "#b17902";
|
|
875
|
-
readonly dark: "#b17902";
|
|
876
|
-
};
|
|
877
|
-
readonly error: {
|
|
878
|
-
readonly light: "#ca2e21";
|
|
879
|
-
readonly dark: "#dc3628";
|
|
880
|
-
};
|
|
881
|
-
readonly promo: {
|
|
882
|
-
readonly light: "#a58b4b";
|
|
883
|
-
readonly dark: "#a58b4b";
|
|
884
|
-
};
|
|
885
|
-
readonly brand: {
|
|
886
|
-
readonly bold: {
|
|
887
|
-
readonly light: "#024be3";
|
|
888
|
-
readonly dark: "#b3ccfe";
|
|
889
|
-
};
|
|
890
|
-
readonly default: {
|
|
891
|
-
readonly light: "#1c65fd";
|
|
892
|
-
readonly dark: "#1c65fd";
|
|
893
|
-
};
|
|
894
|
-
readonly subtle: {
|
|
895
|
-
readonly light: "#81a9fe";
|
|
896
|
-
readonly dark: "#1c65fd";
|
|
897
|
-
};
|
|
898
|
-
readonly subtlest: {
|
|
899
|
-
readonly light: "#d7e4ff";
|
|
900
|
-
readonly dark: "#023ab1";
|
|
901
|
-
};
|
|
902
|
-
};
|
|
903
|
-
readonly inverse: {
|
|
904
|
-
readonly light: "#fafcff";
|
|
905
|
-
readonly dark: "#2c333f";
|
|
906
|
-
};
|
|
907
|
-
readonly accent: {
|
|
908
|
-
readonly light: "#fae0f5";
|
|
909
|
-
readonly dark: "#911777";
|
|
910
|
-
};
|
|
810
|
+
};
|
|
811
|
+
readonly inverse: {
|
|
812
|
+
readonly light: "#171b21";
|
|
813
|
+
readonly dark: "#fafcff";
|
|
814
|
+
};
|
|
815
|
+
readonly success: {
|
|
816
|
+
readonly default: {
|
|
817
|
+
readonly light: "#e9fff4";
|
|
818
|
+
readonly dark: "#1d5a16";
|
|
911
819
|
};
|
|
912
|
-
readonly
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
readonly dark: "rgba(255, 255, 255, 0.0000)";
|
|
916
|
-
};
|
|
917
|
-
readonly brand: {
|
|
918
|
-
readonly light: "#1c65fd";
|
|
919
|
-
readonly dark: "#a8b2c2";
|
|
920
|
-
};
|
|
921
|
-
readonly neutral: {
|
|
922
|
-
readonly light: "#56647b";
|
|
923
|
-
readonly dark: "#a8b2c2";
|
|
924
|
-
};
|
|
925
|
-
readonly inverse: {
|
|
926
|
-
readonly light: "#ffffff";
|
|
927
|
-
readonly dark: "#000000";
|
|
928
|
-
};
|
|
929
|
-
readonly disabled: {
|
|
930
|
-
readonly light: "#c6ccd7";
|
|
931
|
-
readonly dark: "#ffffff";
|
|
932
|
-
};
|
|
933
|
-
readonly error: {
|
|
934
|
-
readonly light: "#dc3628";
|
|
935
|
-
readonly dark: "#dc3628";
|
|
936
|
-
};
|
|
820
|
+
readonly bold: {
|
|
821
|
+
readonly light: "#2e9721";
|
|
822
|
+
readonly dark: "#99e5b3";
|
|
937
823
|
};
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
824
|
+
};
|
|
825
|
+
readonly info: {
|
|
826
|
+
readonly default: {
|
|
827
|
+
readonly light: "#f0f5ff";
|
|
828
|
+
readonly dark: "#01194c";
|
|
942
829
|
};
|
|
943
|
-
readonly
|
|
830
|
+
readonly bold: {
|
|
831
|
+
readonly light: "#1c65fd";
|
|
832
|
+
readonly dark: "#4e86fe";
|
|
833
|
+
};
|
|
834
|
+
};
|
|
835
|
+
readonly accent: {
|
|
836
|
+
readonly light: "#fef6fc";
|
|
837
|
+
readonly dark: "#651053";
|
|
838
|
+
};
|
|
839
|
+
readonly brand: {
|
|
840
|
+
readonly default: {
|
|
841
|
+
readonly light: "#f0f5ff";
|
|
842
|
+
readonly dark: "#01194c";
|
|
843
|
+
readonly hover: {
|
|
844
|
+
readonly light: "#d7e4ff";
|
|
845
|
+
readonly dark: "#023ab1";
|
|
846
|
+
};
|
|
847
|
+
readonly pressed: {
|
|
848
|
+
readonly light: "#d7e4ff";
|
|
849
|
+
readonly dark: "#023ab1";
|
|
850
|
+
};
|
|
851
|
+
};
|
|
852
|
+
readonly bold: {
|
|
853
|
+
readonly light: "#1c65fd";
|
|
854
|
+
readonly dark: "#1c65fd";
|
|
855
|
+
readonly hover: {
|
|
944
856
|
readonly light: "#024be3";
|
|
945
|
-
readonly dark: "#
|
|
857
|
+
readonly dark: "#024be3";
|
|
858
|
+
};
|
|
859
|
+
readonly pressed: {
|
|
860
|
+
readonly light: "#023ab1";
|
|
861
|
+
readonly dark: "#023ab1";
|
|
862
|
+
};
|
|
863
|
+
};
|
|
864
|
+
readonly semibold: {
|
|
865
|
+
readonly light: "#d7e4ff";
|
|
866
|
+
readonly dark: "#012a7e";
|
|
946
867
|
};
|
|
868
|
+
};
|
|
947
869
|
};
|
|
948
|
-
readonly
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
};
|
|
972
|
-
readonly body: {
|
|
973
|
-
readonly xs: "0.75rem";
|
|
974
|
-
readonly sm: "0.875rem";
|
|
975
|
-
readonly md: "1rem";
|
|
976
|
-
readonly lg: "1.125rem";
|
|
977
|
-
};
|
|
870
|
+
readonly surface: {
|
|
871
|
+
readonly overlay: {
|
|
872
|
+
readonly light: "rgba(240, 245, 255, .75)";
|
|
873
|
+
readonly dark: "rgba(23, 27, 33, .75)";
|
|
874
|
+
};
|
|
875
|
+
readonly risen: {
|
|
876
|
+
readonly light: "#ffffff";
|
|
877
|
+
readonly dark: "#2c333f";
|
|
878
|
+
};
|
|
879
|
+
readonly default: {
|
|
880
|
+
readonly light: "#fafcff";
|
|
881
|
+
readonly dark: "#171b21";
|
|
882
|
+
};
|
|
883
|
+
readonly sunken: {
|
|
884
|
+
readonly light: "#c6ccd7";
|
|
885
|
+
readonly dark: "#56647b";
|
|
886
|
+
};
|
|
887
|
+
};
|
|
888
|
+
readonly border: {
|
|
889
|
+
readonly neutral: {
|
|
890
|
+
readonly default: {
|
|
891
|
+
readonly light: "#56647b";
|
|
892
|
+
readonly dark: "#c6ccd7";
|
|
978
893
|
};
|
|
979
|
-
readonly
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
readonly desktop: "4.375rem";
|
|
983
|
-
readonly mobile: "2.5rem";
|
|
984
|
-
};
|
|
985
|
-
readonly h2: {
|
|
986
|
-
readonly desktop: "3.375rem";
|
|
987
|
-
readonly mobile: "2.5rem";
|
|
988
|
-
};
|
|
989
|
-
readonly h3: {
|
|
990
|
-
readonly desktop: "2.5rem";
|
|
991
|
-
readonly mobile: "2rem";
|
|
992
|
-
};
|
|
993
|
-
readonly h4: {
|
|
994
|
-
readonly desktop: "2rem";
|
|
995
|
-
readonly mobile: "1.5rem";
|
|
996
|
-
};
|
|
997
|
-
readonly h5: {
|
|
998
|
-
readonly desktop: "1.5rem";
|
|
999
|
-
readonly mobile: "1.5rem";
|
|
1000
|
-
};
|
|
1001
|
-
};
|
|
1002
|
-
readonly body: {
|
|
1003
|
-
readonly lg: "1.75rem";
|
|
1004
|
-
readonly md: "1.5rem";
|
|
1005
|
-
readonly sm: "1.25rem";
|
|
1006
|
-
readonly xs: "1rem";
|
|
1007
|
-
};
|
|
894
|
+
readonly subtle: {
|
|
895
|
+
readonly light: "#a8b2c2";
|
|
896
|
+
readonly dark: "#6c7d98";
|
|
1008
897
|
};
|
|
1009
|
-
readonly
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
readonly light: 300;
|
|
1013
|
-
readonly regular: 400;
|
|
1014
|
-
readonly medium: 500;
|
|
1015
|
-
readonly semiBold: 600;
|
|
1016
|
-
readonly bold: 700;
|
|
1017
|
-
readonly extraBold: 800;
|
|
1018
|
-
readonly heavy: 900;
|
|
1019
|
-
readonly ultra: 950;
|
|
898
|
+
readonly subtlest: {
|
|
899
|
+
readonly light: "#e4e7ec";
|
|
900
|
+
readonly dark: "#56647b";
|
|
1020
901
|
};
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
readonly md: "0";
|
|
1047
|
-
readonly sm: "-0.2px";
|
|
1048
|
-
readonly xs: "-0.2px";
|
|
1049
|
-
};
|
|
902
|
+
};
|
|
903
|
+
readonly disabled: {
|
|
904
|
+
readonly light: "#c6ccd7";
|
|
905
|
+
readonly dark: "#56647b";
|
|
906
|
+
};
|
|
907
|
+
readonly success: {
|
|
908
|
+
readonly light: "#2e9721";
|
|
909
|
+
readonly dark: "#2e9721";
|
|
910
|
+
};
|
|
911
|
+
readonly warning: {
|
|
912
|
+
readonly light: "#b17902";
|
|
913
|
+
readonly dark: "#b17902";
|
|
914
|
+
};
|
|
915
|
+
readonly error: {
|
|
916
|
+
readonly light: "#ca2e21";
|
|
917
|
+
readonly dark: "#dc3628";
|
|
918
|
+
};
|
|
919
|
+
readonly promo: {
|
|
920
|
+
readonly light: "#a58b4b";
|
|
921
|
+
readonly dark: "#a58b4b";
|
|
922
|
+
};
|
|
923
|
+
readonly brand: {
|
|
924
|
+
readonly bold: {
|
|
925
|
+
readonly light: "#024be3";
|
|
926
|
+
readonly dark: "#b3ccfe";
|
|
1050
927
|
};
|
|
1051
|
-
readonly
|
|
1052
|
-
|
|
1053
|
-
|
|
928
|
+
readonly default: {
|
|
929
|
+
readonly light: "#1c65fd";
|
|
930
|
+
readonly dark: "#1c65fd";
|
|
1054
931
|
};
|
|
932
|
+
readonly subtle: {
|
|
933
|
+
readonly light: "#81a9fe";
|
|
934
|
+
readonly dark: "#1c65fd";
|
|
935
|
+
};
|
|
936
|
+
readonly subtlest: {
|
|
937
|
+
readonly light: "#d7e4ff";
|
|
938
|
+
readonly dark: "#023ab1";
|
|
939
|
+
};
|
|
940
|
+
};
|
|
941
|
+
readonly inverse: {
|
|
942
|
+
readonly light: "#fafcff";
|
|
943
|
+
readonly dark: "#2c333f";
|
|
944
|
+
};
|
|
945
|
+
readonly accent: {
|
|
946
|
+
readonly light: "#fae0f5";
|
|
947
|
+
readonly dark: "#911777";
|
|
948
|
+
};
|
|
1055
949
|
};
|
|
1056
|
-
readonly
|
|
1057
|
-
|
|
1058
|
-
readonly
|
|
1059
|
-
readonly
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
readonly
|
|
1063
|
-
readonly
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
readonly
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
readonly
|
|
1071
|
-
readonly
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
readonly
|
|
1075
|
-
readonly
|
|
950
|
+
readonly icon: {
|
|
951
|
+
readonly bg: {
|
|
952
|
+
readonly light: "#ffffff";
|
|
953
|
+
readonly dark: "rgba(255, 255, 255, 0.0000)";
|
|
954
|
+
};
|
|
955
|
+
readonly brand: {
|
|
956
|
+
readonly light: "#1c65fd";
|
|
957
|
+
readonly dark: "#a8b2c2";
|
|
958
|
+
};
|
|
959
|
+
readonly neutral: {
|
|
960
|
+
readonly light: "#56647b";
|
|
961
|
+
readonly dark: "#a8b2c2";
|
|
962
|
+
};
|
|
963
|
+
readonly inverse: {
|
|
964
|
+
readonly light: "#ffffff";
|
|
965
|
+
readonly dark: "#000000";
|
|
966
|
+
};
|
|
967
|
+
readonly disabled: {
|
|
968
|
+
readonly light: "#c6ccd7";
|
|
969
|
+
readonly dark: "#ffffff";
|
|
970
|
+
};
|
|
971
|
+
readonly error: {
|
|
972
|
+
readonly light: "#dc3628";
|
|
973
|
+
readonly dark: "#dc3628";
|
|
974
|
+
};
|
|
1076
975
|
};
|
|
1077
976
|
readonly shadow: {
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
977
|
+
readonly cards: "0px 1px 40px 0px rgba(0, 0, 0, 0.05)";
|
|
978
|
+
readonly ultraStrongBlueLg: "0px 4px 25px 0px rgba(28, 101, 253, 0.08), 0px 4px 4px 0px rgba(28, 101, 253, 0.04)";
|
|
979
|
+
readonly strongBlueMd: "0px 4px 4px 0px rgba(28, 101, 253, 0.02), 0px 4px 25px 0px rgba(28, 101, 253, 0.06)";
|
|
980
|
+
};
|
|
981
|
+
readonly focus: {
|
|
982
|
+
readonly light: "#024be3";
|
|
983
|
+
readonly dark: "#b3ccfe";
|
|
984
|
+
};
|
|
985
|
+
};
|
|
986
|
+
readonly font: {
|
|
987
|
+
readonly size: {
|
|
988
|
+
readonly heading: {
|
|
989
|
+
readonly h1: {
|
|
990
|
+
readonly desktop: "4rem";
|
|
991
|
+
readonly mobile: "2rem";
|
|
1083
992
|
};
|
|
1084
|
-
readonly
|
|
1085
|
-
|
|
993
|
+
readonly h2: {
|
|
994
|
+
readonly desktop: "2.625rem";
|
|
995
|
+
readonly mobile: "2rem";
|
|
1086
996
|
};
|
|
997
|
+
readonly h3: {
|
|
998
|
+
readonly desktop: "2rem";
|
|
999
|
+
readonly mobile: "1.5rem";
|
|
1000
|
+
};
|
|
1001
|
+
readonly h4: {
|
|
1002
|
+
readonly desktop: "1.5rem";
|
|
1003
|
+
readonly mobile: "1.125rem";
|
|
1004
|
+
};
|
|
1005
|
+
readonly h5: {
|
|
1006
|
+
readonly desktop: "1.125rem";
|
|
1007
|
+
readonly mobile: "1.125rem";
|
|
1008
|
+
};
|
|
1009
|
+
};
|
|
1010
|
+
readonly body: {
|
|
1011
|
+
readonly xs: "0.75rem";
|
|
1012
|
+
readonly sm: "0.875rem";
|
|
1013
|
+
readonly md: "1rem";
|
|
1014
|
+
readonly lg: "1.125rem";
|
|
1015
|
+
};
|
|
1087
1016
|
};
|
|
1088
|
-
readonly
|
|
1089
|
-
|
|
1017
|
+
readonly lineHeight: {
|
|
1018
|
+
readonly heading: {
|
|
1019
|
+
readonly h1: {
|
|
1020
|
+
readonly desktop: "4.375rem";
|
|
1021
|
+
readonly mobile: "2.5rem";
|
|
1022
|
+
};
|
|
1023
|
+
readonly h2: {
|
|
1024
|
+
readonly desktop: "3.375rem";
|
|
1025
|
+
readonly mobile: "2.5rem";
|
|
1026
|
+
};
|
|
1027
|
+
readonly h3: {
|
|
1028
|
+
readonly desktop: "2.5rem";
|
|
1029
|
+
readonly mobile: "2rem";
|
|
1030
|
+
};
|
|
1031
|
+
readonly h4: {
|
|
1032
|
+
readonly desktop: "2rem";
|
|
1033
|
+
readonly mobile: "1.5rem";
|
|
1034
|
+
};
|
|
1035
|
+
readonly h5: {
|
|
1036
|
+
readonly desktop: "1.5rem";
|
|
1037
|
+
readonly mobile: "1.5rem";
|
|
1038
|
+
};
|
|
1039
|
+
};
|
|
1040
|
+
readonly body: {
|
|
1041
|
+
readonly lg: "1.75rem";
|
|
1042
|
+
readonly md: "1.5rem";
|
|
1043
|
+
readonly sm: "1.25rem";
|
|
1044
|
+
readonly xs: "1rem";
|
|
1045
|
+
};
|
|
1090
1046
|
};
|
|
1091
|
-
readonly
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1047
|
+
readonly weight: {
|
|
1048
|
+
readonly thin: 100;
|
|
1049
|
+
readonly extraLight: 200;
|
|
1050
|
+
readonly light: 300;
|
|
1051
|
+
readonly regular: 400;
|
|
1052
|
+
readonly medium: 500;
|
|
1053
|
+
readonly semiBold: 600;
|
|
1054
|
+
readonly bold: 700;
|
|
1055
|
+
readonly extraBold: 800;
|
|
1056
|
+
readonly heavy: 900;
|
|
1057
|
+
readonly ultra: 950;
|
|
1098
1058
|
};
|
|
1099
|
-
readonly
|
|
1100
|
-
|
|
1101
|
-
readonly
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
readonly
|
|
1106
|
-
|
|
1107
|
-
|
|
1059
|
+
readonly letterSpacing: {
|
|
1060
|
+
readonly heading: {
|
|
1061
|
+
readonly h1: {
|
|
1062
|
+
readonly desktop: "-1.28px";
|
|
1063
|
+
readonly mobile: "-1px";
|
|
1064
|
+
};
|
|
1065
|
+
readonly h2: {
|
|
1066
|
+
readonly desktop: "-1px";
|
|
1067
|
+
readonly mobile: "-1px";
|
|
1068
|
+
};
|
|
1069
|
+
readonly h3: {
|
|
1070
|
+
readonly desktop: "-1px";
|
|
1071
|
+
readonly mobile: "0";
|
|
1072
|
+
};
|
|
1073
|
+
readonly h4: {
|
|
1074
|
+
readonly desktop: "0";
|
|
1075
|
+
readonly mobile: "0";
|
|
1076
|
+
};
|
|
1077
|
+
readonly h5: {
|
|
1078
|
+
readonly desktop: "0";
|
|
1079
|
+
readonly mobile: "0";
|
|
1080
|
+
};
|
|
1081
|
+
};
|
|
1082
|
+
readonly body: {
|
|
1083
|
+
readonly lg: "0";
|
|
1084
|
+
readonly md: "0";
|
|
1085
|
+
readonly sm: "-0.2px";
|
|
1086
|
+
readonly xs: "-0.2px";
|
|
1087
|
+
};
|
|
1108
1088
|
};
|
|
1089
|
+
readonly family: {
|
|
1090
|
+
readonly main: "Inter, sans-serif";
|
|
1091
|
+
readonly heading: "'Plus Jakarta Sans', sans-serif";
|
|
1092
|
+
};
|
|
1093
|
+
};
|
|
1094
|
+
readonly spacing: {
|
|
1095
|
+
readonly xxs: "4px";
|
|
1096
|
+
readonly xs: "8px";
|
|
1097
|
+
readonly sm: "12px";
|
|
1098
|
+
readonly md: "16px";
|
|
1099
|
+
readonly lg: "24px";
|
|
1100
|
+
readonly xl: "32px";
|
|
1101
|
+
readonly xxl: "40px";
|
|
1102
|
+
readonly xxxl: "48px";
|
|
1103
|
+
readonly xxxxl: "56px";
|
|
1104
|
+
readonly xxxxxl: "64px";
|
|
1105
|
+
};
|
|
1106
|
+
readonly borderRadius: {
|
|
1107
|
+
readonly xxs: "4px";
|
|
1108
|
+
readonly xs: "8px";
|
|
1109
|
+
readonly sm: "12px";
|
|
1110
|
+
readonly md: "16px";
|
|
1111
|
+
readonly lg: "24px";
|
|
1112
|
+
readonly xl: "32px";
|
|
1113
|
+
readonly full: "9999px";
|
|
1114
|
+
};
|
|
1115
|
+
readonly shadow: {
|
|
1116
|
+
readonly box: {
|
|
1117
|
+
readonly sm: "0px 0px 8px 0px rgba(28, 101, 253, 0.06), 0px 1px 1px 0px rgba(28, 101, 253, 0.02)";
|
|
1118
|
+
readonly md: "0px 4px 25px 0px rgba(28, 101, 253, 0.06), 0px 4px 4px 0px rgba(28, 101, 253, 0.02)";
|
|
1119
|
+
readonly lg: "0px 4px 25px 0px rgba(28, 101, 253, 0.08), 0px 4px 4px 0px rgba(28, 101, 253, 0.04)";
|
|
1120
|
+
readonly xl: "-23px 132px 38px 0px rgba(28, 101, 253, 0.00), -15px 84px 34px 0px rgba(28, 101, 253, 0.01), -8px 48px 29px 0px rgba(28, 101, 253, 0.05), -4px 21px 21px 0px rgba(28, 101, 253, 0.09), -1px 5px 12px 0px rgba(28, 101, 253, 0.10)";
|
|
1121
|
+
};
|
|
1122
|
+
readonly border: {
|
|
1123
|
+
readonly sm: "0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10)";
|
|
1124
|
+
};
|
|
1125
|
+
};
|
|
1126
|
+
readonly container: {
|
|
1127
|
+
readonly xl: "1200px";
|
|
1128
|
+
};
|
|
1129
|
+
readonly breakpoints: {
|
|
1130
|
+
readonly xs: "375px";
|
|
1131
|
+
readonly sm: "576px";
|
|
1132
|
+
readonly md: "768px";
|
|
1133
|
+
readonly lg: "992px";
|
|
1134
|
+
readonly xl: "1280px";
|
|
1135
|
+
readonly xxl: "1920px";
|
|
1136
|
+
};
|
|
1137
|
+
readonly zIndex: {
|
|
1138
|
+
readonly dropdown: 1000;
|
|
1139
|
+
readonly sticky: 1020;
|
|
1140
|
+
readonly fixed: 1030;
|
|
1141
|
+
readonly modalBackdrop: 1040;
|
|
1142
|
+
readonly offcanvas: 1050;
|
|
1143
|
+
readonly modal: 1060;
|
|
1144
|
+
readonly popover: 1070;
|
|
1145
|
+
readonly tooltip: 1080;
|
|
1146
|
+
};
|
|
1109
1147
|
};
|
|
1110
1148
|
type Theme = typeof theme;
|
|
1111
|
-
|
|
1149
|
+
//#endregion
|
|
1150
|
+
//#region src/theme/overflow.d.ts
|
|
1112
1151
|
declare enum Overflow {
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1152
|
+
auto = "auto",
|
|
1153
|
+
clip = "clip",
|
|
1154
|
+
hidden = "hidden",
|
|
1155
|
+
inherit = "inherit",
|
|
1156
|
+
visible = "visible"
|
|
1118
1157
|
}
|
|
1119
1158
|
declare const resolveOverflowValue: (overflow: Overflow) => string;
|
|
1120
|
-
|
|
1159
|
+
//#endregion
|
|
1160
|
+
//#region src/theme/borderRadius.d.ts
|
|
1121
1161
|
declare enum BorderRadius {
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
}
|
|
1131
|
-
declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "
|
|
1132
|
-
|
|
1162
|
+
none = "none",
|
|
1163
|
+
xxs = "xxs",
|
|
1164
|
+
xs = "xs",
|
|
1165
|
+
sm = "sm",
|
|
1166
|
+
md = "md",
|
|
1167
|
+
lg = "lg",
|
|
1168
|
+
xl = "xl",
|
|
1169
|
+
full = "full"
|
|
1170
|
+
}
|
|
1171
|
+
declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px" | "0";
|
|
1172
|
+
//#endregion
|
|
1173
|
+
//#region src/theme/flexWrap.d.ts
|
|
1133
1174
|
declare enum FlexWrap {
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1175
|
+
noWrap = "noWrap",
|
|
1176
|
+
wrap = "wrap",
|
|
1177
|
+
wrapReverse = "wrapReverse"
|
|
1137
1178
|
}
|
|
1138
1179
|
declare const resolveFlexWrapValue: (flexWrap: FlexWrap) => string;
|
|
1139
|
-
|
|
1180
|
+
//#endregion
|
|
1181
|
+
//#region src/theme/textDecoration.d.ts
|
|
1140
1182
|
declare enum TextDecoration {
|
|
1141
|
-
|
|
1142
|
-
|
|
1183
|
+
noneImportant = "noneImportant",
|
|
1184
|
+
underline = "underline"
|
|
1143
1185
|
}
|
|
1144
|
-
declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "
|
|
1145
|
-
declare const getTextDecorationStyle: (textDecoration?: TextDecoration) =>
|
|
1146
|
-
|
|
1186
|
+
declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "underline" | "none !important";
|
|
1187
|
+
declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => _$_emotion_react0.SerializedStyles | "";
|
|
1188
|
+
//#endregion
|
|
1189
|
+
//#region src/components/buttonsLayout/types.d.ts
|
|
1147
1190
|
declare enum ButtonsLayoutAlign {
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1191
|
+
center = "center",
|
|
1192
|
+
end = "end",
|
|
1193
|
+
spaceBetween = "spaceBetween",
|
|
1194
|
+
start = "start",
|
|
1195
|
+
stretch = "stretch"
|
|
1153
1196
|
}
|
|
1154
1197
|
declare enum ButtonsLayoutDirection {
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1198
|
+
column = "column",
|
|
1199
|
+
columnReverse = "columnReverse",
|
|
1200
|
+
row = "row",
|
|
1201
|
+
rowReverse = "rowReverse"
|
|
1159
1202
|
}
|
|
1160
|
-
|
|
1203
|
+
//#endregion
|
|
1204
|
+
//#region src/components/buttonsLayout/ButtonsLayout.d.ts
|
|
1161
1205
|
interface ButtonsLayoutProps extends SsrProps {
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
}
|
|
1168
|
-
declare const ButtonsLayout: (props: ButtonsLayoutProps) =>
|
|
1169
|
-
|
|
1206
|
+
align: ButtonsLayoutAlign;
|
|
1207
|
+
buttons: ReactNode[];
|
|
1208
|
+
direction: ButtonsLayoutDirection;
|
|
1209
|
+
gap?: Spacing;
|
|
1210
|
+
wrap?: FlexWrap;
|
|
1211
|
+
}
|
|
1212
|
+
declare const ButtonsLayout: (props: ButtonsLayoutProps) => _$react.JSX.Element;
|
|
1213
|
+
//#endregion
|
|
1214
|
+
//#region src/components/calculatorResult/types.d.ts
|
|
1170
1215
|
interface CalculatorResultHeader {
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1216
|
+
bottom?: ReactElement | string | undefined;
|
|
1217
|
+
main?: ReactElement | string | undefined;
|
|
1218
|
+
top?: ReactElement | string | undefined;
|
|
1219
|
+
/** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
|
|
1220
|
+
topHiddenText?: string;
|
|
1221
|
+
topTooltip?: TooltipInfoDescriptor;
|
|
1177
1222
|
}
|
|
1178
1223
|
interface CalculatorResultBodyItem {
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
};
|
|
1224
|
+
left: {
|
|
1225
|
+
element: ReactElement | string; /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
|
|
1226
|
+
hiddenText?: string;
|
|
1227
|
+
tooltip?: TooltipInfoDescriptor;
|
|
1228
|
+
};
|
|
1229
|
+
right: {
|
|
1230
|
+
element: ReactElement | string;
|
|
1231
|
+
};
|
|
1188
1232
|
}
|
|
1189
1233
|
interface CalculatorResultMain {
|
|
1190
|
-
|
|
1191
|
-
|
|
1234
|
+
element: ReactElement | string;
|
|
1235
|
+
topSeparator?: boolean;
|
|
1192
1236
|
}
|
|
1193
1237
|
interface CalculatorResultModalDescriptor {
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1238
|
+
content: ReactElement | string;
|
|
1239
|
+
modalCloseButtonAriaLabel?: string;
|
|
1240
|
+
triggerText: ReactElement | string;
|
|
1197
1241
|
}
|
|
1198
1242
|
declare enum CalculatorResultInfoPosition {
|
|
1199
|
-
|
|
1200
|
-
|
|
1243
|
+
inBox = "inBox",
|
|
1244
|
+
underBox = "underBox"
|
|
1201
1245
|
}
|
|
1202
|
-
|
|
1246
|
+
//#endregion
|
|
1247
|
+
//#region src/components/calculatorResult/CalculatorResult.d.ts
|
|
1203
1248
|
interface CalculatorResultProps extends DesignSystemBaseProps {
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
}
|
|
1213
|
-
declare const CalculatorResult: (props: CalculatorResultProps) =>
|
|
1214
|
-
|
|
1249
|
+
bodyItems: CalculatorResultBodyItem[];
|
|
1250
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
1251
|
+
description?: ReactElement | string;
|
|
1252
|
+
header: CalculatorResultHeader;
|
|
1253
|
+
infoPosition?: CalculatorResultInfoPosition;
|
|
1254
|
+
main: CalculatorResultMain;
|
|
1255
|
+
modal?: CalculatorResultModalDescriptor;
|
|
1256
|
+
resultBoxRef?: RefObject<HTMLDivElement | null>;
|
|
1257
|
+
}
|
|
1258
|
+
declare const CalculatorResult: (props: CalculatorResultProps) => _$react.JSX.Element;
|
|
1259
|
+
//#endregion
|
|
1260
|
+
//#region src/components/checkboxField/checkboxControl/CheckboxControl.d.ts
|
|
1215
1261
|
interface CheckboxControlProps {
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
}
|
|
1229
|
-
declare const CheckboxControl: (props: CheckboxControlProps) =>
|
|
1230
|
-
|
|
1262
|
+
ariaLabel?: string;
|
|
1263
|
+
checked?: boolean;
|
|
1264
|
+
colorScheme?: ColorScheme;
|
|
1265
|
+
disabled?: boolean;
|
|
1266
|
+
focused?: boolean;
|
|
1267
|
+
id?: string;
|
|
1268
|
+
invalid?: boolean;
|
|
1269
|
+
name: string;
|
|
1270
|
+
onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
1271
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
1272
|
+
ref?: Ref<HTMLInputElement>;
|
|
1273
|
+
value?: string;
|
|
1274
|
+
}
|
|
1275
|
+
declare const CheckboxControl: (props: CheckboxControlProps) => _$react.JSX.Element;
|
|
1276
|
+
//#endregion
|
|
1277
|
+
//#region src/components/checkboxField/types.d.ts
|
|
1231
1278
|
declare enum CheckboxPosition {
|
|
1232
|
-
|
|
1233
|
-
|
|
1279
|
+
left = "left",
|
|
1280
|
+
right = "right"
|
|
1234
1281
|
}
|
|
1235
|
-
|
|
1282
|
+
//#endregion
|
|
1283
|
+
//#region src/components/checkboxField/checkbox/Checkbox.d.ts
|
|
1236
1284
|
interface CheckboxProps extends CheckboxControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
}
|
|
1242
|
-
declare const Checkbox: (props: CheckboxProps) =>
|
|
1243
|
-
|
|
1285
|
+
errorMessage?: ReactNode;
|
|
1286
|
+
labelColor?: string;
|
|
1287
|
+
position?: CheckboxPosition;
|
|
1288
|
+
tooltipPosition?: LabelTooltipPosition;
|
|
1289
|
+
}
|
|
1290
|
+
declare const Checkbox: (props: CheckboxProps) => _$react.JSX.Element;
|
|
1291
|
+
//#endregion
|
|
1292
|
+
//#region src/components/checkboxField/CheckboxField.d.ts
|
|
1244
1293
|
interface CheckboxFieldProps extends Omit<CheckboxProps, 'onChange' | 'value'> {
|
|
1245
|
-
|
|
1294
|
+
options?: RegisterOptions;
|
|
1246
1295
|
}
|
|
1247
|
-
declare const CheckboxField: (props: CheckboxFieldProps) =>
|
|
1248
|
-
|
|
1296
|
+
declare const CheckboxField: (props: CheckboxFieldProps) => _$react.JSX.Element;
|
|
1297
|
+
//#endregion
|
|
1298
|
+
//#region src/components/iconProduct/types.d.ts
|
|
1249
1299
|
declare enum IconProductType {
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1300
|
+
atm = "atm",
|
|
1301
|
+
bank = "bank",
|
|
1302
|
+
bill = "bill",
|
|
1303
|
+
billingPayment = "billingPayment",
|
|
1304
|
+
check = "check",
|
|
1305
|
+
coinsStack = "coinsStack",
|
|
1306
|
+
creditCard = "creditCard",
|
|
1307
|
+
diceQuestion = "diceQuestion",
|
|
1308
|
+
graphBarIncrease = "graphBarIncrease",
|
|
1309
|
+
graphIncrease = "graphIncrease",
|
|
1310
|
+
helpChat = "helpChat",
|
|
1311
|
+
houseRefresh = "houseRefresh",
|
|
1312
|
+
information = "information",
|
|
1313
|
+
loginPassword = "loginPassword",
|
|
1314
|
+
mailCheck = "mailCheck",
|
|
1315
|
+
mobilePhone = "mobilePhone",
|
|
1316
|
+
moneta = "moneta",
|
|
1317
|
+
moneyBag = "moneyBag",
|
|
1318
|
+
openUmbrella = "openUmbrella",
|
|
1319
|
+
passwordLock = "passwordLock",
|
|
1320
|
+
people = "people",
|
|
1321
|
+
piggyBank = "piggyBank",
|
|
1322
|
+
propertiesMortgage = "propertiesMortgage",
|
|
1323
|
+
reward = "reward",
|
|
1324
|
+
shieldCheck = "shieldCheck",
|
|
1325
|
+
suitcase = "suitcase",
|
|
1326
|
+
user = "user",
|
|
1327
|
+
userAddPlus = "userAddPlus",
|
|
1328
|
+
wallet = "wallet",
|
|
1329
|
+
warningCircle = "warningCircle",
|
|
1330
|
+
warningTriangle = "warningTriangle"
|
|
1281
1331
|
}
|
|
1282
1332
|
declare enum IconProductSize {
|
|
1283
|
-
|
|
1284
|
-
|
|
1333
|
+
big = "big",
|
|
1334
|
+
small = "small"
|
|
1285
1335
|
}
|
|
1286
1336
|
declare enum IconProductVariant {
|
|
1287
|
-
|
|
1288
|
-
|
|
1337
|
+
active = "active",
|
|
1338
|
+
default = "default"
|
|
1289
1339
|
}
|
|
1290
1340
|
declare enum IconProductHighlightType {
|
|
1291
|
-
|
|
1292
|
-
|
|
1341
|
+
default = "default",
|
|
1342
|
+
defaultInverse = "defaultInverse"
|
|
1293
1343
|
}
|
|
1294
|
-
|
|
1344
|
+
//#endregion
|
|
1345
|
+
//#region src/components/iconProduct/IconProduct.d.ts
|
|
1295
1346
|
interface IconProductProps {
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
}
|
|
1304
|
-
declare const IconProduct: (props: IconProductProps) =>
|
|
1305
|
-
|
|
1347
|
+
colorScheme?: ColorScheme;
|
|
1348
|
+
fill?: string;
|
|
1349
|
+
highlightType?: IconProductHighlightType;
|
|
1350
|
+
size: IconProductSize;
|
|
1351
|
+
stroke?: string;
|
|
1352
|
+
type: IconProductType;
|
|
1353
|
+
variant?: IconProductVariant | undefined;
|
|
1354
|
+
}
|
|
1355
|
+
declare const IconProduct: (props: IconProductProps) => _$react.JSX.Element;
|
|
1356
|
+
//#endregion
|
|
1357
|
+
//#region src/components/circularProgressBar/CircularProgressBar.d.ts
|
|
1306
1358
|
interface CircularProgressBarProps extends DesignSystemBaseProps {
|
|
1307
|
-
|
|
1308
|
-
|
|
1359
|
+
iconProduct: IconProductType;
|
|
1360
|
+
progress: number;
|
|
1309
1361
|
}
|
|
1310
|
-
declare const CircularProgressBar: (props: CircularProgressBarProps) =>
|
|
1311
|
-
|
|
1362
|
+
declare const CircularProgressBar: (props: CircularProgressBarProps) => _$react.JSX.Element;
|
|
1363
|
+
//#endregion
|
|
1364
|
+
//#region src/components/comboBoxField/types.d.ts
|
|
1312
1365
|
type ComboBoxItem = boolean | number | object | string | null;
|
|
1313
1366
|
declare enum ComboBoxItemOrderSource {
|
|
1314
|
-
|
|
1315
|
-
|
|
1367
|
+
formatter = "formatter",
|
|
1368
|
+
value = "value"
|
|
1316
1369
|
}
|
|
1317
1370
|
interface ComboBoxItemOrder {
|
|
1318
|
-
|
|
1319
|
-
|
|
1371
|
+
compareFn?: (a: unknown, b: unknown) => number;
|
|
1372
|
+
source: ComboBoxItemOrderSource;
|
|
1320
1373
|
}
|
|
1321
1374
|
declare enum ComboBoxValueType {
|
|
1322
|
-
|
|
1323
|
-
|
|
1375
|
+
custom = "custom",
|
|
1376
|
+
item = "item"
|
|
1324
1377
|
}
|
|
1325
1378
|
type ComboBoxValue<TItem> = {
|
|
1326
|
-
|
|
1327
|
-
|
|
1379
|
+
input: string;
|
|
1380
|
+
type: ComboBoxValueType.custom;
|
|
1328
1381
|
} | {
|
|
1329
|
-
|
|
1330
|
-
|
|
1382
|
+
item: TItem;
|
|
1383
|
+
type: ComboBoxValueType.item;
|
|
1331
1384
|
} | null;
|
|
1332
|
-
|
|
1385
|
+
//#endregion
|
|
1386
|
+
//#region src/components/inputBase/InputBase.d.ts
|
|
1333
1387
|
interface InputBaseProps extends FieldControlProps, Pick<AriaAttributes, 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-describedby' | 'aria-expanded' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'aria-required'> {
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
}
|
|
1363
|
-
declare const InputBase: (props: InputBaseProps) =>
|
|
1364
|
-
|
|
1388
|
+
ariaLabel?: string;
|
|
1389
|
+
autoComplete?: HTMLInputAutoCompleteAttribute;
|
|
1390
|
+
button?: ReactNode;
|
|
1391
|
+
colorInput?: Property.Color | undefined;
|
|
1392
|
+
disabled?: boolean;
|
|
1393
|
+
halfWidth?: boolean;
|
|
1394
|
+
icon?: ReactNode;
|
|
1395
|
+
iconSystem?: IconSystemType;
|
|
1396
|
+
id?: string | undefined;
|
|
1397
|
+
isPastingDisabled?: boolean;
|
|
1398
|
+
maxLength?: number;
|
|
1399
|
+
name: string;
|
|
1400
|
+
onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
1401
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1402
|
+
onClick?: MouseEventHandler;
|
|
1403
|
+
onFocus?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1404
|
+
onKeyDown?: KeyboardEventHandler;
|
|
1405
|
+
placeholder?: string;
|
|
1406
|
+
prefix?: ReactNode;
|
|
1407
|
+
prefixColor?: Property.Color;
|
|
1408
|
+
ref?: Ref<HTMLInputElement>;
|
|
1409
|
+
role?: HTMLAttributes<HTMLInputElement>['role'];
|
|
1410
|
+
size?: InputSize;
|
|
1411
|
+
suffix?: ReactNode;
|
|
1412
|
+
textAlign?: InputTextAlign;
|
|
1413
|
+
type?: HTMLInputTypeAttribute;
|
|
1414
|
+
value?: string;
|
|
1415
|
+
weight?: FontWeight;
|
|
1416
|
+
}
|
|
1417
|
+
declare const InputBase: (props: InputBaseProps) => _$react.JSX.Element;
|
|
1418
|
+
//#endregion
|
|
1419
|
+
//#region src/components/comboBoxField/comboBoxControl/ComboBoxControl.d.ts
|
|
1365
1420
|
interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldControlProps, 'name'>, Pick<InputBaseProps, 'ariaLabel' | 'disabled' | 'icon' | 'isPastingDisabled' | 'maxLength' | 'name' | 'onFocus' | 'placeholder' | 'required'> {
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
}
|
|
1381
|
-
declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem>) =>
|
|
1382
|
-
|
|
1421
|
+
formatter?: Formatter<TItem, ReactNode>;
|
|
1422
|
+
getItemKey?: (item: TItem | null) => number | string;
|
|
1423
|
+
inputPrefix?: ReactNode;
|
|
1424
|
+
inputSize?: InputSize;
|
|
1425
|
+
inputSuffix?: ReactNode;
|
|
1426
|
+
inputTextAlign?: InputTextAlign;
|
|
1427
|
+
inputWeight?: FontWeight;
|
|
1428
|
+
itemOrder?: ComboBoxItemOrder;
|
|
1429
|
+
items: TItem[];
|
|
1430
|
+
onBlur?: () => void;
|
|
1431
|
+
onChange: (value: ComboBoxValue<TItem>) => void;
|
|
1432
|
+
ref?: Ref<HTMLInputElement>;
|
|
1433
|
+
shouldHighlightFirstItem?: boolean;
|
|
1434
|
+
value: ComboBoxValue<TItem>;
|
|
1435
|
+
}
|
|
1436
|
+
declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem>) => _$react.JSX.Element;
|
|
1437
|
+
//#endregion
|
|
1438
|
+
//#region src/components/fieldWrapper/types.d.ts
|
|
1383
1439
|
declare enum FieldWrapperLayout {
|
|
1384
|
-
|
|
1385
|
-
|
|
1440
|
+
horizontal = "horizontal",
|
|
1441
|
+
vertical = "vertical"
|
|
1386
1442
|
}
|
|
1387
|
-
|
|
1443
|
+
//#endregion
|
|
1444
|
+
//#region src/components/fieldWrapper/FieldWrapper.d.ts
|
|
1388
1445
|
type FieldWrapperControlProps = Required<Pick<FieldControlProps, 'describedBy' | 'id' | 'invalid' | 'labelledBy' | 'required'>>;
|
|
1389
1446
|
declare enum FieldAddonPosition {
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1447
|
+
afterControl = "afterControl",
|
|
1448
|
+
beforeControl = "beforeControl",
|
|
1449
|
+
belowControl = "belowControl",
|
|
1450
|
+
bottom = "bottom"
|
|
1394
1451
|
}
|
|
1395
1452
|
interface FieldAddon {
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1453
|
+
children: ReactNode;
|
|
1454
|
+
key: Key;
|
|
1455
|
+
position: FieldAddonPosition;
|
|
1399
1456
|
}
|
|
1400
1457
|
interface FieldWrapperProps extends DesignSystemBaseProps, InputLabelPassthroughProps {
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
}
|
|
1422
|
-
declare const FieldWrapper: (props: FieldWrapperProps) =>
|
|
1423
|
-
|
|
1458
|
+
addons?: FieldAddon[];
|
|
1459
|
+
children?: ReactNode | ((controlProps: FieldWrapperControlProps) => ReactNode);
|
|
1460
|
+
controlId?: string;
|
|
1461
|
+
controlMobileWidth?: Property.Width;
|
|
1462
|
+
/** `controlSection` represents the right section in horizontal layout. */
|
|
1463
|
+
controlSectionWidth?: Property.Width;
|
|
1464
|
+
controlWidth?: Property.Width;
|
|
1465
|
+
errorMessage?: ReactNode;
|
|
1466
|
+
/** Visually hidden text for screen readers providing additional info, such as the availability of a tooltip. */
|
|
1467
|
+
hiddenHintText?: ReactNode;
|
|
1468
|
+
hintText?: ReactNode;
|
|
1469
|
+
/** @default isRenderable(errorMessage) */
|
|
1470
|
+
invalid?: boolean;
|
|
1471
|
+
layout?: FieldWrapperLayout;
|
|
1472
|
+
/** Necessary for registration of `label` to `FieldLabelStore`. */
|
|
1473
|
+
name?: string;
|
|
1474
|
+
note?: ReactNode;
|
|
1475
|
+
/** @default FieldOptionality.required */
|
|
1476
|
+
optionality?: FieldOptionality;
|
|
1477
|
+
successMessage?: ReactNode;
|
|
1478
|
+
}
|
|
1479
|
+
declare const FieldWrapper: (props: FieldWrapperProps) => _$react.JSX.Element;
|
|
1480
|
+
//#endregion
|
|
1481
|
+
//#region src/components/fieldWrapper/withFieldWrapper.d.ts
|
|
1424
1482
|
/** These props are reserved for `FieldWrapper` and cannot be used in the wrapped component. */
|
|
1425
1483
|
type FieldWrapperReservedProps = Pick<FieldWrapperProps, 'addons' | 'controlMobileWidth' | 'controlSectionWidth' | 'controlWidth' | 'errorMessage' | 'hiddenHintText' | 'hintText' | 'label' | 'labelAs' | 'labelHiddenText' | 'labelId' | 'labelSuffix' | 'layout' | 'note' | 'optionality' | 'successMessage' | 'tooltip'>;
|
|
1426
1484
|
declare const withFieldWrapper: <TProps extends FieldControlProps>(FieldControl: ComponentType<TProps>) => {
|
|
1427
|
-
|
|
1428
|
-
|
|
1485
|
+
(props: FieldWrapperReservedProps & Omit<TProps, keyof FieldWrapperReservedProps>): _$react.JSX.Element;
|
|
1486
|
+
displayName: string;
|
|
1429
1487
|
};
|
|
1430
|
-
|
|
1488
|
+
//#endregion
|
|
1489
|
+
//#region src/components/comboBoxField/comboBox/ComboBox.d.ts
|
|
1431
1490
|
type ComboBoxProps<TItem extends ComboBoxItem> = ComboBoxControlProps<TItem> & FieldWrapperReservedProps;
|
|
1432
1491
|
declare const ComboBox: <TItem extends ComboBoxItem>(props: ComboBoxProps<TItem>) => ReactElement;
|
|
1433
|
-
|
|
1492
|
+
//#endregion
|
|
1493
|
+
//#region src/components/comboBoxField/ComboBoxField.d.ts
|
|
1434
1494
|
interface ComboBoxFieldProps<TItem extends ComboBoxItem> extends Omit<ComboBoxProps<TItem>, 'onChange' | 'value'> {
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
}
|
|
1440
|
-
declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) =>
|
|
1441
|
-
|
|
1495
|
+
defaultValue?: TItem | null;
|
|
1496
|
+
name: string;
|
|
1497
|
+
options?: RegisterOptions;
|
|
1498
|
+
shouldResetInvalidValues?: boolean;
|
|
1499
|
+
}
|
|
1500
|
+
declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => _$react.JSX.Element;
|
|
1501
|
+
//#endregion
|
|
1502
|
+
//#region src/components/datePickerField/datePickerControl/DatePickerControl.d.ts
|
|
1442
1503
|
interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaLabelPrefix' | 'dateFormat' | 'disabledDayAriaLabelPrefix' | 'filterDate' | 'maxDate' | 'minDate' | 'monthAriaLabelPrefix' | 'nextMonthAriaLabel' | 'onBlur' | 'previousMonthAriaLabel' | 'selected'>, FieldControlProps {
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
}
|
|
1455
|
-
declare const DatePickerControl: (props: DatePickerControlProps) =>
|
|
1456
|
-
|
|
1504
|
+
chevronCloseAriaLabel?: string;
|
|
1505
|
+
chevronOpenAriaLabel?: string;
|
|
1506
|
+
disabled?: boolean;
|
|
1507
|
+
locale?: Locale;
|
|
1508
|
+
monthSelectAriaLabel?: string;
|
|
1509
|
+
monthYearSelectEnabled?: boolean;
|
|
1510
|
+
name: string;
|
|
1511
|
+
onChange?: (date: Date | null, event?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
|
|
1512
|
+
placeholder?: string;
|
|
1513
|
+
ref?: Ref<HTMLInputElement>;
|
|
1514
|
+
yearSelectAriaLabel?: string;
|
|
1515
|
+
}
|
|
1516
|
+
declare const DatePickerControl: (props: DatePickerControlProps) => _$react.JSX.Element;
|
|
1517
|
+
//#endregion
|
|
1518
|
+
//#region src/components/datePickerField/datePicker/DatePicker.d.ts
|
|
1457
1519
|
declare const DatePicker: {
|
|
1458
|
-
|
|
1459
|
-
|
|
1520
|
+
(props: FieldWrapperReservedProps & Omit<DatePickerControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
1521
|
+
displayName: string;
|
|
1460
1522
|
};
|
|
1461
1523
|
type DatePickerProps = ComponentProps<typeof DatePicker>;
|
|
1462
|
-
|
|
1524
|
+
//#endregion
|
|
1525
|
+
//#region src/components/datePickerField/DatePickerField.d.ts
|
|
1463
1526
|
interface DatePickerFieldProps extends Omit<ComponentProps<typeof DatePicker>, 'onChange'> {
|
|
1464
|
-
|
|
1465
|
-
|
|
1527
|
+
name: string;
|
|
1528
|
+
options?: RegisterOptions;
|
|
1466
1529
|
}
|
|
1467
|
-
declare const DatePickerField: (props: DatePickerFieldProps) =>
|
|
1468
|
-
|
|
1530
|
+
declare const DatePickerField: (props: DatePickerFieldProps) => _$react.JSX.Element;
|
|
1531
|
+
//#endregion
|
|
1532
|
+
//#region src/components/datePickerField/constants.d.ts
|
|
1469
1533
|
declare const datePickerValueFormat = "yyyy-MM-dd";
|
|
1470
|
-
|
|
1534
|
+
//#endregion
|
|
1535
|
+
//#region src/components/emailInputField/emailInput/EmailInput.d.ts
|
|
1471
1536
|
interface EmailInputControlProps extends InputProps {
|
|
1472
|
-
|
|
1537
|
+
placeholder?: string;
|
|
1473
1538
|
}
|
|
1474
1539
|
declare const EmailInput: {
|
|
1475
|
-
|
|
1476
|
-
|
|
1540
|
+
(props: FieldWrapperReservedProps & Omit<EmailInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
1541
|
+
displayName: string;
|
|
1477
1542
|
};
|
|
1478
1543
|
type EmailInputProps = ComponentProps<typeof EmailInput>;
|
|
1479
|
-
|
|
1544
|
+
//#endregion
|
|
1545
|
+
//#region src/components/emailInputField/EmailInputField.d.ts
|
|
1480
1546
|
interface EmailInputFieldProps extends Omit<EmailInputProps, 'onChange' | 'value'> {
|
|
1481
|
-
|
|
1482
|
-
|
|
1547
|
+
name: string;
|
|
1548
|
+
options?: RegisterOptions;
|
|
1483
1549
|
}
|
|
1484
|
-
declare const EmailInputField: (props: EmailInputFieldProps) =>
|
|
1485
|
-
|
|
1550
|
+
declare const EmailInputField: (props: EmailInputFieldProps) => _$react.JSX.Element;
|
|
1551
|
+
//#endregion
|
|
1552
|
+
//#region src/components/errorBox/types.d.ts
|
|
1486
1553
|
interface ErrorBoxItem {
|
|
1487
|
-
|
|
1488
|
-
|
|
1554
|
+
body: ReactElement | string;
|
|
1555
|
+
onClick?: () => void;
|
|
1489
1556
|
}
|
|
1490
|
-
|
|
1557
|
+
//#endregion
|
|
1558
|
+
//#region src/components/errorBox/ErrorBox.d.ts
|
|
1491
1559
|
interface ErrorBoxProps {
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
}
|
|
1499
|
-
declare const ErrorBox: (props: ErrorBoxProps) =>
|
|
1500
|
-
|
|
1560
|
+
colorScheme?: ColorScheme;
|
|
1561
|
+
content?: ReactNode;
|
|
1562
|
+
items?: ErrorBoxItem[];
|
|
1563
|
+
ref?: Ref<HTMLDivElement>;
|
|
1564
|
+
tabIndex?: number;
|
|
1565
|
+
title?: ReactNode;
|
|
1566
|
+
}
|
|
1567
|
+
declare const ErrorBox: (props: ErrorBoxProps) => _$react.JSX.Element;
|
|
1568
|
+
//#endregion
|
|
1569
|
+
//#region src/components/fileInputField/types.d.ts
|
|
1501
1570
|
declare enum FileInputErrorCode {
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1571
|
+
fileSizeTooLarge = "fileSizeTooLarge",
|
|
1572
|
+
general = "general",
|
|
1573
|
+
tooManyFiles = "tooManyFiles",
|
|
1574
|
+
totalFileSizeTooLarge = "totalFileSizeTooLarge",
|
|
1575
|
+
unsupportedFormat = "unsupportedFormat"
|
|
1507
1576
|
}
|
|
1508
1577
|
interface FileInputSettings {
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1578
|
+
fileExtensions: string[];
|
|
1579
|
+
maxFiles?: number;
|
|
1580
|
+
maxSize: number;
|
|
1581
|
+
maxTotalSize?: number;
|
|
1513
1582
|
}
|
|
1514
1583
|
type FileInputLimitDescriptionComponent = ComponentType<FileInputSettings>;
|
|
1515
1584
|
type FileInputUploadErrorReasonComponent = ComponentType<{
|
|
1516
|
-
|
|
1585
|
+
errorCode: FileInputErrorCode;
|
|
1517
1586
|
}>;
|
|
1518
1587
|
type FileInputUploadFailedComponent = ComponentType<{
|
|
1519
|
-
|
|
1588
|
+
fileName: string;
|
|
1520
1589
|
}>;
|
|
1521
1590
|
type FileInputDropzoneDragOrSelectFilesComponent = ComponentType<{
|
|
1522
|
-
|
|
1591
|
+
selectedFiles: ReactNode;
|
|
1523
1592
|
}>;
|
|
1524
1593
|
type FileInputDropzoneDragFilesHereComponent = ComponentType;
|
|
1525
1594
|
type FileInputRemoveButtonTextComponent = ComponentType<{
|
|
1526
|
-
|
|
1595
|
+
fileName: string;
|
|
1527
1596
|
}>;
|
|
1528
1597
|
type FileInputDropzoneSelectFilesComponent = ComponentType;
|
|
1529
|
-
|
|
1598
|
+
//#endregion
|
|
1599
|
+
//#region src/components/fileInputField/fileInput/FileInputControl.d.ts
|
|
1530
1600
|
interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps {
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
}
|
|
1558
|
-
declare const FileInputControl: (props: FileInputControlProps) =>
|
|
1559
|
-
|
|
1601
|
+
/** Component displayed when a file is dragged over the dropzone. */
|
|
1602
|
+
DropzoneDragFilesHere: FileInputDropzoneDragFilesHereComponent;
|
|
1603
|
+
/** Component displaying prompt to drag or select files for upload. */
|
|
1604
|
+
DropzoneDragOrSelectFiles: FileInputDropzoneDragOrSelectFilesComponent;
|
|
1605
|
+
/** Clickable text prompting the user to select files for upload. */
|
|
1606
|
+
DropzoneSelectFiles: FileInputDropzoneSelectFilesComponent;
|
|
1607
|
+
/** Component describing the limits for uploaded files. */
|
|
1608
|
+
LimitDescription: FileInputLimitDescriptionComponent;
|
|
1609
|
+
/** Component for label for the remove file button. */
|
|
1610
|
+
RemoveButtonText: FileInputRemoveButtonTextComponent;
|
|
1611
|
+
/** Component displaying the reason for file upload failure. */
|
|
1612
|
+
UploadErrorReason: FileInputUploadErrorReasonComponent;
|
|
1613
|
+
/** Component displayed when file upload fails. */
|
|
1614
|
+
UploadFailed: FileInputUploadFailedComponent;
|
|
1615
|
+
/** Message read by screen readers after file is removed. */
|
|
1616
|
+
getFileRemovedLiveText?: (fileName: string) => string;
|
|
1617
|
+
/** Message read by screen readers after files are added. */
|
|
1618
|
+
getFilesAddedLiveText?: (fileNames: string[]) => string;
|
|
1619
|
+
/** aria-label for remove file button. */
|
|
1620
|
+
getRemoveButtonAriaLabel: (fileName: string) => string;
|
|
1621
|
+
invalid?: boolean;
|
|
1622
|
+
name: string;
|
|
1623
|
+
onBlur?: () => void;
|
|
1624
|
+
onChange: (files: File[]) => void;
|
|
1625
|
+
ref?: Ref<HTMLDivElement>;
|
|
1626
|
+
value: File[];
|
|
1627
|
+
}
|
|
1628
|
+
declare const FileInputControl: (props: FileInputControlProps) => _$react.JSX.Element;
|
|
1629
|
+
//#endregion
|
|
1630
|
+
//#region src/components/fileInputField/fileInput/FileInput.d.ts
|
|
1560
1631
|
declare const FileInputBase: {
|
|
1561
|
-
|
|
1562
|
-
|
|
1632
|
+
(props: FieldWrapperReservedProps & Omit<FileInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
1633
|
+
displayName: string;
|
|
1563
1634
|
};
|
|
1564
|
-
declare const FileInput: (props: ComponentProps<typeof FileInputBase>) =>
|
|
1635
|
+
declare const FileInput: (props: ComponentProps<typeof FileInputBase>) => _$react.JSX.Element;
|
|
1565
1636
|
type FileInputProps = ComponentProps<typeof FileInput>;
|
|
1566
|
-
|
|
1637
|
+
//#endregion
|
|
1638
|
+
//#region src/components/fileInputField/FileInputField.d.ts
|
|
1567
1639
|
interface FileInputFieldProps extends Omit<FileInputProps, 'onBlur' | 'onChange' | 'value'> {
|
|
1568
|
-
|
|
1569
|
-
|
|
1640
|
+
name: string;
|
|
1641
|
+
options?: RegisterOptions;
|
|
1570
1642
|
}
|
|
1571
|
-
declare const FileInputField: (props: FileInputFieldProps) =>
|
|
1572
|
-
|
|
1643
|
+
declare const FileInputField: (props: FileInputFieldProps) => _$react.JSX.Element;
|
|
1644
|
+
//#endregion
|
|
1645
|
+
//#region src/components/formattedAmount/types.d.ts
|
|
1573
1646
|
declare enum FormatAmountCurrencyDisplay {
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1647
|
+
code = "code",
|
|
1648
|
+
name = "name",
|
|
1649
|
+
none = "none",
|
|
1650
|
+
symbol = "symbol"
|
|
1578
1651
|
}
|
|
1579
1652
|
declare enum FormatAmountGrouping {
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1653
|
+
always = "always",
|
|
1654
|
+
auto = "auto",
|
|
1655
|
+
none = "none"
|
|
1583
1656
|
}
|
|
1584
1657
|
interface FormatAmountDescriptor {
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
}
|
|
1592
|
-
interface FormatAmountParam extends FormatAmountDescriptor {
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
declare const useFormatAmount$1: () => (param: FormatAmountParam) => string;
|
|
1596
|
-
|
|
1658
|
+
currency?: string;
|
|
1659
|
+
currencyDisplay?: FormatAmountCurrencyDisplay;
|
|
1660
|
+
grouping?: FormatAmountGrouping;
|
|
1661
|
+
maximumFractionDigits?: number;
|
|
1662
|
+
minimumFractionDigits?: number;
|
|
1663
|
+
value: number;
|
|
1664
|
+
}
|
|
1665
|
+
interface FormatAmountParam extends FormatAmountDescriptor {}
|
|
1666
|
+
//#endregion
|
|
1667
|
+
//#region src/components/formattedAmount/reactIntl/useFormatAmount.d.ts
|
|
1597
1668
|
declare const useFormatAmount: () => (param: FormatAmountParam) => string;
|
|
1598
|
-
|
|
1669
|
+
//#endregion
|
|
1670
|
+
//#region src/components/formattedAmount/nextIntl/useFormatAmount.d.ts
|
|
1671
|
+
declare const useFormatAmount$1: () => (param: FormatAmountParam) => string;
|
|
1672
|
+
//#endregion
|
|
1673
|
+
//#region src/components/formattedAmount/BaseFormattedAmount.d.ts
|
|
1599
1674
|
interface BaseFormattedAmountProps extends FormatAmountDescriptor {
|
|
1600
|
-
|
|
1601
|
-
}
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
}
|
|
1605
|
-
declare const FormattedAmount
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
}
|
|
1609
|
-
declare const FormattedAmount: (props: FormattedAmountProps) =>
|
|
1610
|
-
|
|
1675
|
+
formatAmount: (param: FormatAmountParam) => string;
|
|
1676
|
+
}
|
|
1677
|
+
//#endregion
|
|
1678
|
+
//#region src/components/formattedAmount/reactIntl/FormattedAmount.d.ts
|
|
1679
|
+
interface FormattedAmountProps extends Omit<BaseFormattedAmountProps, 'formatAmount'> {}
|
|
1680
|
+
declare const FormattedAmount: (props: FormattedAmountProps) => _$react.JSX.Element;
|
|
1681
|
+
//#endregion
|
|
1682
|
+
//#region src/components/formattedAmount/nextIntl/FormattedAmount.d.ts
|
|
1683
|
+
interface FormattedAmountProps$1 extends Omit<BaseFormattedAmountProps, 'formatAmount'> {}
|
|
1684
|
+
declare const FormattedAmount$1: (props: FormattedAmountProps$1) => _$react.JSX.Element;
|
|
1685
|
+
//#endregion
|
|
1686
|
+
//#region src/components/formattedPercentage/useFormatPercentage.d.ts
|
|
1611
1687
|
interface FormatPercentageParam {
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1688
|
+
maximumFractionDigits?: number;
|
|
1689
|
+
minimumFractionDigits?: number;
|
|
1690
|
+
value: number;
|
|
1615
1691
|
}
|
|
1616
1692
|
declare const useFormatPercentage: () => (param: FormatPercentageParam) => string;
|
|
1617
|
-
|
|
1693
|
+
//#endregion
|
|
1694
|
+
//#region src/components/formattedPercentage/FormattedPercentage.d.ts
|
|
1618
1695
|
interface FormattedPercentageProps {
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1696
|
+
maximumFractionDigits?: number;
|
|
1697
|
+
minimumFractionDigits?: number;
|
|
1698
|
+
value: number;
|
|
1622
1699
|
}
|
|
1623
|
-
declare const FormattedPercentage: react.MemoExoticComponent<(props: FormattedPercentageProps) => string>;
|
|
1624
|
-
|
|
1700
|
+
declare const FormattedPercentage: _$react.MemoExoticComponent<(props: FormattedPercentageProps) => string>;
|
|
1701
|
+
//#endregion
|
|
1702
|
+
//#region src/components/formattedPercentage/index.d.ts
|
|
1625
1703
|
/** @deprecated Use `useFormatPercentage` instead */
|
|
1626
1704
|
declare const useFormattedPercentage: () => (param: FormatPercentageParam) => string;
|
|
1627
|
-
|
|
1705
|
+
//#endregion
|
|
1706
|
+
//#region src/form/types.d.ts
|
|
1628
1707
|
interface ThrownFieldLevelError {
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1708
|
+
code: string;
|
|
1709
|
+
fieldName: string;
|
|
1710
|
+
message: string;
|
|
1632
1711
|
}
|
|
1633
1712
|
declare enum ThrownFormLevelErrorType {
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
}
|
|
1646
|
-
interface ThrownFormLevelErrorMeta {
|
|
1647
|
-
}
|
|
1713
|
+
/**
|
|
1714
|
+
* Used for displaying custom application-specific errors.
|
|
1715
|
+
*
|
|
1716
|
+
* Pass additional info in the `meta` property and consume it in using `thrownFormLevelErrorFormatter`.
|
|
1717
|
+
* Make sure to extend `ThrownFormLevelErrorMeta` via declaration merging.
|
|
1718
|
+
*/
|
|
1719
|
+
application = "application",
|
|
1720
|
+
/** Indicates that an unknown error occurred, just like an HTTP 500 status code. */
|
|
1721
|
+
generic = "generic",
|
|
1722
|
+
/** Indicates that an error occured due to a request timing out. */
|
|
1723
|
+
timeout = "timeout"
|
|
1724
|
+
}
|
|
1725
|
+
interface ThrownFormLevelErrorMeta {}
|
|
1648
1726
|
interface ThrownFormLevelError {
|
|
1649
|
-
|
|
1650
|
-
|
|
1727
|
+
meta?: ThrownFormLevelErrorMeta;
|
|
1728
|
+
type: ThrownFormLevelErrorType;
|
|
1651
1729
|
}
|
|
1652
1730
|
interface ThrownFormErrors {
|
|
1653
|
-
|
|
1654
|
-
|
|
1731
|
+
fieldLevelErrors: ThrownFieldLevelError[];
|
|
1732
|
+
formLevelErrors: ThrownFormLevelError[];
|
|
1655
1733
|
}
|
|
1656
1734
|
interface ThrownFormLevelErrorFormatterOutput {
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1735
|
+
description: ReactNode;
|
|
1736
|
+
iconProduct?: IconProductType;
|
|
1737
|
+
title: ReactNode;
|
|
1660
1738
|
}
|
|
1661
1739
|
type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode>;
|
|
1662
1740
|
type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput>;
|
|
1663
1741
|
interface ReCaptchaV3Config {
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1742
|
+
isEnabled: boolean;
|
|
1743
|
+
isEnterprise: boolean;
|
|
1744
|
+
siteKey: string;
|
|
1667
1745
|
}
|
|
1668
1746
|
declare enum CaptchaType {
|
|
1669
|
-
|
|
1747
|
+
reCaptchaV3 = "reCaptchaV3"
|
|
1670
1748
|
}
|
|
1671
1749
|
interface SubmitHandlerErrorInfo {
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1750
|
+
captchaToken?: string;
|
|
1751
|
+
timings: {
|
|
1752
|
+
captchaExecuteEnd?: number;
|
|
1753
|
+
captchaExecuteStart?: number;
|
|
1754
|
+
submitEnd?: number;
|
|
1755
|
+
submitStart?: number;
|
|
1756
|
+
};
|
|
1679
1757
|
}
|
|
1680
1758
|
interface FormConfig {
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1759
|
+
onSubmitHandlerError?: (error: unknown, errorInfo: SubmitHandlerErrorInfo) => void;
|
|
1760
|
+
reCaptchaV3Config?: ReCaptchaV3Config;
|
|
1761
|
+
resolveThrownFormErrors?: (error: unknown) => ThrownFormErrors;
|
|
1762
|
+
thrownFieldLevelErrorFormatter?: ThrownFieldLevelErrorFormatter;
|
|
1763
|
+
thrownFormLevelErrorFormatter?: ThrownFormLevelErrorFormatter;
|
|
1686
1764
|
}
|
|
1687
1765
|
interface SubmitHandlerExtraParam {
|
|
1688
|
-
|
|
1766
|
+
captchaToken?: string;
|
|
1689
1767
|
}
|
|
1690
1768
|
type SubmitHandler<TFieldValues extends FieldValues> = (data: TFieldValues, extraParam: SubmitHandlerExtraParam, event?: BaseSyntheticEvent) => Promise<unknown> | unknown;
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
}
|
|
1694
|
-
declare const FormErrorOutcome: (props: FormErrorOutcomeProps) =>
|
|
1695
|
-
|
|
1769
|
+
//#endregion
|
|
1770
|
+
//#region src/components/formErrorOutcome/FormErrorOutcome.d.ts
|
|
1771
|
+
interface FormErrorOutcomeProps extends DesignSystemBaseProps, Pick<FormConfig, 'thrownFormLevelErrorFormatter'> {}
|
|
1772
|
+
declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => _$react.JSX.Element | null;
|
|
1773
|
+
//#endregion
|
|
1774
|
+
//#region src/components/formErrorSummary/FormErrorSummary.d.ts
|
|
1696
1775
|
interface FormErrorSummaryProps extends DesignSystemBaseProps {
|
|
1697
|
-
|
|
1698
|
-
|
|
1776
|
+
order?: string[];
|
|
1777
|
+
title?: ReactNode;
|
|
1699
1778
|
}
|
|
1700
|
-
declare const FormErrorSummary: (props: FormErrorSummaryProps) =>
|
|
1701
|
-
|
|
1779
|
+
declare const FormErrorSummary: (props: FormErrorSummaryProps) => _$react.JSX.Element;
|
|
1780
|
+
//#endregion
|
|
1781
|
+
//#region src/components/formSuccessOutcome/FormSuccessOutcome.d.ts
|
|
1702
1782
|
interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
|
|
1703
|
-
|
|
1783
|
+
children: ReactNode;
|
|
1784
|
+
onHide: () => void;
|
|
1785
|
+
title: ReactNode;
|
|
1786
|
+
visible: boolean;
|
|
1787
|
+
}
|
|
1788
|
+
declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => _$react.JSX.Element;
|
|
1789
|
+
//#endregion
|
|
1790
|
+
//#region src/components/formSuccessOutcome/useFormSuccessOutcomeManager.d.ts
|
|
1791
|
+
interface UseFormSuccessOutcomeManagerReturn {
|
|
1792
|
+
formKey: Key;
|
|
1793
|
+
formSuccessOutcomeProps: {
|
|
1704
1794
|
onHide: () => void;
|
|
1705
|
-
title: ReactNode;
|
|
1706
1795
|
visible: boolean;
|
|
1707
|
-
}
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
interface UseFormSuccessOutcomeManagerReturn {
|
|
1711
|
-
formKey: Key;
|
|
1712
|
-
formSuccessOutcomeProps: {
|
|
1713
|
-
onHide: () => void;
|
|
1714
|
-
visible: boolean;
|
|
1715
|
-
};
|
|
1716
|
-
onMutationSuccess: () => void;
|
|
1796
|
+
};
|
|
1797
|
+
onMutationSuccess: () => void;
|
|
1717
1798
|
}
|
|
1718
1799
|
declare const useFormSuccessOutcomeManager: () => UseFormSuccessOutcomeManagerReturn;
|
|
1719
|
-
|
|
1800
|
+
//#endregion
|
|
1801
|
+
//#region src/components/iconFlag/types.d.ts
|
|
1720
1802
|
declare enum IconFlagType {
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1803
|
+
cz = "cz",
|
|
1804
|
+
eu = "eu",
|
|
1805
|
+
hr = "hr",
|
|
1806
|
+
usa = "usa"
|
|
1725
1807
|
}
|
|
1726
|
-
|
|
1808
|
+
//#endregion
|
|
1809
|
+
//#region src/components/iconFlag/IconFlag.d.ts
|
|
1727
1810
|
interface IconFlagProps {
|
|
1728
|
-
|
|
1811
|
+
type: IconFlagType;
|
|
1729
1812
|
}
|
|
1730
|
-
declare const IconFlag: (props: IconFlagProps) =>
|
|
1731
|
-
|
|
1813
|
+
declare const IconFlag: (props: IconFlagProps) => _$react.JSX.Element;
|
|
1814
|
+
//#endregion
|
|
1815
|
+
//#region src/components/infobox/types.d.ts
|
|
1732
1816
|
declare enum InfoboxVariant {
|
|
1733
|
-
|
|
1734
|
-
|
|
1817
|
+
primary = "primary",
|
|
1818
|
+
secondary = "secondary"
|
|
1735
1819
|
}
|
|
1736
1820
|
declare enum InfoboxSize {
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1821
|
+
md = "md",
|
|
1822
|
+
sm = "sm",
|
|
1823
|
+
xs = "xs"
|
|
1740
1824
|
}
|
|
1741
1825
|
interface InfoboxTextContent {
|
|
1742
|
-
|
|
1743
|
-
|
|
1826
|
+
primary: ReactNode;
|
|
1827
|
+
secondary?: ReactNode;
|
|
1744
1828
|
}
|
|
1745
|
-
|
|
1829
|
+
//#endregion
|
|
1830
|
+
//#region src/components/infobox/Infobox.d.ts
|
|
1746
1831
|
interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
}
|
|
1765
|
-
declare const Infobox: (props: InfoboxProps) =>
|
|
1766
|
-
|
|
1832
|
+
/** Cannot be used alongside `children`. */
|
|
1833
|
+
actionNode?: ReactNode;
|
|
1834
|
+
children?: ReactNode;
|
|
1835
|
+
/** In order to render a circular progress bar, `iconProduct` must be provided as well. */
|
|
1836
|
+
circularProgress?: number;
|
|
1837
|
+
className?: string;
|
|
1838
|
+
fullWidth?: boolean;
|
|
1839
|
+
iconProduct?: IconProductType;
|
|
1840
|
+
id?: string;
|
|
1841
|
+
isWarning?: boolean;
|
|
1842
|
+
ref?: Ref<HTMLDivElement>;
|
|
1843
|
+
role?: AriaRole;
|
|
1844
|
+
size: InfoboxSize;
|
|
1845
|
+
tabIndex?: number;
|
|
1846
|
+
/** Cannot be used alongside `children`. */
|
|
1847
|
+
textContent?: InfoboxTextContent;
|
|
1848
|
+
variant: InfoboxVariant;
|
|
1849
|
+
}
|
|
1850
|
+
declare const Infobox: (props: InfoboxProps) => _$react.JSX.Element;
|
|
1851
|
+
//#endregion
|
|
1852
|
+
//#region src/components/inputLabel/types.d.ts
|
|
1767
1853
|
declare enum InputLabelSize {
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1854
|
+
xs = "xs",
|
|
1855
|
+
sm = "sm",
|
|
1856
|
+
md = "md",
|
|
1857
|
+
lg = "lg"
|
|
1772
1858
|
}
|
|
1773
|
-
|
|
1859
|
+
//#endregion
|
|
1860
|
+
//#region src/components/inputLabel/InputLabel.d.ts
|
|
1774
1861
|
interface InputLabelProps extends DesignSystemBaseProps {
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
}
|
|
1786
|
-
declare const InputLabel: (props: InputLabelProps) =>
|
|
1787
|
-
|
|
1862
|
+
as?: ElementType;
|
|
1863
|
+
/** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
|
|
1864
|
+
hiddenText?: string;
|
|
1865
|
+
id?: string;
|
|
1866
|
+
invalid?: boolean;
|
|
1867
|
+
label?: ReactNode;
|
|
1868
|
+
labelId?: string;
|
|
1869
|
+
size?: InputLabelSize;
|
|
1870
|
+
suffix?: ReactNode;
|
|
1871
|
+
tooltip?: TooltipInfoDescriptor;
|
|
1872
|
+
}
|
|
1873
|
+
declare const InputLabel: (props: InputLabelProps) => _$react.JSX.Element;
|
|
1874
|
+
//#endregion
|
|
1875
|
+
//#region src/components/loader/types.d.ts
|
|
1788
1876
|
declare enum LoaderSize {
|
|
1789
|
-
|
|
1790
|
-
|
|
1877
|
+
lg = "lg",
|
|
1878
|
+
sm = "sm"
|
|
1791
1879
|
}
|
|
1792
|
-
|
|
1880
|
+
//#endregion
|
|
1881
|
+
//#region src/components/loader/Loader.d.ts
|
|
1793
1882
|
interface LoaderProps extends DesignSystemBaseProps, AriaAttributes {
|
|
1794
|
-
|
|
1795
|
-
|
|
1883
|
+
loaderSize: LoaderSize;
|
|
1884
|
+
role?: AriaRole;
|
|
1796
1885
|
}
|
|
1797
|
-
declare const Loader: (props: LoaderProps) =>
|
|
1798
|
-
|
|
1886
|
+
declare const Loader: (props: LoaderProps) => _$react.JSX.Element;
|
|
1887
|
+
//#endregion
|
|
1888
|
+
//#region src/components/loaderOverlayBox/LoaderOverlayBox.d.ts
|
|
1799
1889
|
interface LoaderOverlayBoxProps extends DesignSystemBaseProps, AriaAttributes {
|
|
1800
|
-
|
|
1801
|
-
|
|
1890
|
+
loaderSize: LoaderSize;
|
|
1891
|
+
role?: AriaRole;
|
|
1802
1892
|
}
|
|
1803
|
-
declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) =>
|
|
1804
|
-
|
|
1893
|
+
declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => _$react.JSX.Element;
|
|
1894
|
+
//#endregion
|
|
1895
|
+
//#region src/components/maskedInputField/types.d.ts
|
|
1805
1896
|
type MaskedInputOnAccept = (unmaskedValue: string, maskedValue: string) => void;
|
|
1806
|
-
|
|
1897
|
+
//#endregion
|
|
1898
|
+
//#region src/components/maskedInputField/maskedInput/MaskedInputBase.d.ts
|
|
1807
1899
|
interface MaskedInputBaseProps extends InputBaseProps {
|
|
1808
|
-
|
|
1809
|
-
|
|
1900
|
+
maskOptions: FactoryOpts;
|
|
1901
|
+
onAccept?: MaskedInputOnAccept;
|
|
1810
1902
|
}
|
|
1811
|
-
declare const MaskedInputBase: (props: MaskedInputBaseProps) =>
|
|
1812
|
-
|
|
1903
|
+
declare const MaskedInputBase: (props: MaskedInputBaseProps) => _$react.JSX.Element;
|
|
1904
|
+
//#endregion
|
|
1905
|
+
//#region src/components/maskedInputField/maskedInput/MaskedInput.d.ts
|
|
1813
1906
|
declare const MaskedInput: {
|
|
1814
|
-
|
|
1815
|
-
|
|
1907
|
+
(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
1908
|
+
displayName: string;
|
|
1816
1909
|
};
|
|
1817
1910
|
type MaskedInputProps = ComponentProps<typeof MaskedInput>;
|
|
1818
|
-
|
|
1911
|
+
//#endregion
|
|
1912
|
+
//#region src/components/maskedInputField/MaskedInputField.d.ts
|
|
1819
1913
|
type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'onAccept' | 'onBlur' | 'ref' | 'value'>;
|
|
1820
1914
|
declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Component: ComponentType<TProps>) => <TFieldValues extends FieldValues>(props: TProps & {
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
}) =>
|
|
1824
|
-
declare const MaskedInputField: <TFieldValues extends FieldValues>(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
}) =>
|
|
1915
|
+
name: FieldPath<TFieldValues>;
|
|
1916
|
+
options?: RegisterOptions<TFieldValues>;
|
|
1917
|
+
}) => _$react.JSX.Element;
|
|
1918
|
+
declare const MaskedInputField: <TFieldValues extends FieldValues>(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage"> & {
|
|
1919
|
+
name: _$react_hook_form0.Path<TFieldValues>;
|
|
1920
|
+
options?: RegisterOptions<TFieldValues> | undefined;
|
|
1921
|
+
}) => _$react.JSX.Element;
|
|
1828
1922
|
type MaskedInputFieldProps = ComponentProps<typeof MaskedInputField>;
|
|
1829
|
-
|
|
1923
|
+
//#endregion
|
|
1924
|
+
//#region src/components/modal/types.d.ts
|
|
1830
1925
|
type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
|
|
1831
1926
|
declare enum ModalWidthType {
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1927
|
+
default = "default",
|
|
1928
|
+
narrow = "narrow",
|
|
1929
|
+
narrowOnDesktopAndTablet = "narrowOnDesktopAndTablet"
|
|
1835
1930
|
}
|
|
1836
1931
|
declare enum ModalVerticalPosition {
|
|
1837
|
-
|
|
1838
|
-
|
|
1932
|
+
centerOnTablet = "centerOnTablet",
|
|
1933
|
+
default = "default"
|
|
1839
1934
|
}
|
|
1840
1935
|
declare enum ReasonForClosing {
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1936
|
+
closeButton = "closeButton",
|
|
1937
|
+
esc = "esc",
|
|
1938
|
+
overlay = "overlay"
|
|
1844
1939
|
}
|
|
1845
|
-
|
|
1940
|
+
//#endregion
|
|
1941
|
+
//#region src/components/modal/Modal.d.ts
|
|
1846
1942
|
interface ModalProps extends DesignSystemBaseProps {
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
}
|
|
1861
|
-
declare const Modal: (props: ModalProps) => react.ReactPortal | null;
|
|
1862
|
-
|
|
1943
|
+
children: ReactNode;
|
|
1944
|
+
className?: string;
|
|
1945
|
+
closeButtonAriaLabel?: string;
|
|
1946
|
+
hideCloseButton: boolean;
|
|
1947
|
+
id?: string;
|
|
1948
|
+
isOpen: boolean;
|
|
1949
|
+
onClose: ModalOnClose;
|
|
1950
|
+
/** When a string is passed, `Modal` will search for an element with such `id`, otherwise create one. */
|
|
1951
|
+
rootElement?: Element | string;
|
|
1952
|
+
title?: ReactNode;
|
|
1953
|
+
verticalPosition?: ModalVerticalPosition;
|
|
1954
|
+
widthType?: ModalWidthType;
|
|
1955
|
+
withoutPadding?: boolean;
|
|
1956
|
+
}
|
|
1957
|
+
declare const Modal: (props: ModalProps) => _$react.ReactPortal | null;
|
|
1958
|
+
//#endregion
|
|
1959
|
+
//#region src/components/numberInputField/numberInput/NumberInput.d.ts
|
|
1863
1960
|
interface NumberInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
}
|
|
1869
|
-
declare const NumberInput: (props: NumberInputProps) =>
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1961
|
+
allowNegative?: boolean;
|
|
1962
|
+
decimalPlaces?: number;
|
|
1963
|
+
integerPlaces?: number;
|
|
1964
|
+
maskOptions?: FactoryOpts;
|
|
1965
|
+
}
|
|
1966
|
+
declare const NumberInput: (props: NumberInputProps) => _$react.JSX.Element;
|
|
1967
|
+
//#endregion
|
|
1968
|
+
//#region src/components/numberInputField/NumberInputField.d.ts
|
|
1969
|
+
declare const NumberInputField: <TFieldValues extends _$react_hook_form0.FieldValues>(props: NumberInputProps & {
|
|
1970
|
+
name: _$react_hook_form0.Path<TFieldValues>;
|
|
1971
|
+
options?: _$react_hook_form0.RegisterOptions<TFieldValues> | undefined;
|
|
1972
|
+
}) => _$react.JSX.Element;
|
|
1875
1973
|
type NumberInputFieldProps = ComponentProps<typeof NumberInputField>;
|
|
1876
|
-
|
|
1974
|
+
//#endregion
|
|
1975
|
+
//#region src/components/paper/types.d.ts
|
|
1877
1976
|
declare enum PaperShadow {
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1977
|
+
lg = "lg",
|
|
1978
|
+
md = "md",
|
|
1979
|
+
sm = "sm"
|
|
1881
1980
|
}
|
|
1882
|
-
|
|
1981
|
+
//#endregion
|
|
1982
|
+
//#region src/components/paper/Paper.d.ts
|
|
1883
1983
|
interface PaperProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
}
|
|
1895
|
-
declare const Paper: (props: PaperProps) =>
|
|
1896
|
-
|
|
1984
|
+
as?: ElementType;
|
|
1985
|
+
children: ReactNode;
|
|
1986
|
+
className?: string;
|
|
1987
|
+
id?: string;
|
|
1988
|
+
overflow?: Overflow;
|
|
1989
|
+
padding?: Spacing;
|
|
1990
|
+
ref?: Ref<HTMLDivElement>;
|
|
1991
|
+
role?: AriaRole;
|
|
1992
|
+
shadow?: PaperShadow;
|
|
1993
|
+
tabIndex?: number;
|
|
1994
|
+
}
|
|
1995
|
+
declare const Paper: (props: PaperProps) => _$react.JSX.Element;
|
|
1996
|
+
//#endregion
|
|
1997
|
+
//#region src/components/phoneInputField/phoneInput/PhoneInput.d.ts
|
|
1897
1998
|
interface PhoneInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
}
|
|
1901
|
-
declare const PhoneInput: (props: PhoneInputProps) =>
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1999
|
+
maskOptions?: FactoryOpts;
|
|
2000
|
+
prefixColor?: Property.Color;
|
|
2001
|
+
}
|
|
2002
|
+
declare const PhoneInput: (props: PhoneInputProps) => _$react.JSX.Element;
|
|
2003
|
+
//#endregion
|
|
2004
|
+
//#region src/components/phoneInputField/PhoneInputField.d.ts
|
|
2005
|
+
declare const PhoneInputField: <TFieldValues extends _$react_hook_form0.FieldValues>(props: PhoneInputProps & {
|
|
2006
|
+
name: _$react_hook_form0.Path<TFieldValues>;
|
|
2007
|
+
options?: _$react_hook_form0.RegisterOptions<TFieldValues> | undefined;
|
|
2008
|
+
}) => _$react.JSX.Element;
|
|
1907
2009
|
type PhoneInputFieldProps = ComponentProps<typeof PhoneInputField>;
|
|
1908
|
-
|
|
2010
|
+
//#endregion
|
|
2011
|
+
//#region src/components/progressPaper/progressStepper/ProgressStepper.d.ts
|
|
1909
2012
|
interface ProgressDefinition extends AriaAttributes {
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
}
|
|
1939
|
-
|
|
2013
|
+
activeStepIndex: number;
|
|
2014
|
+
/**
|
|
2015
|
+
* Accessible label for the progress bar, e.g. "Step progress".
|
|
2016
|
+
* Maps directly to the native `aria-label` attribute.
|
|
2017
|
+
*/
|
|
2018
|
+
'aria-label'?: string;
|
|
2019
|
+
/**
|
|
2020
|
+
* Maximum value for the progress bar.
|
|
2021
|
+
* Defaults to `numberOfSteps`.
|
|
2022
|
+
*/
|
|
2023
|
+
'aria-valuemax'?: number;
|
|
2024
|
+
/**
|
|
2025
|
+
* Minimum value for the progress bar.
|
|
2026
|
+
* Defaults to `1`.
|
|
2027
|
+
*/
|
|
2028
|
+
'aria-valuemin'?: number;
|
|
2029
|
+
/**
|
|
2030
|
+
* Current value for the progress bar.
|
|
2031
|
+
* Defaults to `activeStepIndex + 1`.
|
|
2032
|
+
*/
|
|
2033
|
+
'aria-valuenow'?: number;
|
|
2034
|
+
/**
|
|
2035
|
+
* Accessible text describing the current progress value, e.g. "Step 3 of 5".
|
|
2036
|
+
* Maps directly to the native `aria-valuetext` attribute.
|
|
2037
|
+
*/
|
|
2038
|
+
'aria-valuetext'?: string;
|
|
2039
|
+
numberOfSteps: number;
|
|
2040
|
+
role?: AriaRole;
|
|
2041
|
+
}
|
|
2042
|
+
//#endregion
|
|
2043
|
+
//#region src/components/progressPaper/ProgressPaper.d.ts
|
|
1940
2044
|
interface ProgressPaperProps extends PaperProps, SsrProps {
|
|
1941
|
-
|
|
2045
|
+
progressDefinition: ProgressDefinition;
|
|
1942
2046
|
}
|
|
1943
|
-
declare const ProgressPaper: (props: ProgressPaperProps) =>
|
|
1944
|
-
|
|
2047
|
+
declare const ProgressPaper: (props: ProgressPaperProps) => _$react.JSX.Element;
|
|
2048
|
+
//#endregion
|
|
2049
|
+
//#region src/components/radioField/types.d.ts
|
|
1945
2050
|
declare enum RadioPosition {
|
|
1946
|
-
|
|
1947
|
-
|
|
2051
|
+
left = "left",
|
|
2052
|
+
right = "right"
|
|
1948
2053
|
}
|
|
1949
2054
|
interface RadioGeneralProps extends AriaAttributes {
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
}
|
|
1960
|
-
|
|
2055
|
+
checked?: boolean;
|
|
2056
|
+
disabled?: boolean;
|
|
2057
|
+
id?: string;
|
|
2058
|
+
invalid?: boolean;
|
|
2059
|
+
name: string;
|
|
2060
|
+
onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
|
|
2061
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
2062
|
+
role?: AriaRole;
|
|
2063
|
+
value: string;
|
|
2064
|
+
}
|
|
2065
|
+
//#endregion
|
|
2066
|
+
//#region src/components/radioButtonField/types.d.ts
|
|
1961
2067
|
interface RadioButtonLabel {
|
|
1962
|
-
|
|
1963
|
-
|
|
2068
|
+
main: ReactElement | string;
|
|
2069
|
+
top?: ReactElement | string | undefined;
|
|
1964
2070
|
}
|
|
1965
|
-
|
|
2071
|
+
//#endregion
|
|
2072
|
+
//#region src/components/radioButtonField/radioButton/RadioButton.d.ts
|
|
1966
2073
|
interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
2074
|
+
errorMessage?: ReactElement | string | undefined;
|
|
2075
|
+
label: RadioButtonLabel;
|
|
2076
|
+
ref?: Ref<HTMLInputElement>;
|
|
1970
2077
|
}
|
|
1971
|
-
declare const RadioButton: (props: RadioButtonProps) =>
|
|
1972
|
-
|
|
2078
|
+
declare const RadioButton: (props: RadioButtonProps) => _$react.JSX.Element;
|
|
2079
|
+
//#endregion
|
|
2080
|
+
//#region src/components/radioButtonField/RadioButtonField.d.ts
|
|
1973
2081
|
interface RadioButtonFieldProps extends Omit<RadioButtonProps, 'onChange'> {
|
|
1974
|
-
|
|
1975
|
-
|
|
2082
|
+
name: string;
|
|
2083
|
+
options?: RegisterOptions;
|
|
1976
2084
|
}
|
|
1977
|
-
declare const RadioButtonField: (props: RadioButtonFieldProps) =>
|
|
1978
|
-
|
|
2085
|
+
declare const RadioButtonField: (props: RadioButtonFieldProps) => _$react.JSX.Element;
|
|
2086
|
+
//#endregion
|
|
2087
|
+
//#region src/components/radioButtonGroupField/types.d.ts
|
|
1979
2088
|
interface RadioButtonGroupItem extends AriaAttributes {
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
2089
|
+
id?: string;
|
|
2090
|
+
label: RadioButtonLabel;
|
|
2091
|
+
role?: AriaRole;
|
|
2092
|
+
value: string;
|
|
1984
2093
|
}
|
|
1985
2094
|
declare enum RadioButtonGroupLayout {
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
}
|
|
1994
|
-
|
|
2095
|
+
flex = "flex",
|
|
2096
|
+
grid = "grid",
|
|
2097
|
+
/** Special layout ensuring that single item is not stretched to full width alone.
|
|
2098
|
+
* If there is only one or two items, they are displayed in 3-column layout.
|
|
2099
|
+
* Works only up to 6 items; if there are more, it behaves like `flex`.
|
|
2100
|
+
*/
|
|
2101
|
+
smartGrid = "smartGrid"
|
|
2102
|
+
}
|
|
2103
|
+
//#endregion
|
|
2104
|
+
//#region src/components/radioButtonGroupField/radioButtonGroupControl/RadioButtonGroupControl.d.ts
|
|
1995
2105
|
interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldControlProps {
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
}
|
|
2008
|
-
declare const RadioButtonGroupControl: (props: RadioButtonGroupControlProps) =>
|
|
2009
|
-
|
|
2106
|
+
buttonsLayout?: RadioButtonGroupLayout;
|
|
2107
|
+
controlWidth?: Property.Width;
|
|
2108
|
+
disabled?: boolean;
|
|
2109
|
+
gridColumns?: number;
|
|
2110
|
+
itemMinWidth?: Property.Width;
|
|
2111
|
+
items: RadioButtonGroupItem[];
|
|
2112
|
+
name: string;
|
|
2113
|
+
onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
2114
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
2115
|
+
ref?: Ref<HTMLInputElement>;
|
|
2116
|
+
value?: string;
|
|
2117
|
+
}
|
|
2118
|
+
declare const RadioButtonGroupControl: (props: RadioButtonGroupControlProps) => _$react.JSX.Element;
|
|
2119
|
+
//#endregion
|
|
2120
|
+
//#region src/components/radioButtonGroupField/radioButtonGroup/RadioButtonGroup.d.ts
|
|
2010
2121
|
declare const RadioButtonGroupBase: {
|
|
2011
|
-
|
|
2012
|
-
|
|
2122
|
+
(props: FieldWrapperReservedProps & Omit<RadioButtonGroupControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
2123
|
+
displayName: string;
|
|
2013
2124
|
};
|
|
2014
|
-
declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) =>
|
|
2125
|
+
declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) => _$react.JSX.Element;
|
|
2015
2126
|
type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
|
|
2016
|
-
|
|
2127
|
+
//#endregion
|
|
2128
|
+
//#region src/components/radioButtonGroupField/RadioButtonGroupField.d.ts
|
|
2017
2129
|
interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onBlur' | 'onChange' | 'value'> {
|
|
2018
|
-
|
|
2019
|
-
|
|
2130
|
+
name: string;
|
|
2131
|
+
options?: RegisterOptions;
|
|
2020
2132
|
}
|
|
2021
|
-
declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) =>
|
|
2022
|
-
|
|
2133
|
+
declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => _$react.JSX.Element;
|
|
2134
|
+
//#endregion
|
|
2135
|
+
//#region src/components/radioField/radioControl/RadioControl.d.ts
|
|
2023
2136
|
interface RadioControlProps extends DesignSystemBaseProps, RadioGeneralProps {
|
|
2024
|
-
|
|
2137
|
+
ref?: Ref<HTMLInputElement>;
|
|
2025
2138
|
}
|
|
2026
|
-
declare const RadioControl: (props: RadioControlProps) =>
|
|
2027
|
-
|
|
2139
|
+
declare const RadioControl: (props: RadioControlProps) => _$react.JSX.Element;
|
|
2140
|
+
//#endregion
|
|
2141
|
+
//#region src/components/radioField/radio/Radio.d.ts
|
|
2028
2142
|
interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
}
|
|
2034
|
-
declare const Radio: (props: RadioProps) =>
|
|
2035
|
-
|
|
2143
|
+
errorMessage?: ReactNode;
|
|
2144
|
+
labelColor?: string;
|
|
2145
|
+
position?: RadioPosition;
|
|
2146
|
+
tooltipPosition?: LabelTooltipPosition;
|
|
2147
|
+
}
|
|
2148
|
+
declare const Radio: (props: RadioProps) => _$react.JSX.Element;
|
|
2149
|
+
//#endregion
|
|
2150
|
+
//#region src/components/radioField/RadioField.d.ts
|
|
2036
2151
|
interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
|
|
2037
|
-
|
|
2038
|
-
|
|
2152
|
+
name: string;
|
|
2153
|
+
options?: RegisterOptions;
|
|
2039
2154
|
}
|
|
2040
|
-
declare const RadioField: (props: RadioFieldProps) =>
|
|
2041
|
-
|
|
2155
|
+
declare const RadioField: (props: RadioFieldProps) => _$react.JSX.Element;
|
|
2156
|
+
//#endregion
|
|
2157
|
+
//#region src/components/radioGroupField/types.d.ts
|
|
2042
2158
|
interface RadioGroupItem extends InputLabelPassthroughProps, AriaAttributes {
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2159
|
+
id?: string;
|
|
2160
|
+
role?: AriaRole;
|
|
2161
|
+
value: string;
|
|
2046
2162
|
}
|
|
2047
2163
|
declare enum RadioGroupDirection {
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2164
|
+
column = "column",
|
|
2165
|
+
columnReverse = "columnReverse",
|
|
2166
|
+
row = "row",
|
|
2167
|
+
rowReverse = "rowReverse"
|
|
2052
2168
|
}
|
|
2053
|
-
|
|
2169
|
+
//#endregion
|
|
2170
|
+
//#region src/components/radioGroupField/radioGroupControl/RadioGroupControl.d.ts
|
|
2054
2171
|
interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProps {
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
}
|
|
2068
|
-
declare const RadioGroupControl: (props: RadioGroupControlProps) =>
|
|
2069
|
-
|
|
2172
|
+
columnGap?: Spacing;
|
|
2173
|
+
controlWidth?: Property.Width;
|
|
2174
|
+
direction: RadioGroupDirection;
|
|
2175
|
+
disabled?: boolean;
|
|
2176
|
+
itemMinWidth?: Property.Width;
|
|
2177
|
+
items: RadioGroupItem[];
|
|
2178
|
+
name: string;
|
|
2179
|
+
onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
2180
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
2181
|
+
ref?: Ref<HTMLInputElement>;
|
|
2182
|
+
rowGap?: Spacing;
|
|
2183
|
+
value?: string;
|
|
2184
|
+
}
|
|
2185
|
+
declare const RadioGroupControl: (props: RadioGroupControlProps) => _$react.JSX.Element;
|
|
2186
|
+
//#endregion
|
|
2187
|
+
//#region src/components/radioGroupField/radioGroup/RadioGroup.d.ts
|
|
2070
2188
|
declare const RadioGroupBase: {
|
|
2071
|
-
|
|
2072
|
-
|
|
2189
|
+
(props: FieldWrapperReservedProps & Omit<RadioGroupControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
2190
|
+
displayName: string;
|
|
2073
2191
|
};
|
|
2074
|
-
declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) =>
|
|
2192
|
+
declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) => _$react.JSX.Element;
|
|
2075
2193
|
type RadioGroupProps = ComponentProps<typeof RadioGroup>;
|
|
2076
|
-
|
|
2194
|
+
//#endregion
|
|
2195
|
+
//#region src/components/radioGroupField/RadioGroupField.d.ts
|
|
2077
2196
|
interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChange' | 'value'> {
|
|
2078
|
-
|
|
2079
|
-
|
|
2197
|
+
name: string;
|
|
2198
|
+
options?: RegisterOptions;
|
|
2080
2199
|
}
|
|
2081
|
-
declare const RadioGroupField: (props: RadioGroupFieldProps) =>
|
|
2082
|
-
|
|
2200
|
+
declare const RadioGroupField: (props: RadioGroupFieldProps) => _$react.JSX.Element;
|
|
2201
|
+
//#endregion
|
|
2202
|
+
//#region src/components/searchInput/SearchInput.d.ts
|
|
2083
2203
|
interface SearchInputControlProps extends InputProps {
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2204
|
+
buttonAction?: () => void;
|
|
2205
|
+
buttonText?: ReactNode;
|
|
2206
|
+
invalid?: boolean;
|
|
2207
|
+
placeholder?: string;
|
|
2088
2208
|
}
|
|
2089
2209
|
declare const SearchInput: {
|
|
2090
|
-
|
|
2091
|
-
|
|
2210
|
+
(props: FieldWrapperReservedProps & Omit<SearchInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
2211
|
+
displayName: string;
|
|
2092
2212
|
};
|
|
2093
2213
|
type SearchInputProps = ComponentProps<typeof SearchInput>;
|
|
2094
|
-
|
|
2214
|
+
//#endregion
|
|
2215
|
+
//#region src/components/selectField/types.d.ts
|
|
2095
2216
|
declare enum SelectVariant {
|
|
2096
|
-
|
|
2097
|
-
|
|
2217
|
+
inputLike = "inputLike",
|
|
2218
|
+
text = "text"
|
|
2098
2219
|
}
|
|
2099
2220
|
declare enum SelectItemOrderSource {
|
|
2100
|
-
|
|
2101
|
-
|
|
2221
|
+
formatter = "formatter",
|
|
2222
|
+
value = "value"
|
|
2102
2223
|
}
|
|
2103
2224
|
interface SelectItemOrder {
|
|
2104
|
-
|
|
2105
|
-
|
|
2225
|
+
compareFn?: (a: unknown, b: unknown) => number;
|
|
2226
|
+
source: SelectItemOrderSource;
|
|
2106
2227
|
}
|
|
2107
2228
|
type SelectItem = boolean | number | object | string | null;
|
|
2108
|
-
|
|
2229
|
+
//#endregion
|
|
2230
|
+
//#region src/components/selectField/selectControl/SelectControl.d.ts
|
|
2109
2231
|
interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps, DesignSystemBaseProps {
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
}
|
|
2125
|
-
declare const SelectControl: <TItem extends SelectItem>(props: SelectControlProps<TItem>) =>
|
|
2126
|
-
|
|
2232
|
+
ariaLabel?: string;
|
|
2233
|
+
disabled?: boolean;
|
|
2234
|
+
formatter?: Formatter<TItem, ReactNode>;
|
|
2235
|
+
getItemKey?: (item: TItem | null) => number | string;
|
|
2236
|
+
iconSystem?: IconSystemType;
|
|
2237
|
+
id?: string;
|
|
2238
|
+
itemOrder?: SelectItemOrder;
|
|
2239
|
+
items: TItem[];
|
|
2240
|
+
nilMessage?: string;
|
|
2241
|
+
onBlur?: FocusEventHandler<HTMLDivElement>;
|
|
2242
|
+
onChange: (item: TItem | null) => void;
|
|
2243
|
+
ref?: Ref<HTMLDivElement>;
|
|
2244
|
+
value: TItem | null;
|
|
2245
|
+
variant?: SelectVariant;
|
|
2246
|
+
}
|
|
2247
|
+
declare const SelectControl: <TItem extends SelectItem>(props: SelectControlProps<TItem>) => _$react.JSX.Element;
|
|
2248
|
+
//#endregion
|
|
2249
|
+
//#region src/components/selectField/select/Select.d.ts
|
|
2127
2250
|
type SelectProps<TItem extends SelectItem> = FieldWrapperReservedProps & SelectControlProps<TItem>;
|
|
2128
2251
|
declare const Select: <TItem extends SelectItem>(props: SelectProps<TItem>) => ReactElement;
|
|
2129
|
-
|
|
2252
|
+
//#endregion
|
|
2253
|
+
//#region src/components/selectField/SelectField.d.ts
|
|
2130
2254
|
interface SelectFieldProps<TItem extends SelectItem> extends Omit<SelectProps<TItem>, 'onChange' | 'value'> {
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
}
|
|
2136
|
-
declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) =>
|
|
2137
|
-
|
|
2255
|
+
defaultValue?: TItem | null;
|
|
2256
|
+
name: string;
|
|
2257
|
+
options?: RegisterOptions;
|
|
2258
|
+
shouldResetInvalidValues?: boolean;
|
|
2259
|
+
}
|
|
2260
|
+
declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => _$react.JSX.Element;
|
|
2261
|
+
//#endregion
|
|
2262
|
+
//#region src/components/sliderInputField/types.d.ts
|
|
2138
2263
|
declare enum SliderInputRoundingType {
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2264
|
+
ceilBySteps = "ceilBySteps",
|
|
2265
|
+
ceilToThousands = "ceilToThousands",
|
|
2266
|
+
floorBySteps = "floorBySteps",
|
|
2267
|
+
floorToThousands = "floorToThousands",
|
|
2268
|
+
roundBySteps = "roundBySteps",
|
|
2269
|
+
roundToThousands = "roundToThousands"
|
|
2145
2270
|
}
|
|
2146
|
-
|
|
2147
2271
|
interface SliderBreakpoint {
|
|
2148
|
-
|
|
2149
|
-
|
|
2272
|
+
bottomBreakpoint: number;
|
|
2273
|
+
step: number;
|
|
2150
2274
|
}
|
|
2151
2275
|
interface SliderSteps {
|
|
2152
|
-
|
|
2153
|
-
|
|
2276
|
+
baseStep: number;
|
|
2277
|
+
breakpointList: SliderBreakpoint[];
|
|
2154
2278
|
}
|
|
2155
2279
|
declare enum SliderStepType {
|
|
2156
|
-
|
|
2157
|
-
|
|
2280
|
+
visuallyLinearByValue = "visuallyLinearByValue",
|
|
2281
|
+
visuallySameStepSize = "visuallySameStepSize"
|
|
2158
2282
|
}
|
|
2159
2283
|
interface SliderMinMaxLabels {
|
|
2160
|
-
|
|
2161
|
-
|
|
2284
|
+
max: ReactElement | string;
|
|
2285
|
+
min: ReactElement | string;
|
|
2162
2286
|
}
|
|
2163
2287
|
interface SliderAriaValueTextFormatterContext {
|
|
2164
|
-
|
|
2165
|
-
|
|
2288
|
+
clampMax?: number;
|
|
2289
|
+
clampMin?: number;
|
|
2166
2290
|
}
|
|
2167
2291
|
type SliderAriaValueTextFormatter = Formatter<number, string, SliderAriaValueTextFormatterContext>;
|
|
2168
2292
|
interface SliderInputLimitExceededLiveTextFormatterContext {
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2293
|
+
clampMax?: number;
|
|
2294
|
+
clampMin?: number;
|
|
2295
|
+
effectiveMax: number;
|
|
2296
|
+
effectiveMin: number;
|
|
2297
|
+
max: number;
|
|
2298
|
+
min: number;
|
|
2299
|
+
oldValue: number;
|
|
2176
2300
|
}
|
|
2177
2301
|
type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, SliderInputLimitExceededLiveTextFormatterContext>;
|
|
2178
|
-
|
|
2302
|
+
//#endregion
|
|
2303
|
+
//#region src/components/sliderInputField/sliderInput/SliderInput.d.ts
|
|
2179
2304
|
interface SliderInputProps extends DesignSystemBaseProps, InputLabelPassthroughProps {
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2305
|
+
ariaLabelForHandle?: string;
|
|
2306
|
+
ariaLabelledByForHandle?: string;
|
|
2307
|
+
ariaValueTextFormatter?: SliderAriaValueTextFormatter;
|
|
2308
|
+
/** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
|
|
2309
|
+
clampMax?: number;
|
|
2310
|
+
/** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
|
|
2311
|
+
clampMin?: number;
|
|
2312
|
+
colorInput?: string;
|
|
2313
|
+
disabled?: boolean;
|
|
2314
|
+
hintText?: ReactElement | string;
|
|
2315
|
+
id?: string;
|
|
2316
|
+
inputLimitExceededLiveTextFormatter?: SliderInputLimitExceededLiveTextFormatter;
|
|
2317
|
+
inputNote?: ReactElement | string;
|
|
2318
|
+
inputRoundingType?: SliderInputRoundingType;
|
|
2319
|
+
invalid?: boolean;
|
|
2320
|
+
isInputHidden?: boolean;
|
|
2321
|
+
max: number;
|
|
2322
|
+
min: number;
|
|
2323
|
+
minMaxLabels?: SliderMinMaxLabels;
|
|
2324
|
+
name: string;
|
|
2325
|
+
/**
|
|
2326
|
+
* Callback triggered when either the input field or the slider thumb loses focus.
|
|
2327
|
+
*/
|
|
2328
|
+
onBlur?: () => void;
|
|
2329
|
+
/**
|
|
2330
|
+
* Callback triggered after the value is finalized, either by completing slider movement or by finalizing input (onBlur or Enter).
|
|
2331
|
+
*/
|
|
2332
|
+
onChange?: (value: number) => void;
|
|
2333
|
+
/**
|
|
2334
|
+
* Callback triggered on every change in the input field, before the user blurs the field or presses Enter.
|
|
2335
|
+
* It is also called after completing slider movement or finalizing input (on Enter orBlur),
|
|
2336
|
+
* if the value needs to be adjusted (e.g., clamped to max if it exceeds the allowed maximum).
|
|
2337
|
+
*/
|
|
2338
|
+
onInputChange?: (value: string) => void;
|
|
2339
|
+
/**
|
|
2340
|
+
* Callback triggered on every slider value change during movement (e.g., while dragging the thumb).
|
|
2341
|
+
* Also called when the value is finalized via input (onBlur or Enter).
|
|
2342
|
+
* Useful when another slider or component should react immediately to this slider’s changes.
|
|
2343
|
+
*/
|
|
2344
|
+
onSliderChange?: (value: number) => void;
|
|
2345
|
+
prefix?: ReactNode;
|
|
2346
|
+
ref?: Ref<HTMLInputElement>;
|
|
2347
|
+
steps: SliderSteps;
|
|
2348
|
+
stepType: SliderStepType;
|
|
2349
|
+
suffix?: ReactNode;
|
|
2350
|
+
value: number;
|
|
2351
|
+
weight?: FontWeight;
|
|
2227
2352
|
}
|
|
2228
2353
|
/**
|
|
2229
2354
|
* The `SliderInput` component triggers the `onChange` callback only after the user either:
|
|
@@ -2239,409 +2364,442 @@ interface SliderInputProps extends DesignSystemBaseProps, InputLabelPassthroughP
|
|
|
2239
2364
|
* and `onInputChange` callbacks. These callbacks are triggered on every change during slider movement
|
|
2240
2365
|
* or while typing in the input field, before the user finalizes their selection with Enter or onBlur.
|
|
2241
2366
|
*/
|
|
2242
|
-
declare const SliderInput: (props: SliderInputProps) =>
|
|
2243
|
-
|
|
2367
|
+
declare const SliderInput: (props: SliderInputProps) => _$react.JSX.Element;
|
|
2368
|
+
//#endregion
|
|
2369
|
+
//#region src/components/sliderInputField/slider/Slider.d.ts
|
|
2244
2370
|
interface SliderProps extends DesignSystemBaseProps {
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
}
|
|
2265
|
-
declare const Slider: (props: SliderProps) =>
|
|
2266
|
-
|
|
2371
|
+
ariaLabelForHandle?: string;
|
|
2372
|
+
ariaLabelledByForHandle?: string;
|
|
2373
|
+
ariaValueTextFormatter?: SliderAriaValueTextFormatter;
|
|
2374
|
+
/** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
|
|
2375
|
+
clampMax?: number;
|
|
2376
|
+
/** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
|
|
2377
|
+
clampMin?: number;
|
|
2378
|
+
disable?: boolean | undefined;
|
|
2379
|
+
max: number;
|
|
2380
|
+
min: number;
|
|
2381
|
+
minMaxLabels: SliderMinMaxLabels | undefined;
|
|
2382
|
+
onBlur?: FocusEventHandler<HTMLDivElement>;
|
|
2383
|
+
/** it is triggered during movement */
|
|
2384
|
+
onChange: (value: number) => void;
|
|
2385
|
+
/** it is triggered after the user drops the handle */
|
|
2386
|
+
onFinalChange: (value: number) => void;
|
|
2387
|
+
steps: SliderSteps;
|
|
2388
|
+
stepType: SliderStepType;
|
|
2389
|
+
value: number;
|
|
2390
|
+
}
|
|
2391
|
+
declare const Slider: (props: SliderProps) => _$react.JSX.Element;
|
|
2392
|
+
//#endregion
|
|
2393
|
+
//#region src/components/sliderInputField/SliderInputField.d.ts
|
|
2267
2394
|
interface SliderInputFieldProps extends Omit<SliderInputProps, 'onChange' | 'value'> {
|
|
2268
|
-
|
|
2395
|
+
options?: RegisterOptions;
|
|
2269
2396
|
}
|
|
2270
2397
|
/**
|
|
2271
2398
|
* Note: You must set the `defaultValues` for this field in `useForm`. Without it, the field throw error.
|
|
2272
2399
|
*/
|
|
2273
|
-
declare const SliderInputField: (props: SliderInputFieldProps) =>
|
|
2274
|
-
|
|
2400
|
+
declare const SliderInputField: (props: SliderInputFieldProps) => _$react.JSX.Element;
|
|
2401
|
+
//#endregion
|
|
2402
|
+
//#region src/components/spanButton/SpanButton.d.ts
|
|
2275
2403
|
interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
}
|
|
2286
|
-
declare const SpanButton: (props: SpanButtonProps) =>
|
|
2287
|
-
|
|
2404
|
+
borderRadius?: BorderRadius;
|
|
2405
|
+
children?: ReactNode;
|
|
2406
|
+
className?: string;
|
|
2407
|
+
disabled?: boolean;
|
|
2408
|
+
id?: string;
|
|
2409
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
2410
|
+
onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
2411
|
+
onMouseUp?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
2412
|
+
onTouchStart?: (event: TouchEvent<HTMLButtonElement>) => void;
|
|
2413
|
+
}
|
|
2414
|
+
declare const SpanButton: (props: SpanButtonProps) => _$react.JSX.Element;
|
|
2415
|
+
//#endregion
|
|
2416
|
+
//#region src/components/stack/types.d.ts
|
|
2288
2417
|
declare enum StackDirection {
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2418
|
+
column = "column",
|
|
2419
|
+
columnReverse = "columnReverse",
|
|
2420
|
+
row = "row",
|
|
2421
|
+
rowReverse = "rowReverse"
|
|
2293
2422
|
}
|
|
2294
|
-
|
|
2423
|
+
//#endregion
|
|
2424
|
+
//#region src/components/stack/Stack.d.ts
|
|
2295
2425
|
interface StackProps extends AriaAttributes {
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
}
|
|
2308
|
-
declare const Stack: (props: StackProps) =>
|
|
2309
|
-
|
|
2426
|
+
as?: ElementType;
|
|
2427
|
+
children?: ReactNode;
|
|
2428
|
+
className?: string;
|
|
2429
|
+
direction?: StackDirection;
|
|
2430
|
+
fullWidth?: boolean;
|
|
2431
|
+
gap?: Spacing;
|
|
2432
|
+
id?: string;
|
|
2433
|
+
ref?: Ref<HTMLDivElement>;
|
|
2434
|
+
role?: AriaRole;
|
|
2435
|
+
tabIndex?: number;
|
|
2436
|
+
wrap?: FlexWrap;
|
|
2437
|
+
}
|
|
2438
|
+
declare const Stack: (props: StackProps) => _$react.JSX.Element;
|
|
2439
|
+
//#endregion
|
|
2440
|
+
//#region src/components/stepper/types.d.ts
|
|
2310
2441
|
declare enum StepperVariant {
|
|
2311
|
-
|
|
2312
|
-
|
|
2442
|
+
horizontal = "horizontal",
|
|
2443
|
+
vertical = "vertical"
|
|
2313
2444
|
}
|
|
2314
|
-
|
|
2445
|
+
//#endregion
|
|
2446
|
+
//#region src/components/stepper/stepperItem/StepperItem.d.ts
|
|
2315
2447
|
interface StepperItemProps {
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
}
|
|
2325
|
-
|
|
2448
|
+
disabled?: boolean;
|
|
2449
|
+
id: string;
|
|
2450
|
+
index: number;
|
|
2451
|
+
isActive?: boolean;
|
|
2452
|
+
isCompleted?: boolean;
|
|
2453
|
+
onClick?: () => void;
|
|
2454
|
+
text?: ReactNode | string;
|
|
2455
|
+
variant: StepperVariant;
|
|
2456
|
+
}
|
|
2457
|
+
//#endregion
|
|
2458
|
+
//#region src/components/stepper/Stepper.d.ts
|
|
2326
2459
|
interface StepperProps {
|
|
2327
|
-
|
|
2328
|
-
|
|
2460
|
+
steps: StepperItemProps[];
|
|
2461
|
+
variant: StepperVariant;
|
|
2329
2462
|
}
|
|
2330
|
-
declare const Stepper: (props: StepperProps) =>
|
|
2331
|
-
|
|
2463
|
+
declare const Stepper: (props: StepperProps) => _$react.JSX.Element;
|
|
2464
|
+
//#endregion
|
|
2465
|
+
//#region src/components/storeButton/types.d.ts
|
|
2332
2466
|
declare enum StoreButtonVariant {
|
|
2333
|
-
|
|
2334
|
-
|
|
2467
|
+
android = "android",
|
|
2468
|
+
apple = "apple"
|
|
2335
2469
|
}
|
|
2336
2470
|
declare enum StoreButtonSize {
|
|
2337
|
-
|
|
2338
|
-
|
|
2471
|
+
big = "big",
|
|
2472
|
+
small = "small"
|
|
2339
2473
|
}
|
|
2340
|
-
|
|
2474
|
+
//#endregion
|
|
2475
|
+
//#region src/components/storeButton/StoreButton.d.ts
|
|
2341
2476
|
interface StoreButtonProps {
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2477
|
+
href: string;
|
|
2478
|
+
size: StoreButtonSize;
|
|
2479
|
+
variant: StoreButtonVariant;
|
|
2345
2480
|
}
|
|
2346
|
-
declare const StoreButton: (props: StoreButtonProps) =>
|
|
2347
|
-
|
|
2481
|
+
declare const StoreButton: (props: StoreButtonProps) => _$react.JSX.Element;
|
|
2482
|
+
//#endregion
|
|
2483
|
+
//#region src/components/table/types.d.ts
|
|
2348
2484
|
declare enum TableVariant {
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2485
|
+
exchange = "exchange",
|
|
2486
|
+
simple = "simple",
|
|
2487
|
+
simpleWithoutShadow = "simpleWithoutShadow"
|
|
2352
2488
|
}
|
|
2353
2489
|
declare enum TableTextAlign {
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2490
|
+
center = "center",
|
|
2491
|
+
left = "left",
|
|
2492
|
+
right = "right"
|
|
2357
2493
|
}
|
|
2358
2494
|
declare enum TableHeadScope {
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2495
|
+
col = "col",
|
|
2496
|
+
colgroup = "colgroup",
|
|
2497
|
+
row = "row",
|
|
2498
|
+
rowgroup = "rowgroup"
|
|
2363
2499
|
}
|
|
2364
|
-
|
|
2500
|
+
//#endregion
|
|
2501
|
+
//#region src/components/table/table/Table.d.ts
|
|
2365
2502
|
interface TableProps {
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2503
|
+
children: ReactNode;
|
|
2504
|
+
variant: TableVariant;
|
|
2505
|
+
width?: Property.Width;
|
|
2369
2506
|
}
|
|
2370
|
-
declare const Table: (props: TableProps) =>
|
|
2371
|
-
|
|
2507
|
+
declare const Table: (props: TableProps) => _$react.JSX.Element;
|
|
2508
|
+
//#endregion
|
|
2509
|
+
//#region src/components/table/tableBody/TableBody.d.ts
|
|
2372
2510
|
interface TableBodyProps {
|
|
2373
|
-
|
|
2511
|
+
children: ReactNode;
|
|
2374
2512
|
}
|
|
2375
|
-
declare const TableBody: (props: TableBodyProps) =>
|
|
2376
|
-
|
|
2513
|
+
declare const TableBody: (props: TableBodyProps) => _$react.JSX.Element;
|
|
2514
|
+
//#endregion
|
|
2515
|
+
//#region src/components/table/tableData/TableData.d.ts
|
|
2377
2516
|
interface TableDataProps extends DesignSystemBaseProps {
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
}
|
|
2384
|
-
declare const TableData: (props: TableDataProps) =>
|
|
2385
|
-
|
|
2517
|
+
children: ReactNode;
|
|
2518
|
+
delimiter?: boolean;
|
|
2519
|
+
headers?: string;
|
|
2520
|
+
textAlign?: TableTextAlign;
|
|
2521
|
+
variant: TableVariant;
|
|
2522
|
+
}
|
|
2523
|
+
declare const TableData: (props: TableDataProps) => _$react.JSX.Element;
|
|
2524
|
+
//#endregion
|
|
2525
|
+
//#region src/components/table/tableHead/TableHead.d.ts
|
|
2386
2526
|
interface TableHeadProps {
|
|
2387
|
-
|
|
2527
|
+
children: ReactNode;
|
|
2388
2528
|
}
|
|
2389
|
-
declare const TableHead: (props: TableHeadProps) =>
|
|
2390
|
-
|
|
2529
|
+
declare const TableHead: (props: TableHeadProps) => _$react.JSX.Element;
|
|
2530
|
+
//#endregion
|
|
2531
|
+
//#region src/components/table/tableHeadData/TableHeadData.d.ts
|
|
2391
2532
|
interface TableHeadDataProps extends DesignSystemBaseProps {
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
}
|
|
2401
|
-
declare const TableHeadData: (props: TableHeadDataProps) =>
|
|
2402
|
-
|
|
2533
|
+
abbr?: string;
|
|
2534
|
+
children: ReactNode;
|
|
2535
|
+
delimiter?: boolean;
|
|
2536
|
+
headers?: string;
|
|
2537
|
+
scope?: TableHeadScope;
|
|
2538
|
+
textAlign?: TableTextAlign;
|
|
2539
|
+
variant: TableVariant;
|
|
2540
|
+
width?: Property.Width;
|
|
2541
|
+
}
|
|
2542
|
+
declare const TableHeadData: (props: TableHeadDataProps) => _$react.JSX.Element;
|
|
2543
|
+
//#endregion
|
|
2544
|
+
//#region src/components/table/tableRow/TableRow.d.ts
|
|
2403
2545
|
interface TableRowProps extends DesignSystemBaseProps {
|
|
2404
|
-
|
|
2405
|
-
|
|
2546
|
+
children: ReactNode;
|
|
2547
|
+
variant: TableVariant;
|
|
2406
2548
|
}
|
|
2407
|
-
declare const TableRow: (props: TableRowProps) =>
|
|
2408
|
-
|
|
2549
|
+
declare const TableRow: (props: TableRowProps) => _$react.JSX.Element;
|
|
2550
|
+
//#endregion
|
|
2551
|
+
//#region src/components/tabs/types.d.ts
|
|
2409
2552
|
declare enum TabsVariant {
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
|
|
2553
|
+
infoTags = "infoTags",
|
|
2554
|
+
primary = "primary",
|
|
2555
|
+
secondary = "secondary",
|
|
2556
|
+
tertiary = "tertiary"
|
|
2414
2557
|
}
|
|
2415
2558
|
declare enum TabsSize {
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2559
|
+
xs = "xs",
|
|
2560
|
+
sm = "sm",
|
|
2561
|
+
md = "md",
|
|
2562
|
+
lg = "lg"
|
|
2420
2563
|
}
|
|
2421
2564
|
declare enum TabsActiveTabDefaultPosition {
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2565
|
+
center = "center",
|
|
2566
|
+
noScrolling = "noScrolling",
|
|
2567
|
+
scrollOnlyWhenNotVisible = "scrollOnlyWhenNotVisible"
|
|
2425
2568
|
}
|
|
2426
2569
|
declare enum TabsWrap {
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2570
|
+
noWrap = "noWrap",
|
|
2571
|
+
/**
|
|
2572
|
+
* Tabs wrap to the next line based on the container width instead of scrolling.
|
|
2573
|
+
* Each tab sizes according to its text content.
|
|
2574
|
+
* This option is intended only for {@link TabsVariant.infoTags}.
|
|
2575
|
+
* When enabled, {@link TabsActiveTabDefaultPosition} has no effect.
|
|
2576
|
+
*/
|
|
2577
|
+
wrap = "wrap"
|
|
2435
2578
|
}
|
|
2436
2579
|
interface TabItemType {
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2580
|
+
ariaControls?: string;
|
|
2581
|
+
as?: ElementType;
|
|
2582
|
+
href?: string;
|
|
2583
|
+
icon?: ReactNode;
|
|
2584
|
+
id: string;
|
|
2585
|
+
isActive?: boolean;
|
|
2586
|
+
onActivate?: () => void;
|
|
2587
|
+
text?: ReactElement | string;
|
|
2445
2588
|
}
|
|
2446
2589
|
interface TabsType {
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
}
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
}
|
|
2590
|
+
activeTabDefaultPosition: TabsActiveTabDefaultPosition;
|
|
2591
|
+
fullWidth?: boolean;
|
|
2592
|
+
/**
|
|
2593
|
+
* Controls the gap between individual tab items.
|
|
2594
|
+
* Defaults to {@link Spacing.xxs}.
|
|
2595
|
+
*/
|
|
2596
|
+
gap?: Spacing;
|
|
2597
|
+
/**
|
|
2598
|
+
* Removes the border and background from the tabs container.
|
|
2599
|
+
* Defaults to `false`.
|
|
2600
|
+
*/
|
|
2601
|
+
noBorder?: boolean;
|
|
2602
|
+
size?: TabsSize;
|
|
2603
|
+
tabItems: TabItemType[];
|
|
2604
|
+
variant: TabsVariant;
|
|
2605
|
+
wrap?: TabsWrap;
|
|
2606
|
+
}
|
|
2607
|
+
//#endregion
|
|
2608
|
+
//#region src/components/tabs/Tabs.d.ts
|
|
2609
|
+
interface TabsProps extends TabsType, DesignSystemBaseProps {}
|
|
2467
2610
|
/**
|
|
2468
2611
|
* This component implements accessibility for tabs according to W3C WAI-ARIA guidelines.
|
|
2469
2612
|
* To ensure proper functionality, tab panels must also be described using ARIA attributes.
|
|
2470
2613
|
*
|
|
2471
2614
|
* More info: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/
|
|
2472
2615
|
*/
|
|
2473
|
-
declare const Tabs: (props: TabsProps) =>
|
|
2474
|
-
|
|
2616
|
+
declare const Tabs: (props: TabsProps) => _$react.JSX.Element;
|
|
2617
|
+
//#endregion
|
|
2618
|
+
//#region src/components/tag/types.d.ts
|
|
2475
2619
|
declare enum TagType {
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2620
|
+
alert = "alert",
|
|
2621
|
+
info = "info",
|
|
2622
|
+
infoLight = "infoLight",
|
|
2623
|
+
invert = "invert",
|
|
2624
|
+
neutralDefault = "neutralDefault",
|
|
2625
|
+
neutralSubtle = "neutralSubtle",
|
|
2626
|
+
success = "success",
|
|
2627
|
+
warning = "warning"
|
|
2484
2628
|
}
|
|
2485
2629
|
declare enum TagSize {
|
|
2486
|
-
|
|
2487
|
-
|
|
2630
|
+
md = "md",
|
|
2631
|
+
sm = "sm"
|
|
2488
2632
|
}
|
|
2489
2633
|
declare enum TagTextTransform {
|
|
2490
|
-
|
|
2491
|
-
|
|
2634
|
+
none = "none",
|
|
2635
|
+
uppercase = "uppercase"
|
|
2492
2636
|
}
|
|
2493
2637
|
declare enum TagIconPosition {
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2638
|
+
left = "left",
|
|
2639
|
+
right = "right",
|
|
2640
|
+
top = "top"
|
|
2497
2641
|
}
|
|
2498
|
-
|
|
2642
|
+
//#endregion
|
|
2643
|
+
//#region src/components/tag/Tag.d.ts
|
|
2499
2644
|
interface TagProps extends DesignSystemBaseProps, AriaAttributes {
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
}
|
|
2519
|
-
declare const Tag: (props: TagProps) =>
|
|
2520
|
-
|
|
2645
|
+
as?: ElementType;
|
|
2646
|
+
children: ReactNode;
|
|
2647
|
+
className?: string;
|
|
2648
|
+
fontWeight?: FontWeight;
|
|
2649
|
+
href?: string;
|
|
2650
|
+
iconPosition?: TagIconPosition;
|
|
2651
|
+
iconProduct?: IconProductType;
|
|
2652
|
+
iconSystem?: IconSystemType;
|
|
2653
|
+
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
2654
|
+
onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
2655
|
+
ref?: Ref<HTMLDivElement>;
|
|
2656
|
+
role?: AriaRole;
|
|
2657
|
+
size?: TagSize;
|
|
2658
|
+
tabIndex?: number;
|
|
2659
|
+
textDecoration?: TextDecoration;
|
|
2660
|
+
textTransform?: TagTextTransform;
|
|
2661
|
+
type: TagType;
|
|
2662
|
+
whiteSpace?: WhiteSpace;
|
|
2663
|
+
}
|
|
2664
|
+
declare const Tag: (props: TagProps) => _$react.JSX.Element;
|
|
2665
|
+
//#endregion
|
|
2666
|
+
//#region src/components/textAreaField/textArea/TextArea.d.ts
|
|
2521
2667
|
interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
|
|
2522
|
-
|
|
2668
|
+
ref?: Ref<HTMLTextAreaElement>;
|
|
2523
2669
|
}
|
|
2524
2670
|
declare const TextArea: {
|
|
2525
|
-
|
|
2526
|
-
|
|
2671
|
+
(props: FieldWrapperReservedProps & Omit<TextAreaControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
2672
|
+
displayName: string;
|
|
2527
2673
|
};
|
|
2528
2674
|
type TextAreaProps = ComponentProps<typeof TextArea>;
|
|
2529
|
-
|
|
2675
|
+
//#endregion
|
|
2676
|
+
//#region src/components/textAreaField/TextAreaField.d.ts
|
|
2530
2677
|
interface TextAreaFieldProps extends Omit<TextAreaProps, 'onChange' | 'value'> {
|
|
2531
|
-
|
|
2532
|
-
|
|
2678
|
+
name: string;
|
|
2679
|
+
options?: RegisterOptions;
|
|
2533
2680
|
}
|
|
2534
|
-
declare const TextAreaField: (props: TextAreaFieldProps) =>
|
|
2535
|
-
|
|
2681
|
+
declare const TextAreaField: (props: TextAreaFieldProps) => _$react.JSX.Element;
|
|
2682
|
+
//#endregion
|
|
2683
|
+
//#region src/components/textInputField/textInput/TextInput.d.ts
|
|
2536
2684
|
interface TextInputControlProps extends InputProps {
|
|
2537
|
-
|
|
2538
|
-
|
|
2685
|
+
iconSystem?: IconSystemType;
|
|
2686
|
+
placeholder?: string;
|
|
2539
2687
|
}
|
|
2540
2688
|
declare const TextInput: {
|
|
2541
|
-
|
|
2542
|
-
|
|
2689
|
+
(props: FieldWrapperReservedProps & Omit<TextInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
2690
|
+
displayName: string;
|
|
2543
2691
|
};
|
|
2544
2692
|
type TextInputProps = ComponentProps<typeof TextInput>;
|
|
2545
|
-
|
|
2693
|
+
//#endregion
|
|
2694
|
+
//#region src/components/textInputField/TextInputField.d.ts
|
|
2546
2695
|
interface TextInputFieldProps extends Omit<TextInputProps, 'onChange' | 'value'> {
|
|
2547
|
-
|
|
2548
|
-
|
|
2696
|
+
name: string;
|
|
2697
|
+
options?: RegisterOptions;
|
|
2549
2698
|
}
|
|
2550
|
-
declare const TextInputField: (props: TextInputFieldProps) =>
|
|
2551
|
-
|
|
2699
|
+
declare const TextInputField: (props: TextInputFieldProps) => _$react.JSX.Element;
|
|
2700
|
+
//#endregion
|
|
2701
|
+
//#region src/components/toggle/Toggle.d.ts
|
|
2552
2702
|
interface ToggleProps {
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2703
|
+
defaultValue?: boolean;
|
|
2704
|
+
disabled?: boolean;
|
|
2705
|
+
id: string | undefined;
|
|
2706
|
+
label?: ReactNode | string;
|
|
2707
|
+
name: string;
|
|
2708
|
+
onChange?: (value: boolean) => void;
|
|
2559
2709
|
}
|
|
2560
2710
|
/**
|
|
2561
2711
|
* Currently not compatible with react-hook-form
|
|
2562
2712
|
*/
|
|
2563
|
-
declare const Toggle: (props: ToggleProps) =>
|
|
2564
|
-
|
|
2713
|
+
declare const Toggle: (props: ToggleProps) => _$react.JSX.Element;
|
|
2714
|
+
//#endregion
|
|
2715
|
+
//#region src/components/trailingTextInput/TrailingTextInput.d.ts
|
|
2565
2716
|
interface TrailingTextInputControlProps extends InputProps {
|
|
2566
|
-
|
|
2567
|
-
|
|
2717
|
+
placeholder?: string;
|
|
2718
|
+
suffix?: ReactNode;
|
|
2568
2719
|
}
|
|
2569
2720
|
declare const TrailingTextInput: {
|
|
2570
|
-
|
|
2571
|
-
|
|
2721
|
+
(props: FieldWrapperReservedProps & Omit<TrailingTextInputControlProps, "label" | "note" | "tooltip" | "layout" | "errorMessage" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "hiddenHintText" | "hintText" | "optionality" | "successMessage">): _$react.JSX.Element;
|
|
2722
|
+
displayName: string;
|
|
2572
2723
|
};
|
|
2573
2724
|
type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
|
|
2574
|
-
|
|
2725
|
+
//#endregion
|
|
2726
|
+
//#region src/components/typography/types.d.ts
|
|
2575
2727
|
declare enum TypographyVariant {
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2728
|
+
textXs = "textXs",
|
|
2729
|
+
textSm = "textSm",
|
|
2730
|
+
textMd = "textMd",
|
|
2731
|
+
textLg = "textLg",
|
|
2732
|
+
h1 = "h1",
|
|
2733
|
+
h2 = "h2",
|
|
2734
|
+
h3 = "h3",
|
|
2735
|
+
h4 = "h4",
|
|
2736
|
+
h5 = "h5"
|
|
2585
2737
|
}
|
|
2586
2738
|
declare enum TypographyTextAlign {
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2739
|
+
center = "center",
|
|
2740
|
+
left = "left",
|
|
2741
|
+
right = "right"
|
|
2590
2742
|
}
|
|
2591
|
-
|
|
2743
|
+
//#endregion
|
|
2744
|
+
//#region src/components/typography/Typography.d.ts
|
|
2592
2745
|
interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
}
|
|
2609
|
-
declare const Typography: (props: TypographyProps) =>
|
|
2610
|
-
|
|
2746
|
+
as?: ElementType;
|
|
2747
|
+
children: ReactNode;
|
|
2748
|
+
className?: string;
|
|
2749
|
+
color?: ColorObject | string;
|
|
2750
|
+
decoration?: TextDecoration;
|
|
2751
|
+
fullWidth?: boolean;
|
|
2752
|
+
id?: string;
|
|
2753
|
+
onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
|
|
2754
|
+
ref?: Ref<HTMLElement>;
|
|
2755
|
+
role?: AriaRole;
|
|
2756
|
+
tabIndex?: number;
|
|
2757
|
+
textAlign?: TypographyTextAlign;
|
|
2758
|
+
variant?: TypographyVariant;
|
|
2759
|
+
weight?: FontWeight;
|
|
2760
|
+
whiteSpace?: WhiteSpace;
|
|
2761
|
+
}
|
|
2762
|
+
declare const Typography: (props: TypographyProps) => _$react.JSX.Element;
|
|
2763
|
+
//#endregion
|
|
2764
|
+
//#region src/components/visuallyHidden/VisuallyHidden.d.ts
|
|
2611
2765
|
interface VisuallyHiddenProps extends AriaAttributes {
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
}
|
|
2617
|
-
declare const VisuallyHidden: (props: VisuallyHiddenProps) =>
|
|
2618
|
-
|
|
2766
|
+
as?: ElementType;
|
|
2767
|
+
children: ReactNode;
|
|
2768
|
+
id?: string;
|
|
2769
|
+
role?: AriaRole;
|
|
2770
|
+
}
|
|
2771
|
+
declare const VisuallyHidden: (props: VisuallyHiddenProps) => _$react.JSX.Element;
|
|
2772
|
+
//#endregion
|
|
2773
|
+
//#region src/hooks/useUniqueIdIfIsUndefined.d.ts
|
|
2619
2774
|
declare const useUniqueIdIfIsUndefined: (idParam: string | undefined) => string;
|
|
2620
|
-
|
|
2775
|
+
//#endregion
|
|
2776
|
+
//#region src/constants.d.ts
|
|
2621
2777
|
declare const liferayClassNames: {
|
|
2622
|
-
|
|
2623
|
-
|
|
2778
|
+
tooltipInfoButton: string;
|
|
2779
|
+
label: string;
|
|
2624
2780
|
};
|
|
2625
2781
|
declare const htmlNbsp = "\u00A0";
|
|
2626
|
-
|
|
2782
|
+
//#endregion
|
|
2783
|
+
//#region src/form/FormConfigProvider.d.ts
|
|
2627
2784
|
interface FormConfigProviderProps {
|
|
2628
|
-
|
|
2629
|
-
|
|
2785
|
+
children: ReactNode;
|
|
2786
|
+
config: FormConfig;
|
|
2630
2787
|
}
|
|
2631
|
-
declare const FormConfigProvider: (props: FormConfigProviderProps) =>
|
|
2632
|
-
|
|
2788
|
+
declare const FormConfigProvider: (props: FormConfigProviderProps) => _$react.JSX.Element;
|
|
2789
|
+
//#endregion
|
|
2790
|
+
//#region src/form/useForm.d.ts
|
|
2633
2791
|
interface UseFormCaptchaProp {
|
|
2634
|
-
|
|
2635
|
-
|
|
2792
|
+
action: string;
|
|
2793
|
+
type: CaptchaType;
|
|
2636
2794
|
}
|
|
2637
2795
|
interface UseFormProps<TFieldValues extends FieldValues> extends UseFormProps$1<TFieldValues>, Pick<FormConfig, 'onSubmitHandlerError' | 'reCaptchaV3Config' | 'resolveThrownFormErrors' | 'thrownFieldLevelErrorFormatter'> {
|
|
2638
|
-
|
|
2639
|
-
|
|
2796
|
+
captcha?: UseFormCaptchaProp;
|
|
2797
|
+
schema?: z.ZodType;
|
|
2640
2798
|
}
|
|
2641
2799
|
type UseFormHandleSubmit<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> = (onValid: TSubmitValues extends FieldValues ? SubmitHandler<TSubmitValues> : SubmitHandler<TFieldValues>, onInvalid?: SubmitErrorHandler<TFieldValues>) => (event?: BaseSyntheticEvent) => Promise<void>;
|
|
2642
2800
|
type UseFormReturn<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> = Omit<UseFormReturn$1<TFieldValues, any, TSubmitValues>, 'handleSubmit'> & {
|
|
2643
|
-
|
|
2644
|
-
|
|
2801
|
+
handleSubmit: UseFormHandleSubmit<TFieldValues, TSubmitValues>;
|
|
2802
|
+
thrownFormErrors: ThrownFormErrors;
|
|
2645
2803
|
};
|
|
2646
2804
|
/**
|
|
2647
2805
|
* `TFieldValues` represents the shape of the field values at any given time, whereas `TSubmitValues` represents the form values
|
|
@@ -2656,29 +2814,34 @@ type UseFormReturn<TFieldValues extends FieldValues, TSubmitValues extends Field
|
|
|
2656
2814
|
* The reCAPTCHA token is passed to the submit handler.
|
|
2657
2815
|
*/
|
|
2658
2816
|
declare const useForm: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props?: UseFormProps<TFieldValues>) => UseFormReturn<TFieldValues, TSubmitValues>;
|
|
2659
|
-
|
|
2817
|
+
//#endregion
|
|
2818
|
+
//#region src/form/FormProvider.d.ts
|
|
2660
2819
|
interface FormProviderProps<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> {
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
}
|
|
2664
|
-
declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) =>
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2820
|
+
children: ReactNode;
|
|
2821
|
+
form: UseFormReturn<TFieldValues, TSubmitValues>;
|
|
2822
|
+
}
|
|
2823
|
+
declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => _$react.JSX.Element;
|
|
2824
|
+
//#endregion
|
|
2825
|
+
//#region src/form/contexts.d.ts
|
|
2826
|
+
declare const FormConfigContext: _$react.Context<FormConfig>;
|
|
2827
|
+
//#endregion
|
|
2828
|
+
//#region src/form/errors.d.ts
|
|
2668
2829
|
declare enum ReCaptchaErrorType {
|
|
2669
|
-
|
|
2670
|
-
|
|
2830
|
+
instanceNotInitialized = "instanceNotInitialized",
|
|
2831
|
+
scriptLoading = "scriptLoading"
|
|
2671
2832
|
}
|
|
2672
2833
|
declare class ReCaptchaError extends Error {
|
|
2673
|
-
|
|
2674
|
-
|
|
2834
|
+
readonly type: ReCaptchaErrorType;
|
|
2835
|
+
constructor(type: ReCaptchaErrorType);
|
|
2675
2836
|
}
|
|
2676
|
-
|
|
2837
|
+
//#endregion
|
|
2838
|
+
//#region src/form/useFormContext.d.ts
|
|
2677
2839
|
declare const useFormContext: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>() => UseFormReturn<TFieldValues, TSubmitValues>;
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
declare const
|
|
2681
|
-
declare const
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
export type
|
|
2840
|
+
//#endregion
|
|
2841
|
+
//#region src/formatters.d.ts
|
|
2842
|
+
declare const identityFormatter: _$afformative.Formatter<any, any, unknown>;
|
|
2843
|
+
declare const jsonFormatter: _$afformative.Formatter<any, string, unknown>;
|
|
2844
|
+
declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => _$afformative.Formatter<TInput, ReactNode, unknown>;
|
|
2845
|
+
//#endregion
|
|
2846
|
+
export { Accordion, AccordionContent, type AccordionContentType, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionKeyValue, type AccordionKeyValueProps, type AccordionProps, AccordionVariant, BorderRadius, Button, ButtonContentAlign, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, ButtonsLayoutProps, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, CaptchaType, Checkbox, CheckboxControl, CheckboxControlProps, CheckboxField, CheckboxFieldProps, CheckboxPosition, CheckboxProps, type ChooseColor, CircularProgressBar, type CircularProgressBarProps, ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, ComboBox, ComboBoxControl, type ComboBoxControlProps, ComboBoxField, type ComboBoxFieldProps, type ComboBoxItem, type ComboBoxItemOrder, ComboBoxItemOrderSource, type ComboBoxProps, type ComboBoxValue, ComboBoxValueType, CreateTooltipInfoDescriptor, CreateTooltipInfoDescriptorParam, DatePicker, DatePickerControl, type DatePickerControlProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DesignSystemBaseProps, type DesignSystemFullMessages, type DesignSystemFullPropDefaults, DesignSystemMessagesProvider, type DesignSystemMessagesProviderProps, type DesignSystemPartialMessages, type DesignSystemPartialPropDefaults, DesignSystemPropDefaultsProvider, type DesignSystemPropDefaultsProviderProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, EmailInputField, type EmailInputFieldProps, type EmailInputProps, ErrorBox, type ErrorBoxItem, ErrorBoxProps, FieldAddon, FieldAddonPosition, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldOptionality, FieldWrapper, FieldWrapperControlProps, FieldWrapperLayout, FieldWrapperProps, FieldWrapperReservedProps, FileInput, FileInputControl, type FileInputControlProps, type FileInputDropzoneDragFilesHereComponent, type FileInputDropzoneDragOrSelectFilesComponent, type FileInputDropzoneSelectFilesComponent, FileInputErrorCode, FileInputField, type FileInputFieldProps, type FileInputLimitDescriptionComponent, type FileInputProps, type FileInputRemoveButtonTextComponent, type FileInputSettings, type FileInputUploadErrorReasonComponent, type FileInputUploadFailedComponent, FlexWrap, FontWeight, type FormConfig, FormConfigContext, FormConfigProvider, type FormConfigProviderProps, FormErrorOutcome, FormErrorOutcomeProps, FormErrorSummary, FormErrorSummaryProps, FormProvider, type FormProviderProps, FormSuccessOutcome, FormSuccessOutcomeProps, FormatAmountCurrencyDisplay, FormatAmountGrouping, type FormatAmountParam, FormattedAmount, type FormattedAmountProps, FormattedHtmlMessage, FormattedHtmlMessageProps, FormattedMessage, FormattedMessageProps, FormattedPercentage, type FormattedPercentageProps, type GetColor, IconFlag, type IconFlagProps, IconFlagType, IconProduct, IconProductHighlightType, type IconProductProps, IconProductSize, IconProductType, IconProductVariant, IconSystem, type IconSystemProps, IconSystemSize, type IconSystemSvgProps, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, InputLabelPassthroughProps, type InputLabelProps, InputLabelSize, InputProps, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, MaskedInputBaseProps, MaskedInputField, MaskedInputFieldProps, MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, type MessageValues, Modal, ModalOnClose, ModalProps, ModalVerticalPosition, ModalWidthType, FormattedAmount$1 as NextFormattedAmount, type FormattedAmountProps$1 as NextFormattedAmountProps, NumberInput, NumberInputField, NumberInputFieldProps, NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, type PhoneInputFieldProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioButton, RadioButtonField, RadioButtonFieldProps, RadioButtonGroup, RadioButtonGroupControl, RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupLayout, RadioButtonGroupProps, RadioButtonLabel, RadioButtonProps, RadioControl, RadioControlProps, RadioField, RadioFieldProps, RadioGeneralProps, RadioGroup, RadioGroupControl, RadioGroupControlProps, RadioGroupDirection, RadioGroupField, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioPosition, RadioProps, ReCaptchaError, ReCaptchaErrorType, type ReCaptchaV3Config, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, SelectVariant, Slider, type SliderAriaValueTextFormatter, type SliderAriaValueTextFormatterContext, type SliderBreakpoint, SliderInput, SliderInputField, type SliderInputFieldProps, type SliderInputLimitExceededLiveTextFormatter, type SliderInputLimitExceededLiveTextFormatterContext, type SliderInputProps, SliderInputRoundingType, type SliderMinMaxLabels, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, SsrProps, Stack, StackDirection, type StackProps, Stepper, type StepperItemProps, type StepperProps, StepperVariant, StoreButton, type StoreButtonProps, StoreButtonSize, StoreButtonVariant, type SubmitHandler, type SubmitHandlerErrorInfo, type SubmitHandlerExtraParam, type TabItemType, Table, TableBody, type TableBodyProps, TableData, type TableDataProps, TableHead, TableHeadData, type TableHeadDataProps, type TableHeadProps, TableHeadScope, type TableProps, TableRow, type TableRowProps, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsProps, TabsSize, type TabsType, TabsVariant, TabsWrap, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextDecoration, TextInput, TextInputField, type TextInputFieldProps, type TextInputProps, type Theme, type ThrownFieldLevelError, type ThrownFieldLevelErrorFormatter, type ThrownFormErrors, type ThrownFormLevelError, type ThrownFormLevelErrorFormatter, type ThrownFormLevelErrorFormatterOutput, type ThrownFormLevelErrorMeta, ThrownFormLevelErrorType, Toggle, type ToggleProps, TooltipCloseReason, type TooltipDescriptor, TooltipGeneral, TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, TooltipInfoDisplayableCheckProps, TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TooltipWidth, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormCaptchaProp, type UseFormHandleSubmit, type UseFormProps, type UseFormReturn, UseFormSuccessOutcomeManagerReturn, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, WhiteSpace, datePickerValueFormat, getClampedFontSize, getColor, getTextDecorationStyle, htmlNbsp, identityFormatter, isRenderable, jsonFormatter, liferayClassNames, mapTooltipInfoDescriptorToPropsSubset, mergeRefs, pxToRem, renderReactNodeArray, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, resolveWhiteSpaceValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useDesignSystemMessages, useDesignSystemPropDefaults, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount, useFormatPercentage, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMergeRefs, useMessageFormatter, useFormatAmount$1 as useNextFormatAmount, useRegisterFieldLabel, useUniqueIdIfIsUndefined, withFieldWrapper, withMaskedInputField };
|
|
2847
|
+
//# sourceMappingURL=index.d.ts.map
|