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

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