@prismicio/editor-ui 0.4.89-alpha.jp-box-display-none.1 → 0.4.90

package/dist/components/IconButton/IconButton.d.ts

@@ -1,7 +1,7 @@
-import { type MouseEvent } from "react";
+import { type MouseEvent, type ReactNode } from "react";
 import type { SX } from "../../theme";
 import type { IconName } from "../Icon/iconNames";
-export interface IconButtonProps {
+export type IconButtonProps = {
     color?: Color;
     hasPadding?: boolean;
     hiddenLabel?: string;
@@ -24,7 +24,19 @@ export interface IconButtonProps {
     onClick?: (event: MouseEvent | KeyboardEvent) => void;
     onMouseDown?: (event: MouseEvent) => void;
     onMouseUp?: (event: MouseEvent) => void;
-}
+} & AsChildProps;
+type AsChildProps = {
+    /**
+     * If true, children must be a valid ReactElement and it will be used as the
+     * top level component instead of <button>.
+     * Note that said component must be implemented with forwardRef() and spread/provide all its props to its first child ReactNode.
+     */
+    asChild: true;
+    children: ReactNode;
+} | {
+    asChild?: never;
+    children?: never;
+};
 export declare const IconButton: (props: IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 type Color = "grey" | "darkGrey" | "green" | "amber" | "purple" | "tomato" | "indigo";
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
@@ -7,7 +8,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: readonly ["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", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "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", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["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", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "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", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         onClick: {};
     };

package/dist/components/ProgressCircle/ProgressCircle.d.ts

@@ -1,6 +1,11 @@
 import { type ThemeKeys } from "../../theme";
+type Size = "small" | "medium";
 export interface ProgressCircleProps {
     color?: ThemeKeys<"color">;
+    size?: Size;
+    track?: {
+        color: ThemeKeys<"color">;
+    };
 }
 /**
  * ProgressCircle.
@@ -11,4 +16,5 @@ export interface ProgressCircleProps {
  * Follow MUI animation.
  * See: https://github.com/mui/material-ui/tree/b4c2e4ecb8dfec0432f9f55778cd90e10c5be5d7/packages/mui-material/src/CircularProgress
  */
-export declare function ProgressCircle({ color, }: ProgressCircleProps): JSX.Element;
+export declare function ProgressCircle({ color, size, track, }: ProgressCircleProps): JSX.Element;
+export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;

package/dist/components/Separator/Separator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { SX } from "../../theme";
 export interface SeparatorProps {
     color?: "grey" | "purple" | "tomato";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./Separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Skeleton } from "./Skeleton";
 declare const meta: {
     title: string;

package/dist/components/TextArea/TextArea.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { SX, ThemeKeys } from "../../theme";
 export interface TextAreaProps {
     autoComplete?: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { SX } from "../../theme";
 import type { BaseInputProps } from "../BaseInput/BaseInput";
 export interface TextInputProps {
@@ -21,5 +22,6 @@ export interface TextInputProps {
     onBlur?: BaseInputProps["onBlur"];
     onPaste?: BaseInputProps["onPaste"];
     onClick?: BaseInputProps["onClick"];
+    "data-tag"?: string;
 }
 export declare const TextInput: (props: TextInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;

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

@@ -1,7 +1,13 @@
 import { type PropsWithChildren, type ReactNode } from "react";
 import type { IconName } from "../Icon";
-interface ToastConfig {
+export interface ToastConfig {
+    /**
+     * By default, a new key is created every-time showToast is called, meaning we consider it as a brand new toast.
+     * Specify a stable key if you're just updating the content of the same toast and don't want animations to play.
+     */
+    key?: string | number;
     variant?: "inline" | "card";
+    loadingIndicator?: boolean;
     anchor?: ReactNode;
     title: ReactNode;
     subtitle?: ReactNode;

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

@@ -1,2 +1,2 @@
 export { Toast } from "./Toast";
-export { ToastProvider, useToast } from "./ToastContext";
+export { type ToastConfig, ToastProvider, useToast } from "./ToastContext";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const meta: {
     title: string;
     component: (props: import("./ToggleButton").ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
@@ -19,13 +20,13 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: readonly ["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", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "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", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["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", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "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", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
         };
         endIcon: {
             control: {
                 type: "select";
             };
-            options: readonly ["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", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "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", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
+            options: readonly ["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", "github", "groupWork", "help", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "logout", "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", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "thumbDown", "thumbUp", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "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;