@prismicio/editor-ui 0.1.0 → 0.3.0

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

@@ -1,18 +1,4 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-select").SelectProps, "children" | "value" | "name" | "autoComplete" | "onValueChange"> & Pick<import("@radix-ui/react-select").SelectValueProps, "placeholder"> & {
-    disabled?: boolean | undefined;
-    id?: string | undefined;
-    inField?: boolean | undefined;
-    size?: "medium" | "large" | "small" | undefined;
-    trigger?: import("react").ReactNode;
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-}>>>;
+declare const _default: ComponentMeta<import("react").FC<import("./Select").SelectProps>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-select").SelectProps, "children" | "value" | "name" | "autoComplete" | "onValueChange"> & Pick<import("@radix-ui/react-select").SelectValueProps, "placeholder"> & {
-    disabled?: boolean | undefined;
-    id?: string | undefined;
-    inField?: boolean | undefined;
-    size?: "medium" | "large" | "small" | undefined;
-    trigger?: import("react").ReactNode;
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-}>>>;
+export declare const Default: ComponentStoryFn<import("react").FC<import("./Select").SelectProps>>;

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

@@ -1,10 +1,10 @@
 import { type CSSProperties, type FC, type ReactNode } from "react";
 declare type SkeletonProps = Readonly<{
-    blockSize?: CSSProperties["blockSize"];
+    height?: CSSProperties["height"];
     children?: ReactNode;
     className?: string;
     component?: "span";
-    inlineSize?: CSSProperties["inlineSize"];
+    width?: CSSProperties["width"];
     style?: CSSProperties;
 }>;
 export declare const Skeleton: FC<SkeletonProps>;

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

@@ -1,18 +1,18 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
-    blockSize?: import("csstype").Property.BlockSize<string | number> | undefined;
+    height?: import("csstype").Property.Height<string | number> | undefined;
     children?: import("react").ReactNode;
     className?: string | undefined;
     component?: "span" | undefined;
-    inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
+    width?: import("csstype").Property.Width<string | number> | undefined;
     style?: import("react").CSSProperties | undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
-    blockSize?: import("csstype").Property.BlockSize<string | number> | undefined;
+    height?: import("csstype").Property.Height<string | number> | undefined;
     children?: import("react").ReactNode;
     className?: string | undefined;
     component?: "span" | undefined;
-    inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
+    width?: import("csstype").Property.Width<string | number> | undefined;
     style?: import("react").CSSProperties | undefined;
 }>>>;

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

@@ -28,8 +28,8 @@ export declare const color: {
 export declare const inField: string;
 export declare const noWrap: string;
 export declare const weight: {
-    regular: string;
-    medium: string;
-    semibold: string;
+    "400": string;
+    "500": string;
+    "600": string;
     inherit: string;
 };

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

@@ -22,6 +22,6 @@ export declare const Text: import("react").ForwardRefExoticComponent<Readonly<{
     inField?: boolean | undefined;
     noWrap?: boolean | undefined;
     variant?: "inherit" | "pre" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "body1" | "body2" | "body3" | "button1" | "button2" | undefined;
-    weight?: "inherit" | "medium" | "regular" | "semibold" | undefined;
+    weight?: "inherit" | "400" | "500" | "600" | undefined;
 }> & import("react").RefAttributes<HTMLElement>>;
 export {};

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

@@ -8,7 +8,7 @@ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
     inField?: boolean | undefined;
     noWrap?: boolean | undefined;
     variant?: "inherit" | "pre" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "body1" | "body2" | "body3" | "button1" | "button2" | undefined;
-    weight?: "inherit" | "medium" | "regular" | "semibold" | undefined;
+    weight?: "inherit" | "400" | "500" | "600" | undefined;
 }> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
@@ -20,5 +20,5 @@ export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticC
     inField?: boolean | undefined;
     noWrap?: boolean | undefined;
     variant?: "inherit" | "pre" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "body1" | "body2" | "body3" | "button1" | "button2" | undefined;
-    weight?: "inherit" | "medium" | "regular" | "semibold" | undefined;
+    weight?: "inherit" | "400" | "500" | "600" | undefined;
 }> & import("react").RefAttributes<HTMLElement>>>;

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

@@ -1,15 +1,18 @@
-import type { FC } from "react";
-declare type TextInputProps = Readonly<{
-    autoComplete?: string;
-    className?: string;
-    id?: string;
+import type { BaseInputProps } from "../BaseInput/BaseInput";
+export interface TextInputProps {
     inField?: boolean;
     inputMode?: "text";
     name?: string;
     onValueChange?: (value: string) => void;
-    placeholder?: string;
-    readOnly?: boolean;
-    value?: string;
-}>;
-export declare const TextInput: FC<TextInputProps>;
-export {};
+    className?: BaseInputProps["className"];
+    id?: BaseInputProps["id"];
+    placeholder?: BaseInputProps["placeholder"];
+    readOnly?: BaseInputProps["readOnly"];
+    value: BaseInputProps["value"];
+    startAdornment?: BaseInputProps["startAdornment"];
+    endAdornment?: BaseInputProps["endAdornment"];
+    variant?: BaseInputProps["variant"];
+    onFocus?: BaseInputProps["onFocus"];
+    onBlur?: BaseInputProps["onBlur"];
+}
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,26 +1,4 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<{
-    autoComplete?: string | undefined;
-    className?: string | undefined;
-    id?: string | undefined;
-    inField?: boolean | undefined;
-    inputMode?: "text" | undefined;
-    name?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    placeholder?: string | undefined;
-    readOnly?: boolean | undefined;
-    value?: string | undefined;
-}>>>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<import("./TextInput").TextInputProps & import("react").RefAttributes<HTMLInputElement>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
-    autoComplete?: string | undefined;
-    className?: string | undefined;
-    id?: string | undefined;
-    inField?: boolean | undefined;
-    inputMode?: "text" | undefined;
-    name?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    placeholder?: string | undefined;
-    readOnly?: boolean | undefined;
-    value?: string | undefined;
-}>>>;
+export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<import("./TextInput").TextInputProps & import("react").RefAttributes<HTMLInputElement>>>;

package/dist/components/ThemeProvider.d.ts

@@ -1,8 +1,8 @@
 import { type FC, type ReactNode } from "react";
 import * as styles from "../theme/mode.css";
-declare type ThemeProviderProps = Readonly<{
+interface ThemeProviderProps {
     children?: ReactNode;
     mode?: keyof typeof styles.mode | "system";
-}>;
+}
 export declare const ThemeProvider: FC<ThemeProviderProps>;
 export {};

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

@@ -1,19 +1,19 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "value" | "onValueChange" | "type"> & {
+declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "value" | "type" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
-}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "value" | "onValueChange" | "type"> & {
+}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "value" | "type" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
 }>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "value" | "onValueChange" | "type"> & {
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "value" | "type" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
-}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "value" | "onValueChange" | "type"> & {
+}> | Readonly<Pick<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "disabled" | "children"> & Pick<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "value" | "type" | "onValueChange"> & {
     density?: "compact" | "regular" | undefined;
     size?: "medium" | "large" | "small" | undefined;
     variant?: "primary" | "secondary" | "tertiary" | undefined;

package/dist/index.d.ts

@@ -1,5 +1,8 @@
+export { AnimatedList } from "./components/AnimatedList";
+export { AppBackground } from "./components/AppBackground";
 export { Badge } from "./components/Badge";
 export { BlankSlate, BlankSlateActions, BlankSlateDescription, BlankSlateIcon, BlankSlateImage, BlankSlateTitle } from "./components/BlankSlate";
+export { Box } from "./components/Box";
 export { Button } from "./components/Button";
 export { ButtonGroup } from "./components/ButtonGroup";
 export { Card, CardContent, CardHeader, CardHeaderActions, CardHeaderTitle } from "./components/Card";
@@ -7,8 +10,8 @@ export { Carousel, CarouselItem } from "./components/Carousel";
 export { contentEditableClass } from "./components/ContentEditable";
 export { Cropper } from "./components/Cropper";
 export { CropperControls } from "./components/CropperControls";
-export { Dialog, DialogContainer, DialogContent, DialogHeader, DialogHeaderIcon, DialogHeaderTitle, DialogMenu, DialogTrigger } from "./components/Dialog";
-export { DialogOptions, DialogOptionsItem } from "./components/DialogOptions";
+export { DateInput } from "./components/DateInput";
+export { Dialog, DialogContent, DialogHeader, DialogOptions, DialogOptionsItem } from "./components/Dialog";
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, dropdownMenuStyles, DropdownMenuTrigger } from "./components/DropdownMenu";
 export { ErrorBoundary } from "./components/ErrorBoundary";
 export { Field, FieldControl, FieldIcon, FieldLabel } from "./components/Field";
@@ -19,8 +22,10 @@ export { Icon } from "./components/Icon";
 export { IconButton } from "./components/IconButton";
 export { Image, SuspenseImage } from "./components/Image";
 export { Layout, LayoutContent } from "./components/Layout";
+export { Link } from "./components/Link";
 export { type MasonryItemInfo, Masonry, MasonryMedia, MasonrySkeleton } from "./components/Masonry";
 export { NumberInput } from "./components/NumberInput";
+export { LinkDescriptionPopover, Popover } from "./components/Popover";
 export { ScrollArea } from "./components/ScrollArea";
 export { SearchInput } from "./components/SearchInput";
 export { Select, SelectItem } from "./components/Select";