@mmb-digital/design-system-web 0.1.347 → 0.1.348-alpha.0
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.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +102 -104
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +36 -24
- package/.eslintcache +0 -1
- package/rollup.config.js +0 -58
- package/tsconfig.app.json +0 -12
- package/tsconfig.base.json +0 -18
- package/tsconfig.node.json +0 -13
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { Property } from 'csstype';
|
|
3
1
|
import * as react from 'react';
|
|
4
2
|
import { ReactNode, ReactElement, HTMLProps, MutableRefObject, ElementType, HTMLInputAutoCompleteAttribute, FocusEvent, ChangeEvent, Ref, FC, AriaAttributes, RefObject, MouseEvent, AriaRole, HTMLAttributeAnchorTarget, MouseEventHandler, KeyboardEventHandler, HTMLAttributes, HTMLInputTypeAttribute, Key, ComponentType, KeyboardEvent, ComponentProps, BaseSyntheticEvent, FocusEventHandler, TouchEvent, TextareaHTMLAttributes } from 'react';
|
|
3
|
+
import { Property } from 'csstype';
|
|
5
4
|
import { MessageDescriptor } from 'react-intl';
|
|
6
5
|
import { PrimitiveType, FormatXMLElementFn } from 'intl-messageformat';
|
|
7
6
|
import { Theme as Theme$1 } from '@emotion/react';
|
|
@@ -12,7 +11,6 @@ import { Formatter } from 'afformative';
|
|
|
12
11
|
import { Locale } from 'date-fns';
|
|
13
12
|
import { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
|
|
14
13
|
import { FactoryOpts } from 'imask';
|
|
15
|
-
import * as _emotion_utils from '@emotion/utils';
|
|
16
14
|
export { useMergeRefs } from '@floating-ui/react';
|
|
17
15
|
import { z } from 'zod';
|
|
18
16
|
import emotionStyled from '@emotion/styled';
|
|
@@ -24,15 +22,15 @@ type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescrip
|
|
|
24
22
|
interface FormattedMessageProps extends MessageDescriptor {
|
|
25
23
|
values?: MessageValues;
|
|
26
24
|
}
|
|
27
|
-
declare const FormattedMessage: (props: FormattedMessageProps) =>
|
|
25
|
+
declare const FormattedMessage: (props: FormattedMessageProps) => react.JSX.Element;
|
|
28
26
|
|
|
29
27
|
interface FormattedHtmlMessageProps extends MessageDescriptorWithPrimitiveValues {
|
|
30
28
|
}
|
|
31
|
-
declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) =>
|
|
29
|
+
declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => react.JSX.Element;
|
|
32
30
|
|
|
33
31
|
declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
|
|
34
32
|
|
|
35
|
-
declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) =>
|
|
33
|
+
declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => react.JSX.Element | undefined;
|
|
36
34
|
|
|
37
35
|
type TooltipRenderParent = (getParentProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>) => ReactElement;
|
|
38
36
|
declare enum TooltipPlacement {
|
|
@@ -80,13 +78,13 @@ interface TooltipInfoDisplayableCheckProps extends DesignSystemBaseProps {
|
|
|
80
78
|
title?: MessageDescriptorWithPrimitiveValues;
|
|
81
79
|
triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
|
|
82
80
|
}
|
|
83
|
-
declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) =>
|
|
81
|
+
declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => react.JSX.Element | null;
|
|
84
82
|
|
|
85
83
|
interface TooltipInfoConditionalProps extends DesignSystemBaseProps, BaseTooltipInfoProps {
|
|
86
84
|
displayMethod: TooltipInfoDisplayMethod;
|
|
87
85
|
floatingElement?: Partial<TooltipDescriptor>;
|
|
88
86
|
}
|
|
89
|
-
declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) =>
|
|
87
|
+
declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => react.JSX.Element | null;
|
|
90
88
|
|
|
91
89
|
interface CreateTooltipInfoDescriptorParam {
|
|
92
90
|
body: MessageDescriptorWithPrimitiveValues;
|
|
@@ -101,7 +99,7 @@ declare const useCreateTooltipInfoDescriptor: () => CreateTooltipInfoDescriptor;
|
|
|
101
99
|
interface TooltipInfoProps extends DesignSystemBaseProps, TooltipDelays, BaseTooltipInfoProps {
|
|
102
100
|
floatingElement: TooltipDescriptor;
|
|
103
101
|
}
|
|
104
|
-
declare const TooltipInfo: (props: TooltipInfoProps) =>
|
|
102
|
+
declare const TooltipInfo: (props: TooltipInfoProps) => react.JSX.Element;
|
|
105
103
|
|
|
106
104
|
interface TooltipGeneralProps extends DesignSystemBaseProps, TooltipDelays {
|
|
107
105
|
floatingElement: TooltipDescriptor;
|
|
@@ -111,7 +109,7 @@ interface TooltipGeneralProps extends DesignSystemBaseProps, TooltipDelays {
|
|
|
111
109
|
portalRootElement?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
|
|
112
110
|
renderParent: TooltipRenderParent;
|
|
113
111
|
}
|
|
114
|
-
declare const TooltipGeneral: (props: TooltipGeneralProps) =>
|
|
112
|
+
declare const TooltipGeneral: (props: TooltipGeneralProps) => react.JSX.Element;
|
|
115
113
|
|
|
116
114
|
type TooltipInfoDescriptorPropsSubset = Pick<TooltipInfoProps, 'floatingElement' | 'triggerAriaLabel'>;
|
|
117
115
|
declare const mapTooltipInfoDescriptorToPropsSubset: <T extends TooltipInfoDescriptor | undefined>(tooltipInfoDescriptor: T) => T extends undefined ? undefined : TooltipInfoDescriptorPropsSubset;
|
|
@@ -334,7 +332,7 @@ interface FieldLabelStoreProviderProps {
|
|
|
334
332
|
*
|
|
335
333
|
* Field labels can be registered via the `useRegisterFieldLabel` hook, and consumed via the `useFieldLabels` hook.
|
|
336
334
|
**/
|
|
337
|
-
declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) =>
|
|
335
|
+
declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => react.JSX.Element;
|
|
338
336
|
declare const useFieldLabels: () => Record<string, ReactNode>;
|
|
339
337
|
declare const useRegisterFieldLabel: () => (name: string, label: ReactNode) => void;
|
|
340
338
|
|
|
@@ -349,14 +347,14 @@ interface FieldConfigProviderProps extends FieldConfig {
|
|
|
349
347
|
*
|
|
350
348
|
* @deprecated Use `DesignSystemProvider` with the `messages` prop instead.
|
|
351
349
|
*/
|
|
352
|
-
declare const FieldConfigProvider: (props: FieldConfigProviderProps) =>
|
|
350
|
+
declare const FieldConfigProvider: (props: FieldConfigProviderProps) => react.JSX.Element;
|
|
353
351
|
declare const useFieldConfig: () => FieldConfig;
|
|
354
352
|
|
|
355
353
|
interface DesignSystemMessagesProviderProps {
|
|
356
354
|
children: ReactNode;
|
|
357
355
|
messages: DesignSystemPartialMessages;
|
|
358
356
|
}
|
|
359
|
-
declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) =>
|
|
357
|
+
declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => react.JSX.Element;
|
|
360
358
|
|
|
361
359
|
declare const useDesignSystemMessages: () => DesignSystemFullMessages;
|
|
362
360
|
|
|
@@ -364,7 +362,7 @@ interface DesignSystemPropDefaultsProviderProps {
|
|
|
364
362
|
children: ReactNode;
|
|
365
363
|
defaults: DesignSystemPartialPropDefaults;
|
|
366
364
|
}
|
|
367
|
-
declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) =>
|
|
365
|
+
declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => react.JSX.Element;
|
|
368
366
|
|
|
369
367
|
declare const useDesignSystemPropDefaults: () => DesignSystemFullPropDefaults;
|
|
370
368
|
|
|
@@ -388,24 +386,24 @@ interface AccordionProps extends DesignSystemBaseProps {
|
|
|
388
386
|
data: AccordionItemType[];
|
|
389
387
|
variant?: AccordionVariant;
|
|
390
388
|
}
|
|
391
|
-
declare const Accordion: (props: AccordionProps) =>
|
|
389
|
+
declare const Accordion: (props: AccordionProps) => react.JSX.Element;
|
|
392
390
|
|
|
393
391
|
interface AccordionItemProps extends AccordionItemType, DesignSystemBaseProps {
|
|
394
392
|
variant: AccordionVariant;
|
|
395
393
|
}
|
|
396
|
-
declare const AccordionItem: (props: AccordionItemProps) =>
|
|
394
|
+
declare const AccordionItem: (props: AccordionItemProps) => react.JSX.Element;
|
|
397
395
|
|
|
398
396
|
interface AccordionContentType extends DesignSystemBaseProps {
|
|
399
397
|
children: ReactNode;
|
|
400
398
|
}
|
|
401
|
-
declare const AccordionContent: (props: AccordionContentType) =>
|
|
399
|
+
declare const AccordionContent: (props: AccordionContentType) => react.JSX.Element;
|
|
402
400
|
|
|
403
401
|
interface AccordionKeyValueProps extends DesignSystemBaseProps {
|
|
404
402
|
colorScheme?: ColorScheme;
|
|
405
403
|
label: ReactNode;
|
|
406
404
|
value: ReactNode;
|
|
407
405
|
}
|
|
408
|
-
declare const AccordionKeyValue: (props: AccordionKeyValueProps) =>
|
|
406
|
+
declare const AccordionKeyValue: (props: AccordionKeyValueProps) => react.JSX.Element;
|
|
409
407
|
|
|
410
408
|
declare enum IconSystemType {
|
|
411
409
|
arrowDown = "arrowDown",
|
|
@@ -463,7 +461,7 @@ interface IconSystemProps {
|
|
|
463
461
|
stroke?: string;
|
|
464
462
|
type: IconSystemType;
|
|
465
463
|
}
|
|
466
|
-
declare const IconSystem: (props: IconSystemProps) =>
|
|
464
|
+
declare const IconSystem: (props: IconSystemProps) => react.JSX.Element;
|
|
467
465
|
|
|
468
466
|
declare enum ButtonStyle {
|
|
469
467
|
primary = "primary",
|
|
@@ -530,7 +528,7 @@ interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
|
|
|
530
528
|
target?: HTMLAttributeAnchorTarget;
|
|
531
529
|
type: ButtonType;
|
|
532
530
|
}
|
|
533
|
-
declare const Button: (props: ButtonProps) =>
|
|
531
|
+
declare const Button: (props: ButtonProps) => react.JSX.Element;
|
|
534
532
|
|
|
535
533
|
declare enum Spacing {
|
|
536
534
|
none = "none",
|
|
@@ -1142,7 +1140,7 @@ declare enum TextDecoration {
|
|
|
1142
1140
|
underline = "underline"
|
|
1143
1141
|
}
|
|
1144
1142
|
declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "none !important" | "underline";
|
|
1145
|
-
declare const getTextDecorationStyle: (textDecoration?: TextDecoration) =>
|
|
1143
|
+
declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => any;
|
|
1146
1144
|
|
|
1147
1145
|
declare enum ButtonsLayoutAlign {
|
|
1148
1146
|
center = "center",
|
|
@@ -1165,7 +1163,7 @@ interface ButtonsLayoutProps extends SsrProps {
|
|
|
1165
1163
|
gap?: Spacing;
|
|
1166
1164
|
wrap?: FlexWrap;
|
|
1167
1165
|
}
|
|
1168
|
-
declare const ButtonsLayout: (props: ButtonsLayoutProps) =>
|
|
1166
|
+
declare const ButtonsLayout: (props: ButtonsLayoutProps) => react.JSX.Element;
|
|
1169
1167
|
|
|
1170
1168
|
interface CalculatorResultHeader {
|
|
1171
1169
|
bottom?: ReactElement | string | undefined;
|
|
@@ -1210,7 +1208,7 @@ interface CalculatorResultProps extends DesignSystemBaseProps {
|
|
|
1210
1208
|
modal?: CalculatorResultModalDescriptor;
|
|
1211
1209
|
resultBoxRef?: RefObject<HTMLDivElement | null>;
|
|
1212
1210
|
}
|
|
1213
|
-
declare const CalculatorResult: (props: CalculatorResultProps) =>
|
|
1211
|
+
declare const CalculatorResult: (props: CalculatorResultProps) => react.JSX.Element;
|
|
1214
1212
|
|
|
1215
1213
|
interface CheckboxControlProps {
|
|
1216
1214
|
ariaLabel?: string;
|
|
@@ -1226,7 +1224,7 @@ interface CheckboxControlProps {
|
|
|
1226
1224
|
ref?: Ref<HTMLInputElement>;
|
|
1227
1225
|
value?: string;
|
|
1228
1226
|
}
|
|
1229
|
-
declare const CheckboxControl: (props: CheckboxControlProps) =>
|
|
1227
|
+
declare const CheckboxControl: (props: CheckboxControlProps) => react.JSX.Element;
|
|
1230
1228
|
|
|
1231
1229
|
declare enum CheckboxPosition {
|
|
1232
1230
|
left = "left",
|
|
@@ -1239,12 +1237,12 @@ interface CheckboxProps extends CheckboxControlProps, InputLabelPassthroughProps
|
|
|
1239
1237
|
position?: CheckboxPosition;
|
|
1240
1238
|
tooltipPosition?: LabelTooltipPosition;
|
|
1241
1239
|
}
|
|
1242
|
-
declare const Checkbox: (props: CheckboxProps) =>
|
|
1240
|
+
declare const Checkbox: (props: CheckboxProps) => react.JSX.Element;
|
|
1243
1241
|
|
|
1244
1242
|
interface CheckboxFieldProps extends Omit<CheckboxProps, 'onChange' | 'value'> {
|
|
1245
1243
|
options?: RegisterOptions;
|
|
1246
1244
|
}
|
|
1247
|
-
declare const CheckboxField: (props: CheckboxFieldProps) =>
|
|
1245
|
+
declare const CheckboxField: (props: CheckboxFieldProps) => react.JSX.Element;
|
|
1248
1246
|
|
|
1249
1247
|
declare enum IconProductType {
|
|
1250
1248
|
atm = "atm",
|
|
@@ -1301,13 +1299,13 @@ interface IconProductProps {
|
|
|
1301
1299
|
type: IconProductType;
|
|
1302
1300
|
variant?: IconProductVariant | undefined;
|
|
1303
1301
|
}
|
|
1304
|
-
declare const IconProduct: (props: IconProductProps) =>
|
|
1302
|
+
declare const IconProduct: (props: IconProductProps) => react.JSX.Element;
|
|
1305
1303
|
|
|
1306
1304
|
interface CircularProgressBarProps extends DesignSystemBaseProps {
|
|
1307
1305
|
iconProduct: IconProductType;
|
|
1308
1306
|
progress: number;
|
|
1309
1307
|
}
|
|
1310
|
-
declare const CircularProgressBar: (props: CircularProgressBarProps) =>
|
|
1308
|
+
declare const CircularProgressBar: (props: CircularProgressBarProps) => react.JSX.Element;
|
|
1311
1309
|
|
|
1312
1310
|
type ComboBoxItem = boolean | number | object | string | null;
|
|
1313
1311
|
declare enum ComboBoxItemOrderSource {
|
|
@@ -1360,7 +1358,7 @@ interface InputBaseProps extends FieldControlProps, Pick<AriaAttributes, 'aria-a
|
|
|
1360
1358
|
value?: string;
|
|
1361
1359
|
weight?: FontWeight;
|
|
1362
1360
|
}
|
|
1363
|
-
declare const InputBase: (props: InputBaseProps) =>
|
|
1361
|
+
declare const InputBase: (props: InputBaseProps) => react.JSX.Element;
|
|
1364
1362
|
|
|
1365
1363
|
interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldControlProps, 'name'>, Pick<InputBaseProps, 'ariaLabel' | 'disabled' | 'icon' | 'isPastingDisabled' | 'maxLength' | 'name' | 'onFocus' | 'placeholder' | 'required'> {
|
|
1366
1364
|
formatter?: Formatter<TItem, ReactNode>;
|
|
@@ -1378,7 +1376,7 @@ interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldCon
|
|
|
1378
1376
|
shouldHighlightFirstItem?: boolean;
|
|
1379
1377
|
value: ComboBoxValue<TItem>;
|
|
1380
1378
|
}
|
|
1381
|
-
declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem>) =>
|
|
1379
|
+
declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem>) => react.JSX.Element;
|
|
1382
1380
|
|
|
1383
1381
|
declare enum FieldWrapperLayout {
|
|
1384
1382
|
horizontal = "horizontal",
|
|
@@ -1419,12 +1417,12 @@ interface FieldWrapperProps extends DesignSystemBaseProps, InputLabelPassthrough
|
|
|
1419
1417
|
optionality?: FieldOptionality;
|
|
1420
1418
|
successMessage?: ReactNode;
|
|
1421
1419
|
}
|
|
1422
|
-
declare const FieldWrapper: (props: FieldWrapperProps) =>
|
|
1420
|
+
declare const FieldWrapper: (props: FieldWrapperProps) => react.JSX.Element;
|
|
1423
1421
|
|
|
1424
1422
|
/** These props are reserved for `FieldWrapper` and cannot be used in the wrapped component. */
|
|
1425
1423
|
type FieldWrapperReservedProps = Pick<FieldWrapperProps, 'addons' | 'controlMobileWidth' | 'controlSectionWidth' | 'controlWidth' | 'errorMessage' | 'hiddenHintText' | 'hintText' | 'label' | 'labelAs' | 'labelHiddenText' | 'labelId' | 'labelSuffix' | 'layout' | 'note' | 'optionality' | 'successMessage' | 'tooltip'>;
|
|
1426
1424
|
declare const withFieldWrapper: <TProps extends FieldControlProps>(FieldControl: ComponentType<TProps>) => {
|
|
1427
|
-
(props: FieldWrapperReservedProps & Omit<TProps, keyof FieldWrapperReservedProps>):
|
|
1425
|
+
(props: FieldWrapperReservedProps & Omit<TProps, keyof FieldWrapperReservedProps>): react.JSX.Element;
|
|
1428
1426
|
displayName: string;
|
|
1429
1427
|
};
|
|
1430
1428
|
|
|
@@ -1437,7 +1435,7 @@ interface ComboBoxFieldProps<TItem extends ComboBoxItem> extends Omit<ComboBoxPr
|
|
|
1437
1435
|
options?: RegisterOptions;
|
|
1438
1436
|
shouldResetInvalidValues?: boolean;
|
|
1439
1437
|
}
|
|
1440
|
-
declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) =>
|
|
1438
|
+
declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => react.JSX.Element;
|
|
1441
1439
|
|
|
1442
1440
|
interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaLabelPrefix' | 'dateFormat' | 'disabledDayAriaLabelPrefix' | 'filterDate' | 'maxDate' | 'minDate' | 'monthAriaLabelPrefix' | 'nextMonthAriaLabel' | 'onBlur' | 'previousMonthAriaLabel' | 'selected'>, FieldControlProps {
|
|
1443
1441
|
chevronCloseAriaLabel?: string;
|
|
@@ -1452,10 +1450,10 @@ interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaL
|
|
|
1452
1450
|
ref?: Ref<HTMLInputElement>;
|
|
1453
1451
|
yearSelectAriaLabel?: string;
|
|
1454
1452
|
}
|
|
1455
|
-
declare const DatePickerControl: (props: DatePickerControlProps) =>
|
|
1453
|
+
declare const DatePickerControl: (props: DatePickerControlProps) => react.JSX.Element;
|
|
1456
1454
|
|
|
1457
1455
|
declare const DatePicker: {
|
|
1458
|
-
(props: FieldWrapperReservedProps & Omit<DatePickerControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
1456
|
+
(props: FieldWrapperReservedProps & Omit<DatePickerControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
1459
1457
|
displayName: string;
|
|
1460
1458
|
};
|
|
1461
1459
|
type DatePickerProps = ComponentProps<typeof DatePicker>;
|
|
@@ -1464,7 +1462,7 @@ interface DatePickerFieldProps extends Omit<ComponentProps<typeof DatePicker>, '
|
|
|
1464
1462
|
name: string;
|
|
1465
1463
|
options?: RegisterOptions;
|
|
1466
1464
|
}
|
|
1467
|
-
declare const DatePickerField: (props: DatePickerFieldProps) =>
|
|
1465
|
+
declare const DatePickerField: (props: DatePickerFieldProps) => react.JSX.Element;
|
|
1468
1466
|
|
|
1469
1467
|
declare const datePickerValueFormat = "yyyy-MM-dd";
|
|
1470
1468
|
|
|
@@ -1472,7 +1470,7 @@ interface EmailInputControlProps extends InputProps {
|
|
|
1472
1470
|
placeholder?: string;
|
|
1473
1471
|
}
|
|
1474
1472
|
declare const EmailInput: {
|
|
1475
|
-
(props: FieldWrapperReservedProps & Omit<EmailInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
1473
|
+
(props: FieldWrapperReservedProps & Omit<EmailInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
1476
1474
|
displayName: string;
|
|
1477
1475
|
};
|
|
1478
1476
|
type EmailInputProps = ComponentProps<typeof EmailInput>;
|
|
@@ -1481,7 +1479,7 @@ interface EmailInputFieldProps extends Omit<EmailInputProps, 'onChange' | 'value
|
|
|
1481
1479
|
name: string;
|
|
1482
1480
|
options?: RegisterOptions;
|
|
1483
1481
|
}
|
|
1484
|
-
declare const EmailInputField: (props: EmailInputFieldProps) =>
|
|
1482
|
+
declare const EmailInputField: (props: EmailInputFieldProps) => react.JSX.Element;
|
|
1485
1483
|
|
|
1486
1484
|
interface ErrorBoxItem {
|
|
1487
1485
|
body: ReactElement | string;
|
|
@@ -1496,7 +1494,7 @@ interface ErrorBoxProps {
|
|
|
1496
1494
|
tabIndex?: number;
|
|
1497
1495
|
title?: ReactNode;
|
|
1498
1496
|
}
|
|
1499
|
-
declare const ErrorBox: (props: ErrorBoxProps) =>
|
|
1497
|
+
declare const ErrorBox: (props: ErrorBoxProps) => react.JSX.Element;
|
|
1500
1498
|
|
|
1501
1499
|
declare enum FileInputErrorCode {
|
|
1502
1500
|
fileSizeTooLarge = "fileSizeTooLarge",
|
|
@@ -1555,20 +1553,20 @@ interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps
|
|
|
1555
1553
|
ref?: Ref<HTMLDivElement>;
|
|
1556
1554
|
value: File[];
|
|
1557
1555
|
}
|
|
1558
|
-
declare const FileInputControl: (props: FileInputControlProps) =>
|
|
1556
|
+
declare const FileInputControl: (props: FileInputControlProps) => react.JSX.Element;
|
|
1559
1557
|
|
|
1560
1558
|
declare const FileInputBase: {
|
|
1561
|
-
(props: FieldWrapperReservedProps & Omit<FileInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
1559
|
+
(props: FieldWrapperReservedProps & Omit<FileInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
1562
1560
|
displayName: string;
|
|
1563
1561
|
};
|
|
1564
|
-
declare const FileInput: (props: ComponentProps<typeof FileInputBase>) =>
|
|
1562
|
+
declare const FileInput: (props: ComponentProps<typeof FileInputBase>) => react.JSX.Element;
|
|
1565
1563
|
type FileInputProps = ComponentProps<typeof FileInput>;
|
|
1566
1564
|
|
|
1567
1565
|
interface FileInputFieldProps extends Omit<FileInputProps, 'onBlur' | 'onChange' | 'value'> {
|
|
1568
1566
|
name: string;
|
|
1569
1567
|
options?: RegisterOptions;
|
|
1570
1568
|
}
|
|
1571
|
-
declare const FileInputField: (props: FileInputFieldProps) =>
|
|
1569
|
+
declare const FileInputField: (props: FileInputFieldProps) => react.JSX.Element;
|
|
1572
1570
|
|
|
1573
1571
|
declare enum FormatAmountCurrencyDisplay {
|
|
1574
1572
|
code = "code",
|
|
@@ -1602,11 +1600,11 @@ interface BaseFormattedAmountProps extends FormatAmountDescriptor {
|
|
|
1602
1600
|
|
|
1603
1601
|
interface FormattedAmountProps$1 extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
|
|
1604
1602
|
}
|
|
1605
|
-
declare const FormattedAmount$1: (props: FormattedAmountProps$1) =>
|
|
1603
|
+
declare const FormattedAmount$1: (props: FormattedAmountProps$1) => react.JSX.Element;
|
|
1606
1604
|
|
|
1607
1605
|
interface FormattedAmountProps extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
|
|
1608
1606
|
}
|
|
1609
|
-
declare const FormattedAmount: (props: FormattedAmountProps) =>
|
|
1607
|
+
declare const FormattedAmount: (props: FormattedAmountProps) => react.JSX.Element;
|
|
1610
1608
|
|
|
1611
1609
|
interface FormatPercentageParam {
|
|
1612
1610
|
maximumFractionDigits?: number;
|
|
@@ -1691,13 +1689,13 @@ type SubmitHandler<TFieldValues extends FieldValues> = (data: TFieldValues, extr
|
|
|
1691
1689
|
|
|
1692
1690
|
interface FormErrorOutcomeProps extends DesignSystemBaseProps, Pick<FormConfig, 'thrownFormLevelErrorFormatter'> {
|
|
1693
1691
|
}
|
|
1694
|
-
declare const FormErrorOutcome: (props: FormErrorOutcomeProps) =>
|
|
1692
|
+
declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => react.JSX.Element | null;
|
|
1695
1693
|
|
|
1696
1694
|
interface FormErrorSummaryProps extends DesignSystemBaseProps {
|
|
1697
1695
|
order?: string[];
|
|
1698
1696
|
title?: ReactNode;
|
|
1699
1697
|
}
|
|
1700
|
-
declare const FormErrorSummary: (props: FormErrorSummaryProps) =>
|
|
1698
|
+
declare const FormErrorSummary: (props: FormErrorSummaryProps) => react.JSX.Element;
|
|
1701
1699
|
|
|
1702
1700
|
interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
|
|
1703
1701
|
children: ReactNode;
|
|
@@ -1705,7 +1703,7 @@ interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
|
|
|
1705
1703
|
title: ReactNode;
|
|
1706
1704
|
visible: boolean;
|
|
1707
1705
|
}
|
|
1708
|
-
declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) =>
|
|
1706
|
+
declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => react.JSX.Element;
|
|
1709
1707
|
|
|
1710
1708
|
interface UseFormSuccessOutcomeManagerReturn {
|
|
1711
1709
|
formKey: Key;
|
|
@@ -1727,7 +1725,7 @@ declare enum IconFlagType {
|
|
|
1727
1725
|
interface IconFlagProps {
|
|
1728
1726
|
type: IconFlagType;
|
|
1729
1727
|
}
|
|
1730
|
-
declare const IconFlag: (props: IconFlagProps) =>
|
|
1728
|
+
declare const IconFlag: (props: IconFlagProps) => react.JSX.Element;
|
|
1731
1729
|
|
|
1732
1730
|
declare enum InfoboxVariant {
|
|
1733
1731
|
primary = "primary",
|
|
@@ -1762,7 +1760,7 @@ interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
|
|
|
1762
1760
|
textContent?: InfoboxTextContent;
|
|
1763
1761
|
variant: InfoboxVariant;
|
|
1764
1762
|
}
|
|
1765
|
-
declare const Infobox: (props: InfoboxProps) =>
|
|
1763
|
+
declare const Infobox: (props: InfoboxProps) => react.JSX.Element;
|
|
1766
1764
|
|
|
1767
1765
|
declare enum InputLabelSize {
|
|
1768
1766
|
xs = "xs",
|
|
@@ -1783,7 +1781,7 @@ interface InputLabelProps extends DesignSystemBaseProps {
|
|
|
1783
1781
|
suffix?: ReactNode;
|
|
1784
1782
|
tooltip?: TooltipInfoDescriptor;
|
|
1785
1783
|
}
|
|
1786
|
-
declare const InputLabel: (props: InputLabelProps) =>
|
|
1784
|
+
declare const InputLabel: (props: InputLabelProps) => react.JSX.Element;
|
|
1787
1785
|
|
|
1788
1786
|
declare enum LoaderSize {
|
|
1789
1787
|
lg = "lg",
|
|
@@ -1794,13 +1792,13 @@ interface LoaderProps extends DesignSystemBaseProps, AriaAttributes {
|
|
|
1794
1792
|
loaderSize: LoaderSize;
|
|
1795
1793
|
role?: AriaRole;
|
|
1796
1794
|
}
|
|
1797
|
-
declare const Loader: (props: LoaderProps) =>
|
|
1795
|
+
declare const Loader: (props: LoaderProps) => react.JSX.Element;
|
|
1798
1796
|
|
|
1799
1797
|
interface LoaderOverlayBoxProps extends DesignSystemBaseProps, AriaAttributes {
|
|
1800
1798
|
loaderSize: LoaderSize;
|
|
1801
1799
|
role?: AriaRole;
|
|
1802
1800
|
}
|
|
1803
|
-
declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) =>
|
|
1801
|
+
declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => react.JSX.Element;
|
|
1804
1802
|
|
|
1805
1803
|
type MaskedInputOnAccept = (unmaskedValue: string, maskedValue: string) => void;
|
|
1806
1804
|
|
|
@@ -1808,10 +1806,10 @@ interface MaskedInputBaseProps extends InputBaseProps {
|
|
|
1808
1806
|
maskOptions: FactoryOpts;
|
|
1809
1807
|
onAccept?: MaskedInputOnAccept;
|
|
1810
1808
|
}
|
|
1811
|
-
declare const MaskedInputBase: (props: MaskedInputBaseProps) =>
|
|
1809
|
+
declare const MaskedInputBase: (props: MaskedInputBaseProps) => react.JSX.Element;
|
|
1812
1810
|
|
|
1813
1811
|
declare const MaskedInput: {
|
|
1814
|
-
(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
1812
|
+
(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
1815
1813
|
displayName: string;
|
|
1816
1814
|
};
|
|
1817
1815
|
type MaskedInputProps = ComponentProps<typeof MaskedInput>;
|
|
@@ -1820,11 +1818,11 @@ type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'onAccept
|
|
|
1820
1818
|
declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Component: ComponentType<TProps>) => <TFieldValues extends FieldValues>(props: TProps & {
|
|
1821
1819
|
name: FieldPath<TFieldValues>;
|
|
1822
1820
|
options?: RegisterOptions<TFieldValues>;
|
|
1823
|
-
}) =>
|
|
1821
|
+
}) => react.JSX.Element;
|
|
1824
1822
|
declare const MaskedInputField: <TFieldValues extends FieldValues>(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip"> & {
|
|
1825
1823
|
name: react_hook_form.Path<TFieldValues>;
|
|
1826
1824
|
options?: RegisterOptions<TFieldValues> | undefined;
|
|
1827
|
-
}) =>
|
|
1825
|
+
}) => react.JSX.Element;
|
|
1828
1826
|
type MaskedInputFieldProps = ComponentProps<typeof MaskedInputField>;
|
|
1829
1827
|
|
|
1830
1828
|
type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
|
|
@@ -1866,12 +1864,12 @@ interface NumberInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
|
|
|
1866
1864
|
integerPlaces?: number;
|
|
1867
1865
|
maskOptions?: FactoryOpts;
|
|
1868
1866
|
}
|
|
1869
|
-
declare const NumberInput: (props: NumberInputProps) =>
|
|
1867
|
+
declare const NumberInput: (props: NumberInputProps) => react.JSX.Element;
|
|
1870
1868
|
|
|
1871
1869
|
declare const NumberInputField: <TFieldValues extends react_hook_form.FieldValues>(props: NumberInputProps & {
|
|
1872
1870
|
name: react_hook_form.Path<TFieldValues>;
|
|
1873
1871
|
options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
|
|
1874
|
-
}) =>
|
|
1872
|
+
}) => react.JSX.Element;
|
|
1875
1873
|
type NumberInputFieldProps = ComponentProps<typeof NumberInputField>;
|
|
1876
1874
|
|
|
1877
1875
|
declare enum PaperShadow {
|
|
@@ -1892,18 +1890,18 @@ interface PaperProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
|
|
|
1892
1890
|
shadow?: PaperShadow;
|
|
1893
1891
|
tabIndex?: number;
|
|
1894
1892
|
}
|
|
1895
|
-
declare const Paper: (props: PaperProps) =>
|
|
1893
|
+
declare const Paper: (props: PaperProps) => react.JSX.Element;
|
|
1896
1894
|
|
|
1897
1895
|
interface PhoneInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
|
|
1898
1896
|
maskOptions?: FactoryOpts;
|
|
1899
1897
|
prefixColor?: Property.Color;
|
|
1900
1898
|
}
|
|
1901
|
-
declare const PhoneInput: (props: PhoneInputProps) =>
|
|
1899
|
+
declare const PhoneInput: (props: PhoneInputProps) => react.JSX.Element;
|
|
1902
1900
|
|
|
1903
1901
|
declare const PhoneInputField: <TFieldValues extends react_hook_form.FieldValues>(props: PhoneInputProps & {
|
|
1904
1902
|
name: react_hook_form.Path<TFieldValues>;
|
|
1905
1903
|
options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
|
|
1906
|
-
}) =>
|
|
1904
|
+
}) => react.JSX.Element;
|
|
1907
1905
|
type PhoneInputFieldProps = ComponentProps<typeof PhoneInputField>;
|
|
1908
1906
|
|
|
1909
1907
|
interface ProgressDefinition extends AriaAttributes {
|
|
@@ -1940,7 +1938,7 @@ interface ProgressDefinition extends AriaAttributes {
|
|
|
1940
1938
|
interface ProgressPaperProps extends PaperProps, SsrProps {
|
|
1941
1939
|
progressDefinition: ProgressDefinition;
|
|
1942
1940
|
}
|
|
1943
|
-
declare const ProgressPaper: (props: ProgressPaperProps) =>
|
|
1941
|
+
declare const ProgressPaper: (props: ProgressPaperProps) => react.JSX.Element;
|
|
1944
1942
|
|
|
1945
1943
|
declare enum RadioPosition {
|
|
1946
1944
|
left = "left",
|
|
@@ -1968,13 +1966,13 @@ interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
|
|
|
1968
1966
|
label: RadioButtonLabel;
|
|
1969
1967
|
ref?: Ref<HTMLInputElement>;
|
|
1970
1968
|
}
|
|
1971
|
-
declare const RadioButton: (props: RadioButtonProps) =>
|
|
1969
|
+
declare const RadioButton: (props: RadioButtonProps) => react.JSX.Element;
|
|
1972
1970
|
|
|
1973
1971
|
interface RadioButtonFieldProps extends Omit<RadioButtonProps, 'onChange'> {
|
|
1974
1972
|
name: string;
|
|
1975
1973
|
options?: RegisterOptions;
|
|
1976
1974
|
}
|
|
1977
|
-
declare const RadioButtonField: (props: RadioButtonFieldProps) =>
|
|
1975
|
+
declare const RadioButtonField: (props: RadioButtonFieldProps) => react.JSX.Element;
|
|
1978
1976
|
|
|
1979
1977
|
interface RadioButtonGroupItem extends AriaAttributes {
|
|
1980
1978
|
id?: string;
|
|
@@ -2005,25 +2003,25 @@ interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldContr
|
|
|
2005
2003
|
ref?: Ref<HTMLInputElement>;
|
|
2006
2004
|
value?: string;
|
|
2007
2005
|
}
|
|
2008
|
-
declare const RadioButtonGroupControl: (props: RadioButtonGroupControlProps) =>
|
|
2006
|
+
declare const RadioButtonGroupControl: (props: RadioButtonGroupControlProps) => react.JSX.Element;
|
|
2009
2007
|
|
|
2010
2008
|
declare const RadioButtonGroupBase: {
|
|
2011
|
-
(props: FieldWrapperReservedProps & Omit<RadioButtonGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
2009
|
+
(props: FieldWrapperReservedProps & Omit<RadioButtonGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
2012
2010
|
displayName: string;
|
|
2013
2011
|
};
|
|
2014
|
-
declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) =>
|
|
2012
|
+
declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) => react.JSX.Element;
|
|
2015
2013
|
type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
|
|
2016
2014
|
|
|
2017
2015
|
interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onBlur' | 'onChange' | 'value'> {
|
|
2018
2016
|
name: string;
|
|
2019
2017
|
options?: RegisterOptions;
|
|
2020
2018
|
}
|
|
2021
|
-
declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) =>
|
|
2019
|
+
declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => react.JSX.Element;
|
|
2022
2020
|
|
|
2023
2021
|
interface RadioControlProps extends DesignSystemBaseProps, RadioGeneralProps {
|
|
2024
2022
|
ref?: Ref<HTMLInputElement>;
|
|
2025
2023
|
}
|
|
2026
|
-
declare const RadioControl: (props: RadioControlProps) =>
|
|
2024
|
+
declare const RadioControl: (props: RadioControlProps) => react.JSX.Element;
|
|
2027
2025
|
|
|
2028
2026
|
interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
|
|
2029
2027
|
errorMessage?: ReactNode;
|
|
@@ -2031,13 +2029,13 @@ interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, Desi
|
|
|
2031
2029
|
position?: RadioPosition;
|
|
2032
2030
|
tooltipPosition?: LabelTooltipPosition;
|
|
2033
2031
|
}
|
|
2034
|
-
declare const Radio: (props: RadioProps) =>
|
|
2032
|
+
declare const Radio: (props: RadioProps) => react.JSX.Element;
|
|
2035
2033
|
|
|
2036
2034
|
interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
|
|
2037
2035
|
name: string;
|
|
2038
2036
|
options?: RegisterOptions;
|
|
2039
2037
|
}
|
|
2040
|
-
declare const RadioField: (props: RadioFieldProps) =>
|
|
2038
|
+
declare const RadioField: (props: RadioFieldProps) => react.JSX.Element;
|
|
2041
2039
|
|
|
2042
2040
|
interface RadioGroupItem extends InputLabelPassthroughProps, AriaAttributes {
|
|
2043
2041
|
id?: string;
|
|
@@ -2065,20 +2063,20 @@ interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProp
|
|
|
2065
2063
|
rowGap?: Spacing;
|
|
2066
2064
|
value?: string;
|
|
2067
2065
|
}
|
|
2068
|
-
declare const RadioGroupControl: (props: RadioGroupControlProps) =>
|
|
2066
|
+
declare const RadioGroupControl: (props: RadioGroupControlProps) => react.JSX.Element;
|
|
2069
2067
|
|
|
2070
2068
|
declare const RadioGroupBase: {
|
|
2071
|
-
(props: FieldWrapperReservedProps & Omit<RadioGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
2069
|
+
(props: FieldWrapperReservedProps & Omit<RadioGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
2072
2070
|
displayName: string;
|
|
2073
2071
|
};
|
|
2074
|
-
declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) =>
|
|
2072
|
+
declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) => react.JSX.Element;
|
|
2075
2073
|
type RadioGroupProps = ComponentProps<typeof RadioGroup>;
|
|
2076
2074
|
|
|
2077
2075
|
interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChange' | 'value'> {
|
|
2078
2076
|
name: string;
|
|
2079
2077
|
options?: RegisterOptions;
|
|
2080
2078
|
}
|
|
2081
|
-
declare const RadioGroupField: (props: RadioGroupFieldProps) =>
|
|
2079
|
+
declare const RadioGroupField: (props: RadioGroupFieldProps) => react.JSX.Element;
|
|
2082
2080
|
|
|
2083
2081
|
interface SearchInputControlProps extends InputProps {
|
|
2084
2082
|
buttonAction?: () => void;
|
|
@@ -2087,7 +2085,7 @@ interface SearchInputControlProps extends InputProps {
|
|
|
2087
2085
|
placeholder?: string;
|
|
2088
2086
|
}
|
|
2089
2087
|
declare const SearchInput: {
|
|
2090
|
-
(props: FieldWrapperReservedProps & Omit<SearchInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
2088
|
+
(props: FieldWrapperReservedProps & Omit<SearchInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
2091
2089
|
displayName: string;
|
|
2092
2090
|
};
|
|
2093
2091
|
type SearchInputProps = ComponentProps<typeof SearchInput>;
|
|
@@ -2122,7 +2120,7 @@ interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps
|
|
|
2122
2120
|
value: TItem | null;
|
|
2123
2121
|
variant?: SelectVariant;
|
|
2124
2122
|
}
|
|
2125
|
-
declare const SelectControl: <TItem extends SelectItem>(props: SelectControlProps<TItem>) =>
|
|
2123
|
+
declare const SelectControl: <TItem extends SelectItem>(props: SelectControlProps<TItem>) => react.JSX.Element;
|
|
2126
2124
|
|
|
2127
2125
|
type SelectProps<TItem extends SelectItem> = FieldWrapperReservedProps & SelectControlProps<TItem>;
|
|
2128
2126
|
declare const Select: <TItem extends SelectItem>(props: SelectProps<TItem>) => ReactElement;
|
|
@@ -2133,7 +2131,7 @@ interface SelectFieldProps<TItem extends SelectItem> extends Omit<SelectProps<TI
|
|
|
2133
2131
|
options?: RegisterOptions;
|
|
2134
2132
|
shouldResetInvalidValues?: boolean;
|
|
2135
2133
|
}
|
|
2136
|
-
declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) =>
|
|
2134
|
+
declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => react.JSX.Element;
|
|
2137
2135
|
|
|
2138
2136
|
declare enum SliderInputRoundingType {
|
|
2139
2137
|
ceilBySteps = "ceilBySteps",
|
|
@@ -2239,7 +2237,7 @@ interface SliderInputProps extends DesignSystemBaseProps, InputLabelPassthroughP
|
|
|
2239
2237
|
* and `onInputChange` callbacks. These callbacks are triggered on every change during slider movement
|
|
2240
2238
|
* or while typing in the input field, before the user finalizes their selection with Enter or onBlur.
|
|
2241
2239
|
*/
|
|
2242
|
-
declare const SliderInput: (props: SliderInputProps) =>
|
|
2240
|
+
declare const SliderInput: (props: SliderInputProps) => react.JSX.Element;
|
|
2243
2241
|
|
|
2244
2242
|
interface SliderProps extends DesignSystemBaseProps {
|
|
2245
2243
|
ariaLabelForHandle?: string;
|
|
@@ -2262,7 +2260,7 @@ interface SliderProps extends DesignSystemBaseProps {
|
|
|
2262
2260
|
stepType: SliderStepType;
|
|
2263
2261
|
value: number;
|
|
2264
2262
|
}
|
|
2265
|
-
declare const Slider: (props: SliderProps) =>
|
|
2263
|
+
declare const Slider: (props: SliderProps) => react.JSX.Element;
|
|
2266
2264
|
|
|
2267
2265
|
interface SliderInputFieldProps extends Omit<SliderInputProps, 'onChange' | 'value'> {
|
|
2268
2266
|
options?: RegisterOptions;
|
|
@@ -2270,7 +2268,7 @@ interface SliderInputFieldProps extends Omit<SliderInputProps, 'onChange' | 'val
|
|
|
2270
2268
|
/**
|
|
2271
2269
|
* Note: You must set the `defaultValues` for this field in `useForm`. Without it, the field throw error.
|
|
2272
2270
|
*/
|
|
2273
|
-
declare const SliderInputField: (props: SliderInputFieldProps) =>
|
|
2271
|
+
declare const SliderInputField: (props: SliderInputFieldProps) => react.JSX.Element;
|
|
2274
2272
|
|
|
2275
2273
|
interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
|
|
2276
2274
|
borderRadius?: BorderRadius;
|
|
@@ -2283,7 +2281,7 @@ interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
|
|
|
2283
2281
|
onMouseUp?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
2284
2282
|
onTouchStart?: (event: TouchEvent<HTMLButtonElement>) => void;
|
|
2285
2283
|
}
|
|
2286
|
-
declare const SpanButton: (props: SpanButtonProps) =>
|
|
2284
|
+
declare const SpanButton: (props: SpanButtonProps) => react.JSX.Element;
|
|
2287
2285
|
|
|
2288
2286
|
declare enum StackDirection {
|
|
2289
2287
|
column = "column",
|
|
@@ -2305,7 +2303,7 @@ interface StackProps extends AriaAttributes {
|
|
|
2305
2303
|
tabIndex?: number;
|
|
2306
2304
|
wrap?: FlexWrap;
|
|
2307
2305
|
}
|
|
2308
|
-
declare const Stack: (props: StackProps) =>
|
|
2306
|
+
declare const Stack: (props: StackProps) => react.JSX.Element;
|
|
2309
2307
|
|
|
2310
2308
|
declare enum StepperVariant {
|
|
2311
2309
|
horizontal = "horizontal",
|
|
@@ -2327,7 +2325,7 @@ interface StepperProps {
|
|
|
2327
2325
|
steps: StepperItemProps[];
|
|
2328
2326
|
variant: StepperVariant;
|
|
2329
2327
|
}
|
|
2330
|
-
declare const Stepper: (props: StepperProps) =>
|
|
2328
|
+
declare const Stepper: (props: StepperProps) => react.JSX.Element;
|
|
2331
2329
|
|
|
2332
2330
|
declare enum StoreButtonVariant {
|
|
2333
2331
|
android = "android",
|
|
@@ -2343,7 +2341,7 @@ interface StoreButtonProps {
|
|
|
2343
2341
|
size: StoreButtonSize;
|
|
2344
2342
|
variant: StoreButtonVariant;
|
|
2345
2343
|
}
|
|
2346
|
-
declare const StoreButton: (props: StoreButtonProps) =>
|
|
2344
|
+
declare const StoreButton: (props: StoreButtonProps) => react.JSX.Element;
|
|
2347
2345
|
|
|
2348
2346
|
declare enum TableVariant {
|
|
2349
2347
|
exchange = "exchange",
|
|
@@ -2367,12 +2365,12 @@ interface TableProps {
|
|
|
2367
2365
|
variant: TableVariant;
|
|
2368
2366
|
width?: Property.Width;
|
|
2369
2367
|
}
|
|
2370
|
-
declare const Table: (props: TableProps) =>
|
|
2368
|
+
declare const Table: (props: TableProps) => react.JSX.Element;
|
|
2371
2369
|
|
|
2372
2370
|
interface TableBodyProps {
|
|
2373
2371
|
children: ReactNode;
|
|
2374
2372
|
}
|
|
2375
|
-
declare const TableBody: (props: TableBodyProps) =>
|
|
2373
|
+
declare const TableBody: (props: TableBodyProps) => react.JSX.Element;
|
|
2376
2374
|
|
|
2377
2375
|
interface TableDataProps extends DesignSystemBaseProps {
|
|
2378
2376
|
children: ReactNode;
|
|
@@ -2381,12 +2379,12 @@ interface TableDataProps extends DesignSystemBaseProps {
|
|
|
2381
2379
|
textAlign?: TableTextAlign;
|
|
2382
2380
|
variant: TableVariant;
|
|
2383
2381
|
}
|
|
2384
|
-
declare const TableData: (props: TableDataProps) =>
|
|
2382
|
+
declare const TableData: (props: TableDataProps) => react.JSX.Element;
|
|
2385
2383
|
|
|
2386
2384
|
interface TableHeadProps {
|
|
2387
2385
|
children: ReactNode;
|
|
2388
2386
|
}
|
|
2389
|
-
declare const TableHead: (props: TableHeadProps) =>
|
|
2387
|
+
declare const TableHead: (props: TableHeadProps) => react.JSX.Element;
|
|
2390
2388
|
|
|
2391
2389
|
interface TableHeadDataProps extends DesignSystemBaseProps {
|
|
2392
2390
|
abbr?: string;
|
|
@@ -2398,13 +2396,13 @@ interface TableHeadDataProps extends DesignSystemBaseProps {
|
|
|
2398
2396
|
variant: TableVariant;
|
|
2399
2397
|
width?: Property.Width;
|
|
2400
2398
|
}
|
|
2401
|
-
declare const TableHeadData: (props: TableHeadDataProps) =>
|
|
2399
|
+
declare const TableHeadData: (props: TableHeadDataProps) => react.JSX.Element;
|
|
2402
2400
|
|
|
2403
2401
|
interface TableRowProps extends DesignSystemBaseProps {
|
|
2404
2402
|
children: ReactNode;
|
|
2405
2403
|
variant: TableVariant;
|
|
2406
2404
|
}
|
|
2407
|
-
declare const TableRow: (props: TableRowProps) =>
|
|
2405
|
+
declare const TableRow: (props: TableRowProps) => react.JSX.Element;
|
|
2408
2406
|
|
|
2409
2407
|
declare enum TabsVariant {
|
|
2410
2408
|
infoTags = "infoTags",
|
|
@@ -2470,7 +2468,7 @@ interface TabsProps extends TabsType, DesignSystemBaseProps {
|
|
|
2470
2468
|
*
|
|
2471
2469
|
* More info: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/
|
|
2472
2470
|
*/
|
|
2473
|
-
declare const Tabs: (props: TabsProps) =>
|
|
2471
|
+
declare const Tabs: (props: TabsProps) => react.JSX.Element;
|
|
2474
2472
|
|
|
2475
2473
|
declare enum TagType {
|
|
2476
2474
|
alert = "alert",
|
|
@@ -2516,13 +2514,13 @@ interface TagProps extends DesignSystemBaseProps, AriaAttributes {
|
|
|
2516
2514
|
type: TagType;
|
|
2517
2515
|
whiteSpace?: WhiteSpace;
|
|
2518
2516
|
}
|
|
2519
|
-
declare const Tag: (props: TagProps) =>
|
|
2517
|
+
declare const Tag: (props: TagProps) => react.JSX.Element;
|
|
2520
2518
|
|
|
2521
2519
|
interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
|
|
2522
2520
|
ref?: Ref<HTMLTextAreaElement>;
|
|
2523
2521
|
}
|
|
2524
2522
|
declare const TextArea: {
|
|
2525
|
-
(props: FieldWrapperReservedProps & Omit<TextAreaControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
2523
|
+
(props: FieldWrapperReservedProps & Omit<TextAreaControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
2526
2524
|
displayName: string;
|
|
2527
2525
|
};
|
|
2528
2526
|
type TextAreaProps = ComponentProps<typeof TextArea>;
|
|
@@ -2531,14 +2529,14 @@ interface TextAreaFieldProps extends Omit<TextAreaProps, 'onChange' | 'value'> {
|
|
|
2531
2529
|
name: string;
|
|
2532
2530
|
options?: RegisterOptions;
|
|
2533
2531
|
}
|
|
2534
|
-
declare const TextAreaField: (props: TextAreaFieldProps) =>
|
|
2532
|
+
declare const TextAreaField: (props: TextAreaFieldProps) => react.JSX.Element;
|
|
2535
2533
|
|
|
2536
2534
|
interface TextInputControlProps extends InputProps {
|
|
2537
2535
|
iconSystem?: IconSystemType;
|
|
2538
2536
|
placeholder?: string;
|
|
2539
2537
|
}
|
|
2540
2538
|
declare const TextInput: {
|
|
2541
|
-
(props: FieldWrapperReservedProps & Omit<TextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
2539
|
+
(props: FieldWrapperReservedProps & Omit<TextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
2542
2540
|
displayName: string;
|
|
2543
2541
|
};
|
|
2544
2542
|
type TextInputProps = ComponentProps<typeof TextInput>;
|
|
@@ -2547,7 +2545,7 @@ interface TextInputFieldProps extends Omit<TextInputProps, 'onChange' | 'value'>
|
|
|
2547
2545
|
name: string;
|
|
2548
2546
|
options?: RegisterOptions;
|
|
2549
2547
|
}
|
|
2550
|
-
declare const TextInputField: (props: TextInputFieldProps) =>
|
|
2548
|
+
declare const TextInputField: (props: TextInputFieldProps) => react.JSX.Element;
|
|
2551
2549
|
|
|
2552
2550
|
interface ToggleProps {
|
|
2553
2551
|
defaultValue?: boolean;
|
|
@@ -2560,14 +2558,14 @@ interface ToggleProps {
|
|
|
2560
2558
|
/**
|
|
2561
2559
|
* Currently not compatible with react-hook-form
|
|
2562
2560
|
*/
|
|
2563
|
-
declare const Toggle: (props: ToggleProps) =>
|
|
2561
|
+
declare const Toggle: (props: ToggleProps) => react.JSX.Element;
|
|
2564
2562
|
|
|
2565
2563
|
interface TrailingTextInputControlProps extends InputProps {
|
|
2566
2564
|
placeholder?: string;
|
|
2567
2565
|
suffix?: ReactNode;
|
|
2568
2566
|
}
|
|
2569
2567
|
declare const TrailingTextInput: {
|
|
2570
|
-
(props: FieldWrapperReservedProps & Omit<TrailingTextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">):
|
|
2568
|
+
(props: FieldWrapperReservedProps & Omit<TrailingTextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react.JSX.Element;
|
|
2571
2569
|
displayName: string;
|
|
2572
2570
|
};
|
|
2573
2571
|
type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
|
|
@@ -2606,7 +2604,7 @@ interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttribute
|
|
|
2606
2604
|
weight?: FontWeight;
|
|
2607
2605
|
whiteSpace?: WhiteSpace;
|
|
2608
2606
|
}
|
|
2609
|
-
declare const Typography: (props: TypographyProps) =>
|
|
2607
|
+
declare const Typography: (props: TypographyProps) => react.JSX.Element;
|
|
2610
2608
|
|
|
2611
2609
|
interface VisuallyHiddenProps extends AriaAttributes {
|
|
2612
2610
|
as?: ElementType;
|
|
@@ -2614,7 +2612,7 @@ interface VisuallyHiddenProps extends AriaAttributes {
|
|
|
2614
2612
|
id?: string;
|
|
2615
2613
|
role?: AriaRole;
|
|
2616
2614
|
}
|
|
2617
|
-
declare const VisuallyHidden: (props: VisuallyHiddenProps) =>
|
|
2615
|
+
declare const VisuallyHidden: (props: VisuallyHiddenProps) => react.JSX.Element;
|
|
2618
2616
|
|
|
2619
2617
|
declare const useUniqueIdIfIsUndefined: (idParam: string | undefined) => string;
|
|
2620
2618
|
|
|
@@ -2628,7 +2626,7 @@ interface FormConfigProviderProps {
|
|
|
2628
2626
|
children: ReactNode;
|
|
2629
2627
|
config: FormConfig;
|
|
2630
2628
|
}
|
|
2631
|
-
declare const FormConfigProvider: (props: FormConfigProviderProps) =>
|
|
2629
|
+
declare const FormConfigProvider: (props: FormConfigProviderProps) => react.JSX.Element;
|
|
2632
2630
|
|
|
2633
2631
|
interface UseFormCaptchaProp {
|
|
2634
2632
|
action: string;
|
|
@@ -2661,7 +2659,7 @@ interface FormProviderProps<TFieldValues extends FieldValues, TSubmitValues exte
|
|
|
2661
2659
|
children: ReactNode;
|
|
2662
2660
|
form: UseFormReturn<TFieldValues, TSubmitValues>;
|
|
2663
2661
|
}
|
|
2664
|
-
declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) =>
|
|
2662
|
+
declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => react.JSX.Element;
|
|
2665
2663
|
|
|
2666
2664
|
declare const FormConfigContext: react.Context<FormConfig>;
|
|
2667
2665
|
|