@mmb-digital/design-system-web 0.1.349 → 0.1.351

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