storybook 9.0.0-alpha.2 → 9.0.0-alpha.4

package/dist/components/index.d.ts

@@ -1,112 +1,112 @@
 import * as React$1 from 'react';
 import React__default, { ComponentProps, AnchorHTMLAttributes, MouseEvent, ReactNode, ReactElement, ButtonHTMLAttributes, SyntheticEvent, Component, RefObject, FC, PropsWithChildren, DetailedHTMLProps, RefAttributes, ElementType } from 'react';
-import * as storybook_internal_theming from 'storybook/internal/theming';
-import { FunctionInterpolation } from 'storybook/internal/theming';
+import * as storybook_theming from 'storybook/theming';
+import { FunctionInterpolation } from 'storybook/theming';
 import { BuiltInParserName } from 'prettier';
 import { Addon_RenderOptions } from 'storybook/internal/types';
 
-declare const A: storybook_internal_theming.StyledComponent<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    theme?: storybook_internal_theming.Theme;
+declare const A: storybook_theming.StyledComponent<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    theme?: storybook_theming.Theme;
 }, {}, {}>;
 
-declare const Blockquote: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Blockquote: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, {}>;
 
-declare const DefaultCodeBlock: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const DefaultCodeBlock: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 declare const Code: ({ className, children, ...props }: ComponentProps<typeof DefaultCodeBlock>) => React__default.JSX.Element;
 
-declare const Div: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Div: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
-declare const DL: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const DL: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}>;
 
-declare const H1: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const H1: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 
-declare const H2: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const H2: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 
-declare const H3: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const H3: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 
-declare const H4: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const H4: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 
-declare const H5: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const H5: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 
-declare const H6: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const H6: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 
-declare const HR: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const HR: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
 
-declare const Img: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Img: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 
-declare const LI: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const LI: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 
-declare const OL: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const OL: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
 
-declare const P: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const P: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 
-declare const Pre: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Pre: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}>;
 
-declare const Span: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Span: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 
-declare const Table: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Table: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 
-declare const TT: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const TT: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, {}>;
 
-declare const UL: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const UL: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 
@@ -137,8 +137,8 @@ interface LinkProps extends LinkInnerProps, LinkStylesProps, AProps {
 }
 declare const Link$1: ({ cancel, children, onClick, withArrow, containsIcon, className, style, ...rest }: LinkProps) => React__default.JSX.Element;
 
-declare const DocumentWrapper: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const DocumentWrapper: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
@@ -468,43 +468,43 @@ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps$1 & R
 
 declare const IconButton: React__default.ForwardRefExoticComponent<ButtonProps$1 & React__default.RefAttributes<HTMLButtonElement>>;
 
-declare const Overlay: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Overlay: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const Container: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Container: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 } & {
     width?: number;
     height?: number;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const CloseButton: (props: React__default.ComponentProps<typeof IconButton>) => React__default.JSX.Element;
-declare const Content: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Content: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const Row: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Row: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const Col: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Col: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const Header: (props: React__default.ComponentProps<typeof Col>) => React__default.JSX.Element;
-declare const Title: storybook_internal_theming.StyledComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement> & {
-    theme?: storybook_internal_theming.Theme;
+declare const Title: storybook_theming.StyledComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement> & {
+    theme?: storybook_theming.Theme;
 }, {}, {}>;
-declare const Description: storybook_internal_theming.StyledComponent<DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement> & {
-    theme?: storybook_internal_theming.Theme;
+declare const Description: storybook_theming.StyledComponent<DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement> & {
+    theme?: storybook_theming.Theme;
 }, {}, {}>;
-declare const Actions: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Actions: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const ErrorWrapper: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const ErrorWrapper: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const Error$1: ({ children, ...props }: {
@@ -623,18 +623,18 @@ interface FieldProps {
     label?: ReactNode;
 }
 
-declare const Form: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Form: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}> & {
     Field: ({ label, children, ...props }: FieldProps) => React$1.JSX.Element;
-    Input: storybook_internal_theming.StyledComponent<Omit<Omit<React$1.HTMLProps<HTMLInputElement>, "align" | "height" | "size" | "valid"> & {
+    Input: storybook_theming.StyledComponent<Omit<Omit<React$1.HTMLProps<HTMLInputElement>, "align" | "height" | "size" | "valid"> & {
         size?: Sizes;
         align?: Alignments;
         valid?: ValidationStates;
         height?: number;
     }, "ref"> & React$1.RefAttributes<any> & {
-        theme?: storybook_internal_theming.Theme;
+        theme?: storybook_theming.Theme;
     } & Omit<React$1.HTMLProps<HTMLInputElement>, "align" | "height" | "size" | "valid"> & {
         size?: Sizes;
         align?: Alignments;
@@ -643,23 +643,23 @@ declare const Form: storybook_internal_theming.StyledComponent<{
     }, {}, {}> & {
         displayName: string;
     };
-    Select: storybook_internal_theming.StyledComponent<Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "align" | "height" | "size" | "valid"> & {
+    Select: storybook_theming.StyledComponent<Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "align" | "height" | "size" | "valid"> & {
         size?: Sizes;
         align?: Alignments;
         valid?: ValidationStates;
         height?: number;
     } & React$1.RefAttributes<any> & {
-        theme?: storybook_internal_theming.Theme;
+        theme?: storybook_theming.Theme;
     }, {}, {}> & {
         displayName: string;
     };
-    Textarea: storybook_internal_theming.StyledComponent<Omit<Omit<TextareaAutosizeProps, "align" | "height" | "size" | "valid"> & {
+    Textarea: storybook_theming.StyledComponent<Omit<Omit<TextareaAutosizeProps, "align" | "height" | "size" | "valid"> & {
         size?: Sizes;
         align?: Alignments;
         valid?: ValidationStates;
         height?: number;
     } & React$1.RefAttributes<HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<any> & {
-        theme?: storybook_internal_theming.Theme;
+        theme?: storybook_theming.Theme;
     } & Omit<TextareaAutosizeProps, "align" | "height" | "size" | "valid"> & {
         size?: Sizes;
         align?: Alignments;
@@ -899,8 +899,8 @@ declare type PopperOptions = Partial<Options> & {
     createPopper?: typeof createPopper;
 };
 
-declare const TargetContainer: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const TargetContainer: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 } & {
     trigger: Config["trigger"];
@@ -953,8 +953,8 @@ interface ItemProps {
     href?: string;
     onClick?: (event: SyntheticEvent, ...args: any[]) => any;
 }
-declare const Item: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Item: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 } & ItemProps, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type LinkWrapperType = (props: any) => ReactNode;
@@ -972,8 +972,8 @@ interface ListItemProps extends Omit<ComponentProps<typeof Item>, 'title'> {
 }
 declare const ListItem: ({ loading, title, center, right, active, disabled, isIndented, href, onClick, icon, LinkWrapper, ...rest }: ListItemProps) => React__default.JSX.Element;
 
-declare const List: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const List: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface NormalLink extends Omit<ListItemProps, 'onClick'> {
@@ -995,8 +995,8 @@ interface TooltipLinkListProps extends ComponentProps<typeof List> {
 }
 declare const TooltipLinkList: ({ links, LinkWrapper, ...props }: TooltipLinkListProps) => React__default.JSX.Element;
 
-declare const TabBar: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const TabBar: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface TabWrapperProps {
@@ -1059,8 +1059,8 @@ interface TabButtonProps {
     active?: boolean;
     textColor?: string;
 }
-declare const TabButton: storybook_internal_theming.StyledComponent<Omit<ButtonProps, "ref"> & RefAttributes<HTMLButtonElement> & {
-    theme?: storybook_internal_theming.Theme;
+declare const TabButton: storybook_theming.StyledComponent<Omit<ButtonProps, "ref"> & RefAttributes<HTMLButtonElement> & {
+    theme?: storybook_theming.Theme;
 } & TabButtonProps, {}, {}>;
 /** @deprecated This component will be removed in Storybook 9.0 */
 declare const IconButtonSkeleton: () => React__default.JSX.Element;
@@ -1068,8 +1068,8 @@ declare const IconButtonSkeleton: () => React__default.JSX.Element;
 interface SeparatorProps {
     force?: boolean;
 }
-declare const Separator: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Separator: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 } & SeparatorProps, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 declare const interleaveSeparators: (list: any[]) => any;
@@ -1080,8 +1080,8 @@ interface UnstyledBarProps extends ScrollAreaProps {
 interface BarProps extends UnstyledBarProps {
     border?: boolean;
 }
-declare const Bar: storybook_internal_theming.StyledComponent<UnstyledBarProps & {
-    theme?: storybook_internal_theming.Theme;
+declare const Bar: storybook_theming.StyledComponent<UnstyledBarProps & {
+    theme?: storybook_theming.Theme;
 } & BarProps, {}, {}>;
 interface FlexBarProps extends ComponentProps<typeof Bar> {
     border?: boolean;
@@ -1099,8 +1099,8 @@ interface AddonPanelProps {
 declare const AddonPanel: ({ active, children }: AddonPanelProps) => React__default.JSX.Element;
 
 type IconType = keyof typeof icons;
-declare const Svg: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Svg: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 }, React__default.SVGProps<SVGSVGElement>, {}>;
 interface IconsProps extends ComponentProps<typeof Svg> {
@@ -1352,8 +1352,8 @@ interface LoaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare const Loader: ({ progress, error, size, ...props }: LoaderProps) => React__default.JSX.Element;
 
-declare const Wrapper: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const Wrapper: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React__default.ElementType;
 } & {
     size: number;
@@ -1381,8 +1381,8 @@ declare const nameSpaceClassNames: ({ ...props }: {
  * We can't style individual elements (e.g. h1, h2, etc.) in here because the CSS specificity is too
  * high, so those styles can too easily override child elements that are not expecting it.
  */
-declare const ResetWrapper: storybook_internal_theming.StyledComponent<{
-    theme?: storybook_internal_theming.Theme;
+declare const ResetWrapper: storybook_theming.StyledComponent<{
+    theme?: storybook_theming.Theme;
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;