@prismicio/editor-ui 0.4.44-new-codeblock-re-release.4 → 0.4.44
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 +4 -1
- package/dist/components/AnimatedList/AnimatedList.stories.d.ts +2 -2
- package/dist/components/Button/Button.stories.d.ts +3 -3
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +1 -1
- package/dist/components/Card/Card.d.ts +5 -2
- package/dist/components/Card/index.d.ts +1 -1
- package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts +1 -1
- package/dist/components/Toast/Toast.d.ts +5 -4
- package/dist/components/Toast/Toast.stories.d.ts +3 -36
- package/dist/components/Toast/ToastContext.d.ts +5 -2
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +2 -2
- package/dist/index.cjs.js +48 -48
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +6556 -6494
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -7,12 +7,14 @@ export interface ActionListProps extends PropsWithChildren {
|
|
|
7
7
|
gap?: 0 | 8;
|
|
8
8
|
}
|
|
9
9
|
export declare function ActionList(props: ActionListProps): JSX.Element;
|
|
10
|
+
type Color = "grey" | "tomato";
|
|
10
11
|
export interface ActionListItemProps {
|
|
11
12
|
children: ReactNode;
|
|
12
|
-
color?:
|
|
13
|
+
color?: Color;
|
|
13
14
|
backgroundColor?: "grey" | "transparent";
|
|
14
15
|
description?: ReactNode;
|
|
15
16
|
disabled?: boolean;
|
|
17
|
+
selected?: boolean;
|
|
16
18
|
endAdornment?: ReactNode;
|
|
17
19
|
endIcon?: IconName;
|
|
18
20
|
onClick?: (event: MouseEvent) => void;
|
|
@@ -28,3 +30,4 @@ export interface ActionListItemProps {
|
|
|
28
30
|
completed?: boolean;
|
|
29
31
|
}
|
|
30
32
|
export declare const ActionListItem: import("react").ForwardRefExoticComponent<ActionListItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
33
|
+
export {};
|
|
@@ -8,8 +8,8 @@ export default meta;
|
|
|
8
8
|
export declare const Default: {
|
|
9
9
|
render: (args: {
|
|
10
10
|
ariaLabel: string;
|
|
11
|
-
gap?: 0 |
|
|
12
|
-
direction?: "
|
|
11
|
+
gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100 | undefined;
|
|
12
|
+
direction?: "horizontal" | "vertical" | undefined;
|
|
13
13
|
items: unknown[];
|
|
14
14
|
getItemKey: (item: unknown) => string;
|
|
15
15
|
children: (item: unknown, index: number, state: "hidden" | "entering" | "present" | "exiting") => import("react").ReactNode;
|
|
@@ -16,7 +16,7 @@ export default meta;
|
|
|
16
16
|
export declare const Default: {
|
|
17
17
|
render: (args: {
|
|
18
18
|
children?: import("react").ReactNode;
|
|
19
|
-
color?: "
|
|
19
|
+
color?: "dark" | "white" | "green" | "grey" | "purple" | "tomato" | "amber" | undefined;
|
|
20
20
|
size?: "small" | "medium" | "large" | undefined;
|
|
21
21
|
disabled?: boolean | undefined;
|
|
22
22
|
loading?: boolean | undefined;
|
|
@@ -24,8 +24,8 @@ export declare const Default: {
|
|
|
24
24
|
flexContent?: boolean | undefined;
|
|
25
25
|
textWeight?: "bold" | "normal" | undefined;
|
|
26
26
|
sx?: import("../../theme").SX | undefined;
|
|
27
|
-
startIcon?: "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "
|
|
28
|
-
endIcon?: "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "
|
|
27
|
+
startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "createNewFolder" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "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" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "vue" | "zoomOutMap" | undefined;
|
|
28
|
+
endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "createNewFolder" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "database" | "dateRange" | "delete" | "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" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "vue" | "zoomOutMap" | undefined;
|
|
29
29
|
renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
30
30
|
renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
31
31
|
hotkeys?: import("react-hotkeys-hook").Keys | undefined;
|
|
@@ -34,7 +34,7 @@ export declare const Default: {
|
|
|
34
34
|
children?: import("react").ReactNode;
|
|
35
35
|
disabled?: boolean | undefined;
|
|
36
36
|
size?: "small" | "medium" | "large" | undefined;
|
|
37
|
-
color?: "
|
|
37
|
+
color?: "dark" | "grey" | "purple" | undefined;
|
|
38
38
|
density?: "regular" | "compact" | undefined;
|
|
39
39
|
sx?: import("../../theme").SX | undefined;
|
|
40
40
|
ref?: import("react").Ref<HTMLDivElement> | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
|
|
2
2
|
import { type SX } from "../../theme";
|
|
3
3
|
import { type ImageProps } from "../Image";
|
|
4
4
|
import { type TextProps } from "../Text";
|
|
@@ -36,7 +36,10 @@ interface CardContentProps {
|
|
|
36
36
|
padding?: 0 | 32;
|
|
37
37
|
}
|
|
38
38
|
export declare function CardContent(props: CardContentProps): JSX.Element;
|
|
39
|
-
|
|
39
|
+
interface CardImageProps extends ImageProps {
|
|
40
|
+
height: 280;
|
|
41
|
+
}
|
|
42
|
+
export declare function CardImage(props: CardImageProps): JSX.Element;
|
|
40
43
|
interface CardFooterProps {
|
|
41
44
|
children?: ReactNode;
|
|
42
45
|
/**
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Card, CardContent, CardFooter, CardHeader, CardHeaderActions, CardHeaderTitle } from "./Card";
|
|
1
|
+
export { Card, CardContent, CardFooter, CardHeader, CardHeaderActions, CardHeaderTitle, CardImage } from "./Card";
|
|
2
2
|
export { PreviewCard, PreviewContent, PreviewImage } from "./PreviewCard";
|
|
@@ -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 |
|
|
16
|
+
gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 72 | 80 | 100) | undefined;
|
|
17
17
|
}>) => JSX.Element)[];
|
|
18
18
|
};
|
|
19
19
|
export default meta;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import { type IconName } from "../Icon";
|
|
3
|
-
|
|
3
|
+
export interface ToastProps {
|
|
4
|
+
variant?: "inline" | "card";
|
|
4
5
|
anchor: ReactNode;
|
|
5
6
|
open: boolean;
|
|
6
7
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -10,15 +11,15 @@ type Props = {
|
|
|
10
11
|
seconds?: number;
|
|
11
12
|
action?: {
|
|
12
13
|
title: string;
|
|
14
|
+
icon?: IconName;
|
|
13
15
|
onClick: () => void;
|
|
14
16
|
};
|
|
15
17
|
cancel?: {
|
|
16
18
|
onClick: () => void;
|
|
17
19
|
};
|
|
18
|
-
}
|
|
20
|
+
}
|
|
19
21
|
/**
|
|
20
22
|
* We don't use the radix ui toast because of a bug with the timeout.
|
|
21
23
|
* Radix's Toast task tracker is here: https://github.com/radix-ui/primitives/issues/1171
|
|
22
24
|
*/
|
|
23
|
-
export declare
|
|
24
|
-
export {};
|
|
25
|
+
export declare function Toast(props: ToastProps): JSX.Element;
|
|
@@ -1,42 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
3
|
-
anchor: React.ReactNode;
|
|
4
|
-
open: boolean;
|
|
5
|
-
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
6
|
-
icon?: "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" | "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" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "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" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
|
|
7
|
-
loadingIndicator?: boolean | undefined;
|
|
8
|
-
title: React.ReactNode;
|
|
9
|
-
seconds?: number | undefined;
|
|
10
|
-
action?: {
|
|
11
|
-
title: string;
|
|
12
|
-
onClick: () => void;
|
|
13
|
-
} | undefined;
|
|
14
|
-
cancel?: {
|
|
15
|
-
onClick: () => void;
|
|
16
|
-
} | undefined;
|
|
17
|
-
}>;
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Toast").ToastProps>;
|
|
18
2
|
export default _default;
|
|
19
3
|
export declare const Default: {
|
|
20
|
-
render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R,
|
|
21
|
-
|
|
22
|
-
open: boolean;
|
|
23
|
-
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
24
|
-
icon?: "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" | "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" | "markdown" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "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" | "viewDay" | "visibility" | "vue" | "zoomOutMap" | undefined;
|
|
25
|
-
loadingIndicator?: boolean | undefined;
|
|
26
|
-
title: React.ReactNode;
|
|
27
|
-
seconds?: number | undefined;
|
|
28
|
-
action?: {
|
|
29
|
-
title: string;
|
|
30
|
-
onClick: () => void;
|
|
31
|
-
} | undefined;
|
|
32
|
-
cancel?: {
|
|
33
|
-
onClick: () => void;
|
|
34
|
-
} | undefined;
|
|
35
|
-
}>;
|
|
4
|
+
render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Toast").ToastProps>;
|
|
5
|
+
name: string;
|
|
36
6
|
args: {
|
|
37
|
-
icon: string;
|
|
38
|
-
title: string;
|
|
39
7
|
seconds: number;
|
|
40
8
|
};
|
|
41
|
-
name: string;
|
|
42
9
|
};
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import { type PropsWithChildren } from "react";
|
|
1
|
+
import { type PropsWithChildren, type ReactNode } from "react";
|
|
2
2
|
import type { IconName } from "../Icon";
|
|
3
3
|
interface ToastConfig {
|
|
4
|
-
|
|
4
|
+
variant?: "inline" | "card";
|
|
5
|
+
anchor?: ReactNode;
|
|
6
|
+
title: ReactNode;
|
|
5
7
|
seconds?: number;
|
|
6
8
|
action?: {
|
|
7
9
|
title: string;
|
|
10
|
+
icon?: IconName;
|
|
8
11
|
onClick: () => void;
|
|
9
12
|
};
|
|
10
13
|
icon?: IconName;
|
|
@@ -52,7 +52,7 @@ export declare const Default: {
|
|
|
52
52
|
disabled?: boolean | undefined;
|
|
53
53
|
density?: "regular" | "compact" | undefined;
|
|
54
54
|
size?: "small" | "medium" | "large" | undefined;
|
|
55
|
-
color?: "
|
|
55
|
+
color?: "dark" | "grey" | "purple" | undefined;
|
|
56
56
|
type: "single";
|
|
57
57
|
value?: string | undefined;
|
|
58
58
|
onValueChange?: ((value: string) => void) | undefined;
|
|
@@ -61,7 +61,7 @@ export declare const Default: {
|
|
|
61
61
|
disabled?: boolean | undefined;
|
|
62
62
|
density?: "regular" | "compact" | undefined;
|
|
63
63
|
size?: "small" | "medium" | "large" | undefined;
|
|
64
|
-
color?: "
|
|
64
|
+
color?: "dark" | "grey" | "purple" | undefined;
|
|
65
65
|
type: "multiple";
|
|
66
66
|
value?: string[] | undefined;
|
|
67
67
|
onValueChange?: ((value: string[]) => void) | undefined;
|