@prismicio/editor-ui 0.4.25 → 0.4.26

package/dist/components/TextInput/TextInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { SX } from "../../theme/new";
 import type { BaseInputProps } from "../BaseInput/BaseInput";
 export interface TextInputProps {
@@ -18,5 +19,6 @@ export interface TextInputProps {
     onValueChange?: BaseInputProps["onValueChange"];
     onFocus?: BaseInputProps["onFocus"];
     onBlur?: BaseInputProps["onBlur"];
+    onPaste?: BaseInputProps["onPaste"];
 }
 export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/TextInput/TextInput.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./TextInput").TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default _default;
 export declare const Default: {

package/dist/components/TextOverflow/TextOverflow.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+interface TextOverflowProps {
+    children?: ReactNode;
+}
+/**
+ * A container showing an ellipsis when its children take more width than its constrained width.
+ * If you need a gap between the children, use sx on each child.
+ */
+export declare function TextOverflow(props: TextOverflowProps): JSX.Element;
+export {};

package/dist/components/TextOverflow/index.d.ts

@@ -0,0 +1 @@
+export { TextOverflow } from "./TextOverflow";

package/dist/components/Toast/Toast.stories.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     anchor: React.ReactNode;
     open: boolean;
     onOpenChange?: ((open: boolean) => void) | undefined;
-    icon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "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" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+    icon?: "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "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" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
     loadingIndicator?: boolean | undefined;
     title: string;
     seconds?: number | undefined;
@@ -21,7 +21,7 @@ export declare const Default: {
         anchor: React.ReactNode;
         open: boolean;
         onOpenChange?: ((open: boolean) => void) | undefined;
-        icon?: "visibility" | "search" | "link" | "description" | "code" | "block" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "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" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "moreVert" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
+        icon?: "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "autoFixHigh" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "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" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "migrationRelease" | "moreVert" | "multipleStop" | "musicNote" | "notes" | "openInFull" | "openInNew" | "phoneIphone" | "photo" | "pin" | "place" | "preview" | "prismic" | "public" | "refresh" | "save" | "schedule" | "smartDisplay" | "tabletMac" | "tag" | "textFields" | "toggleOff" | "unfoldMore" | "unsplash" | "upload" | "viewDay" | "zoomOutMap" | undefined;
         loadingIndicator?: boolean | undefined;
         title: string;
         seconds?: number | undefined;

package/dist/components/ToggleButton/ToggleButton.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("./ToggleButton").ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -19,13 +20,13 @@ declare const meta: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
         endIcon: {
             control: {
                 type: string;
             };
-            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "moreVert", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
+            options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "autoFixHigh", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "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", "keyboardArrowDown", "keyboardArrowUp", "label", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notes", "openInFull", "openInNew", "phoneIphone", "photo", "pin", "place", "preview", "prismic", "public", "refresh", "save", "schedule", "search", "smartDisplay", "tabletMac", "tag", "textFields", "toggleOff", "unfoldMore", "unsplash", "upload", "viewDay", "visibility", "zoomOutMap"];
         };
     };
 };

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToggleButtonGroup } from "./ToggleButtonGroup";
 declare const meta: {
     title: string;
@@ -49,8 +50,8 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
-        density?: "compact" | "regular" | undefined;
-        size?: "small" | "large" | "medium" | undefined;
+        density?: "regular" | "compact" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
         type: "single";
         value?: string | undefined;
@@ -58,8 +59,8 @@ export declare const Default: {
     } | {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
-        density?: "compact" | "regular" | undefined;
-        size?: "small" | "large" | "medium" | undefined;
+        density?: "regular" | "compact" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
         type: "multiple";
         value?: string[] | undefined;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,5 @@
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { type ReactNode } from "react";
-import { vars } from "../../theme/vars.css";
 export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
 export interface TooltipProps {
     title?: string;
@@ -9,7 +8,13 @@ export interface TooltipProps {
     side?: Parameters<typeof TooltipPrimitive.Content>[0]["side"];
     align?: Parameters<typeof TooltipPrimitive.Content>[0]["align"];
     open?: boolean;
-    zIndex?: keyof typeof vars.zIndex;
+    /**
+     * Try not to use this.
+     * You only need this with bad components like Tiptap's BubbleMenu which renders inline instead of using a Portal.
+     * Remove this prop once this is done: https://linear.app/prismic/issue/PBD-1067/repeatable-zone-header-covers-link-dropdown
+     * i.e, when the Tiptap BubbleMenu has been rewritten.
+     */
+    zIndexHack?: boolean;
     visible?: boolean;
     /**
      * By enabling the stable mount a `div` will be rendered around your trigger item.

package/dist/components/Video/Video.d.ts

@@ -1,4 +1,4 @@
-import type { SX } from "../../theme/new";
+import { type SX } from "../../theme/new";
 export interface VideoProps {
     src: string;
     loop?: boolean;

package/dist/components/Window/Window.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+import type { SX } from "../../theme/new";
+interface WindowProps {
+    children: ReactNode;
+    sx?: SX;
+}
+export declare function Window(props: WindowProps): JSX.Element;
+export declare function WindowFrame(): JSX.Element;
+interface WindowTabsProps {
+    children: ReactNode;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+}
+export declare function WindowTabs(props: WindowTabsProps): JSX.Element;
+interface WindowTabsListProps {
+    children: ReactNode;
+    onAddNewTab?: () => void;
+}
+export declare function WindowTabsList(props: WindowTabsListProps): JSX.Element;
+interface WindowTabsTriggerProps {
+    children: ReactNode;
+    value: string;
+    menu?: ReactNode;
+}
+export declare function WindowTabsTrigger(props: WindowTabsTriggerProps): JSX.Element;
+interface WindowTabsContentProps {
+    children: ReactNode;
+    value: string;
+}
+export declare function WindowTabsContent(props: WindowTabsContentProps): JSX.Element;
+export {};

package/dist/components/Window/Window.stories.d.ts

@@ -0,0 +1,53 @@
+import { Window } from "./Window";
+declare const meta: {
+    title: string;
+    component: typeof Window;
+    argTypes: {
+        children: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: {
+    args: {
+        children: JSX.Element;
+        sx: {
+            height: string;
+        };
+    };
+};
+export declare const WithListOverflow: {
+    args: {
+        children: JSX.Element;
+        sx: {
+            height: string;
+        };
+    };
+};
+export declare const WithTriggerOverflow: {
+    args: {
+        children: JSX.Element;
+        sx: {
+            height: string;
+        };
+    };
+};
+export declare const WithoutFrame: {
+    args: {
+        children: JSX.Element;
+        sx: {
+            height: string;
+        };
+    };
+};
+export declare const WithoutTabs: {
+    args: {
+        children: JSX.Element;
+        sx: {
+            height: string;
+        };
+    };
+};

package/dist/components/Window/index.d.ts

@@ -0,0 +1 @@
+export { Window, WindowFrame, WindowTabs, WindowTabsContent, WindowTabsList, WindowTabsTrigger } from "./Window";