@mmb-digital/design-system-web 0.1.348-alpha.0 → 0.1.348-alpha.1

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