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

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