@prismicio/editor-ui 0.4.60 → 0.4.62-alpha.jp-table-render-default-layout.0

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

@@ -1,11 +1,30 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./NumberInput").NumberInputProps>;
-export default _default;
-export declare const Default: {
+import type { StoryObj } from "@storybook/react";
+import { NumberInput } from "./NumberInput";
+declare const meta: {
+    title: string;
+    component: typeof NumberInput;
+    argTypes: {
+        autoComplete: {
+            control: {
+                type: "text";
+            };
+        };
+        id: {
+            control: {
+                type: "text";
+            };
+        };
+        name: {
+            control: {
+                type: "text";
+            };
+        };
+        onValueChange: {};
+    };
     args: {
-        max: number;
-        min: number;
-        placeholder: string;
-        readOnly: boolean;
+        value: number;
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,21 +1,6 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { OverflowContainer } from "./OverflowContainer";
-declare const meta: {
-    title: string;
-    component: typeof OverflowContainer;
-    tags: string[];
-    argTypes: {
-        gap: {
-            control: string;
-            options: number[];
-        };
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        children: import("react").ReactNode[];
-        gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120) | undefined;
-    }>) => JSX.Element)[];
-};
+declare const meta: Meta<typeof OverflowContainer>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

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

@@ -1,96 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
 import { ProgressBar } from "./ProgressBar";
-declare const meta: {
-    title: string;
-    component: typeof ProgressBar;
-    argTypes: {
-        value: {
-            defaultValue: number;
-            control: {
-                type: string;
-                min: number;
-            };
-        };
-        max: {
-            defaultValue: number;
-            control: {
-                type: string;
-                min: number;
-            };
-        };
-        displayLabel: {
-            defaultValue: boolean;
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        backgroundColor: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        labelColor: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        height: {
-            defaultValue: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        transition: {
-            defaultValue: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        value: number;
-        max?: number | undefined;
-        getValueLabel?: ((value: number, max: number) => string) | undefined;
-        displayLabel?: boolean | undefined;
-        color?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green8" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
-        backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green8" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
-        labelColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green8" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
-        height?: "large" | "normal" | "collapsed" | undefined;
-        transition?: "slow" | "fast" | undefined;
-        sx?: import("../../theme").SX | undefined;
-    }>) => JSX.Element)[];
-};
+declare const meta: Meta<typeof ProgressBar>;
 export default meta;
-export declare const Default: {
-    args: {
-        value: number;
-        max: number;
-        displayLabel: true;
-        getValueLabel: (value?: number, max?: number) => string;
-    };
-};
-export declare const Large: {
-    args: {
-        backgroundColor: "purple5";
-        color: "purple8";
-        displayLabel: false;
-        height: "large";
-        value: number;
-        max: number;
-        getValueLabel: (value?: number, max?: number) => string;
-    };
-    parameters: {
-        controls: {
-            include: never[];
-        };
-    };
-};
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Large: Story;

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

@@ -1,6 +1,10 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ProgressCircle").ProgressCircleProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ProgressCircle").ProgressCircleProps>;
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { ProgressCircle } from "./ProgressCircle";
+declare const meta: {
+    title: string;
+    component: typeof ProgressCircle;
+    render: (args: import("./ProgressCircle").ProgressCircleProps) => JSX.Element;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,9 +1,11 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./RadioGroup").RadioGroupProps<string>>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./RadioGroup").RadioGroupProps<string>>;
-    args: {
-        items: string[];
-    };
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { RadioGroup } from "./RadioGroup";
+declare const meta: {
+    title: string;
+    component: typeof RadioGroup;
+    argTypes: {};
+    render: (args: import("./RadioGroup").RadioGroupProps<string>) => JSX.Element;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,20 +1,24 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        children: JSX.Element[];
-        direction: string;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+        direction: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
     };
-    name: string;
-};
-export declare const ScrollAreaWithControls: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        children: JSX.Element[];
-        direction: string;
-        controls: boolean;
-    };
-    name: string;
+    render: (args: import("./ScrollArea").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ScrollAreaWithControls: Story;

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

@@ -1,12 +1,17 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./SearchInput").SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SearchInput").SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
-    args: {
-        value: string;
-        placeholder: string;
-        isLoading: boolean;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./SearchInput").SearchInputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    argTypes: {
+        onValueChange: {};
+        isLoading: {
+            control: {
+                type: "boolean";
+            };
+        };
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -5,58 +5,58 @@ declare const meta: {
     argTypes: {
         autoComplete: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         children: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         id: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         name: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         onValueChange: {};
         value: {};
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         constrainContentWidth: {
             control: {
-                type: string;
+                type: "boolean";
             };
         };
         position: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         side: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         sideOffset: {
             control: {
-                type: string;
+                type: "number";
                 step: number;
             };
         };

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

@@ -1,12 +1,9 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./SelectCard").SelectCardProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SelectCard").SelectCardProps>;
-    args: {
-        title: string;
-        subtitle: string;
-        selected: boolean;
-        onSelect: () => void;
-    };
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { SelectCard } from "./SelectCard";
+declare const meta: {
+    title: string;
+    component: typeof SelectCard;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -5,19 +5,19 @@ declare const meta: {
     argTypes: {
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         orientation: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         style: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

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

@@ -6,29 +6,29 @@ declare const meta: {
     argTypes: {
         width: {
             control: {
-                type: string;
+                type: "number";
             };
         };
         height: {
             control: {
-                type: string;
+                type: "number";
             };
         };
         color: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };
         borderRadius: {
             control: {
-                type: string;
+                type: "select";
             };
             options: number[];
         };
         children: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

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

@@ -1,47 +1,12 @@
-declare const _default: {
+import type { StoryObj } from "@storybook/react";
+import { SliceCard } from "./SliceCard";
+import { SliceSelectCard } from "./SliceSelectCard";
+declare const meta: {
     title: string;
+    component: typeof SliceCard;
 };
-export default _default;
-export declare const SliceCardStory: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SliceCard").SliceCardProps>;
-    args: {
-        index: number;
-        title: string;
-        subTitle: string;
-        selected: boolean;
-        canMove: boolean;
-        children: JSX.Element;
-        menuItems: JSX.Element;
-    };
-    argTypes: {
-        children: {
-            control: {
-                disable: boolean;
-            };
-        };
-        menuItems: {
-            control: {
-                disable: boolean;
-            };
-        };
-        onSelect: {};
-    };
-    name: string;
-};
-export declare const SliceSelectCardStory: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SliceSelectCard").SliceSelectCardProps>;
-    args: {
-        slice: string;
-        variation: string;
-        children: JSX.Element;
-    };
-    argTypes: {
-        children: {
-            control: {
-                disable: boolean;
-            };
-        };
-        onClick: {};
-    };
-    name: string;
-};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SliceCardStory: Story;
+type SliceSelectCardStory = StoryObj<typeof SliceSelectCard>;
+export declare const SliceSelectCardStory: SliceSelectCardStory;

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

@@ -1,11 +1,12 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>>;
-    args: {
-        min: number;
-        max: number;
-        step: number;
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "min" | "max" | "step" | "onValueChange">>) => JSX.Element;
+    argTypes: {
+        value: {};
+        onValueChange: {};
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -5,12 +5,12 @@ declare const meta: {
     argTypes: {
         id: {
             control: {
-                type: string;
+                type: "text";
             };
         };
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

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

@@ -1,6 +1,16 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Table").TableProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Table").TableProps>;
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { Table } from "./Table";
+declare const meta: {
+    title: string;
+    component: typeof Table;
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+    };
 };
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;

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

@@ -1,12 +1,16 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Tag").TagProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Tag").TagProps>;
-    args: {
-        title: string;
-        label: string;
-        active: boolean;
-        onClose: () => undefined;
+import type { StoryObj } from "@storybook/react";
+import { Tag } from "./Tag";
+declare const meta: {
+    title: string;
+    component: typeof Tag;
+    argTypes: {
+        onClose: {
+            control: {
+                type: "boolean";
+            };
+        };
     };
-    name: string;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,12 +1,9 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./TagField").TagFieldProps>;
-export default _default;
-export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./TagField").TagFieldProps>;
-    args: {
-        selectedValues: Set<string>;
-        values: Set<string>;
-        loading: boolean;
-        error: boolean;
-    };
-    name: string;
+import type { StoryObj } from "@storybook/react";
+import { TagField } from ".";
+declare const meta: {
+    title: string;
+    component: typeof TagField;
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -12,6 +12,8 @@ interface BaseTextProps {
     htmlFor?: string;
     underline?: boolean;
     highlight?: boolean;
+    highlightColor?: ThemeKeys<"color">;
+    highlightBorderRadius?: ThemeKeys<"borderRadius">;
     sx?: SX;
     /**
      * Standard HTML title attribute

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

@@ -1,13 +1,6 @@
-/// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Text").TextProps & import("react").RefAttributes<HTMLElement>>;
-export default _default;
-export declare const Default: {
-    args: {
-        align: string;
-        children: string;
-        color: string;
-        noWrap: boolean;
-        variant: string;
-    };
-    name: string;
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { Text } from "./Text";
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Default: Story;

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

@@ -1,9 +1,6 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./TextArea").TextAreaProps>;
-export default _default;
-export declare const Default: {
-    args: {
-        placeholder: string;
-        readOnly: boolean;
-    };
-    name: string;
-};
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextArea } from "./TextArea";
+declare const meta: Meta<typeof TextArea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;