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