@prismicio/editor-ui 0.4.24 → 0.4.25

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

@@ -1,11 +1,37 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./AnimatedElement").AnimatedElementProps>;
-export default _default;
-export declare const AnimatedElementTemplateStory: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./AnimatedElement").AnimatedElementProps>;
+import { AnimatedElement } from "./AnimatedElement";
+declare const meta: {
+    title: string;
+    component: typeof AnimatedElement;
+};
+export default meta;
+export declare const Default: {
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        children: false | 0 | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null | undefined;
+        animation?: {
+            name: "fade";
+        } | {
+            name: "slide";
+            offset?: number | undefined;
+        } | undefined;
+        enterDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        sx?: import("../../theme/new").SX | undefined;
+    }>, context: import("@storybook/types").StoryContext<import("@storybook/react/dist/types-0a347bb9").R, {
+        children: false | 0 | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null | undefined;
+        animation?: {
+            name: "fade";
+        } | {
+            name: "slide";
+            offset?: number | undefined;
+        } | undefined;
+        enterDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
+        sx?: import("../../theme/new").SX | undefined;
+    }>) => JSX.Element)[];
     args: {
-        enterDuration: number;
-        exitDuration: number;
-        children: JSX.Element;
+        children: null;
+        enterDuration: 300;
+        exitDuration: 100;
     };
     argTypes: {
         children: {

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

@@ -1,4 +1,4 @@
-import { type KeyboardEvent, type ReactNode } from "react";
+import { type ClipboardEventHandler, type KeyboardEvent, type ReactNode } from "react";
 import type { SX, ThemeKeys } from "../../theme/new";
 /**
  * Flexible base Input, provided with no height or block padding.
@@ -14,18 +14,23 @@ export interface BaseInputProps {
     endAdornment?: ReactNode;
     padding?: Padding;
     value: string;
-    variant?: "normal" | "link" | "success";
+    variant?: "normal" | "link" | "success" | "error";
     cursor?: "text" | "pointer";
     maxLength?: number;
+    disabled?: boolean;
+    type?: "text" | "email" | "password";
     sx?: SX;
     onFocus?: () => void;
     onBlur?: () => void;
     onValueChange?: (value: string) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
+    onPaste?: ClipboardEventHandler<HTMLInputElement>;
 }
 interface Padding {
     input?: {
-        inline: ThemeKeys<"space">;
+        inline?: ThemeKeys<"space">;
+        inlineStart?: ThemeKeys<"space">;
+        inlineEnd?: ThemeKeys<"space">;
     };
     adornment?: {
         inline: ThemeKeys<"space">;

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

@@ -16,7 +16,7 @@ export declare const Default: {
     render: (args: {
         children?: import("react").ReactNode;
         color?: "dark" | "green" | "grey" | "purple" | "tomato" | "amber" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
         textColor?: "placeholder" | undefined;

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

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

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

@@ -1,7 +1,26 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Form").FormProps>;
-export default _default;
+import { Form } from "./";
+declare const meta: {
+    title: string;
+    component: typeof Form;
+    argTypes: {
+        children: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default meta;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Form").FormProps>;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        children?: import("react").ReactNode;
+        sx?: import("../../theme/new").SX | undefined;
+        onSubmit: () => void;
+    }>, context: import("@storybook/types").StoryContext<import("@storybook/react/dist/types-0a347bb9").R, {
+        children?: import("react").ReactNode;
+        sx?: import("../../theme/new").SX | undefined;
+        onSubmit: () => void;
+    }>) => JSX.Element)[];
     args: {};
     name: string;
 };

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

@@ -1,4 +1,4 @@
-import { type ClipboardEventHandler, type KeyboardEventHandler } from "react";
+import { type ClipboardEventHandler, type KeyboardEvent } from "react";
 import type { SX } from "../../theme/new";
 import { type IconName } from "../Icon";
 export interface FormInputProps {
@@ -11,7 +11,7 @@ export interface FormInputProps {
     icon?: IconName;
     autoComplete?: AutoCompleteValue;
     sx?: SX;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onKeyDown?: (event: KeyboardEvent) => void;
     onValueChange?: (value: string) => void;
     onPaste?: ClipboardEventHandler<HTMLInputElement>;
     onBlur?: () => void;

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

@@ -50,7 +50,7 @@ export declare const Default: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
         density?: "compact" | "regular" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
         type: "single";
         value?: string | undefined;
@@ -59,7 +59,7 @@ export declare const Default: {
         children?: import("react").ReactNode;
         disabled?: boolean | undefined;
         density?: "compact" | "regular" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
+        size?: "small" | "large" | "medium" | undefined;
         color?: "dark" | "grey" | "purple" | undefined;
         type: "multiple";
         value?: string[] | undefined;