@prismicio/editor-ui 0.4.63 → 0.4.65

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

@@ -41,7 +41,23 @@ export type ActionListItemProps = {
     /**
      * If true, the item title and description will be rendered on a single line.
      */
+    oneLine?: boolean;
+    /**
+     * If true, title won't be wrapped
+     */
+    noWrapTitle?: boolean;
+    /**
+     * If true, description won't be wrapped
+     */
+    noWrapDescription?: boolean;
+    /**
+     * If true, the item title and description won't be wrapped
+     */
     noWrap?: boolean;
+    /**
+     * The variant of the selected item.
+     */
+    selectedVariant?: "default" | "shadow";
 } & ActionListItemEndProps;
 export type ActionListItemEndProps = {
     endAdornment?: ReactNode;

package/dist/components/BlankSlate/BlankSlate.d.ts

@@ -4,7 +4,9 @@ import { type IconName } from "../Icon";
 export interface BlankSlateProps {
     sx?: SX;
     variant?: "vertical" | "horizontal";
+    gap?: 0 | 8;
     children?: ReactNode;
+    inlinePadding?: boolean;
 }
 export declare function BlankSlate(props: BlankSlateProps): JSX.Element;
 interface BlankSlateIconProps {
@@ -19,10 +21,12 @@ export declare function BlankSlateIcon(props: BlankSlateIconProps): JSX.Element;
 declare const titleSizeVariant: {
     readonly regular: "normal";
     readonly big: "h2";
+    readonly h4: "h4";
 };
 export interface BlankSlateTitleProps {
     size?: keyof typeof titleSizeVariant;
     children?: ReactNode;
+    sx?: SX;
 }
 export declare function BlankSlateTitle(props: BlankSlateTitleProps): JSX.Element;
 interface BlankSlateDescriptionProps {

package/dist/components/Box/Box.d.ts

@@ -37,7 +37,13 @@ type DisplayProps = {
     gap?: ThemeKeys<"space">;
     alignItems?: "flex-start" | "center" | "flex-end";
     justifyContent?: "center" | "space-between" | "end";
-} & (BoxGridDisplayProps | BoxFlexDisplayProps);
+} & (BoxBlockDisplayProps | BoxGridDisplayProps | BoxFlexDisplayProps);
+type BoxBlockDisplayProps = {
+    display: "block";
+    flexDirection?: never;
+    gridTemplateColumns?: never;
+    gridTemplateRows?: never;
+};
 type BoxGridDisplayProps = {
     display: "grid";
     gridTemplateColumns?: string;

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

@@ -1,11 +1,16 @@
 export { ContentEditable } from "./ContentEditable";
 export { handleEditorFlushSyncError, useEditor } from "./useEditor";
 export declare const contentEditableClass: string;
+export declare const contentEditableNoPaddingClass: string;
 export declare const tableFieldStyles: {
     tableWithControls: string;
-    tableContent: string;
+    tableOuterWrapper: string;
     addTableRowButton: string;
     addTableColumnButton: string;
+    tableHandle: string;
+    tableRowHandle: string;
+    tableColumnHandle: string;
+    tableHandleVisible: string;
 };
 export declare const contentEditablePlaceholderClass: string;
 export declare const contentEditableMultilinePlaceholderClass: string;

package/dist/components/ErrorBoundary/DefaultErrorMessage.d.ts

@@ -4,5 +4,6 @@ export interface DefaultErrorMessageProps {
     description?: string;
     errorImageSrc?: string;
     sx?: SX;
+    canRetry?: boolean;
 }
 export declare function DefaultErrorMessage(props: DefaultErrorMessageProps): JSX.Element;

package/dist/components/Field/Field.d.ts

@@ -7,6 +7,7 @@ export interface FieldProps {
     selected?: boolean;
     variant?: "normal" | "compact";
     color?: "transparent" | "grey1";
+    display?: "flex" | "grid";
 }
 export declare const Field: (props: FieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 interface FieldIconProps {

package/dist/components/Radio/RadioBigCard.d.ts

@@ -1,12 +1,14 @@
 import { type IconName } from "../Icon";
 export interface RadioBigCardProps {
+    value: string;
     icon: IconName;
     title: string;
+    description: string;
     badge?: {
         icon: IconName;
         title: string;
     };
-    description: string;
     disabled?: boolean;
+    grow?: boolean;
 }
 export declare function RadioBigCard(props: RadioBigCardProps): JSX.Element;

package/dist/components/Radio/RadioButton.d.ts

@@ -1,10 +1,17 @@
-export interface RadioButtonProps {
+export type RadioButtonProps = {
     label?: string;
     disabled?: boolean;
+} & DecorativeRadioButtonProps;
+type DecorativeRadioButtonProps = {
     /**
      * Whether this RadioButton is only included for decoration purposes
      * or is the actual Radio Group Item.
      */
-    decorative?: boolean;
-}
+    decorative: true;
+    value?: never;
+} | {
+    decorative?: false;
+    value: string;
+};
 export declare function RadioButton(props: RadioButtonProps): JSX.Element;
+export {};

package/dist/components/Radio/RadioCard.d.ts

@@ -1,5 +1,7 @@
 export interface RadioCardProps {
+    value: string;
     title: string;
     disabled?: boolean;
+    grow?: boolean;
 }
 export declare function RadioCard(props: RadioCardProps): JSX.Element;

package/dist/components/Radio/RadioGroup.d.ts

@@ -1,19 +1,17 @@
 import { type ReactNode } from "react";
 import type { SX } from "../../theme";
-export interface RadioGroupProps<VALUE extends string> {
-    values: readonly VALUE[];
-    selectedValue: VALUE;
-    evenItemSize?: boolean;
+export interface RadioGroupProps<V extends string> {
+    value: V;
+    children: ReactNode;
     disabled?: boolean;
     sx?: SX;
-    renderItem: (value: VALUE) => ReactNode;
-    onChange: (value: VALUE) => void;
+    asChild?: boolean;
+    onChange: (value: V) => void;
 }
-export declare function RadioGroup<VALUE extends string>(props: RadioGroupProps<VALUE>): JSX.Element;
-interface RadioItemContextValue {
-    value: string;
-    isSelected: boolean;
-    evenItemSize: boolean;
+export declare function RadioGroup<V extends string>(props: RadioGroupProps<V>): JSX.Element;
+interface RadioGroupContextValue {
+    selectedValue: string;
+    disabled: boolean;
 }
-export declare function useRadioItem(): RadioItemContextValue;
+export declare function useRadioGroup(): RadioGroupContextValue;
 export {};

package/dist/components/Radio/RadioItem.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from "react";
 /** Private component */
 interface RadioItemProps {
+    value: string;
     disabled: boolean;
     children: ReactNode;
+    grow?: boolean;
 }
 export declare function RadioItem(props: RadioItemProps): JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { type AriaRole, type FocusEvent } from "react";
-import type { SX } from "../../theme";
+import type { SX, ThemeKeys } from "../../theme";
 export interface SearchInputProps {
     value: string;
     onValueChange: (value: string) => void;
@@ -19,5 +19,6 @@ export interface SearchInputProps {
      */
     autoFocus?: boolean;
     disabled?: boolean;
+    inlineAdornmentPadding?: ThemeKeys<"space">;
 }
 export declare const SearchInput: (props: SearchInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -1,2 +1,2 @@
-export { Select, SelectFooterAction, SelectItem } from "./Select";
+export { Select, SelectFooterAction, SelectItem, type SelectProps, } from "./Select";
 export { SelectGhostTrigger } from "./SelectGhostTrigger";

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

@@ -21,30 +21,4 @@ export interface Props {
      */
     zIndex?: -1;
 }
-export declare function Skeleton(props: Props): import("react").DetailedReactHTMLElement<{
-    className: string;
-    style: {
-        width: string | number | undefined;
-        height: string | number | undefined;
-        zIndex: -1 | undefined;
-        flexGrow?: 0 | 1 | undefined;
-        flexShrink?: 0 | undefined;
-        flexBasis?: 0 | undefined;
-        flexWrap?: "wrap" | undefined;
-        order?: 0 | 2 | 1 | 3 | undefined;
-        alignSelf?: "center" | "stretch" | "start" | "end" | undefined;
-        justifySelf?: "center" | "stretch" | "start" | "end" | undefined;
-        visibility?: "hidden" | "visible" | undefined;
-        position?: "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        marginLeft?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        marginRight?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        marginTop?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        marginBottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        marginInline?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        marginBlock?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        top?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        left?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        right?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-        bottom?: 0 | 2 | 1 | "auto" | "fieldSetGap" | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
-    };
-}, HTMLElement>;
+export declare function Skeleton(props: Props): JSX.Element;

package/dist/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import type { SX } from "../../theme";
 export interface SwitchProps {
     id?: string;
-    size?: "small" | "medium";
+    size?: "extraSmall" | "small" | "medium";
     disabled?: boolean;
     checked?: boolean;
     sx?: SX;

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

@@ -54,7 +54,7 @@ type TableRowProps = ClickableTableRowProps | LinkTableRowProps;
  * - Given an onClick prop: fires the onClick callback when the row is clicked
  * - Given a renderLink: wraps the **entire** row in the given component. E.g. wrapping it in `react-router-dom` `<Link>`
  */
-export declare function TableRow(props: TableRowProps): JSX.Element;
+export declare const TableRow: (props: TableRowProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export interface TableCellProps {
     children?: ReactNode;
     /** How to align the content in the cell. Note that undefined defaults to start */