@prismicio/editor-ui 0.4.56 → 0.4.58-alpha.repeatable-link-base.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionList/ActionList.d.ts +42 -4
- package/dist/components/ActionList/ActionList.stories.d.ts +42 -2
- package/dist/components/ActionList/index.d.ts +1 -1
- package/dist/components/Alert/Alert.stories.d.ts +1 -1
- package/dist/components/AnimatedList/AnimatedList.stories.d.ts +1 -1
- package/dist/components/Box/Box.d.ts +1 -1
- package/dist/components/Box/Box.stories.d.ts +3 -138
- package/dist/components/Button/Button.d.ts +3 -1
- package/dist/components/Button/Button.stories.d.ts +5 -3
- package/dist/components/CircleIcon/CircleIcon.stories.d.ts +1 -1
- package/dist/components/ComboBox/ComboBox.d.ts +10 -0
- package/dist/components/Dialog/Dialog.d.ts +3 -1
- package/dist/components/Field/Field.d.ts +1 -0
- package/dist/components/Field/Field.stories.d.ts +6 -0
- package/dist/components/FieldSet/FieldSet.d.ts +3 -0
- package/dist/components/Form/Form.d.ts +3 -2
- package/dist/components/Form/Form.stories.d.ts +2 -1
- package/dist/components/Form/FormField.d.ts +21 -8
- package/dist/components/Form/FormFieldError.d.ts +1 -2
- package/dist/components/Form/FormInput.d.ts +2 -1
- package/dist/components/Form/FormSearchInput.d.ts +1 -0
- package/dist/components/Form/index.d.ts +2 -2
- package/dist/components/HeaderTabLink/HeaderTabLink.d.ts +2 -1
- package/dist/components/Icon/iconNames.d.ts +1 -1
- package/dist/components/IconButton/IconButton.d.ts +1 -0
- package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +6 -0
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +11 -11
- package/dist/components/Skeleton/Skeleton.stories.d.ts +1 -1
- package/dist/components/Text/Text.d.ts +11 -1
- package/dist/components/Toast/ToastContext.d.ts +1 -1
- package/dist/components/Toast/index.d.ts +1 -1
- package/dist/components/ToggleButton/ToggleButton.stories.d.ts +2 -2
- package/dist/index.cjs.js +190 -161
- package/dist/index.d.ts +4 -4
- package/dist/index.es.js +16323 -13843
- package/dist/style.css +1 -1
- package/dist/theme/theme.d.ts +1 -0
- package/package.json +12 -12
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
|
+
type Variant = "normal" | "compact";
|
|
2
3
|
export interface FieldSetProps {
|
|
3
4
|
children?: ReactNode;
|
|
4
5
|
selected?: boolean;
|
|
@@ -10,5 +11,7 @@ export interface FieldSetProps {
|
|
|
10
11
|
* Additional content to be displayed in the header.
|
|
11
12
|
*/
|
|
12
13
|
header?: ReactNode;
|
|
14
|
+
variant?: Variant;
|
|
13
15
|
}
|
|
14
16
|
export declare function FieldSet(props: FieldSetProps): JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
1
|
+
import type { FormEventHandler, ReactNode } from "react";
|
|
2
2
|
import type { SX } from "../../theme";
|
|
3
3
|
export interface FormProps {
|
|
4
|
+
id?: string;
|
|
4
5
|
children?: ReactNode;
|
|
5
6
|
sx?: SX;
|
|
6
|
-
onSubmit
|
|
7
|
+
onSubmit?: FormEventHandler<HTMLFormElement>;
|
|
7
8
|
}
|
|
8
9
|
export declare function Form(props: FormProps): JSX.Element;
|
|
@@ -14,9 +14,10 @@ declare const meta: {
|
|
|
14
14
|
export default meta;
|
|
15
15
|
export declare const Default: {
|
|
16
16
|
render: (args: {
|
|
17
|
+
id?: string | undefined;
|
|
17
18
|
children?: import("react").ReactNode;
|
|
18
19
|
sx?: import("../../theme").SX | undefined;
|
|
19
|
-
onSubmit
|
|
20
|
+
onSubmit?: import("react").FormEventHandler<HTMLFormElement> | undefined;
|
|
20
21
|
}) => JSX.Element;
|
|
21
22
|
args: {};
|
|
22
23
|
name: string;
|
|
@@ -1,25 +1,38 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import type { SX } from "../../theme";
|
|
3
|
-
export
|
|
3
|
+
export interface FormFieldProps {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
error?: boolean | string;
|
|
6
6
|
description?: string;
|
|
7
|
+
descriptionPosition?: "top" | "bottom";
|
|
7
8
|
sx?: SX;
|
|
8
|
-
|
|
9
|
+
id?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A field with a description and optional error message.
|
|
13
|
+
*/
|
|
9
14
|
export declare const FormField: (props: FormFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
10
15
|
type LabelProps = {
|
|
11
16
|
label: string;
|
|
12
|
-
id: string;
|
|
13
17
|
} | object;
|
|
14
18
|
export type RoundedSide = "all" | "top" | "bottom";
|
|
15
19
|
export type FormInputFieldProps = {
|
|
16
|
-
children?: ReactNode;
|
|
17
|
-
error?: boolean | string;
|
|
18
|
-
description?: string;
|
|
19
20
|
disabled?: boolean;
|
|
20
21
|
size?: "small" | "medium" | "large";
|
|
21
|
-
sx?: SX;
|
|
22
22
|
roundedSide?: RoundedSide;
|
|
23
|
-
|
|
23
|
+
/**
|
|
24
|
+
* Providing an id to both FormInputField and an Input field
|
|
25
|
+
* allows to connect the input to an error message (via aria-errormessage).
|
|
26
|
+
*/
|
|
27
|
+
id?: string;
|
|
28
|
+
} & LabelProps & FormFieldProps;
|
|
29
|
+
/**
|
|
30
|
+
* A field with a label, description and optional error message.
|
|
31
|
+
*/
|
|
24
32
|
export declare const FormInputField: (props: FormInputFieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
33
|
+
interface AnimatedFormErrorProps {
|
|
34
|
+
error?: string | boolean;
|
|
35
|
+
id?: string;
|
|
36
|
+
}
|
|
37
|
+
export declare function AnimatedFormError(props: AnimatedFormErrorProps): JSX.Element;
|
|
25
38
|
export {};
|
|
@@ -15,7 +15,8 @@ export interface FormInputProps extends Pick<FormInputFieldProps, "disabled" | "
|
|
|
15
15
|
prefix?: ReactNode;
|
|
16
16
|
prefixTooltip?: string;
|
|
17
17
|
suffix?: ReactNode;
|
|
18
|
+
maxLength?: number;
|
|
18
19
|
}
|
|
19
|
-
export declare
|
|
20
|
+
export declare const FormInput: (props: FormInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
20
21
|
type AutoCompleteValue = "username" | "current-password";
|
|
21
22
|
export {};
|
|
@@ -10,6 +10,7 @@ export interface FormSearchInputProps extends Pick<FormInputFieldProps, "disable
|
|
|
10
10
|
role?: AriaRole;
|
|
11
11
|
onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
12
12
|
onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
13
|
+
startAdornment?: boolean;
|
|
13
14
|
endAdornment?: boolean;
|
|
14
15
|
autoFocus?: boolean;
|
|
15
16
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { Form } from "./Form";
|
|
2
2
|
export { FormDateInput } from "./FormDateInput";
|
|
3
|
-
export { FormField, FormInputField } from "./FormField";
|
|
4
|
-
export { FormInput } from "./FormInput";
|
|
3
|
+
export { AnimatedFormError, FormField, FormInputField } from "./FormField";
|
|
4
|
+
export { FormInput, type FormInputProps } from "./FormInput";
|
|
5
5
|
export { FormSearchInput } from "./FormSearchInput";
|
|
6
6
|
export { InlineLabel } from "./InlineLabel";
|
|
@@ -2,7 +2,8 @@ interface Props {
|
|
|
2
2
|
text: string;
|
|
3
3
|
selected: boolean;
|
|
4
4
|
disabled?: boolean;
|
|
5
|
-
renderLink
|
|
5
|
+
renderLink?: (children: JSX.Element) => JSX.Element;
|
|
6
|
+
onClick?: () => void;
|
|
6
7
|
}
|
|
7
8
|
export declare function HeaderTabLink(props: Props): JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
|
|
1
|
+
export declare const iconNames: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
2
2
|
export type IconName = typeof iconNames[number];
|
|
@@ -12,6 +12,7 @@ export interface IconButtonProps {
|
|
|
12
12
|
size?: "small" | "medium" | "large";
|
|
13
13
|
variant?: "solid" | "ghost";
|
|
14
14
|
disabled?: boolean;
|
|
15
|
+
type?: "button";
|
|
15
16
|
onClick?: (event: MouseEvent | KeyboardEvent) => void;
|
|
16
17
|
onMouseDown?: (event: MouseEvent) => void;
|
|
17
18
|
onMouseUp?: (event: MouseEvent) => void;
|
|
@@ -13,7 +13,7 @@ declare const meta: {
|
|
|
13
13
|
};
|
|
14
14
|
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
15
15
|
children: import("react").ReactNode[];
|
|
16
|
-
gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120) | undefined;
|
|
16
|
+
gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120) | undefined;
|
|
17
17
|
}>) => JSX.Element)[];
|
|
18
18
|
};
|
|
19
19
|
export default meta;
|
|
@@ -3,6 +3,7 @@ import type { SX } from "../../theme";
|
|
|
3
3
|
export interface SearchInputProps {
|
|
4
4
|
value: string;
|
|
5
5
|
onValueChange: (value: string) => void;
|
|
6
|
+
id?: string;
|
|
6
7
|
placeholder?: string;
|
|
7
8
|
maxLength?: number;
|
|
8
9
|
isLoading?: boolean;
|
|
@@ -10,6 +11,7 @@ export interface SearchInputProps {
|
|
|
10
11
|
role?: AriaRole;
|
|
11
12
|
onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
12
13
|
onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
14
|
+
startAdornment?: boolean;
|
|
13
15
|
endAdornment?: boolean;
|
|
14
16
|
/**
|
|
15
17
|
* AutoFocus can cause assesibilty issues when used, especially in forms.
|
|
@@ -51,4 +51,10 @@ interface SelectItemProps {
|
|
|
51
51
|
value: string;
|
|
52
52
|
}
|
|
53
53
|
export declare function SelectItem(props: SelectItemProps): JSX.Element;
|
|
54
|
+
interface SelectFooterActionProps {
|
|
55
|
+
onClick: () => void;
|
|
56
|
+
iconName: IconName;
|
|
57
|
+
label: string;
|
|
58
|
+
}
|
|
59
|
+
export declare function SelectFooterAction(props: SelectFooterActionProps): JSX.Element;
|
|
54
60
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Select, SelectItem } from "./Select";
|
|
1
|
+
export { Select, SelectFooterAction, SelectItem } from "./Select";
|
|
2
2
|
export { SelectGhostTrigger } from "./SelectGhostTrigger";
|
|
@@ -3,7 +3,7 @@ import type { SX, ThemeKeys } from "../../theme";
|
|
|
3
3
|
export interface Props {
|
|
4
4
|
component?: "span";
|
|
5
5
|
borderRadius?: ThemeKeys<"borderRadius", 0 | 4 | 6 | 12 | "100%">;
|
|
6
|
-
color?: ThemeKeys<"color", "grey1" | "grey5">;
|
|
6
|
+
color?: ThemeKeys<"color", "grey1" | "grey5" | "purple5">;
|
|
7
7
|
width?: number | string;
|
|
8
8
|
height?: number | string;
|
|
9
9
|
/**
|
|
@@ -36,15 +36,15 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
|
|
|
36
36
|
justifySelf?: "center" | "stretch" | "start" | "end" | undefined;
|
|
37
37
|
visibility?: "hidden" | "visible" | undefined;
|
|
38
38
|
position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
|
|
39
|
-
marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
40
|
-
marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
41
|
-
marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
42
|
-
marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
43
|
-
marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
44
|
-
marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
45
|
-
top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
46
|
-
left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
47
|
-
right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
48
|
-
bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | 120 | undefined;
|
|
39
|
+
marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
40
|
+
marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
41
|
+
marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
42
|
+
marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
43
|
+
marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
44
|
+
marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
45
|
+
top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
46
|
+
left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
47
|
+
right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
48
|
+
bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
49
49
|
};
|
|
50
50
|
}, HTMLElement>;
|
|
@@ -38,7 +38,7 @@ export declare const Default: {
|
|
|
38
38
|
render: (args: {
|
|
39
39
|
component?: "span" | undefined;
|
|
40
40
|
borderRadius?: 0 | "100%" | 4 | 6 | 12 | undefined;
|
|
41
|
-
color?: "grey1" | "grey5" | undefined;
|
|
41
|
+
color?: "grey1" | "grey5" | "purple5" | undefined;
|
|
42
42
|
width?: string | number | undefined;
|
|
43
43
|
height?: string | number | undefined;
|
|
44
44
|
children?: import("react").ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type AnchorHTMLAttributes, type ReactNode } from "react";
|
|
1
|
+
import { type AnchorHTMLAttributes, type AriaRole, type ReactNode } from "react";
|
|
2
2
|
import { type SX, type ThemeKeys } from "../../theme";
|
|
3
3
|
interface BaseTextProps {
|
|
4
4
|
display?: "inline-flex";
|
|
@@ -20,6 +20,16 @@ interface BaseTextProps {
|
|
|
20
20
|
title?: string;
|
|
21
21
|
hyphens?: boolean;
|
|
22
22
|
overflowWrap?: "anywhere";
|
|
23
|
+
/**
|
|
24
|
+
* Standard HTML id attribute
|
|
25
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
|
|
26
|
+
*/
|
|
27
|
+
id?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Standard ARIA role attribute
|
|
30
|
+
* https://www.w3.org/TR/wai-aria-1.1/#role_definitions
|
|
31
|
+
*/
|
|
32
|
+
role?: AriaRole;
|
|
23
33
|
}
|
|
24
34
|
interface LinkProps extends BaseTextProps {
|
|
25
35
|
href: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Toast } from "./Toast";
|
|
2
|
-
export {
|
|
2
|
+
export { ToastProvider, useToast } from "./ToastContext";
|
|
@@ -20,13 +20,13 @@ declare const meta: {
|
|
|
20
20
|
control: {
|
|
21
21
|
type: string;
|
|
22
22
|
};
|
|
23
|
-
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
|
|
23
|
+
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
24
24
|
};
|
|
25
25
|
endIcon: {
|
|
26
26
|
control: {
|
|
27
27
|
type: string;
|
|
28
28
|
};
|
|
29
|
-
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "crop", "cropLandscape", "cropPortrait", "dataObject", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "zoomOutMap"];
|
|
29
|
+
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
};
|