@prismicio/editor-ui 0.4.73 → 0.4.75-alpha.support-new-cr-model.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/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/Card/Card.stories.d.ts +3 -3
- package/dist/components/ContentEditable/index.d.ts +1 -1
- package/dist/components/ContentEditable/useEditor.d.ts +7 -0
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +33 -0
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.stories.d.ts +7 -0
- package/dist/components/SegmentedProgressBar/index.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Separator/Separator.stories.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.stories.d.ts +2 -2
- 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 +172 -172
- package/dist/index.d.ts +2 -1
- package/dist/index.es.js +6458 -6397
- 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;
|
|
@@ -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?: ("white" | "
|
|
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" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap";
|
|
31
|
+
color?: ("white" | "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" | "amber" | "darkGrey" | "tomato-dimmed" | 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" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "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" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "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;
|
|
@@ -33,10 +33,10 @@ 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?: "dashed" | "
|
|
36
|
+
variant?: "dashed" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | "selected" | undefined;
|
|
37
37
|
radius?: 4 | 6 | undefined;
|
|
38
|
-
gap?: 0 |
|
|
39
|
-
paddingBlock?: 0 |
|
|
38
|
+
gap?: 0 | 12 | 8 | 16 | 28 | 32 | undefined;
|
|
39
|
+
paddingBlock?: 0 | 12 | 8 | 16 | 28 | 32 | undefined;
|
|
40
40
|
paddingInline?: 0 | 8 | 16 | 24 | 32 | undefined;
|
|
41
41
|
paddingLeft?: 0 | 16 | 32 | undefined;
|
|
42
42
|
paddingRight?: 0 | 16 | 32 | undefined;
|
|
@@ -3,7 +3,7 @@ export declare const contentEditableClass: string;
|
|
|
3
3
|
export declare const contentEditableNoPaddingClass: string;
|
|
4
4
|
export declare const tableFieldStyles: {
|
|
5
5
|
tableWithControls: string;
|
|
6
|
-
|
|
6
|
+
tableShrinkContainer: string;
|
|
7
7
|
addTableRowButton: string;
|
|
8
8
|
addTableColumnButton: string;
|
|
9
9
|
tableHandle: string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Editor, type UseEditorOptions } from "@tiptap/react";
|
|
2
|
+
export declare function useEditor(options?: UseEditorOptions): Editor | null;
|
|
3
|
+
/**
|
|
4
|
+
* setTimeout is required to combat tiptap flushsync issue
|
|
5
|
+
* https://github.com/ueberdosis/tiptap/issues/3764
|
|
6
|
+
*/
|
|
7
|
+
export declare function handleEditorFlushSyncError(callback: VoidFunction): number;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export interface SegmentedProgressBarProps {
|
|
2
|
+
/**
|
|
3
|
+
* The current value of the progress.
|
|
4
|
+
*/
|
|
5
|
+
value: number;
|
|
6
|
+
/**
|
|
7
|
+
* The maximum value of the progress.
|
|
8
|
+
*
|
|
9
|
+
* @defaultValue 100
|
|
10
|
+
*/
|
|
11
|
+
max?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The threshold value above which the progress bar will be colored differently.
|
|
14
|
+
* @defaultValue `max`
|
|
15
|
+
*/
|
|
16
|
+
threshold?: number;
|
|
17
|
+
/**
|
|
18
|
+
* Value label is always attached to the element for the sake of
|
|
19
|
+
* screen-readers.
|
|
20
|
+
* If getValueLabel is not provided, the attached
|
|
21
|
+
* label will be % value of progress.
|
|
22
|
+
*/
|
|
23
|
+
getValueLabel?: (value: number, max: number) => string;
|
|
24
|
+
/**
|
|
25
|
+
* Label for the progress segment below the threshold.
|
|
26
|
+
*/
|
|
27
|
+
belowThresholdLabel?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Label for the progress segment above the threshold.
|
|
30
|
+
*/
|
|
31
|
+
aboveThresholdLabel?: string;
|
|
32
|
+
}
|
|
33
|
+
export declare function SegmentedProgressBar(props: SegmentedProgressBarProps): JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { SegmentedProgressBar } from "./SegmentedProgressBar";
|
|
3
|
+
declare const meta: Meta<typeof SegmentedProgressBar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const NoThreshold: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SegmentedProgressBar } from "./SegmentedProgressBar";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
2
|
import { type SX } from "../../theme";
|
|
3
3
|
import { type IconName } from "../Icon";
|
|
4
|
-
export type SelectProps<VALUE extends string> = {
|
|
4
|
+
export type SelectProps<VALUE extends string = string> = {
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
id?: string;
|
|
7
7
|
name?: string;
|
|
@@ -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;
|
|
@@ -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" | "purple5">;
|
|
6
|
+
color?: ThemeKeys<"color", "green4" | "grey1" | "grey5" | "purple5">;
|
|
7
7
|
width?: number | string;
|
|
8
8
|
height?: number | string;
|
|
9
9
|
/**
|
|
@@ -37,8 +37,8 @@ export default meta;
|
|
|
37
37
|
export declare const Default: {
|
|
38
38
|
render: (args: {
|
|
39
39
|
component?: "span" | undefined;
|
|
40
|
-
borderRadius?: 0 |
|
|
41
|
-
color?: "grey1" | "grey5" | "purple5" | undefined;
|
|
40
|
+
borderRadius?: 0 | 4 | 6 | 12 | "100%" | undefined;
|
|
41
|
+
color?: "grey1" | "grey5" | "green4" | "purple5" | undefined;
|
|
42
42
|
width?: string | number | undefined;
|
|
43
43
|
height?: string | number | undefined;
|
|
44
44
|
children?: import("react").ReactNode;
|
|
@@ -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;
|