storybook 9.0.0-alpha.2 → 9.0.0-alpha.20

package/dist/components/index.d.ts

@@ -1,117 +1,117 @@
 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 { BuiltInParserName } from 'prettier';
+import * as storybook_theming from 'storybook/theming';
+import { FunctionInterpolation } from 'storybook/theming';
 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>, {}>;
 
 interface BadgeProps {
-    status?: 'positive' | 'negative' | 'neutral' | 'warning' | 'critical';
+    compact?: boolean;
+    status?: 'positive' | 'negative' | 'neutral' | 'warning' | 'critical' | 'active';
     children?: React__default.ReactNode;
 }
 declare const Badge: ({ ...props }: BadgeProps) => React__default.JSX.Element;
@@ -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>, {}>;
 
@@ -173,7 +173,7 @@ interface SyntaxHighlighterCustomProps {
     className?: string;
     renderer?: SyntaxHighlighterRenderer;
 }
-type SyntaxHighlighterFormatTypes = boolean | 'dedent' | BuiltInParserName;
+type SyntaxHighlighterFormatTypes = boolean | 'dedent';
 type LineTagPropsFunction = (lineNumber: number) => React.HTMLProps<HTMLElement>;
 type SupportedLanguage = 'text' | keyof typeof supportedLanguages;
 interface SyntaxHighlighterBaseProps {
@@ -445,66 +445,48 @@ interface ButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
     active?: boolean;
     animation?: 'none' | 'rotate360' | 'glow' | 'jiggle';
-    /** @deprecated Use {@link asChild} instead. This will be removed in Storybook 9.0 */
-    isLink?: boolean;
-    /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
-    primary?: boolean;
-    /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
-    secondary?: boolean;
-    /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
-    tertiary?: boolean;
-    /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
-    gray?: boolean;
-    /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
-    inForm?: boolean;
-    /** @deprecated Use {@link size} instead. This will be removed in Storybook 9.0 */
-    small?: boolean;
-    /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
-    outline?: boolean;
-    /** @deprecated Add your icon as a child directly. This will be removed in Storybook 9.0 */
-    containsIcon?: boolean;
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps$1 & React__default.RefAttributes<HTMLButtonElement>>;
 
 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 +605,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 +625,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 +881,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 +935,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 +954,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 +977,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,17 +1041,15 @@ 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;
 
 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 +1060,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;
@@ -1098,238 +1078,6 @@ 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;
-    as?: React__default.ElementType;
-}, React__default.SVGProps<SVGSVGElement>, {}>;
-interface IconsProps extends ComponentProps<typeof Svg> {
-    icon: IconType;
-    useSymbol?: boolean;
-    onClick?: () => void;
-    __suppressDeprecationWarning?: boolean;
-}
-/**
- * @deprecated No longer used, will be removed in Storybook 9.0 Please use the `@storybook/icons`
- *   package instead.
- */
-declare const Icons: ({ icon, useSymbol, __suppressDeprecationWarning, ...props }: IconsProps) => React__default.JSX.Element | null;
-interface SymbolsProps {
-    icons?: IconType[];
-}
-/**
- * @deprecated No longer used, will be removed in Storybook 9.0 Please use the `@storybook/icons`
- *   package instead.
- */
-declare const Symbols: React__default.NamedExoticComponent<SymbolsProps>;
-declare const icons: {
-    readonly user: "UserIcon";
-    readonly useralt: "UserAltIcon";
-    readonly useradd: "UserAddIcon";
-    readonly users: "UsersIcon";
-    readonly profile: "ProfileIcon";
-    readonly facehappy: "FaceHappyIcon";
-    readonly faceneutral: "FaceNeutralIcon";
-    readonly facesad: "FaceSadIcon";
-    readonly accessibility: "AccessibilityIcon";
-    readonly accessibilityalt: "AccessibilityAltIcon";
-    readonly arrowup: "ChevronUpIcon";
-    readonly arrowdown: "ChevronDownIcon";
-    readonly arrowleft: "ChevronLeftIcon";
-    readonly arrowright: "ChevronRightIcon";
-    readonly arrowupalt: "ArrowUpIcon";
-    readonly arrowdownalt: "ArrowDownIcon";
-    readonly arrowleftalt: "ArrowLeftIcon";
-    readonly arrowrightalt: "ArrowRightIcon";
-    readonly expandalt: "ExpandAltIcon";
-    readonly collapse: "CollapseIcon";
-    readonly expand: "ExpandIcon";
-    readonly unfold: "UnfoldIcon";
-    readonly transfer: "TransferIcon";
-    readonly redirect: "RedirectIcon";
-    readonly undo: "UndoIcon";
-    readonly reply: "ReplyIcon";
-    readonly sync: "SyncIcon";
-    readonly upload: "UploadIcon";
-    readonly download: "DownloadIcon";
-    readonly back: "BackIcon";
-    readonly proceed: "ProceedIcon";
-    readonly refresh: "RefreshIcon";
-    readonly globe: "GlobeIcon";
-    readonly compass: "CompassIcon";
-    readonly location: "LocationIcon";
-    readonly pin: "PinIcon";
-    readonly time: "TimeIcon";
-    readonly dashboard: "DashboardIcon";
-    readonly timer: "TimerIcon";
-    readonly home: "HomeIcon";
-    readonly admin: "AdminIcon";
-    readonly info: "InfoIcon";
-    readonly question: "QuestionIcon";
-    readonly support: "SupportIcon";
-    readonly alert: "AlertIcon";
-    readonly email: "EmailIcon";
-    readonly phone: "PhoneIcon";
-    readonly link: "LinkIcon";
-    readonly unlink: "LinkBrokenIcon";
-    readonly bell: "BellIcon";
-    readonly rss: "RSSIcon";
-    readonly sharealt: "ShareAltIcon";
-    readonly share: "ShareIcon";
-    readonly circle: "CircleIcon";
-    readonly circlehollow: "CircleHollowIcon";
-    readonly bookmarkhollow: "BookmarkHollowIcon";
-    readonly bookmark: "BookmarkIcon";
-    readonly hearthollow: "HeartHollowIcon";
-    readonly heart: "HeartIcon";
-    readonly starhollow: "StarHollowIcon";
-    readonly star: "StarIcon";
-    readonly certificate: "CertificateIcon";
-    readonly verified: "VerifiedIcon";
-    readonly thumbsup: "ThumbsUpIcon";
-    readonly shield: "ShieldIcon";
-    readonly basket: "BasketIcon";
-    readonly beaker: "BeakerIcon";
-    readonly hourglass: "HourglassIcon";
-    readonly flag: "FlagIcon";
-    readonly cloudhollow: "CloudHollowIcon";
-    readonly edit: "EditIcon";
-    readonly cog: "CogIcon";
-    readonly nut: "NutIcon";
-    readonly wrench: "WrenchIcon";
-    readonly ellipsis: "EllipsisIcon";
-    readonly check: "CheckIcon";
-    readonly form: "FormIcon";
-    readonly batchdeny: "BatchDenyIcon";
-    readonly batchaccept: "BatchAcceptIcon";
-    readonly controls: "ControlsIcon";
-    readonly plus: "PlusIcon";
-    readonly closeAlt: "CloseAltIcon";
-    readonly cross: "CrossIcon";
-    readonly trash: "TrashIcon";
-    readonly pinalt: "PinAltIcon";
-    readonly unpin: "UnpinIcon";
-    readonly add: "AddIcon";
-    readonly subtract: "SubtractIcon";
-    readonly close: "CloseIcon";
-    readonly delete: "DeleteIcon";
-    readonly passed: "PassedIcon";
-    readonly changed: "ChangedIcon";
-    readonly failed: "FailedIcon";
-    readonly clear: "ClearIcon";
-    readonly comment: "CommentIcon";
-    readonly commentadd: "CommentAddIcon";
-    readonly requestchange: "RequestChangeIcon";
-    readonly comments: "CommentsIcon";
-    readonly lock: "LockIcon";
-    readonly unlock: "UnlockIcon";
-    readonly key: "KeyIcon";
-    readonly outbox: "OutboxIcon";
-    readonly credit: "CreditIcon";
-    readonly button: "ButtonIcon";
-    readonly type: "TypeIcon";
-    readonly pointerdefault: "PointerDefaultIcon";
-    readonly pointerhand: "PointerHandIcon";
-    readonly browser: "BrowserIcon";
-    readonly tablet: "TabletIcon";
-    readonly mobile: "MobileIcon";
-    readonly watch: "WatchIcon";
-    readonly sidebar: "SidebarIcon";
-    readonly sidebaralt: "SidebarAltIcon";
-    readonly sidebaralttoggle: "SidebarAltToggleIcon";
-    readonly sidebartoggle: "SidebarToggleIcon";
-    readonly bottombar: "BottomBarIcon";
-    readonly bottombartoggle: "BottomBarToggleIcon";
-    readonly cpu: "CPUIcon";
-    readonly database: "DatabaseIcon";
-    readonly memory: "MemoryIcon";
-    readonly structure: "StructureIcon";
-    readonly box: "BoxIcon";
-    readonly power: "PowerIcon";
-    readonly photo: "PhotoIcon";
-    readonly component: "ComponentIcon";
-    readonly grid: "GridIcon";
-    readonly outline: "OutlineIcon";
-    readonly photodrag: "PhotoDragIcon";
-    readonly search: "SearchIcon";
-    readonly zoom: "ZoomIcon";
-    readonly zoomout: "ZoomOutIcon";
-    readonly zoomreset: "ZoomResetIcon";
-    readonly eye: "EyeIcon";
-    readonly eyeclose: "EyeCloseIcon";
-    readonly lightning: "LightningIcon";
-    readonly lightningoff: "LightningOffIcon";
-    readonly contrast: "ContrastIcon";
-    readonly switchalt: "SwitchAltIcon";
-    readonly mirror: "MirrorIcon";
-    readonly grow: "GrowIcon";
-    readonly paintbrush: "PaintBrushIcon";
-    readonly ruler: "RulerIcon";
-    readonly stop: "StopIcon";
-    readonly camera: "CameraIcon";
-    readonly video: "VideoIcon";
-    readonly speaker: "SpeakerIcon";
-    readonly play: "PlayIcon";
-    readonly playback: "PlayBackIcon";
-    readonly playnext: "PlayNextIcon";
-    readonly rewind: "RewindIcon";
-    readonly fastforward: "FastForwardIcon";
-    readonly stopalt: "StopAltIcon";
-    readonly sidebyside: "SideBySideIcon";
-    readonly stacked: "StackedIcon";
-    readonly sun: "SunIcon";
-    readonly moon: "MoonIcon";
-    readonly book: "BookIcon";
-    readonly document: "DocumentIcon";
-    readonly copy: "CopyIcon";
-    readonly category: "CategoryIcon";
-    readonly folder: "FolderIcon";
-    readonly print: "PrintIcon";
-    readonly graphline: "GraphLineIcon";
-    readonly calendar: "CalendarIcon";
-    readonly graphbar: "GraphBarIcon";
-    readonly menu: "MenuIcon";
-    readonly menualt: "MenuIcon";
-    readonly filter: "FilterIcon";
-    readonly docchart: "DocChartIcon";
-    readonly doclist: "DocListIcon";
-    readonly markup: "MarkupIcon";
-    readonly bold: "BoldIcon";
-    readonly paperclip: "PaperClipIcon";
-    readonly listordered: "ListOrderedIcon";
-    readonly listunordered: "ListUnorderedIcon";
-    readonly paragraph: "ParagraphIcon";
-    readonly markdown: "MarkdownIcon";
-    readonly repository: "RepoIcon";
-    readonly commit: "CommitIcon";
-    readonly branch: "BranchIcon";
-    readonly pullrequest: "PullRequestIcon";
-    readonly merge: "MergeIcon";
-    readonly apple: "AppleIcon";
-    readonly linux: "LinuxIcon";
-    readonly ubuntu: "UbuntuIcon";
-    readonly windows: "WindowsIcon";
-    readonly storybook: "StorybookIcon";
-    readonly azuredevops: "AzureDevOpsIcon";
-    readonly bitbucket: "BitbucketIcon";
-    readonly chrome: "ChromeIcon";
-    readonly chromatic: "ChromaticIcon";
-    readonly componentdriven: "ComponentDrivenIcon";
-    readonly discord: "DiscordIcon";
-    readonly facebook: "FacebookIcon";
-    readonly figma: "FigmaIcon";
-    readonly gdrive: "GDriveIcon";
-    readonly github: "GithubIcon";
-    readonly gitlab: "GitlabIcon";
-    readonly google: "GoogleIcon";
-    readonly graphql: "GraphqlIcon";
-    readonly medium: "MediumIcon";
-    readonly redux: "ReduxIcon";
-    readonly twitter: "TwitterIcon";
-    readonly youtube: "YoutubeIcon";
-    readonly vscode: "VSCodeIcon";
-};
-
 type StorybookLogoProps = {
     alt: string;
 } & React__default.SVGAttributes<SVGSVGElement>;
@@ -1352,8 +1100,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 +1129,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>, {}>;
 
@@ -1420,4 +1168,4 @@ declare const components: {
 };
 declare const resetComponents: Record<string, ElementType>;
 
-export { A, ActionBar, type ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, type IconsProps, Img, LI, Link$1 as Link, ListItem, Loader, Modal, OL, P, Placeholder, Pre, ProgressSpinner, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, type SupportedLanguage, Symbols, SyntaxHighlighter, type SyntaxHighlighterFormatTypes, type SyntaxHighlighterProps, type SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, type Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };
+export { A, ActionBar, type ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, Img, LI, Link$1 as Link, ListItem, Loader, Modal, OL, P, Placeholder, Pre, ProgressSpinner, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, type SupportedLanguage, SyntaxHighlighter, type SyntaxHighlighterFormatTypes, type SyntaxHighlighterProps, type SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, type Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };