@prismicio/editor-ui 0.4.68 → 0.4.70
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/AnimatedList/AnimatedList.stories.d.ts +1 -1
- package/dist/components/BackgroundIcon/BackgroundIcon.d.ts +1 -1
- package/dist/components/BackgroundIcon/BackgroundIcon.stories.d.ts +5 -5
- package/dist/components/Button/Button.stories.d.ts +2 -2
- package/dist/components/Card/Card.stories.d.ts +1 -1
- package/dist/components/ContentEditable/index.d.ts +0 -1
- package/dist/components/ContentEditable/useEditor.d.ts +2 -6
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +1 -0
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Separator/Separator.stories.d.ts +1 -1
- package/dist/components/Slider/Slider.stories.d.ts +1 -1
- package/dist/components/Video/Video.stories.d.ts +1 -1
- package/dist/index.cjs.js +173 -173
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +8370 -8139
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -8,7 +8,7 @@ export default meta;
|
|
|
8
8
|
export declare const Default: {
|
|
9
9
|
render: (args: {
|
|
10
10
|
ariaLabel: string;
|
|
11
|
-
gap?: 0 |
|
|
11
|
+
gap?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
12
12
|
direction?: "horizontal" | "vertical" | undefined;
|
|
13
13
|
items: unknown[];
|
|
14
14
|
getItemKey: (item: unknown) => string;
|
|
@@ -10,5 +10,5 @@ export interface BackgroundIconProps {
|
|
|
10
10
|
sx?: SX;
|
|
11
11
|
}
|
|
12
12
|
export declare function BackgroundIcon(props: BackgroundIconProps): JSX.Element;
|
|
13
|
-
type Color = "amber" | "grey" | "
|
|
13
|
+
type Color = "amber" | "green" | "grey" | "indigo" | "purple" | "tomato" | "white";
|
|
14
14
|
export {};
|
|
@@ -5,7 +5,7 @@ declare const meta: {
|
|
|
5
5
|
argTypes: {
|
|
6
6
|
color: {
|
|
7
7
|
control: "select";
|
|
8
|
-
options:
|
|
8
|
+
options: readonly ["amber", "green", "grey", "indigo", "purple", "tomato", "white"];
|
|
9
9
|
};
|
|
10
10
|
name: {
|
|
11
11
|
control: "select";
|
|
@@ -19,7 +19,7 @@ declare const meta: {
|
|
|
19
19
|
};
|
|
20
20
|
variant: {
|
|
21
21
|
control: "select";
|
|
22
|
-
options:
|
|
22
|
+
options: readonly ["soft", "solid"];
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
};
|
|
@@ -27,9 +27,9 @@ export default meta;
|
|
|
27
27
|
export declare const Default: {
|
|
28
28
|
name: string;
|
|
29
29
|
render: (args: {
|
|
30
|
-
name: "
|
|
31
|
-
color?: ("
|
|
32
|
-
size?: "small" | "
|
|
30
|
+
name: "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" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "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" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "warning" | "zoomOutMap";
|
|
31
|
+
color?: ("grey" | "tomato" | "purple" | "white" | "amber" | "green" | "indigo") | undefined;
|
|
32
|
+
size?: "small" | "extraSmall" | "medium" | "large" | undefined;
|
|
33
33
|
iconSize?: "small" | "medium" | "large" | undefined;
|
|
34
34
|
radius?: 6 | "circle" | undefined;
|
|
35
35
|
variant?: "solid" | "soft" | undefined;
|
|
@@ -26,8 +26,8 @@ export declare const Default: {
|
|
|
26
26
|
textWeight?: "bold" | "normal" | undefined;
|
|
27
27
|
radius?: "normal" | "full" | undefined;
|
|
28
28
|
sx?: import("../../theme").SX | undefined;
|
|
29
|
-
startIcon?: "
|
|
30
|
-
endIcon?: "
|
|
29
|
+
startIcon?: "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" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "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" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "warning" | "zoomOutMap" | undefined;
|
|
30
|
+
endIcon?: "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" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "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" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "warning" | "zoomOutMap" | undefined;
|
|
31
31
|
renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
32
32
|
renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
33
33
|
hotkeys?: import("react-hotkeys-hook").Keys | undefined;
|
|
@@ -33,7 +33,7 @@ export declare const Default: {
|
|
|
33
33
|
render: (args: {
|
|
34
34
|
children?: import("react").ReactNode;
|
|
35
35
|
color?: "grey1" | "grey2" | "grey3" | "indigo2" | "tomato2" | "purple1" | "purple2" | undefined;
|
|
36
|
-
variant?: "
|
|
36
|
+
variant?: "selected" | "dashed" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | undefined;
|
|
37
37
|
radius?: 4 | 6 | undefined;
|
|
38
38
|
gap?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
|
|
39
39
|
paddingBlock?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { ContentEditable } from "./ContentEditable";
|
|
2
|
-
export { handleEditorFlushSyncError, useEditor } from "./useEditor";
|
|
3
2
|
export declare const contentEditableClass: string;
|
|
4
3
|
export declare const contentEditableNoPaddingClass: string;
|
|
5
4
|
export declare const tableFieldStyles: {
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import type
|
|
2
|
-
|
|
3
|
-
import { type DependencyList } from "react";
|
|
4
|
-
export declare function useEditor(options?: Partial<UseEditorOptions>, deps?: DependencyList): Editor;
|
|
1
|
+
import { Editor, type UseEditorOptions } from "@tiptap/react";
|
|
2
|
+
export declare function useEditor(options?: UseEditorOptions): Editor | null;
|
|
5
3
|
/**
|
|
6
4
|
* setTimeout is required to combat tiptap flushsync issue
|
|
7
5
|
* https://github.com/ueberdosis/tiptap/issues/3764
|
|
8
6
|
*/
|
|
9
7
|
export declare function handleEditorFlushSyncError(callback: VoidFunction): number;
|
|
10
|
-
type UseEditorOptions = Omit<EditorOptions, "onBeforeCreate" | "onCreate" | "onSelectionUpdate" | "onTransaction" | "onFocus" | "onDestroy">;
|
|
11
|
-
export {};
|
|
@@ -51,6 +51,7 @@ interface SelectItemProps {
|
|
|
51
51
|
value: string;
|
|
52
52
|
}
|
|
53
53
|
export declare function SelectItem(props: SelectItemProps): JSX.Element;
|
|
54
|
+
export declare function SelectSeparator(): JSX.Element;
|
|
54
55
|
interface SelectFooterActionProps {
|
|
55
56
|
onClick: () => void;
|
|
56
57
|
iconName: IconName;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Select, SelectFooterAction, SelectItem, type SelectProps, } from "./Select";
|
|
1
|
+
export { Select, SelectFooterAction, SelectItem, type SelectProps, SelectSeparator, } from "./Select";
|
|
2
2
|
export { SelectGhostTrigger } from "./SelectGhostTrigger";
|
|
@@ -27,7 +27,7 @@ export default meta;
|
|
|
27
27
|
export declare const Default: {
|
|
28
28
|
name: string;
|
|
29
29
|
render: (args: {
|
|
30
|
-
color?: "grey" | "
|
|
30
|
+
color?: "grey" | "tomato" | "purple" | undefined;
|
|
31
31
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
32
32
|
decorative?: boolean | undefined;
|
|
33
33
|
style?: "dashed" | "solid" | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StoryObj } from "@storybook/react";
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "
|
|
4
|
+
component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "onValueChange" | "min" | "max" | "step">>) => JSX.Element;
|
|
5
5
|
argTypes: {
|
|
6
6
|
value: {};
|
|
7
7
|
onValueChange: {};
|
|
@@ -22,7 +22,7 @@ export declare const Default: {
|
|
|
22
22
|
src: string;
|
|
23
23
|
loop?: boolean | undefined;
|
|
24
24
|
autoPlay?: boolean | undefined;
|
|
25
|
-
sizing?: "
|
|
25
|
+
sizing?: "none" | "contain" | "cover" | undefined;
|
|
26
26
|
borderRadius?: 0 | 4 | undefined;
|
|
27
27
|
boxShadow?: "3" | undefined;
|
|
28
28
|
animateOnLoad?: boolean | undefined;
|