@prismicio/editor-ui 0.4.63 → 0.4.64-alpha.fix-simulator-issue.1
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 -0
- package/dist/components/AnimatedList/AnimatedList.stories.d.ts +1 -1
- package/dist/components/BackgroundIcon/BackgroundIcon.stories.d.ts +2 -2
- package/dist/components/Button/Button.stories.d.ts +4 -4
- package/dist/components/ContentEditable/index.d.ts +7 -1
- package/dist/components/ErrorBoundary/DefaultErrorMessage.d.ts +1 -0
- package/dist/components/Field/Field.d.ts +1 -0
- package/dist/components/Radio/RadioBigCard.d.ts +3 -1
- package/dist/components/Radio/RadioButton.d.ts +10 -3
- package/dist/components/Radio/RadioCard.d.ts +2 -0
- package/dist/components/Radio/RadioGroup.d.ts +10 -12
- package/dist/components/Radio/RadioItem.d.ts +2 -0
- package/dist/components/Separator/Separator.stories.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +11 -11
- package/dist/components/Slider/Slider.stories.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +1 -1
- package/dist/components/Video/Video.stories.d.ts +1 -1
- package/dist/index.cjs.js +86 -86
- package/dist/index.d.ts +3 -1
- package/dist/index.es.js +4896 -4873
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -42,6 +42,10 @@ export type ActionListItemProps = {
|
|
|
42
42
|
* If true, the item title and description will be rendered on a single line.
|
|
43
43
|
*/
|
|
44
44
|
noWrap?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* The variant of the selected item.
|
|
47
|
+
*/
|
|
48
|
+
selectedVariant?: "default" | "shadow";
|
|
45
49
|
} & ActionListItemEndProps;
|
|
46
50
|
export type ActionListItemEndProps = {
|
|
47
51
|
endAdornment?: ReactNode;
|
|
@@ -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;
|
|
@@ -27,8 +27,8 @@ export default meta;
|
|
|
27
27
|
export declare const Default: {
|
|
28
28
|
name: string;
|
|
29
29
|
render: (args: {
|
|
30
|
-
name: "
|
|
31
|
-
color?: ("
|
|
30
|
+
name: "search" | "link" | "code" | "translate" | "visibility" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "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" | "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" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap";
|
|
31
|
+
color?: ("grey" | "tomato" | "purple" | "green" | "indigo" | "amber") | undefined;
|
|
32
32
|
size?: "small" | "medium" | "large" | "extraSmall" | undefined;
|
|
33
33
|
iconSize?: "small" | "medium" | "large" | undefined;
|
|
34
34
|
radius?: 6 | "circle" | undefined;
|
|
@@ -17,7 +17,7 @@ export declare const Default: {
|
|
|
17
17
|
render: (args: {
|
|
18
18
|
children?: import("react").ReactNode;
|
|
19
19
|
asChild?: boolean | undefined;
|
|
20
|
-
color?: "dark" | "white" | "black" | "
|
|
20
|
+
color?: "dark" | "white" | "black" | "grey" | "tomato" | "purple" | "green" | "indigo" | "darkGrey" | "tomato-dimmed" | "amber" | undefined;
|
|
21
21
|
size?: "small" | "medium" | "large" | undefined;
|
|
22
22
|
disabled?: boolean | undefined;
|
|
23
23
|
loading?: boolean | 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?: "search" | "link" | "code" | "translate" | "visibility" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "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" | "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" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
|
|
30
|
+
endIcon?: "search" | "link" | "code" | "translate" | "visibility" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "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" | "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" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "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;
|
|
@@ -35,7 +35,7 @@ export declare const Default: {
|
|
|
35
35
|
hasPadding?: boolean | undefined;
|
|
36
36
|
underline?: boolean | "hover" | undefined;
|
|
37
37
|
hiddenLabel?: string | undefined;
|
|
38
|
-
type?: "button" | "
|
|
38
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
39
39
|
form?: string | undefined;
|
|
40
40
|
onClick?: ((event: import("react").MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
|
|
41
41
|
onMouseDown?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
export { ContentEditable } from "./ContentEditable";
|
|
2
2
|
export { handleEditorFlushSyncError, useEditor } from "./useEditor";
|
|
3
3
|
export declare const contentEditableClass: string;
|
|
4
|
+
export declare const contentEditableNoPaddingClass: string;
|
|
4
5
|
export declare const tableFieldStyles: {
|
|
5
6
|
tableWithControls: string;
|
|
6
|
-
|
|
7
|
+
tableOuterWrapper: string;
|
|
7
8
|
addTableRowButton: string;
|
|
8
9
|
addTableColumnButton: string;
|
|
10
|
+
tableCell: string;
|
|
11
|
+
tableHandle: string;
|
|
12
|
+
tableRowHandle: string;
|
|
13
|
+
tableColumnHandle: string;
|
|
14
|
+
tableHandleVisible: string;
|
|
9
15
|
};
|
|
10
16
|
export declare const contentEditablePlaceholderClass: string;
|
|
11
17
|
export declare const contentEditableMultilinePlaceholderClass: string;
|
|
@@ -7,6 +7,7 @@ export interface FieldProps {
|
|
|
7
7
|
selected?: boolean;
|
|
8
8
|
variant?: "normal" | "compact";
|
|
9
9
|
color?: "transparent" | "grey1";
|
|
10
|
+
display?: "flex" | "grid";
|
|
10
11
|
}
|
|
11
12
|
export declare const Field: (props: FieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
12
13
|
interface FieldIconProps {
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { type IconName } from "../Icon";
|
|
2
2
|
export interface RadioBigCardProps {
|
|
3
|
+
value: string;
|
|
3
4
|
icon: IconName;
|
|
4
5
|
title: string;
|
|
6
|
+
description: string;
|
|
5
7
|
badge?: {
|
|
6
8
|
icon: IconName;
|
|
7
9
|
title: string;
|
|
8
10
|
};
|
|
9
|
-
description: string;
|
|
10
11
|
disabled?: boolean;
|
|
12
|
+
grow?: boolean;
|
|
11
13
|
}
|
|
12
14
|
export declare function RadioBigCard(props: RadioBigCardProps): JSX.Element;
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type RadioButtonProps = {
|
|
2
2
|
label?: string;
|
|
3
3
|
disabled?: boolean;
|
|
4
|
+
} & DecorativeRadioButtonProps;
|
|
5
|
+
type DecorativeRadioButtonProps = {
|
|
4
6
|
/**
|
|
5
7
|
* Whether this RadioButton is only included for decoration purposes
|
|
6
8
|
* or is the actual Radio Group Item.
|
|
7
9
|
*/
|
|
8
|
-
decorative
|
|
9
|
-
|
|
10
|
+
decorative: true;
|
|
11
|
+
value?: never;
|
|
12
|
+
} | {
|
|
13
|
+
decorative?: false;
|
|
14
|
+
value: string;
|
|
15
|
+
};
|
|
10
16
|
export declare function RadioButton(props: RadioButtonProps): JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import type { SX } from "../../theme";
|
|
3
|
-
export interface RadioGroupProps<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
evenItemSize?: boolean;
|
|
3
|
+
export interface RadioGroupProps<V extends string> {
|
|
4
|
+
value: V;
|
|
5
|
+
children: ReactNode;
|
|
7
6
|
disabled?: boolean;
|
|
8
7
|
sx?: SX;
|
|
9
|
-
|
|
10
|
-
onChange: (value:
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
onChange: (value: V) => void;
|
|
11
10
|
}
|
|
12
|
-
export declare function RadioGroup<
|
|
13
|
-
interface
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
evenItemSize: boolean;
|
|
11
|
+
export declare function RadioGroup<V extends string>(props: RadioGroupProps<V>): JSX.Element;
|
|
12
|
+
interface RadioGroupContextValue {
|
|
13
|
+
selectedValue: string;
|
|
14
|
+
disabled: boolean;
|
|
17
15
|
}
|
|
18
|
-
export declare function
|
|
16
|
+
export declare function useRadioGroup(): RadioGroupContextValue;
|
|
19
17
|
export {};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
2
|
/** Private component */
|
|
3
3
|
interface RadioItemProps {
|
|
4
|
+
value: string;
|
|
4
5
|
disabled: boolean;
|
|
5
6
|
children: ReactNode;
|
|
7
|
+
grow?: boolean;
|
|
6
8
|
}
|
|
7
9
|
export declare function RadioItem(props: RadioItemProps): JSX.Element;
|
|
8
10
|
export {};
|
|
@@ -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;
|
|
@@ -31,20 +31,20 @@ export declare function Skeleton(props: Props): import("react").DetailedReactHTM
|
|
|
31
31
|
flexShrink?: 0 | undefined;
|
|
32
32
|
flexBasis?: 0 | undefined;
|
|
33
33
|
flexWrap?: "wrap" | undefined;
|
|
34
|
-
order?: 0 |
|
|
34
|
+
order?: 0 | 1 | 2 | 3 | undefined;
|
|
35
35
|
alignSelf?: "center" | "stretch" | "start" | "end" | undefined;
|
|
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 |
|
|
40
|
-
marginRight?: 0 |
|
|
41
|
-
marginTop?: 0 |
|
|
42
|
-
marginBottom?: 0 |
|
|
43
|
-
marginInline?: 0 |
|
|
44
|
-
marginBlock?: 0 |
|
|
45
|
-
top?: 0 |
|
|
46
|
-
left?: 0 |
|
|
47
|
-
right?: 0 |
|
|
48
|
-
bottom?: 0 |
|
|
39
|
+
marginLeft?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
40
|
+
marginRight?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
41
|
+
marginTop?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
42
|
+
marginBottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
43
|
+
marginInline?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
44
|
+
marginBlock?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
45
|
+
top?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
46
|
+
left?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
47
|
+
right?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
48
|
+
bottom?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
49
49
|
};
|
|
50
50
|
}, HTMLElement>;
|
|
@@ -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;
|