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

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