@amboss/design-system 1.16.1 → 1.16.2-canary2
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/build/cjs/src/components/PictogramButton/PictogramButton.js +3 -2
- package/build/cjs/src/components/RoundButton/RoundButton.js +3 -2
- package/build/esm/src/components/PictogramButton/PictogramButton.js +3 -2
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
- package/build/esm/src/components/RoundButton/RoundButton.js +3 -2
- package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
- package/package.json +4 -2
- package/build/cjs/scss/themes/dark.scss +0 -111
- package/build/cjs/scss/themes/light.scss +0 -111
- package/build/esm/build-tokens/_breakpoints.json +0 -17
- package/build/esm/build-tokens/_colors.json +0 -918
- package/build/esm/build-tokens/_icon_sizes_map.json +0 -7
- package/build/esm/build-tokens/_sizes.json +0 -782
- package/build/esm/build-tokens/_subThemeType.d.ts +0 -1
- package/build/esm/build-tokens/_zindex.json +0 -17
- package/build/esm/build-tokens/assets/icons.json +0 -142
- package/build/esm/build-tokens/assets/icons16.json +0 -153
- package/build/esm/build-tokens/assets/logo.json +0 -3
- package/build/esm/build-tokens/visualConfig.d.ts +0 -767
- package/build/esm/scss/themes/dark.scss +0 -111
- package/build/esm/scss/themes/light.scss +0 -111
- package/build/esm/src/components/Badge/Badge.d.ts +0 -11
- package/build/esm/src/components/Box/Box.d.ts +0 -35
- package/build/esm/src/components/Button/Button.d.ts +0 -33
- package/build/esm/src/components/Callout/Callout.d.ts +0 -14
- package/build/esm/src/components/Card/Card.d.ts +0 -16
- package/build/esm/src/components/Card/CardBox.d.ts +0 -6
- package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
- package/build/esm/src/components/Collapsible/Collapsible.d.ts +0 -15
- package/build/esm/src/components/Column/Columns.d.ts +0 -45
- package/build/esm/src/components/Container/Container.d.ts +0 -14
- package/build/esm/src/components/DataTable/DataTable.d.ts +0 -58
- package/build/esm/src/components/DataTable/TableBody.d.ts +0 -9
- package/build/esm/src/components/DataTable/TableCell.d.ts +0 -15
- package/build/esm/src/components/DataTable/TableHeader.d.ts +0 -9
- package/build/esm/src/components/DataTable/index.d.ts +0 -4
- package/build/esm/src/components/DataTable/types.d.ts +0 -15
- package/build/esm/src/components/DataTable/useDataTableSort.d.ts +0 -14
- package/build/esm/src/components/Divider/Divider.d.ts +0 -6
- package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts +0 -35
- package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -19
- package/build/esm/src/components/Form/Checkbox/Checkbox.d.ts +0 -26
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
- package/build/esm/src/components/Form/FormField/FormField.d.ts +0 -15
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -11
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.d.ts +0 -7
- package/build/esm/src/components/Form/Input/Input.d.ts +0 -78
- package/build/esm/src/components/Form/Input/index.d.ts +0 -2
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -76
- package/build/esm/src/components/Form/PasswordInput/index.d.ts +0 -2
- package/build/esm/src/components/Form/Radio/Radio.d.ts +0 -24
- package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +0 -17
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +0 -31
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +0 -8
- package/build/esm/src/components/Form/Select/Select.d.ts +0 -23
- package/build/esm/src/components/Form/Textarea/Textarea.d.ts +0 -48
- package/build/esm/src/components/Form/Toggle/Toggle.d.ts +0 -32
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -26
- package/build/esm/src/components/Icon/Icon.d.ts +0 -22
- package/build/esm/src/components/Inline/Inline.d.ts +0 -30
- package/build/esm/src/components/Link/Link.d.ts +0 -14
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +0 -11
- package/build/esm/src/components/Logo/Logo.d.ts +0 -8
- package/build/esm/src/components/MediaItem/MediaItem.d.ts +0 -14
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
- package/build/esm/src/components/Notification/ExpandedContent.d.ts +0 -2
- package/build/esm/src/components/Notification/Notification.d.ts +0 -16
- package/build/esm/src/components/Pagination/Pagination.d.ts +0 -17
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +0 -14
- package/build/esm/src/components/Patterns/Modal/Modal.d.ts +0 -28
- package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +0 -15
- package/build/esm/src/components/Portal/Portal.d.ts +0 -7
- package/build/esm/src/components/ProgressBar/ProgressBar.d.ts +0 -15
- package/build/esm/src/components/RoundButton/RoundButton.d.ts +0 -12
- package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -39
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +0 -10
- package/build/esm/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
- package/build/esm/src/components/Stack/Stack.d.ts +0 -20
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts +0 -8
- package/build/esm/src/components/Tabs/Tabs.d.ts +0 -28
- package/build/esm/src/components/Tag/Tag.d.ts +0 -19
- package/build/esm/src/components/TagGroup/TagGroup.d.ts +0 -17
- package/build/esm/src/components/Tooltip/Tooltip.d.ts +0 -23
- package/build/esm/src/components/Tooltip/utils.d.ts +0 -11
- package/build/esm/src/components/Typography/Header/Header.d.ts +0 -36
- package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +0 -11
- package/build/esm/src/components/Typography/Text/Text.d.ts +0 -21
- package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts +0 -11
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -36
- package/build/esm/src/index.d.ts +0 -54
- package/build/esm/src/shared/ScreenReaderText.d.ts +0 -5
- package/build/esm/src/shared/flattenChildren.d.ts +0 -11
- package/build/esm/src/shared/informDeprecation.d.ts +0 -1
- package/build/esm/src/shared/mediaQueries.d.ts +0 -14
- package/build/esm/src/shared/replaceDeprecated.d.ts +0 -1
- package/build/esm/src/shared/useAutoPosition.d.ts +0 -5
- package/build/esm/src/shared/useDocument.d.ts +0 -1
- package/build/esm/src/shared/useHover.d.ts +0 -2
- package/build/esm/src/shared/useKeyboard.d.ts +0 -17
- package/build/esm/src/shared/useOnEscapePress.d.ts +0 -2
- package/build/esm/src/shared/useOutsideClick.d.ts +0 -11
- package/build/esm/src/shared/useWindow.d.ts +0 -1
- package/build/esm/src/types/index.d.ts +0 -57
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
export declare type CheckboxProps = {
|
|
4
|
-
name: string;
|
|
5
|
-
value?: string;
|
|
6
|
-
checked?: boolean | undefined;
|
|
7
|
-
label?: string | React.ComponentType;
|
|
8
|
-
labelHint?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
11
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
12
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
13
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
14
|
-
} & Omit<FormFieldProps, "labelHint">;
|
|
15
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<{
|
|
16
|
-
name: string;
|
|
17
|
-
value?: string;
|
|
18
|
-
checked?: boolean | undefined;
|
|
19
|
-
label?: string | React.ComponentType;
|
|
20
|
-
labelHint?: string;
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
23
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
24
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
25
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
26
|
-
} & Omit<FormFieldProps, "labelHint"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type FormErrorMessagesProps = {
|
|
3
|
-
messages: string[];
|
|
4
|
-
"data-e2e-test-id"?: string;
|
|
5
|
-
};
|
|
6
|
-
export declare function FormErrorMessages({ messages, "data-e2e-test-id": dataE2eTestId, }: FormErrorMessagesProps): React.ReactElement;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type FormFieldProps = {
|
|
3
|
-
label?: string;
|
|
4
|
-
labelHint?: string;
|
|
5
|
-
errorMessages?: string[];
|
|
6
|
-
hint?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
"data-e2e-test-id"?: string;
|
|
9
|
-
/** @ignore */
|
|
10
|
-
"data-ds-id"?: string;
|
|
11
|
-
};
|
|
12
|
-
export declare type FormFieldComponentProps = {
|
|
13
|
-
children: React.ReactNode[] | React.ReactElement;
|
|
14
|
-
} & FormFieldProps;
|
|
15
|
-
export declare function FormField({ label, labelHint, hint, errorMessages, disabled, children, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: FormFieldComponentProps): React.ReactElement;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type FormFieldGroupProps = {
|
|
3
|
-
label?: string;
|
|
4
|
-
labelHint?: string;
|
|
5
|
-
children: React.ReactNode[] | React.ReactElement;
|
|
6
|
-
errorMessages?: string[];
|
|
7
|
-
hint?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
"data-e2e-test-id"?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare function FormFieldGroup({ children, label, labelHint, errorMessages, hint, disabled, "data-e2e-test-id": dataE2eTestId, }: FormFieldGroupProps): React.ReactElement;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type FormLabelTextProps = {
|
|
3
|
-
children: string;
|
|
4
|
-
labelHint?: string;
|
|
5
|
-
"data-e2e-test-id"?: string;
|
|
6
|
-
};
|
|
7
|
-
export declare function FormLabelText({ children, labelHint, "data-e2e-test-id": dataE2eTestId, }: FormLabelTextProps): React.ReactElement;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IconName } from "../../Icon/Icon";
|
|
3
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
4
|
-
export declare type InputProps = {
|
|
5
|
-
name: string;
|
|
6
|
-
value: string;
|
|
7
|
-
icon?: IconName;
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Set to true to toggle error state
|
|
11
|
-
*/
|
|
12
|
-
hasError?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Set to true to disabled input
|
|
15
|
-
*/
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
type?: "text" | "password" | "number";
|
|
18
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
19
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
20
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
21
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
22
|
-
areaLabel?: string;
|
|
23
|
-
tabIndex?: number;
|
|
24
|
-
autoComplete?: string;
|
|
25
|
-
privateProps?: {
|
|
26
|
-
isTransparent?: boolean;
|
|
27
|
-
};
|
|
28
|
-
} & FormFieldProps;
|
|
29
|
-
export declare const InputRaw: React.ForwardRefExoticComponent<{
|
|
30
|
-
name: string;
|
|
31
|
-
value: string;
|
|
32
|
-
icon?: IconName;
|
|
33
|
-
placeholder?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Set to true to toggle error state
|
|
36
|
-
*/
|
|
37
|
-
hasError?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Set to true to disabled input
|
|
40
|
-
*/
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
type?: "text" | "password" | "number";
|
|
43
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
44
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
45
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
46
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
47
|
-
areaLabel?: string;
|
|
48
|
-
tabIndex?: number;
|
|
49
|
-
autoComplete?: string;
|
|
50
|
-
privateProps?: {
|
|
51
|
-
isTransparent?: boolean;
|
|
52
|
-
};
|
|
53
|
-
} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
54
|
-
export declare const Input: React.ForwardRefExoticComponent<{
|
|
55
|
-
name: string;
|
|
56
|
-
value: string;
|
|
57
|
-
icon?: IconName;
|
|
58
|
-
placeholder?: string;
|
|
59
|
-
/**
|
|
60
|
-
* Set to true to toggle error state
|
|
61
|
-
*/
|
|
62
|
-
hasError?: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Set to true to disabled input
|
|
65
|
-
*/
|
|
66
|
-
disabled?: boolean;
|
|
67
|
-
type?: "text" | "password" | "number";
|
|
68
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
69
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
70
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
71
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
72
|
-
areaLabel?: string;
|
|
73
|
-
tabIndex?: number;
|
|
74
|
-
autoComplete?: string;
|
|
75
|
-
privateProps?: {
|
|
76
|
-
isTransparent?: boolean;
|
|
77
|
-
};
|
|
78
|
-
} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
export declare type PasswordInputProps = {
|
|
4
|
-
iconAriaLabel: string;
|
|
5
|
-
} & InputProps;
|
|
6
|
-
declare type InputProps = {
|
|
7
|
-
name: string;
|
|
8
|
-
value: string;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Set to true to toggle error state
|
|
12
|
-
*/
|
|
13
|
-
hasError?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Set to true to disabled input
|
|
16
|
-
*/
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
type?: string;
|
|
19
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
20
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
21
|
-
onIconClick?: (e: React.MouseEvent) => void;
|
|
22
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
23
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
24
|
-
areaLabel?: string;
|
|
25
|
-
tabIndex?: number;
|
|
26
|
-
autoComplete?: string;
|
|
27
|
-
} & FormFieldProps;
|
|
28
|
-
export declare const PasswordInputRaw: React.ForwardRefExoticComponent<{
|
|
29
|
-
iconAriaLabel: string;
|
|
30
|
-
} & {
|
|
31
|
-
name: string;
|
|
32
|
-
value: string;
|
|
33
|
-
placeholder?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Set to true to toggle error state
|
|
36
|
-
*/
|
|
37
|
-
hasError?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Set to true to disabled input
|
|
40
|
-
*/
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
type?: string;
|
|
43
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
44
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
45
|
-
onIconClick?: (e: React.MouseEvent) => void;
|
|
46
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
47
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
48
|
-
areaLabel?: string;
|
|
49
|
-
tabIndex?: number;
|
|
50
|
-
autoComplete?: string;
|
|
51
|
-
} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
52
|
-
export declare const PasswordInput: React.ForwardRefExoticComponent<{
|
|
53
|
-
iconAriaLabel: string;
|
|
54
|
-
} & {
|
|
55
|
-
name: string;
|
|
56
|
-
value: string;
|
|
57
|
-
placeholder?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Set to true to toggle error state
|
|
60
|
-
*/
|
|
61
|
-
hasError?: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Set to true to disabled input
|
|
64
|
-
*/
|
|
65
|
-
disabled?: boolean;
|
|
66
|
-
type?: string;
|
|
67
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
68
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
69
|
-
onIconClick?: (e: React.MouseEvent) => void;
|
|
70
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
71
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
72
|
-
areaLabel?: string;
|
|
73
|
-
tabIndex?: number;
|
|
74
|
-
autoComplete?: string;
|
|
75
|
-
} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
76
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
export declare type RadioProps = {
|
|
4
|
-
name: string;
|
|
5
|
-
value?: string;
|
|
6
|
-
checked?: boolean | undefined;
|
|
7
|
-
label?: string | React.ComponentType;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
10
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
11
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
12
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
13
|
-
} & Omit<FormFieldProps, "labelHint">;
|
|
14
|
-
export declare const Radio: React.ForwardRefExoticComponent<{
|
|
15
|
-
name: string;
|
|
16
|
-
value?: string;
|
|
17
|
-
checked?: boolean | undefined;
|
|
18
|
-
label?: string | React.ComponentType;
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
21
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
22
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
23
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
24
|
-
} & Omit<FormFieldProps, "labelHint"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
import { IconName } from "../../Icon/Icon";
|
|
4
|
-
export declare type RadioButtonProps = {
|
|
5
|
-
name: string;
|
|
6
|
-
value?: string;
|
|
7
|
-
checked?: boolean | undefined;
|
|
8
|
-
icon?: IconName;
|
|
9
|
-
label?: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
12
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
13
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
14
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
15
|
-
} & Omit<FormFieldProps, "labelHint">;
|
|
16
|
-
/** @deprecated Use Radio or SegmentedControl component instead */
|
|
17
|
-
export declare function RadioButton({ name, value, checked, label, icon, disabled, onChange, onClick, onBlur, onFocus, ...rest }: RadioButtonProps): React.ReactElement;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
export declare type SegmentedControlOption = {
|
|
4
|
-
name: string;
|
|
5
|
-
label: string;
|
|
6
|
-
value: string;
|
|
7
|
-
sublabel?: string;
|
|
8
|
-
displayAsOptionWithSublabel?: boolean;
|
|
9
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
10
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
11
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
12
|
-
};
|
|
13
|
-
export declare type SegmentedControlProps = {
|
|
14
|
-
/**
|
|
15
|
-
* Meta data for options
|
|
16
|
-
* @param name - Name for radio input
|
|
17
|
-
* @param label - Label for display
|
|
18
|
-
* @param value - Value for radio input
|
|
19
|
-
* @param sublabel - Sublabel displayed below label (Optional)
|
|
20
|
-
* @param displayAsOptionWithSublabel - Set this to true if no sublabel is available, but option is displayed as one with sublabel
|
|
21
|
-
*/
|
|
22
|
-
options: SegmentedControlOption[];
|
|
23
|
-
/** Current selected value */
|
|
24
|
-
value: string;
|
|
25
|
-
/** Justified layout, with equal size segments spanning to container width */
|
|
26
|
-
justified?: boolean;
|
|
27
|
-
/** Segment size, not applicable on mobile breakpoint */
|
|
28
|
-
size?: "s" | "m" | "l";
|
|
29
|
-
onChange: (value: string) => void;
|
|
30
|
-
} & FormFieldProps;
|
|
31
|
-
export declare function SegmentedControl({ options, value, disabled, justified, size, onChange, ...rest }: SegmentedControlProps): React.ReactElement;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl";
|
|
3
|
-
export declare type SegmentedControlOptionProps = Pick<SegmentedControlProps, "size" | "disabled"> & SegmentedControlOption & {
|
|
4
|
-
checked: boolean | undefined;
|
|
5
|
-
isResponsive?: boolean;
|
|
6
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
7
|
-
};
|
|
8
|
-
export declare function SegmentedControlOption({ name, value, checked, label, sublabel, size, disabled, isResponsive, displayAsOptionWithSublabel, onChange, onClick, onBlur, onFocus, }: SegmentedControlOptionProps): React.ReactElement;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
declare type SelectOption = {
|
|
4
|
-
value: string;
|
|
5
|
-
label: string;
|
|
6
|
-
} & Record<string, unknown>;
|
|
7
|
-
export declare type SelectProps = {
|
|
8
|
-
name: string;
|
|
9
|
-
value: string;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
emptyStateMessage?: string;
|
|
12
|
-
hasError?: boolean;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
options?: SelectOption[];
|
|
15
|
-
filterMethod?: (options: SelectOption, value: string) => boolean;
|
|
16
|
-
onChange?: (e: React.FormEvent<HTMLSelectElement>) => void;
|
|
17
|
-
onBlur?: () => void;
|
|
18
|
-
onFocus?: () => void;
|
|
19
|
-
maxHeight?: number;
|
|
20
|
-
autoComplete?: string;
|
|
21
|
-
} & FormFieldProps;
|
|
22
|
-
export declare function Select({ options, name, value, placeholder, emptyStateMessage, hasError, filterMethod, onChange, onBlur, onFocus, maxHeight, autoComplete, ...rest }: SelectProps): React.ReactElement;
|
|
23
|
-
export {};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
export declare type TextareaProps = {
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
/**
|
|
7
|
-
* Set to true to toggle error state
|
|
8
|
-
*/
|
|
9
|
-
hasError?: boolean;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Set to true to disabled input
|
|
13
|
-
*/
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
16
|
-
onClick?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
17
|
-
onBlur?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
18
|
-
onFocus?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
19
|
-
areaLabel?: string;
|
|
20
|
-
tabIndex?: number;
|
|
21
|
-
autoComplete?: string;
|
|
22
|
-
rows?: number;
|
|
23
|
-
maxLength?: number;
|
|
24
|
-
resize?: "none" | "horizontal" | "vertical" | "both";
|
|
25
|
-
} & FormFieldProps;
|
|
26
|
-
export declare const Textarea: React.ForwardRefExoticComponent<{
|
|
27
|
-
name: string;
|
|
28
|
-
value: string;
|
|
29
|
-
/**
|
|
30
|
-
* Set to true to toggle error state
|
|
31
|
-
*/
|
|
32
|
-
hasError?: boolean;
|
|
33
|
-
placeholder?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Set to true to disabled input
|
|
36
|
-
*/
|
|
37
|
-
disabled?: boolean;
|
|
38
|
-
onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
39
|
-
onClick?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
40
|
-
onBlur?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
41
|
-
onFocus?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
|
|
42
|
-
areaLabel?: string;
|
|
43
|
-
tabIndex?: number;
|
|
44
|
-
autoComplete?: string;
|
|
45
|
-
rows?: number;
|
|
46
|
-
maxLength?: number;
|
|
47
|
-
resize?: "none" | "horizontal" | "vertical" | "both";
|
|
48
|
-
} & FormFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
import { InlineProps } from "../../Inline/Inline";
|
|
4
|
-
import { ToggleSize } from "../../../types";
|
|
5
|
-
export declare type ToggleProps = {
|
|
6
|
-
name: string;
|
|
7
|
-
value?: string;
|
|
8
|
-
checked?: boolean | undefined;
|
|
9
|
-
label?: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
size?: ToggleSize;
|
|
12
|
-
isHighlighted?: boolean;
|
|
13
|
-
alignItems?: InlineProps["alignItems"];
|
|
14
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
15
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
16
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
17
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
18
|
-
} & Omit<FormFieldProps, "labelHint">;
|
|
19
|
-
export declare const Toggle: React.ForwardRefExoticComponent<{
|
|
20
|
-
name: string;
|
|
21
|
-
value?: string;
|
|
22
|
-
checked?: boolean | undefined;
|
|
23
|
-
label?: string;
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
size?: ToggleSize;
|
|
26
|
-
isHighlighted?: boolean;
|
|
27
|
-
alignItems?: InlineProps["alignItems"];
|
|
28
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
29
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
30
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
31
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
32
|
-
} & Omit<FormFieldProps, "labelHint"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormFieldProps } from "../FormField/FormField";
|
|
3
|
-
export declare type ToggleButtonProps = {
|
|
4
|
-
label: string;
|
|
5
|
-
subLabel?: string;
|
|
6
|
-
name: string;
|
|
7
|
-
value?: string;
|
|
8
|
-
checked?: boolean | undefined;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
11
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
12
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
13
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
14
|
-
} & Omit<FormFieldProps, "labelHint">;
|
|
15
|
-
export declare const ToggleButton: React.ForwardRefExoticComponent<{
|
|
16
|
-
label: string;
|
|
17
|
-
subLabel?: string;
|
|
18
|
-
name: string;
|
|
19
|
-
value?: string;
|
|
20
|
-
checked?: boolean | undefined;
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
23
|
-
onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
24
|
-
onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
25
|
-
onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
26
|
-
} & Omit<FormFieldProps, "labelHint"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IconsVariations, IconsColors } from "../../types";
|
|
3
|
-
import icons from "../../../build-tokens/assets/icons.json";
|
|
4
|
-
import icons16 from "../../../build-tokens/assets/icons16.json";
|
|
5
|
-
export declare type IconName = keyof typeof icons;
|
|
6
|
-
export declare type IconName16 = keyof typeof icons16;
|
|
7
|
-
export declare type IconProps = {
|
|
8
|
-
/** Icon name */
|
|
9
|
-
name: IconName;
|
|
10
|
-
/** set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover */
|
|
11
|
-
hoverable?: boolean | React.MutableRefObject<any>;
|
|
12
|
-
/** set to true to have an inline icon wrapped in a span instead of div */
|
|
13
|
-
inline?: boolean;
|
|
14
|
-
/** @deprecated variant, please use "color" prop instead */
|
|
15
|
-
variant?: IconsVariations;
|
|
16
|
-
/** Icon color can inherit parent style. */
|
|
17
|
-
color?: IconsColors;
|
|
18
|
-
size?: "s" | "m" | "l";
|
|
19
|
-
"data-e2e-test-id"?: string;
|
|
20
|
-
"data-testid"?: string;
|
|
21
|
-
};
|
|
22
|
-
export declare const Icon: ({ name, hoverable, inline, size, color, variant, "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, }: IconProps) => React.ReactElement;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { HorizontalAlignment, SpaceSizes, VerticalAlignment, MQ } from "../../types";
|
|
3
|
-
export declare type InlineProps = {
|
|
4
|
-
children: React.ReactNode[] | React.ReactElement;
|
|
5
|
-
/** Represents the spacing between the Inline's children.
|
|
6
|
-
* specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
|
|
7
|
-
*/
|
|
8
|
-
space?: MQ<SpaceSizes> | SpaceSizes;
|
|
9
|
-
/** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.
|
|
10
|
-
* specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
|
|
11
|
-
*/
|
|
12
|
-
vSpace?: MQ<SpaceSizes> | SpaceSizes;
|
|
13
|
-
/** Represents elements' horizontal alignment
|
|
14
|
-
* specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes
|
|
15
|
-
*/
|
|
16
|
-
alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;
|
|
17
|
-
/** Represents elements' vertical alignment
|
|
18
|
-
* specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes
|
|
19
|
-
*/
|
|
20
|
-
vAlignItems?: MQ<VerticalAlignment> | VerticalAlignment;
|
|
21
|
-
/** Set to true to disable wrapping property */
|
|
22
|
-
noWrap?: boolean;
|
|
23
|
-
"data-e2e-test-id"?: string;
|
|
24
|
-
/** @ignore */
|
|
25
|
-
"data-ds-id"?: string;
|
|
26
|
-
};
|
|
27
|
-
export declare function Inline({ children, alignItems, vAlignItems, space, vSpace, noWrap, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: InlineProps): React.ReactElement;
|
|
28
|
-
export declare namespace Inline {
|
|
29
|
-
var defaultProps: Partial<InlineProps>;
|
|
30
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { LinkVariations, LinkColors, LinkTextSize, PolymorphicComponentPropsWithRef } from "../../types";
|
|
3
|
-
export declare type LinkProps = {
|
|
4
|
-
size?: LinkTextSize;
|
|
5
|
-
weight?: "normal" | "bold" | "inherit";
|
|
6
|
-
/** @deprecated variant, please use "color" prop instead */
|
|
7
|
-
variant?: LinkVariations;
|
|
8
|
-
color?: LinkColors;
|
|
9
|
-
onClick?: () => void;
|
|
10
|
-
"data-e2e-test-id"?: string;
|
|
11
|
-
};
|
|
12
|
-
declare type LinkComponent = <C extends React.ElementType = "a">(props: PolymorphicComponentPropsWithRef<C, LinkProps>) => React.ReactElement | null;
|
|
13
|
-
export declare const Link: LinkComponent;
|
|
14
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type LoadingSpinnerProps = {
|
|
3
|
-
/** Width and Height in px
|
|
4
|
-
* @default 80px
|
|
5
|
-
*/
|
|
6
|
-
size?: number;
|
|
7
|
-
/** hidden label for screen readers */
|
|
8
|
-
screenReaderText: string;
|
|
9
|
-
"data-e2e-test-id"?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare function LoadingSpinner({ size, screenReaderText, "data-e2e-test-id": dataE2eTestId, }: LoadingSpinnerProps): React.ReactElement;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type LogoProps = {
|
|
3
|
-
href: string;
|
|
4
|
-
ariaLabel?: string;
|
|
5
|
-
role?: string;
|
|
6
|
-
"data-testid"?: string;
|
|
7
|
-
};
|
|
8
|
-
export declare function Logo({ href, ariaLabel, role, "data-testid": dataTestId, }: LogoProps): React.ReactElement;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type MediaItemProps = {
|
|
3
|
-
src: string;
|
|
4
|
-
title: string;
|
|
5
|
-
/** Sets the height of the media to equal the width value making a square <br/>
|
|
6
|
-
*/
|
|
7
|
-
squareByWidth?: boolean;
|
|
8
|
-
/** Specify fit of the media background. <br/>
|
|
9
|
-
* "contain" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>
|
|
10
|
-
* "cover" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.
|
|
11
|
-
*/
|
|
12
|
-
fit: "cover" | "contain";
|
|
13
|
-
};
|
|
14
|
-
export declare function MediaItem({ src, title, squareByWidth, fit, }: MediaItemProps): React.ReactElement;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from "react";
|
|
2
|
-
export declare type MediaViewerBarProps = {
|
|
3
|
-
children?: ReactElement | ReactElement[];
|
|
4
|
-
hasSeparator?: boolean;
|
|
5
|
-
"data-e2e-test-id"?: string;
|
|
6
|
-
};
|
|
7
|
-
export declare function MediaViewerBar({ children, hasSeparator, "data-e2e-test-id": dataE2eTestId, }: MediaViewerBarProps): ReactElement;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IconName } from "../Icon/Icon";
|
|
3
|
-
export declare type NotificationProps = {
|
|
4
|
-
"data-e2e-test-id"?: string;
|
|
5
|
-
text?: string;
|
|
6
|
-
icon?: IconName;
|
|
7
|
-
isDismissable?: boolean;
|
|
8
|
-
callToActionLabel?: string;
|
|
9
|
-
expandButtonLabel?: string;
|
|
10
|
-
shrinkButtonLabel?: string;
|
|
11
|
-
expandable?: boolean;
|
|
12
|
-
onClickCallToAction?: (e: React.MouseEvent) => void;
|
|
13
|
-
onClickDismiss?: () => void;
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
};
|
|
16
|
-
export declare function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, "data-e2e-test-id": dataE2eTestId, }: NotificationProps): React.ReactElement;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type PaginationProps = {
|
|
3
|
-
/** Total number of items */
|
|
4
|
-
numOfItems: number;
|
|
5
|
-
/** Current page */
|
|
6
|
-
currentPage: number;
|
|
7
|
-
/** Number of items per page */
|
|
8
|
-
numOfItemsPerPage?: number;
|
|
9
|
-
onPrevClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
|
|
10
|
-
onNextClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
|
|
11
|
-
/** Callback to provide a custom label */
|
|
12
|
-
formatLabel?: (firstItemIndex?: number, lastItemIndex?: number, numOfItems?: number) => string;
|
|
13
|
-
/** Align label with respect to arrow buttons */
|
|
14
|
-
alignLabel?: "center" | "left";
|
|
15
|
-
"data-e2e-test-id"?: string;
|
|
16
|
-
};
|
|
17
|
-
export declare function Pagination({ numOfItems, numOfItemsPerPage, currentPage, formatLabel, alignLabel, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, }: PaginationProps): React.ReactElement;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MQ, SpaceSizes } from "../../../types";
|
|
3
|
-
import { ButtonProps } from "../../Button/Button";
|
|
4
|
-
export declare type ActionButtonProps = {
|
|
5
|
-
text: string;
|
|
6
|
-
} & ButtonProps;
|
|
7
|
-
export declare type ButtonGroupProps = {
|
|
8
|
-
actionButton?: ActionButtonProps;
|
|
9
|
-
cancelButtonText?: string;
|
|
10
|
-
onButtonClick?: (action: "cancel" | "action") => void;
|
|
11
|
-
space?: MQ<SpaceSizes> | SpaceSizes;
|
|
12
|
-
"data-e2e-test-id"?: string;
|
|
13
|
-
};
|
|
14
|
-
export declare function ButtonGroup({ cancelButtonText, actionButton, onButtonClick, "data-e2e-test-id": dataE2eTestId, }: ButtonGroupProps): React.ReactElement;
|