@amboss/design-system 1.7.1 → 1.7.2--canary-ts2

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 (72) hide show
  1. package/build/build-tokens/assets/logo.json +1 -1
  2. package/package.json +34 -6
  3. package/build/build-tokens/_subThemeType.d.ts +0 -1
  4. package/build/build-tokens/visualConfig.d.ts +0 -912
  5. package/build/index.js +0 -3
  6. package/build/index.js.LICENSE.txt +0 -8
  7. package/build/index.js.map +0 -1
  8. package/build/src/components/Badge/Badge.d.ts +0 -11
  9. package/build/src/components/Box/Box.d.ts +0 -36
  10. package/build/src/components/Button/Button.d.ts +0 -34
  11. package/build/src/components/Callout/Callout.d.ts +0 -14
  12. package/build/src/components/Card/Card.d.ts +0 -16
  13. package/build/src/components/Card/CardBox.d.ts +0 -7
  14. package/build/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
  15. package/build/src/components/Collapsible/Collapsible.d.ts +0 -19
  16. package/build/src/components/Column/Columns.d.ts +0 -41
  17. package/build/src/components/Container/Container.d.ts +0 -9
  18. package/build/src/components/Divider/Divider.d.ts +0 -7
  19. package/build/src/components/DropdownMenu/DropdownMenu.d.ts +0 -35
  20. package/build/src/components/DropdownMenu/MenuItem.d.ts +0 -19
  21. package/build/src/components/Form/Checkbox/Checkbox.d.ts +0 -15
  22. package/build/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
  23. package/build/src/components/Form/FormField/FormField.d.ts +0 -13
  24. package/build/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -11
  25. package/build/src/components/Form/FormLabelText/FormLabelText.d.ts +0 -7
  26. package/build/src/components/Form/Input/Input.d.ts +0 -54
  27. package/build/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -58
  28. package/build/src/components/Form/Radio/Radio.d.ts +0 -14
  29. package/build/src/components/Form/RadioButton/RadioButton.d.ts +0 -16
  30. package/build/src/components/Form/Select/Select.d.ts +0 -23
  31. package/build/src/components/Form/Textarea/Textarea.d.ts +0 -26
  32. package/build/src/components/Form/Toggle/Toggle.d.ts +0 -18
  33. package/build/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -15
  34. package/build/src/components/Icon/Icon.d.ts +0 -20
  35. package/build/src/components/Inline/Inline.d.ts +0 -29
  36. package/build/src/components/Link/Link.d.ts +0 -14
  37. package/build/src/components/Logo/Logo.d.ts +0 -8
  38. package/build/src/components/MediaItem/MediaItem.d.ts +0 -21
  39. package/build/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
  40. package/build/src/components/Notification/ExpandedContent.d.ts +0 -2
  41. package/build/src/components/Notification/Notification.d.ts +0 -16
  42. package/build/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +0 -15
  43. package/build/src/components/Patterns/Modal/Modal.d.ts +0 -28
  44. package/build/src/components/PictogramButton/PictogramButton.d.ts +0 -14
  45. package/build/src/components/Portal/Portal.d.ts +0 -7
  46. package/build/src/components/ProgressBar/ProgressBar.d.ts +0 -15
  47. package/build/src/components/RoundButton/RoundButton.d.ts +0 -12
  48. package/build/src/components/SearchResult/SearchResult.d.ts +0 -43
  49. package/build/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
  50. package/build/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +0 -10
  51. package/build/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
  52. package/build/src/components/Stack/Stack.d.ts +0 -18
  53. package/build/src/components/SubThemeProvider/SubThemeProvider.d.ts +0 -8
  54. package/build/src/components/Tabs/Tabs.d.ts +0 -17
  55. package/build/src/components/Typography/Header/Header.d.ts +0 -33
  56. package/build/src/components/Typography/StyledText/StyledText.d.ts +0 -11
  57. package/build/src/components/Typography/Text/Text.d.ts +0 -17
  58. package/build/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
  59. package/build/src/components/VirtualScrollList/VirtualScrollList.d.ts +0 -11
  60. package/build/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -36
  61. package/build/src/index.d.ts +0 -45
  62. package/build/src/shared/informDeprecation.d.ts +0 -1
  63. package/build/src/shared/mediaQueries.d.ts +0 -13
  64. package/build/src/shared/replaceDeprecated.d.ts +0 -1
  65. package/build/src/shared/useAutoPosition.d.ts +0 -5
  66. package/build/src/shared/useDocument.d.ts +0 -1
  67. package/build/src/shared/useHover.d.ts +0 -2
  68. package/build/src/shared/useKeyboard.d.ts +0 -17
  69. package/build/src/shared/useOnEscapePress.d.ts +0 -2
  70. package/build/src/shared/useOutsideClick.d.ts +0 -11
  71. package/build/src/shared/useWindow.d.ts +0 -1
  72. package/build/src/types/index.d.ts +0 -45
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { IconName } from "../Icon/Icon";
3
- export declare type BadgeProps = {
4
- /** This is a text for a component property */
5
- text: string;
6
- /** A color doesn't reflect any intent other than to variety */
7
- color?: `green` | `blue` | `yellow` | `brand` | `purple` | `red` | `gray`;
8
- icon?: IconName;
9
- "data-e2e-test-id"?: string;
10
- };
11
- export declare function Badge({ text, color, icon, "data-e2e-test-id": dataE2eTestId, }: BadgeProps): React.ReactElement;
@@ -1,36 +0,0 @@
1
- import React, { AriaAttributes } from "react";
2
- import { SpaceSizes, TextAlignment, MQ } from "../../types";
3
- declare type BoxProps = {
4
- children: React.ReactNode[] | React.ReactNode;
5
- /** Represents both vertical and horizontal paddings. When used alone, vertical and horizontal paddings will have the same value.
6
- * Use "vSpace" prop to override vertical padding value in case you want it different.
7
- * specify [small screen padding, medium screen padding, large screen padding] or one padding for all screen sizes
8
- * */
9
- space?: SpaceSizes | MQ<SpaceSizes>;
10
- /** Represents vertical padding. Used to override the vertical padding from "space" prop.
11
- * specify [small screen vertical padding, medium screen vertical padding, large screen vertical padding] or one padding for all screen sizes */
12
- vSpace?: SpaceSizes | MQ<SpaceSizes>;
13
- /** right padding * */
14
- rSpace?: SpaceSizes | MQ<SpaceSizes>;
15
- /** left padding * */
16
- lSpace?: SpaceSizes | MQ<SpaceSizes>;
17
- /** top padding * */
18
- tSpace?: SpaceSizes | MQ<SpaceSizes>;
19
- /** bottom padding * */
20
- bSpace?: SpaceSizes | MQ<SpaceSizes>;
21
- /** Text alignment prop.
22
- * specify [small screen alignText, medium screen alignText, large screen alignText] or one alignText for all screen sizes */
23
- alignText?: TextAlignment | MQ<TextAlignment>;
24
- /** Aria property for assigning an accessible role to an element
25
- * eg. dialog, tab, tooltip etc. */
26
- role?: string;
27
- /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)
28
- */
29
- ariaAttributes?: AriaAttributes;
30
- "data-e2e-test-id"?: string;
31
- };
32
- export declare function Box({ children, space, vSpace, rSpace, lSpace, tSpace, bSpace, alignText, role, ariaAttributes, "data-e2e-test-id": dataE2eTestId, }: BoxProps): React.ReactElement;
33
- export declare namespace Box {
34
- var defaultProps: Partial<BoxProps>;
35
- }
36
- export {};
@@ -1,34 +0,0 @@
1
- import React, { AriaAttributes } from "react";
2
- import { IconName } from "../Icon/Icon";
3
- import { BaseVariations, ButtonSize, HorizontalAlignment, TextVariations, PolymorphicComponentProp, AsProp } from "../../types";
4
- declare type ButtonPrivateProps = {
5
- squareCorners?: boolean | ("TopLeft" | "TopRight" | "BottomLeft" | "BottomRight")[];
6
- alignItems?: HorizontalAlignment;
7
- rightIconVariant?: TextVariations;
8
- };
9
- export declare type ButtonProps = {
10
- children?: React.ReactNode;
11
- variant?: BaseVariations;
12
- size?: ButtonSize;
13
- /** Type is ignored if "a" is provided to "as" property. Note that you can explicetly pass null. */
14
- type?: "submit" | "button" | "reset" | null;
15
- disabled?: boolean;
16
- /** When loading is true, disabled is set to true as well. */
17
- loading?: boolean;
18
- onClick?: (e: React.MouseEvent) => void;
19
- onFocus?: (e: React.FocusEvent) => void;
20
- onBlur?: (e: React.FocusEvent) => void;
21
- leftIcon?: IconName;
22
- rightIcon?: IconName;
23
- fullWidth?: boolean;
24
- privateProps?: ButtonPrivateProps;
25
- "data-e2e-test-id"?: string;
26
- /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)
27
- */
28
- ariaAttributes?: AriaAttributes;
29
- };
30
- export declare function Button<C extends React.ElementType = "button">({ "data-e2e-test-id": dataE2eTestId, ariaAttributes, as, children, disabled, fullWidth, leftIcon, loading, onBlur, onClick, onFocus, privateProps: { squareCorners, alignItems, rightIconVariant }, rightIcon, size, type, variant, ...rest }: PolymorphicComponentProp<C, ButtonProps>): React.ReactElement;
31
- export declare namespace Button {
32
- var defaultProps: Partial<ButtonProps> & AsProp<"button">;
33
- }
34
- export {};
@@ -1,14 +0,0 @@
1
- import React, { ReactElement } from "react";
2
- import { IconName } from "../Icon/Icon";
3
- import { CalloutVariations } from "../../types";
4
- export declare type CalloutProps = {
5
- type?: CalloutVariations;
6
- icon?: IconName;
7
- "data-e2e-test-id"?: string;
8
- text: string | ReactElement;
9
- description?: string | ReactElement;
10
- };
11
- export declare function Callout({ text, description, type, icon, "data-e2e-test-id": dataE2eTestId, }: CalloutProps): React.ReactElement;
12
- export declare namespace Callout {
13
- var defaultProps: Partial<CalloutProps>;
14
- }
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { DropdownMenuProps } from "../DropdownMenu/DropdownMenu";
3
- export declare type CardProps = {
4
- /** Specify title displayed in Header */
5
- title?: string;
6
- /** @deprecated Subtitle is now deprecated */
7
- subtitle?: string;
8
- /** @deprecated button property is deprecated now. Please use dropdown prop. */
9
- button?: React.ReactElement;
10
- dropdown?: Omit<DropdownMenuProps, "iconName" | "size">;
11
- overflow?: "auto" | "hidden" | "visible";
12
- squareCorners?: boolean;
13
- children?: React.ReactNode;
14
- "data-e2e-test-id"?: string;
15
- };
16
- export declare function Card({ title, subtitle, button, dropdown, children, overflow, squareCorners, "data-e2e-test-id": dataE2eTestId, }: CardProps): React.ReactElement;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- declare type CardBoxProps = {
3
- children: React.ReactNode;
4
- "data-e2e-test-id"?: string;
5
- };
6
- export declare function CardBox({ children, "data-e2e-test-id": dataE2eTestId, }: CardBoxProps): React.ReactElement;
7
- export {};
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { DropdownMenuProps } from "../../DropdownMenu/DropdownMenu";
3
- export declare class CardHeaderProps {
4
- title?: string;
5
- /** @deprecated * */
6
- subtitle?: string;
7
- dropdown?: Omit<DropdownMenuProps, "iconName" | "size">;
8
- /** @deprecated * */
9
- button?: React.ReactElement;
10
- "data-e2e-test-id"?: string;
11
- }
12
- export declare function CardHeader({ title, subtitle, button, dropdown, "data-e2e-test-id": dataE2eTestId, }: CardHeaderProps): React.ReactElement;
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import { Box } from "../Box/Box";
3
- export declare type CollapsibleProps = {
4
- /** the first element of the array of children has to be `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */
5
- children: [
6
- React.ReactElement<CollapsibleHeaderProps>,
7
- ...React.ReactElement[]
8
- ];
9
- isExpanded: boolean | undefined;
10
- };
11
- export declare type CollapsibleHeaderProps = {
12
- onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
13
- } & React.ComponentProps<typeof Box>;
14
- export declare const StyledChildrenContainer: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme;
16
- as?: React.ElementType<any>;
17
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
- export declare function CollapsibleHeader({ space, vSpace, rSpace, lSpace, tSpace, bSpace, onClick, children, }: CollapsibleHeaderProps): React.ReactElement;
19
- export declare function Collapsible({ isExpanded, children, }: CollapsibleProps): React.ReactElement;
@@ -1,41 +0,0 @@
1
- import React from "react";
2
- import { MQ, HorizontalAlignment, SpaceSizes, VerticalAlignment, ColumnSizes, ColumnAlignment, Order } from "../../types";
3
- export declare type ColumnsProps = {
4
- children: React.ReactNode[] | React.ReactNode;
5
- /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings
6
- * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes
7
- */
8
- gap?: SpaceSizes | MQ<SpaceSizes>;
9
- /** set to true if you want the last element to fill the space
10
- */
11
- alwaysFillSpace?: boolean;
12
- /** specify horizontal alignment
13
- * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes
14
- */
15
- alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;
16
- /** specify vertical alignment
17
- * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes
18
- */
19
- vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;
20
- "data-e2e-test-id"?: string;
21
- };
22
- export declare type ColumnProps = {
23
- children: React.ReactNode[] | React.ReactNode;
24
- /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12
25
- * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes
26
- */
27
- size?: ColumnSizes | MQ<ColumnSizes>;
28
- /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes
29
- */
30
- order?: Order | MQ<Order>;
31
- alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;
32
- "data-e2e-test-id"?: string;
33
- };
34
- export declare const Column: import("@emotion/styled").StyledComponent<{
35
- theme?: import("@emotion/react").Theme;
36
- as?: React.ElementType<any>;
37
- } & Partial<ColumnProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
38
- export declare const Columns: import("@emotion/styled").StyledComponent<{
39
- theme?: import("@emotion/react").Theme;
40
- as?: React.ElementType<any>;
41
- } & Partial<ColumnsProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- declare type ContainerProps = {
3
- /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */
4
- elevation: 0 | 1 | 2 | 3 | 4;
5
- children?: React.ReactNode;
6
- "data-e2e-test-id"?: string;
7
- };
8
- export declare function Container({ children, elevation, "data-e2e-test-id": dataE2eTestId, }: ContainerProps): React.ReactElement;
9
- export {};
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- declare type DividerProps = {
3
- "data-e2e-test-id"?: string;
4
- text?: string;
5
- };
6
- export declare function Divider({ text, "data-e2e-test-id": dataE2eTestId, }: DividerProps): React.ReactElement;
7
- export {};
@@ -1,35 +0,0 @@
1
- import React from "react";
2
- import { VerticalPosition, HorizontalPosition } from "../../shared/useAutoPosition";
3
- import { MenuItemProps } from "./MenuItem";
4
- import { IconName } from "../Icon/Icon";
5
- import { ButtonSize } from "../../types";
6
- declare type Separator = "separator";
7
- export declare type DropdownItem = MenuItemProps | Separator;
8
- export declare type DropdownPrivateProps = {
9
- dropdownSquareCorners?: boolean | ("TopLeft" | "TopRight" | "BottomLeft" | "BottomRight")[];
10
- };
11
- export declare type DropdownMenuProps = {
12
- /** an array of menu items, contains "label" and "onSelect" */
13
- menuItems: DropdownItem[];
14
- /** the text variant of menu items */
15
- menuItemTextVariant?: "uppercase" | "capitalize" | "lowercase" | "none";
16
- label?: string;
17
- iconName?: IconName;
18
- size?: ButtonSize;
19
- disabled?: boolean;
20
- /** Dropdown menu open state callback */
21
- onMenuOpen?: (e: React.MouseEvent) => void;
22
- /** Dropdown menu close state callback */
23
- onMenuClose?: (e: React.MouseEvent) => void;
24
- privateProps?: DropdownPrivateProps;
25
- "data-e2e-test-id"?: string;
26
- };
27
- export declare type MenuPositionProps = {
28
- verticalPosition: VerticalPosition;
29
- horizontalPosition: HorizontalPosition;
30
- };
31
- export declare function DropdownMenu({ menuItems, menuItemTextVariant, label, iconName, size, disabled, onMenuOpen, onMenuClose, privateProps: { dropdownSquareCorners }, "data-e2e-test-id": dataE2eTestId, }: DropdownMenuProps): React.ReactElement;
32
- export declare namespace DropdownMenu {
33
- var defaultProps: Partial<DropdownMenuProps>;
34
- }
35
- export {};
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import { ButtonSize } from "../../types";
3
- import { IconName } from "../Icon/Icon";
4
- export declare type MenuItemProps = {
5
- children?: React.ReactNode;
6
- /** The text for the menu item */
7
- label: string;
8
- /** The size of the menu item */
9
- size?: ButtonSize;
10
- /** Menu item disabled state */
11
- disabled?: boolean;
12
- /** On select menu item callback */
13
- onSelect: (e: React.MouseEvent) => void;
14
- icon?: IconName;
15
- emphasized?: boolean;
16
- textVariant?: "uppercase" | "capitalize" | "lowercase" | "none";
17
- onBlur?: (e: React.FocusEvent) => void;
18
- };
19
- export declare function MenuItem({ label, size, disabled, onSelect, icon, emphasized, textVariant, onBlur, }: MenuItemProps): React.ReactElement;
@@ -1,15 +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 function Checkbox({ name, value, checked, label, labelHint, disabled, onChange, onClick, onBlur, onFocus, "data-e2e-test-id": dataE2eTestId, ...rest }: CheckboxProps): React.ReactElement;
@@ -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,13 +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
- };
10
- export declare type FormFieldComponentProps = {
11
- children: React.ReactNode[] | React.ReactElement;
12
- } & FormFieldProps;
13
- export declare function FormField({ label, labelHint, hint, errorMessages, disabled, children, "data-e2e-test-id": dataE2eTestId, }: 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,54 +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 function Input({ name, value, placeholder, hasError, onChange, onClick, onBlur, onFocus, type, icon, tabIndex, areaLabel, autoComplete, privateProps, ...rest }: InputProps): React.ReactElement;
@@ -1,58 +0,0 @@
1
- import React from "react";
2
- import { FormFieldProps } from "../FormField/FormField";
3
- export declare type PasswordInputProps = {
4
- iconAriaLabel: string;
5
- } & InputProps;
6
- export 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 type IconProps = {
29
- hasError?: boolean;
30
- disabled?: boolean;
31
- onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
32
- tabIndex?: number;
33
- };
34
- export declare const PasswordInputRaw: React.ForwardRefExoticComponent<{
35
- iconAriaLabel: string;
36
- } & {
37
- name: string;
38
- value: string;
39
- placeholder?: string;
40
- /**
41
- * Set to true to toggle error state
42
- */
43
- hasError?: boolean;
44
- /**
45
- * Set to true to disabled input
46
- */
47
- disabled?: boolean;
48
- type?: string;
49
- onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
50
- onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
51
- onIconClick?: (e: React.MouseEvent) => void;
52
- onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
53
- onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
54
- areaLabel?: string;
55
- tabIndex?: number;
56
- autoComplete?: string;
57
- } & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
58
- export declare function PasswordInput({ name, value, placeholder, hasError, onChange, onClick, onBlur, onFocus, onIconClick, type, tabIndex, areaLabel, autoComplete, iconAriaLabel, ...rest }: PasswordInputProps): React.ReactElement;
@@ -1,14 +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 function Radio({ name, value, checked, label, disabled, onChange, onClick, onBlur, onFocus, "data-e2e-test-id": dataE2eTestId, ...rest }: RadioProps): React.ReactElement;
@@ -1,16 +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
- export declare function RadioButton({ name, value, checked, label, icon, disabled, onChange, onClick, onBlur, onFocus, ...rest }: RadioButtonProps): 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,26 +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 function Textarea({ name, value, placeholder, hasError, onChange, onClick, onBlur, onFocus, tabIndex, areaLabel, autoComplete, rows, maxLength, resize, ...rest }: TextareaProps): React.ReactElement;
@@ -1,18 +0,0 @@
1
- import React from "react";
2
- import { FormFieldProps } from "../FormField/FormField";
3
- import { ToggleSize, HorizontalAlignment } from "../../../types";
4
- export declare type ToggleProps = {
5
- name: string;
6
- value?: string;
7
- checked?: boolean | undefined;
8
- label?: string;
9
- disabled?: boolean;
10
- size?: ToggleSize;
11
- isHighlighted?: boolean;
12
- alignItems?: HorizontalAlignment;
13
- onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
14
- onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
15
- onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
16
- onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
17
- } & Omit<FormFieldProps, "labelHint">;
18
- export declare function Toggle({ name, value, checked, label, disabled, size, isHighlighted, alignItems, onChange, onClick, onBlur, onFocus, "data-e2e-test-id": dataE2eTestId, ...rest }: ToggleProps): React.ReactElement;
@@ -1,15 +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 function ToggleButton({ label, subLabel, name, value, checked, disabled, onChange, onClick, onBlur, onFocus, "data-e2e-test-id": dataE2eTestId, ...rest }: ToggleButtonProps): React.ReactElement;
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { IconsVariations } 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
- /** Icon color can inherit parent style or can be primary, secondary and tertiary. */
15
- variant?: IconsVariations;
16
- size?: "s" | "m" | "l";
17
- "data-e2e-test-id"?: string;
18
- "data-testid"?: string;
19
- };
20
- export declare const Icon: ({ name, hoverable, inline, size, variant, "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, }: IconProps) => React.ReactElement;
@@ -1,29 +0,0 @@
1
- import React from "react";
2
- import { HorizontalAlignment, SpaceSizes, VerticalAlignment, MQ } from "../../types";
3
- 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
- };
25
- export declare function Inline({ children, alignItems, vAlignItems, space, vSpace, noWrap, "data-e2e-test-id": dataE2eTestId, }: InlineProps): React.ReactElement;
26
- export declare namespace Inline {
27
- var defaultProps: Partial<InlineProps>;
28
- }
29
- export {};
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { LinkVariations, LinkTextSize, PolymorphicComponentProp, AsProp } from "../../types";
3
- declare type LinkProps = {
4
- size?: LinkTextSize;
5
- weight?: "normal" | "bold" | "inherit";
6
- variant?: LinkVariations;
7
- onClick?: () => void;
8
- "data-e2e-test-id"?: string;
9
- };
10
- export declare function Link<C extends React.ElementType = "a">({ children, size, weight, variant, "data-e2e-test-id": dataE2eTestId, ...rest }: PolymorphicComponentProp<C, LinkProps>): React.ReactElement;
11
- export declare namespace Link {
12
- var defaultProps: Partial<LinkProps> & AsProp<"a">;
13
- }
14
- export {};