@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.
Files changed (105) hide show
  1. package/build/cjs/src/components/PictogramButton/PictogramButton.js +3 -2
  2. package/build/cjs/src/components/RoundButton/RoundButton.js +3 -2
  3. package/build/esm/src/components/PictogramButton/PictogramButton.js +3 -2
  4. package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
  5. package/build/esm/src/components/RoundButton/RoundButton.js +3 -2
  6. package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
  7. package/package.json +4 -2
  8. package/build/cjs/scss/themes/dark.scss +0 -111
  9. package/build/cjs/scss/themes/light.scss +0 -111
  10. package/build/esm/build-tokens/_breakpoints.json +0 -17
  11. package/build/esm/build-tokens/_colors.json +0 -918
  12. package/build/esm/build-tokens/_icon_sizes_map.json +0 -7
  13. package/build/esm/build-tokens/_sizes.json +0 -782
  14. package/build/esm/build-tokens/_subThemeType.d.ts +0 -1
  15. package/build/esm/build-tokens/_zindex.json +0 -17
  16. package/build/esm/build-tokens/assets/icons.json +0 -142
  17. package/build/esm/build-tokens/assets/icons16.json +0 -153
  18. package/build/esm/build-tokens/assets/logo.json +0 -3
  19. package/build/esm/build-tokens/visualConfig.d.ts +0 -767
  20. package/build/esm/scss/themes/dark.scss +0 -111
  21. package/build/esm/scss/themes/light.scss +0 -111
  22. package/build/esm/src/components/Badge/Badge.d.ts +0 -11
  23. package/build/esm/src/components/Box/Box.d.ts +0 -35
  24. package/build/esm/src/components/Button/Button.d.ts +0 -33
  25. package/build/esm/src/components/Callout/Callout.d.ts +0 -14
  26. package/build/esm/src/components/Card/Card.d.ts +0 -16
  27. package/build/esm/src/components/Card/CardBox.d.ts +0 -6
  28. package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
  29. package/build/esm/src/components/Collapsible/Collapsible.d.ts +0 -15
  30. package/build/esm/src/components/Column/Columns.d.ts +0 -45
  31. package/build/esm/src/components/Container/Container.d.ts +0 -14
  32. package/build/esm/src/components/DataTable/DataTable.d.ts +0 -58
  33. package/build/esm/src/components/DataTable/TableBody.d.ts +0 -9
  34. package/build/esm/src/components/DataTable/TableCell.d.ts +0 -15
  35. package/build/esm/src/components/DataTable/TableHeader.d.ts +0 -9
  36. package/build/esm/src/components/DataTable/index.d.ts +0 -4
  37. package/build/esm/src/components/DataTable/types.d.ts +0 -15
  38. package/build/esm/src/components/DataTable/useDataTableSort.d.ts +0 -14
  39. package/build/esm/src/components/Divider/Divider.d.ts +0 -6
  40. package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts +0 -35
  41. package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -19
  42. package/build/esm/src/components/Form/Checkbox/Checkbox.d.ts +0 -26
  43. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
  44. package/build/esm/src/components/Form/FormField/FormField.d.ts +0 -15
  45. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -11
  46. package/build/esm/src/components/Form/FormLabelText/FormLabelText.d.ts +0 -7
  47. package/build/esm/src/components/Form/Input/Input.d.ts +0 -78
  48. package/build/esm/src/components/Form/Input/index.d.ts +0 -2
  49. package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -76
  50. package/build/esm/src/components/Form/PasswordInput/index.d.ts +0 -2
  51. package/build/esm/src/components/Form/Radio/Radio.d.ts +0 -24
  52. package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +0 -17
  53. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +0 -31
  54. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +0 -8
  55. package/build/esm/src/components/Form/Select/Select.d.ts +0 -23
  56. package/build/esm/src/components/Form/Textarea/Textarea.d.ts +0 -48
  57. package/build/esm/src/components/Form/Toggle/Toggle.d.ts +0 -32
  58. package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -26
  59. package/build/esm/src/components/Icon/Icon.d.ts +0 -22
  60. package/build/esm/src/components/Inline/Inline.d.ts +0 -30
  61. package/build/esm/src/components/Link/Link.d.ts +0 -14
  62. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +0 -11
  63. package/build/esm/src/components/Logo/Logo.d.ts +0 -8
  64. package/build/esm/src/components/MediaItem/MediaItem.d.ts +0 -14
  65. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
  66. package/build/esm/src/components/Notification/ExpandedContent.d.ts +0 -2
  67. package/build/esm/src/components/Notification/Notification.d.ts +0 -16
  68. package/build/esm/src/components/Pagination/Pagination.d.ts +0 -17
  69. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +0 -14
  70. package/build/esm/src/components/Patterns/Modal/Modal.d.ts +0 -28
  71. package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +0 -15
  72. package/build/esm/src/components/Portal/Portal.d.ts +0 -7
  73. package/build/esm/src/components/ProgressBar/ProgressBar.d.ts +0 -15
  74. package/build/esm/src/components/RoundButton/RoundButton.d.ts +0 -12
  75. package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -39
  76. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
  77. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +0 -10
  78. package/build/esm/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
  79. package/build/esm/src/components/Stack/Stack.d.ts +0 -20
  80. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts +0 -8
  81. package/build/esm/src/components/Tabs/Tabs.d.ts +0 -28
  82. package/build/esm/src/components/Tag/Tag.d.ts +0 -19
  83. package/build/esm/src/components/TagGroup/TagGroup.d.ts +0 -17
  84. package/build/esm/src/components/Tooltip/Tooltip.d.ts +0 -23
  85. package/build/esm/src/components/Tooltip/utils.d.ts +0 -11
  86. package/build/esm/src/components/Typography/Header/Header.d.ts +0 -36
  87. package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +0 -11
  88. package/build/esm/src/components/Typography/Text/Text.d.ts +0 -21
  89. package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
  90. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts +0 -11
  91. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -36
  92. package/build/esm/src/index.d.ts +0 -54
  93. package/build/esm/src/shared/ScreenReaderText.d.ts +0 -5
  94. package/build/esm/src/shared/flattenChildren.d.ts +0 -11
  95. package/build/esm/src/shared/informDeprecation.d.ts +0 -1
  96. package/build/esm/src/shared/mediaQueries.d.ts +0 -14
  97. package/build/esm/src/shared/replaceDeprecated.d.ts +0 -1
  98. package/build/esm/src/shared/useAutoPosition.d.ts +0 -5
  99. package/build/esm/src/shared/useDocument.d.ts +0 -1
  100. package/build/esm/src/shared/useHover.d.ts +0 -2
  101. package/build/esm/src/shared/useKeyboard.d.ts +0 -17
  102. package/build/esm/src/shared/useOnEscapePress.d.ts +0 -2
  103. package/build/esm/src/shared/useOutsideClick.d.ts +0 -11
  104. package/build/esm/src/shared/useWindow.d.ts +0 -1
  105. 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,2 +0,0 @@
1
- export { Input } from "./Input";
2
- export type { InputProps } from "./Input";
@@ -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,2 +0,0 @@
1
- export { PasswordInput } from "./PasswordInput";
2
- export type { PasswordInputProps } from "./PasswordInput";
@@ -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,2 +0,0 @@
1
- import React from "react";
2
- export declare function ExpandedContent(): React.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;