@mmb-digital/design-system-web 0.1.350 → 0.1.352

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