@prismicio/editor-ui 0.4.51 → 0.4.53

package/dist/components/BaseInput/BaseInput.d.ts

@@ -1,4 +1,4 @@
-import { type AriaRole, type ClipboardEventHandler, type FocusEvent, type KeyboardEvent, type ReactNode } from "react";
+import { type AriaRole, type ClipboardEventHandler, type FocusEvent, type KeyboardEvent, type MouseEvent, type ReactNode } from "react";
 import type { SX, ThemeKeys } from "../../theme";
 /**
  * Flexible base Input, provided with no height or block padding.
@@ -28,6 +28,7 @@ export interface BaseInputProps {
     onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
     onValueChange?: (value: string) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
+    onClick?: (event: MouseEvent) => void;
     onPaste?: ClipboardEventHandler<HTMLInputElement>;
     role?: AriaRole;
     /**

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

@@ -13,7 +13,7 @@ interface BlankSlateIconProps {
     backgroundColor?: ThemeKeys<"color">;
     borderColor?: ThemeKeys<"color">;
     borderStyle?: CSSProperties["borderStyle"];
-    size?: "small" | "medium" | "large" | "xlarge";
+    size?: "small" | "medium" | 48 | "large" | "xlarge";
 }
 export declare function BlankSlateIcon(props: BlankSlateIconProps): JSX.Element;
 declare const titleSizeVariant: {

package/dist/components/SelectCard/SelectCard.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from "react";
+import type { MouseEventHandler, ReactNode } from "react";
 export interface SelectCardProps {
     selected: boolean;
-    onSelect: () => void;
+    onSelect?: MouseEventHandler<HTMLButtonElement>;
     children: ReactNode;
+    asChild?: boolean;
 }
 export declare function SelectCard(props: SelectCardProps): JSX.Element;

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

@@ -11,12 +11,22 @@ export interface Props {
      */
     children?: ReactNode;
     sx?: SX;
+    /**
+     * Skeleton is creating a new stacking context because it's opacity is lower than 1 during animation.
+     * If you need to render an element which meets the following criteria:
+     * - precedes the Skeleton in the DOM
+     * - creates a new stacking context (ie. because of position: sticky)
+     * and you want the Skeleton to render behind it,
+     * you will need to set the zIndex to -1 on the Skeleton.
+     */
+    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?: 1 | undefined;
         flexShrink?: 0 | undefined;
         flexBasis?: 0 | undefined;

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

@@ -43,6 +43,7 @@ export declare const Default: {
         height?: string | number | undefined;
         children?: import("react").ReactNode;
         sx?: import("../../theme").SX | undefined;
+        zIndex?: -1 | undefined;
     }) => JSX.Element;
     args: {
         width: number;

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

@@ -21,5 +21,6 @@ export interface TextInputProps {
     onFocus?: BaseInputProps["onFocus"];
     onBlur?: BaseInputProps["onBlur"];
     onPaste?: BaseInputProps["onPaste"];
+    onClick?: BaseInputProps["onClick"];
 }
 export declare const TextInput: (props: TextInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;