@prismicio/editor-ui 0.4.76-alpha.tree-view-component.1 → 0.4.76

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

@@ -27,7 +27,7 @@ export default meta;
 export declare const Default: {
     name: string;
     render: (args: {
-        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";
+        name: "search" | "link" | "code" | "label" | "alert" | "table" | "title" | "visibility" | "image" | "close" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "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" | "help" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "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" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "toggleOff" | "translate" | "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;
         iconSize?: "small" | "medium" | "large" | undefined;

package/dist/components/Blockquote/Blockquote.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from "react";
+export declare function Blockquote(props: PropsWithChildren): JSX.Element;

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

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react";
+import { Blockquote } from "./Blockquote";
+declare const meta: {
+    title: string;
+    component: typeof Blockquote;
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

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

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

@@ -17,7 +17,7 @@ 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?: "dark" | "white" | "black" | "green" | "grey" | "indigo" | "purple" | "tomato" | "darkGrey" | "amber" | "tomato-dimmed" | undefined;
         size?: "small" | "medium" | "large" | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
@@ -26,8 +26,8 @@ export declare const Default: {
         textWeight?: "bold" | "normal" | undefined;
         radius?: "normal" | "full" | undefined;
         sx?: import("../../theme").SX | 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;
+        startIcon?: "search" | "link" | "code" | "label" | "alert" | "table" | "title" | "visibility" | "image" | "close" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "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" | "help" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "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" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
+        endIcon?: "search" | "link" | "code" | "label" | "alert" | "table" | "title" | "visibility" | "image" | "close" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "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" | "help" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "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" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "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;
@@ -35,7 +35,7 @@ export declare const Default: {
         hasPadding?: boolean | undefined;
         underline?: boolean | "hover" | undefined;
         hiddenLabel?: string | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
+        type?: "button" | "reset" | "submit" | undefined;
         form?: string | undefined;
         onClick?: ((event: import("react").MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
         onMouseDown?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;

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

@@ -7,7 +7,7 @@ export interface CardProps {
     color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1" | "purple2" | "tomato2";
     variant?: "animated-light" | "animated-dark" | "dashed" | "elevated" | "highlighted" | "outlined" | "selected";
     radius?: 4 | 6;
-    gap?: 0 | 8 | 12 | 16 | 28 | 32;
+    gap?: 0 | 4 | 8 | 12 | 16 | 28 | 32;
     paddingBlock?: 0 | 8 | 12 | 16 | 28 | 32;
     paddingInline?: 0 | 8 | 16 | 24 | 32;
     paddingLeft?: 0 | 16 | 32;

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

@@ -33,9 +33,9 @@ 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?: "dashed" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | "selected" | undefined;
         radius?: 4 | 6 | undefined;
-        gap?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
+        gap?: 0 | 4 | 8 | 12 | 16 | 28 | 32 | undefined;
         paddingBlock?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
         paddingInline?: 0 | 8 | 16 | 24 | 32 | undefined;
         paddingLeft?: 0 | 16 | 32 | undefined;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -7,6 +7,5 @@ export interface CheckboxProps {
     variant?: "default" | "error";
     onCheckedChange?: (checked: boolean, event: MouseEvent) => void;
     onClick?: MouseEventHandler<HTMLButtonElement>;
-    defaultChecked?: boolean;
 }
 export declare function Checkbox(props: CheckboxProps): JSX.Element;

package/dist/components/Text/Text.d.ts

@@ -51,7 +51,7 @@ interface NonLinkProps extends BaseTextProps {
 }
 export type TextProps = NonLinkProps | LinkProps;
 export declare const Text: (props: TextProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-type Component = "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "header" | "kbd" | "p" | "pre" | "span" | "label" | "a";
+type Component = "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "kbd" | "p" | "pre" | "span" | "label" | "a";
 export declare const textVariantMapping: {
     readonly normal: "p";
     readonly bold: "p";
@@ -66,6 +66,7 @@ export declare const textVariantMapping: {
     readonly h3: "h3";
     readonly h4: "h4";
     readonly h5: "h5";
+    readonly h6: "h6";
     readonly inherit: "p";
 };
 export {};

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

@@ -1,39 +1,22 @@
-import { type ReactNode } from "react";
-import type { CheckboxProps } from "../Checkbox/Checkbox";
-interface TreeViewItemSection {
-    type: "section";
-    name: string;
-    items: TreeViewItem[];
-}
-interface TreeViewItemCheckbox {
-    type: "checkbox";
-    name: string;
-    value: boolean;
-}
-export type TreeViewItem = TreeViewItemSection | TreeViewItemCheckbox;
-export interface TreeViewProps {
+import { type MouseEvent, type ReactNode } from "react";
+interface TreeViewProps {
+    title: string;
+    subtitle: string;
     children: ReactNode;
-    title?: string;
-    subtitle?: string;
-    onChange?: (data: TreeViewItem[]) => void;
 }
 export declare function TreeView(props: TreeViewProps): JSX.Element;
 interface TreeViewSectionProps {
-    /** Name that will be used to identify the section in the tree data. */
-    name: string;
     title: string;
     children: ReactNode;
     badge?: string;
     subtitle?: string;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
 }
 export declare function TreeViewSection(props: TreeViewSectionProps): JSX.Element;
-interface TreeViewCheckboxProps extends CheckboxProps {
-    /** Name that will be used to identify the checkbox in the tree data. */
-    name: string;
+export interface TreeViewCheckboxProps {
     title: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean, event: MouseEvent) => void;
 }
 export declare function TreeViewCheckbox(props: TreeViewCheckboxProps): JSX.Element;
 export {};