@prismicio/editor-ui 0.4.59-alpha.feat-track-onboarding-tutorial.0 → 0.4.59

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

@@ -8,7 +8,9 @@ export interface AnimatedElementProps {
         name: "slide";
         offset?: number;
     } | {
-        name: "expand";
+        name: "expand-vertical";
+    } | {
+        name: "expand-horizontal";
     };
     enterDuration?: AnimationDuration;
     exitDuration?: AnimationDuration;

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

@@ -13,7 +13,9 @@ export declare const Default: {
             name: "slide";
             offset?: number | undefined;
         } | {
-            name: "expand";
+            name: "expand-vertical";
+        } | {
+            name: "expand-horizontal";
         } | undefined;
         enterDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
         exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;

package/dist/components/AnimatedList/dnd.d.ts

@@ -39,6 +39,7 @@ export interface UseDndListItemProps<ITEM> {
     dragState: DragState | undefined;
     renderDropIndicator: RenderDropIndicator | undefined;
     listId: string;
+    itemCount: number;
 }
 export declare function useDndListItem<ITEM>(props: UseDndListItemProps<ITEM>): {
     rowProps: {};
@@ -57,6 +58,7 @@ export interface RenderDropIndicatorArgs {
     isDropTarget: boolean;
     itemIndex: number;
     position: "before" | "after";
+    itemCount: number;
 }
 export interface RenderDragPreviewArgs<ITEM> {
     item: ITEM;

package/dist/components/Box/Box.d.ts

@@ -21,17 +21,8 @@ export type BoxProps = {
     animation?: Animation;
     transition?: Transition;
     padding?: Padding;
-    /**
-     * @deprecated Use or add a more specific component
-     */
     border?: Border;
-    /**
-     * @deprecated Use or add a more specific component
-     */
     borderRadius?: BorderRadius;
-    /**
-     * @deprecated Use or add a more specific component
-     */
     borderStyle?: ThemeKeys<"borderStyle">;
     backgroundColor?: ThemeKeys<"color">;
     opacity?: ThemeKeys<"opacity">;

package/dist/components/Draggable/Draggable.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+type DraggableProps = {
+    children?: ReactNode;
+    disabled?: boolean;
+};
+export declare const Draggable: (props: DraggableProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export {};

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: (props: {
+        children?: import("react").ReactNode;
+        disabled?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    argTypes: {
+        disabled: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const Default: {
+    render: (props: {
+        children?: import("react").ReactNode;
+        disabled?: boolean | undefined;
+        ref?: import("react").Ref<HTMLDivElement> | undefined;
+        key?: import("react").Key | null | undefined;
+    }) => JSX.Element;
+    name: string;
+};
+export default meta;

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

@@ -0,0 +1 @@
+export { Draggable } from "./Draggable";

package/dist/components/Field/Field.d.ts

@@ -6,6 +6,7 @@ export interface FieldProps {
     labelPosition?: "top" | "side";
     selected?: boolean;
     variant?: "normal" | "compact";
+    color?: "transparent" | "grey1";
 }
 export declare const Field: (props: FieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 interface FieldIconProps {

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

@@ -20,6 +20,12 @@ declare const meta: {
             };
             options: string[];
         };
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
     };
 };
 export default meta;

package/dist/components/HairlineButton/HairlineButton.d.ts

@@ -14,6 +14,7 @@ export interface HairlineButtonProps {
         content: string;
         side?: TooltipProps["side"];
     };
+    size?: "small" | "medium";
 }
 export declare const HairlineButton: (props: HairlineButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export {};

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

@@ -1,4 +1,5 @@
 import { type CSSProperties, type ReactNode } from "react";
+import type { ThemeKeys } from "../../theme";
 export interface ScrollAreaProps {
     "aria-label"?: string;
     children?: ReactNode;
@@ -16,5 +17,7 @@ export interface ScrollAreaProps {
      * @default 50
      */
     threshold?: number;
+    scrollPaddingBlock?: ThemeKeys<"space">;
+    stableScrollbar?: boolean;
 }
 export declare const ScrollArea: (props: ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;