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