@prismicio/editor-ui 0.4.22 → 0.4.23

package/dist/components/Alert/Alert.d.ts

@@ -1,9 +1,26 @@
 import type { ReactNode } from "react";
+import { type IconName } from "../Icon";
+type Colors = "error" | "default";
 type Props = {
     title: string;
     subtitle?: ReactNode;
-    footerButtons?: ReactNode;
     onClose?: () => void;
+    color?: Colors;
+    footerButtons?: FooterButtons;
 };
-export declare function Alert({ title, subtitle, footerButtons, onClose }: Props): JSX.Element;
+export interface FooterButtons {
+    /** Dismiss button in the footer, displayed first */
+    dismiss?: {
+        text: string;
+        onClick?: () => void;
+    };
+    /** Main action button in the footer, displayed second */
+    action?: {
+        text: string;
+        onClick: () => void;
+        /** Icon displayed on the right of the button, defaults to arrowForward */
+        icon?: IconName;
+    };
+}
+export declare function Alert(props: Props): JSX.Element;
 export {};

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

@@ -1,16 +1,18 @@
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     title: string;
     subtitle?: import("react").ReactNode;
-    footerButtons?: import("react").ReactNode;
     onClose?: (() => void) | undefined;
+    color?: ("default" | "error") | undefined;
+    footerButtons?: import("./Alert").FooterButtons | undefined;
 }>;
 export default _default;
 export declare const Default: {
     render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
         title: string;
         subtitle?: import("react").ReactNode;
-        footerButtons?: import("react").ReactNode;
         onClose?: (() => void) | undefined;
+        color?: ("default" | "error") | undefined;
+        footerButtons?: import("./Alert").FooterButtons | undefined;
     }>;
     args: {
         title: string;

package/dist/components/Alert/AlertContext.d.ts

@@ -1,14 +1,10 @@
 import { type ReactNode, type RefObject } from "react";
-import type { IconName } from "../Icon";
+import { type FooterButtons } from ".";
 export interface AlertConfig {
     id?: string;
     title: string;
     subtitle: ReactNode;
-    buttons?: {
-        text: string;
-        onClick: () => void;
-        icon?: IconName;
-    }[];
+    buttons?: FooterButtons;
     onRetry?: () => void;
 }
 interface AlertContext {

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

@@ -1,2 +1,2 @@
-export { Alert } from "./Alert";
+export { Alert, type FooterButtons } from "./Alert";
 export { type AlertConfig, AlertProvider, useAlert } from "./AlertContext";

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

@@ -1,5 +1,8 @@
 import { type KeyboardEvent, type ReactNode } from "react";
 import type { SX, ThemeKeys } from "../../theme/new";
+/**
+ * Flexible base Input, provided with no height or block padding.
+ */
 export interface BaseInputProps {
     autoComplete?: string;
     id?: string;

package/dist/components/Dialog/Dialog.d.ts

@@ -42,6 +42,7 @@ type ActionsProps = {
     cancel?: {
         text: string;
     };
+    link?: ReactNode;
     /**
      * If true, the actions will be rendered in the dialog grid area `footer`.
      */

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

@@ -1,8 +1,4 @@
-export declare const input: {
-    small: string;
-    medium: string;
-    large: string;
-};
+export declare const input: string;
 export declare const inputPadding: {
     normal: string;
     withIcon: string;

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

@@ -1,7 +1,6 @@
 import { type ClipboardEventHandler, type KeyboardEventHandler } from "react";
 import type { SX } from "../../theme/new";
 import { type IconName } from "../Icon";
-import * as styles from "./FormInput.css";
 export interface FormInputProps {
     type?: "text" | "email" | "password";
     disabled?: boolean;
@@ -9,7 +8,6 @@ export interface FormInputProps {
     placeholder?: string;
     value: string;
     error?: boolean;
-    size?: keyof typeof styles.input;
     icon?: IconName;
     autoComplete?: AutoCompleteValue;
     sx?: SX;

package/dist/components/Icon/PrismicLogo.d.ts

@@ -1,5 +1 @@
-interface Props {
-    pulse?: boolean;
-}
-export declare const PrismicLogo: import("react").MemoExoticComponent<({ pulse }: Props) => JSX.Element>;
-export {};
+export declare const PrismicLogo: import("react").MemoExoticComponent<() => JSX.Element>;

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

@@ -1,8 +1,10 @@
+import type { SX } from "../../theme/new";
 export interface SearchInputProps {
     value: string;
     placeholder?: string;
     maxLength?: number;
     isLoading?: boolean;
+    sx?: SX;
     onValueChange: (value: string) => void;
 }
 export declare function SearchInput(props: SearchInputProps): JSX.Element;

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

@@ -1,12 +1,68 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Select").SelectProps<string>>;
-export default _default;
+import { Select } from "./Select";
+declare const meta: {
+    title: string;
+    component: typeof Select;
+    argTypes: {
+        autoComplete: {
+            control: {
+                type: string;
+            };
+        };
+        children: {
+            control: {
+                disable: boolean;
+            };
+        };
+        id: {
+            control: {
+                type: string;
+            };
+        };
+        name: {
+            control: {
+                type: string;
+            };
+        };
+        onValueChange: {};
+        value: {};
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        constrainContentWidth: {
+            control: {
+                type: string;
+            };
+        };
+        side: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        sideOffset: {
+            control: {
+                type: string;
+                step: number;
+            };
+        };
+    };
+};
+export default meta;
 export declare const Default: {
     args: {
         children: JSX.Element;
-        disabled: boolean;
+        disabled: false;
         placeholder: string;
-        size: string;
-        variant: string;
+        size: "medium";
     };
     name: string;
 };

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

@@ -1,8 +1,7 @@
 import type { SX } from "../../theme/new";
-import * as styles from "./Switch.css";
 export interface SwitchProps {
     id?: string;
-    size?: keyof typeof styles.size;
+    size?: "small" | "medium";
     disabled?: boolean;
     checked?: boolean;
     sx?: SX;

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

@@ -1,10 +1,28 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Switch").SwitchProps>;
-export default _default;
+import { Switch } from "./Switch";
+declare const meta: {
+    title: string;
+    component: typeof Switch;
+    argTypes: {
+        id: {
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        onCheckedChange: {};
+    };
+};
+export default meta;
 export declare const Default: {
     args: {
-        checked: boolean;
-        disabled: boolean;
-        size: string;
+        checked: false;
+        disabled: false;
+        size: "medium";
     };
     name: string;
 };

package/dist/components/TextLink/TextLink.css.d.ts

@@ -3,6 +3,6 @@ export declare const underline: string;
 export declare const inline: string;
 export declare const hoverColor: {
     readonly indigo11: "indigo10";
-    readonly grey11: "grey10";
+    readonly purple11: "purple10";
     readonly tomato11: "tomato10";
 };

package/dist/components/TextLink/TextLink.d.ts

@@ -2,9 +2,8 @@ export interface TextLinkProps {
     href: string;
     children: string;
     underline?: boolean;
-    color?: "grey11" | "indigo11" | "tomato11";
+    color?: "indigo11" | "purple11" | "tomato11";
     inline?: boolean;
-    onClick?: () => void;
 }
 /**
  * A basic link with a single line of text.