@prismicio/editor-ui 0.4.77 → 0.4.79-alpha.jp-tree-view-title.0

package/dist/components/ActionList/ActionList.d.ts

@@ -2,7 +2,7 @@ import { type MouseEvent, type PropsWithChildren, type ReactNode } from "react";
 import type { SX } from "../../theme";
 import { type IconName } from "../Icon";
 import { textVariantMapping } from "../Text";
-export type ActionListVariant = "borderless" | "bordered" | "compact";
+export type ActionListVariant = "borderless" | "bordered" | "compact" | "compact-bordered";
 export interface ActionListProps extends PropsWithChildren {
     variant?: ActionListVariant;
     gap?: 0 | 4 | 8;

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

@@ -8,7 +8,7 @@ export default meta;
 export declare const Default: {
     render: (args: {
         ariaLabel: string;
-        gap?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
+        gap?: 0 | 4 | 8 | "auto" | "fieldSetGap" | 1 | 2 | 6 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
         direction?: "horizontal" | "vertical" | undefined;
         items: unknown[];
         getItemKey: (item: unknown) => string;

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

@@ -27,9 +27,9 @@ export default meta;
 export declare const Default: {
     name: string;
     render: (args: {
-        name: "translate" | "visibility" | "search" | "link" | "description" | "code" | "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" | "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" | "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";
-        color?: ("white" | "green" | "grey" | "indigo" | "purple" | "tomato" | "amber") | undefined;
-        size?: "small" | "medium" | "large" | "extraSmall" | undefined;
+        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" | "help" | "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" | "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";
+        color?: ("grey" | "tomato" | "purple" | "white" | "green" | "indigo" | "amber") | undefined;
+        size?: "small" | "extraSmall" | "medium" | "large" | undefined;
         iconSize?: "small" | "medium" | "large" | undefined;
         radius?: 6 | "circle" | undefined;
         variant?: "solid" | "soft" | undefined;

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

@@ -17,17 +17,17 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         asChild?: boolean | undefined;
-        color?: "dark" | "white" | "black" | "green" | "grey" | "indigo" | "purple" | "tomato" | "darkGrey" | "tomato-dimmed" | "amber" | undefined;
+        color?: "grey" | "tomato" | "purple" | "dark" | "white" | "black" | "green" | "indigo" | "darkGrey" | "tomato-dimmed" | "amber" | undefined;
         size?: "small" | "medium" | "large" | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
         textColor?: "link" | "placeholder" | undefined;
         flexContent?: boolean | undefined;
-        textWeight?: "bold" | "normal" | undefined;
+        textWeight?: "normal" | "bold" | undefined;
         radius?: "normal" | "full" | undefined;
         sx?: import("../../theme").SX | undefined;
-        startIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "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" | "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" | "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;
-        endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "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" | "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" | "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;
+        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" | "help" | "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" | "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" | undefined;
+        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" | "help" | "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" | "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" | undefined;
         renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
         hotkeys?: import("react-hotkeys-hook").Keys | undefined;

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

@@ -34,7 +34,7 @@ export declare const Default: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        color?: "dark" | "grey" | "purple" | undefined;
+        color?: "grey" | "purple" | "dark" | undefined;
         density?: "compact" | "regular" | undefined;
         sx?: import("../../theme").SX | undefined;
         ref?: import("react").Ref<HTMLDivElement> | undefined;

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

@@ -33,7 +33,7 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         color?: "grey1" | "grey2" | "grey3" | "indigo2" | "tomato2" | "purple1" | "purple2" | undefined;
-        variant?: "dashed" | "selected" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | undefined;
+        variant?: "selected" | "dashed" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | undefined;
         radius?: 4 | 6 | undefined;
         gap?: 0 | 4 | 8 | 12 | 16 | 28 | 32 | undefined;
         paddingBlock?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;

package/dist/components/Card/PreviewCard.stories.d.ts

@@ -16,7 +16,7 @@ export declare const Default: {
     render: ({ selected }: {
         children: import("react").ReactNode;
         selected?: boolean | undefined;
-        variant?: "large" | "compact" | undefined;
+        variant?: "compact" | "large" | undefined;
         onClick?: (() => void) | undefined;
     }) => JSX.Element;
     args: {

package/dist/components/EditableText/EditableText.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { type ThemeKeys } from "../../theme";
+import { type SX, type ThemeKeys } from "../../theme";
 import { textVariantMapping } from "../Text";
 export interface EditableTextProps {
+    name?: string;
     "aria-label": string;
     value: string;
     color?: ThemeKeys<"color">;
@@ -9,5 +10,6 @@ export interface EditableTextProps {
     disabled?: boolean;
     onBlur?: () => void;
     onChange?: (value: string) => void;
+    sx?: SX;
 }
 export declare const EditableText: (props: EditableTextProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/dist/components/Form/FormInput.d.ts

@@ -19,5 +19,5 @@ export interface FormInputProps extends Pick<FormInputFieldProps, "disabled" | "
     name?: string;
 }
 export declare const FormInput: (props: FormInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type AutoCompleteValue = "username" | "current-password";
+type AutoCompleteValue = "username" | "current-password" | "off";
 export {};

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

@@ -27,7 +27,7 @@ export default meta;
 export declare const Default: {
     name: string;
     render: (args: {
-        color?: "grey" | "purple" | "tomato" | undefined;
+        color?: "grey" | "tomato" | "purple" | undefined;
         orientation?: "horizontal" | "vertical" | undefined;
         decorative?: boolean | undefined;
         style?: "dashed" | "solid" | undefined;

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

@@ -37,7 +37,7 @@ export default meta;
 export declare const Default: {
     render: (args: {
         component?: "span" | undefined;
-        borderRadius?: 0 | "100%" | 4 | 6 | 12 | undefined;
+        borderRadius?: 0 | 4 | "100%" | 6 | 12 | undefined;
         color?: "grey1" | "grey5" | "green4" | "purple5" | undefined;
         width?: string | number | undefined;
         height?: string | number | undefined;

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

@@ -1,7 +1,7 @@
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>) => JSX.Element;
+    component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "onValueChange" | "min" | "max" | "step">>) => JSX.Element;
     argTypes: {
         value: {};
         onValueChange: {};

package/dist/components/Table/Table.d.ts

@@ -61,6 +61,7 @@ export interface TableCellProps {
     align?: "center" | "end";
     /** Whether the content of the cell is interactive, this disables the link properties for that cell. Defaults to `false`. */
     interactive?: boolean;
+    alignItems?: "center" | "flex-start" | "flex-end";
 }
 /**
  * Table cells wrap the individual content of the table.

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

@@ -13,5 +13,6 @@ export interface TextAreaProps {
     paddingRight?: ThemeKeys<"space">;
     sx?: SX;
     onBlur?: () => void;
+    onFocus?: () => void;
 }
 export declare const TextArea: (props: TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -52,7 +52,7 @@ export declare const Default: {
         disabled?: boolean | undefined;
         density?: "compact" | "regular" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        color?: "dark" | "grey" | "purple" | undefined;
+        color?: "grey" | "purple" | "dark" | undefined;
         type: "single";
         value?: string | undefined;
         onValueChange?: ((value: string) => void) | undefined;
@@ -61,7 +61,7 @@ export declare const Default: {
         disabled?: boolean | undefined;
         density?: "compact" | "regular" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        color?: "dark" | "grey" | "purple" | undefined;
+        color?: "grey" | "purple" | "dark" | undefined;
         type: "multiple";
         value?: string[] | undefined;
         onValueChange?: ((value: string[]) => void) | undefined;

package/dist/components/TreeView/TreeView.d.ts

@@ -4,7 +4,7 @@ interface TreeViewProps {
 }
 export declare function TreeView(props: TreeViewProps): JSX.Element;
 interface TreeViewSectionProps {
-    title: string;
+    title: ReactNode;
     children: ReactNode;
     badge?: string;
     subtitle?: string;

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

@@ -22,7 +22,7 @@ export declare const Default: {
         src: string;
         loop?: boolean | undefined;
         autoPlay?: boolean | undefined;
-        sizing?: "contain" | "none" | "cover" | undefined;
+        sizing?: "none" | "contain" | "cover" | undefined;
         borderRadius?: 0 | 4 | undefined;
         boxShadow?: "3" | undefined;
         animateOnLoad?: boolean | undefined;