@appquality/unguess-design-system 2.12.85 → 3.0.0-colors

package/build/stories/info-cards/index.stories.d.ts

@@ -1,6 +1,5 @@
 import { InfoCardProps } from "./_types";
-import { ComponentMeta, Story } from "@storybook/react";
-export declare const SingleCard: Story<InfoCardProps>;
-export declare const Grid: Story<InfoCardProps>;
-declare const _default: ComponentMeta<(props: InfoCardProps) => JSX.Element>;
+export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InfoCardProps>;
+export declare const Grid: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InfoCardProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InfoCardProps>;
 export default _default;

package/build/stories/label/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { LabelArgs } from "./_types";
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ILabelProps & import("react").RefAttributes<HTMLLabelElement>>, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ILabelProps & import("react").RefAttributes<HTMLLabelElement>>, import("styled-components").DefaultTheme, {}, never>;
 /**
  * A Label is used to specify a title for an input.
  * <hr>
  **/
-declare const Label: (props: LabelArgs) => JSX.Element;
+declare const Label: (props: LabelArgs) => import("react/jsx-runtime").JSX.Element;
 export { Label };

package/build/stories/label/index.stories.d.ts

@@ -1,6 +1,5 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { LabelArgs } from "./_types";
-export declare const Basic: Story<LabelArgs>;
-export declare const Bold: Story<LabelArgs>;
-declare const _default: ComponentMeta<(props: LabelArgs) => JSX.Element>;
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LabelArgs>;
+export declare const Bold: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LabelArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LabelArgs>;
 export default _default;

package/build/stories/lightbox/index.stories.d.ts

@@ -1,6 +1,4 @@
 /// <reference types="react" />
-/// <reference types="hoist-non-react-statics" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { LightboxArgs } from "./_types";
 import { SliderStoryArg } from "../slider/index.stories";
 interface LightboxStoryArgs extends LightboxArgs {
@@ -8,14 +6,6 @@ interface LightboxStoryArgs extends LightboxArgs {
     headerBugId?: string;
     slider?: SliderStoryArg;
 }
-export declare const Default: Story<LightboxStoryArgs>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<LightboxArgs & import("react").RefAttributes<HTMLDivElement>> & {
-    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-    Body: string & import("styled-components").StyledComponentBase<"div", any, {}, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
-        Main: import("styled-components").StyledComponent<"div", any, {}, never>;
-        Details: import("styled-components").StyledComponent<"div", any, {}, never>;
-    };
-    Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-}>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LightboxStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LightboxArgs & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/build/stories/lightbox/parts/body.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="hoist-non-react-statics" />
-declare const MainContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Details: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ModalBody: string & import("styled-components").StyledComponentBase<"div", any, {}, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
+declare const MainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Details: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalBody: string & import("styled-components").StyledComponentBase<"div", import("styled-components").DefaultTheme, {}, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
     Main: typeof MainContent;
     Details: typeof Details;
 };

package/build/stories/lightbox/parts/footer.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/build/stories/loaders/dots/index.d.ts

@@ -10,5 +10,5 @@ import { DotsArgs } from './_types';
     - To communicate typing status, use an Inline loader instead
     - To communicate progress, use a Progress loader instead
  */
-declare const Dots: (props: DotsArgs) => JSX.Element;
+declare const Dots: (props: DotsArgs) => import("react/jsx-runtime").JSX.Element;
 export { Dots };

package/build/stories/loaders/dots/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { DotsArgs } from "./_types";
-export declare const Default: Story<DotsArgs>;
-declare const _default: ComponentMeta<(props: DotsArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DotsArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, DotsArgs>;
 export default _default;

package/build/stories/loaders/progress/index.stories.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { ProgressArgs } from "./_types";
-export declare const Default: Story<ProgressArgs>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<ProgressArgs & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ProgressArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ProgressArgs & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/build/stories/loaders/skeleton/index.d.ts

@@ -12,5 +12,5 @@ import { SkeletonArgs } from "./_types";
    - To indicate that a component (like a button or search input) is busy, use Dots instead
    - To communicate a typing status, use Inline instead
  */
-declare const Skeleton: (props: SkeletonArgs) => JSX.Element;
+declare const Skeleton: (props: SkeletonArgs) => import("react/jsx-runtime").JSX.Element;
 export { Skeleton };

package/build/stories/loaders/skeleton/index.stories.d.ts

@@ -1,6 +1,5 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { SkeletonArgs } from "./_types";
-export declare const Default: Story<SkeletonArgs>;
-export declare const Light: Story<SkeletonArgs>;
-declare const _default: ComponentMeta<(props: SkeletonArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SkeletonArgs>;
+export declare const Light: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SkeletonArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SkeletonArgs>;
 export default _default;

package/build/stories/loaders/spinner/index.d.ts

@@ -6,5 +6,5 @@ import { SpinnerArgs } from './_types';
     - To show the user where they are in a nested navigation
     - To provide a quick way to navigate to ancestor pages
  */
-declare const Spinner: (props: SpinnerArgs) => JSX.Element;
+declare const Spinner: (props: SpinnerArgs) => import("react/jsx-runtime").JSX.Element;
 export { Spinner };

package/build/stories/loaders/spinner/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { SpinnerArgs } from "./_types";
-export declare const Default: Story<SpinnerArgs>;
-declare const _default: ComponentMeta<(props: SpinnerArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SpinnerArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SpinnerArgs>;
 export default _default;

package/build/stories/login-form/index.d.ts

@@ -5,5 +5,5 @@ import { LoginFormArgs } from "./_types";
  * Used for this:
     - Login user to the application
  */
-declare const LoginForm: (props: LoginFormArgs) => JSX.Element;
+declare const LoginForm: (props: LoginFormArgs) => import("react/jsx-runtime").JSX.Element;
 export { LoginForm };

package/build/stories/login-form/index.stories.d.ts

@@ -1,6 +1,5 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { LoginFormArgs } from "./_types";
-export declare const Default: Story<LoginFormArgs>;
-export declare const Filled: Story<LoginFormArgs>;
-declare const _default: ComponentMeta<(props: LoginFormArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LoginFormArgs>;
+export declare const Filled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LoginFormArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LoginFormArgs>;
 export default _default;

package/build/stories/logo/index.d.ts

@@ -8,5 +8,5 @@ import { LogoArgs } from "./_types";
  * Not for this:
  *  - To visually represent a common image
  */
-declare const Logo: (props: LogoArgs) => JSX.Element;
+declare const Logo: (props: LogoArgs) => import("react/jsx-runtime").JSX.Element;
 export { Logo };

package/build/stories/logo/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { LogoArgs } from "./_types";
-export declare const Default: Story<LogoArgs>;
-declare const _default: ComponentMeta<(props: LogoArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, LogoArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, LogoArgs>;
 export default _default;

package/build/stories/modals/fullscreen/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { ModalArgs } from "../_types";
 declare const ModalFullScreen: {
-    (props: ModalArgs): JSX.Element;
-    Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+    (props: ModalArgs): import("react/jsx-runtime").JSX.Element;
+    Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+    Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+    Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+    Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
     FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
 };
 export { ModalFullScreen };

package/build/stories/modals/fullscreen/index.stories.d.ts

@@ -1,17 +1,8 @@
-/// <reference types="react" />
 import { ModalArgs } from "../_types";
-import { ComponentMeta, Story } from "@storybook/react";
 interface ModalStoryArgs extends ModalArgs {
     breadcrumbs?: any;
     isDanger?: boolean;
 }
-export declare const Default: Story<ModalStoryArgs>;
-declare const _default: ComponentMeta<{
-    (props: ModalArgs): JSX.Element;
-    Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Footer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-    FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-}>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalArgs>;
 export default _default;

package/build/stories/modals/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Header as ModalHeader, Footer as ModalFooter, Close as ModalClose } from "@zendeskgarden/react-modals";
 import { ModalArgs } from "./_types";
-declare const UgModalBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+declare const UgModalBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 declare const Modal: import("react").ForwardRefExoticComponent<ModalArgs & import("react").RefAttributes<HTMLDivElement>> & {
     Header: typeof ModalHeader;
     Body: typeof UgModalBody;

package/build/stories/modals/index.stories.d.ts

@@ -1,18 +1,13 @@
 /// <reference types="react" />
 import { ModalArgs } from "./_types";
-import { ComponentMeta, Story } from "@storybook/react";
 interface ModalStoryArgs extends ModalArgs {
     content: string | any;
     title: string;
     isDanger?: boolean;
 }
-export declare const Default: Story<ModalStoryArgs>;
-export declare const Danger: Story<ModalStoryArgs>;
-export declare const Large: Story<ModalStoryArgs>;
-export declare const WithCustomContent: Story<ModalStoryArgs>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<ModalArgs & import("react").RefAttributes<HTMLDivElement>> & {
-    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-    Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-}>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
+export declare const Danger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
+export declare const Large: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
+export declare const WithCustomContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalArgs & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/build/stories/multiselect/AddableItem.d.ts

@@ -1,4 +1,4 @@
 import { IItemProps as ZenDeskIItemProps } from "@zendeskgarden/react-dropdowns";
 export declare const AddableItem: (props: ZenDeskIItemProps & {
     label: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/multiselect/Item.d.ts

@@ -1,6 +1,6 @@
 import { IItemProps as ZenDeskIItemProps } from "@zendeskgarden/react-dropdowns";
 import { MultiSelectProps } from "./_types";
-export declare type IItemProps = ZenDeskIItemProps & {
+export type IItemProps = ZenDeskIItemProps & {
     checked?: boolean;
 };
 export declare const Item: ({ option, checked, }: ZenDeskIItemProps & {
@@ -8,4 +8,4 @@ export declare const Item: ({ option, checked, }: ZenDeskIItemProps & {
 } & {
     checked: boolean;
     option: MultiSelectProps["options"][number];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/multiselect/_types.d.ts

@@ -1,9 +1,9 @@
-declare type Item = {
+type Item = {
     id: number;
     label: string;
     selected?: boolean;
 };
-export declare type MultiSelectProps = {
+export type MultiSelectProps = {
     maxItems?: number;
     options: Item[];
     selectedItems?: Item[];

package/build/stories/multiselect/index.d.ts

@@ -1,2 +1,2 @@
 import { MultiSelectProps } from "./_types";
-export declare const MultiSelect: ({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }: MultiSelectProps) => JSX.Element;
+export declare const MultiSelect: ({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;

package/build/stories/multiselect/index.stories.d.ts

@@ -1,6 +1,5 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { MultiSelectProps } from "./_types";
-export declare const Default: Story<MultiSelectProps>;
-export declare const WithTagCreation: Story<MultiSelectProps>;
-declare const _default: ComponentMeta<({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }: MultiSelectProps) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
+export declare const WithTagCreation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
 export default _default;

package/build/stories/navigation/app-header/index.d.ts

@@ -3,5 +3,5 @@ import { AppHeaderArgs } from "./_types";
  * An Header is a visual way to display general information.
  * This can include navList Items, modal, profile settings.
  */
-declare const AppHeader: ({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => JSX.Element;
+declare const AppHeader: ({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => import("react/jsx-runtime").JSX.Element;
 export { AppHeader };

package/build/stories/navigation/app-header/index.stories.d.ts

@@ -1,6 +1,5 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { AppHeaderArgs } from "./_types";
-export declare const Default: Story<AppHeaderArgs>;
-export declare const MultipleWorkspaces: Story<AppHeaderArgs>;
-declare const _default: ComponentMeta<({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
+export declare const MultipleWorkspaces: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
 export default _default;

package/build/stories/navigation/app-header/skeleton.d.ts

@@ -1 +1 @@
-export declare const HeaderSkeleton: () => JSX.Element;
+export declare const HeaderSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/build/stories/navigation/body/index.d.ts

@@ -2,5 +2,5 @@ import { BodyArgs } from "./_types";
 /**
  * A Body defines the main content of an HTML document which displays on the browser
  */
-declare const Body: (props: BodyArgs) => JSX.Element;
+declare const Body: (props: BodyArgs) => import("react/jsx-runtime").JSX.Element;
 export { Body };

package/build/stories/navigation/chrome/index.d.ts

@@ -5,5 +5,5 @@ import { ChromeArgs } from "./_types";
  * Used for this:
     - To give a consistent dashboard and navigation experience
  */
-declare const Chrome: (props: ChromeArgs) => JSX.Element;
+declare const Chrome: (props: ChromeArgs) => import("react/jsx-runtime").JSX.Element;
 export { Chrome };

package/build/stories/navigation/content/index.d.ts

@@ -2,5 +2,5 @@ import { ContentArgs } from "./_types";
 /**
  * A Content defines the main content of an HTML document which displays on the browser
  */
-declare const Content: (props: ContentArgs) => JSX.Element;
+declare const Content: (props: ContentArgs) => import("react/jsx-runtime").JSX.Element;
 export { Content };

package/build/stories/navigation/header/header-item/brandItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { BrandItemArgs } from "./_types";
-export declare const LogoIconContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-chrome").IHeaderItemProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-declare const BrandItem: (props: BrandItemArgs) => JSX.Element;
+export declare const LogoIconContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-chrome").IHeaderItemProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const BrandItem: (props: BrandItemArgs) => import("react/jsx-runtime").JSX.Element;
 export { BrandItem };

package/build/stories/navigation/header/header-item/headerItem.d.ts

@@ -1,4 +1,4 @@
 import { HeaderItemArgs, HeaderItemWrapperArgs } from "./_types";
-declare const HeaderItem: (props: HeaderItemArgs) => JSX.Element;
-declare const HeaderItemWrapper: (props: HeaderItemWrapperArgs) => JSX.Element;
+declare const HeaderItem: (props: HeaderItemArgs) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderItemWrapper: (props: HeaderItemWrapperArgs) => import("react/jsx-runtime").JSX.Element;
 export { HeaderItem, HeaderItemWrapper };

package/build/stories/navigation/header/header-item/headerItemIcon.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from "react";
 import { HeaderItemIconArgs } from "./_types";
-declare const HeaderItemIcon: (props: PropsWithChildren<HeaderItemIconArgs>) => JSX.Element;
+declare const HeaderItemIcon: (props: PropsWithChildren<HeaderItemIconArgs>) => import("react/jsx-runtime").JSX.Element;
 export { HeaderItemIcon };

package/build/stories/navigation/header/header-item/headerItemText.d.ts

@@ -1,3 +1,3 @@
 import { HeaderItemTextArgs } from "./_types";
-declare const HeaderItemText: (props: HeaderItemTextArgs) => JSX.Element;
+declare const HeaderItemText: (props: HeaderItemTextArgs) => import("react/jsx-runtime").JSX.Element;
 export { HeaderItemText };

package/build/stories/navigation/header/header-item/workspacesDropdown.d.ts

@@ -1,2 +1,2 @@
 import { WorkspaceDropdownArgs } from "./_types";
-export declare const WorkspacesDropdown: (props: WorkspaceDropdownArgs) => JSX.Element;
+export declare const WorkspacesDropdown: (props: WorkspaceDropdownArgs) => import("react/jsx-runtime").JSX.Element;

package/build/stories/navigation/header/index.d.ts

@@ -5,9 +5,9 @@ import { HeaderArgs } from "./_types";
  * This can include navList Items, modal, profile settings.
  */
 declare const Header: {
-    (props: HeaderArgs): JSX.Element;
-    HeaderItem: (props: import("./header-item/_types").HeaderItemArgs) => JSX.Element;
-    HeaderItemText: (props: import("./header-item/_types").HeaderItemTextArgs) => JSX.Element;
-    HeaderItemIcon: (props: import("react").PropsWithChildren<import("./header-item/_types").HeaderItemIconArgs>) => JSX.Element;
+    (props: HeaderArgs): import("react/jsx-runtime").JSX.Element;
+    HeaderItem: (props: import("./header-item/_types").HeaderItemArgs) => import("react/jsx-runtime").JSX.Element;
+    HeaderItemText: (props: import("./header-item/_types").HeaderItemTextArgs) => import("react/jsx-runtime").JSX.Element;
+    HeaderItemIcon: (props: import("react").PropsWithChildren<import("./header-item/_types").HeaderItemIconArgs>) => import("react/jsx-runtime").JSX.Element;
 };
 export { Header };

package/build/stories/navigation/main/index.d.ts

@@ -2,5 +2,5 @@ import { MainArgs } from "./_types";
 /**
  * A Main defines the main content of an HTML document which displays on the browser
  */
-declare const Main: (props: MainArgs) => JSX.Element;
+declare const Main: (props: MainArgs) => import("react/jsx-runtime").JSX.Element;
 export { Main };

package/build/stories/navigation/nav/index.d.ts

@@ -5,5 +5,5 @@ import { NavArgs } from "./_types";
  * Used for this:
     - To give a consistent dashboard and navigation experience
  */
-declare const Nav: (props: NavArgs) => JSX.Element;
+declare const Nav: (props: NavArgs) => import("react/jsx-runtime").JSX.Element;
 export { Nav };

package/build/stories/navigation/nav/nav-item/accordionItem.d.ts

@@ -6,5 +6,5 @@ declare const AccordionItem: import("styled-components").StyledComponent<import(
     Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Label: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
     Panel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-}, any, AccordionArgs & NavItemArgs, never>;
+}, import("styled-components").DefaultTheme, AccordionArgs & NavItemArgs, never>;
 export { AccordionItem };

package/build/stories/navigation/nav/nav-item/navDivider.d.ts

@@ -1,3 +1,3 @@
 import { NavItemArgs } from "./_types";
-declare const NavDivider: (props: NavItemArgs) => JSX.Element;
+declare const NavDivider: (props: NavItemArgs) => import("react/jsx-runtime").JSX.Element;
 export { NavDivider };

package/build/stories/navigation/nav/nav-item/navItemIcon.d.ts

@@ -1,3 +1,3 @@
 import { NavItemIconArgs } from "./_types";
-declare const NavItemIcon: (props: NavItemIconArgs) => JSX.Element;
+declare const NavItemIcon: (props: NavItemIconArgs) => import("react/jsx-runtime").JSX.Element;
 export { NavItemIcon };

package/build/stories/navigation/nav/nav-item/navItemProject.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { NavItemArgs } from "./_types";
 import { NavItemText } from "./navItemText";
-declare const UgProjectSubtitle: import("styled-components").StyledComponent<(props: import("./_types").NavItemTextArgs) => JSX.Element, any, NavItemArgs, never>;
+declare const UgProjectSubtitle: import("styled-components").StyledComponent<(props: import("./_types").NavItemTextArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, NavItemArgs, never>;
 declare const NavItemProject: import("react").ForwardRefExoticComponent<NavItemArgs & import("react").RefAttributes<HTMLButtonElement>> & {
     Title: typeof NavItemText;
     SubTitle: typeof UgProjectSubtitle;

package/build/stories/navigation/nav/nav-item/navItemText.d.ts

@@ -1,3 +1,3 @@
 import { NavItemTextArgs } from "./_types";
-declare const NavItemText: (props: NavItemTextArgs) => JSX.Element;
+declare const NavItemText: (props: NavItemTextArgs) => import("react/jsx-runtime").JSX.Element;
 export { NavItemText };

package/build/stories/navigation/nav/nav-item/navToggle.d.ts

@@ -1,3 +1,3 @@
 import { NavToggleArgs } from "./_types";
-declare const NavToggle: (props: NavToggleArgs) => JSX.Element;
+declare const NavToggle: (props: NavToggleArgs) => import("react/jsx-runtime").JSX.Element;
 export { NavToggle };

package/build/stories/navigation/page-header/index.d.ts

@@ -9,13 +9,13 @@ import { PropsWithChildren } from "react";
     - As a container for the top part of the page
  */
 declare const PageHeader: {
-    (props: PageHeaderProps): JSX.Element;
-    Breadcrumbs: (props: BreadcrumbArgs) => JSX.Element;
-    Main: (props: import("./_types").PageHeaderMainProps) => JSX.Element;
-    Overline: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").MDArgs) => JSX.Element, any, {}, never>;
-    Title: import("styled-components").StyledComponent<"h1", any, {}, never>;
-    Description: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").LGArgs) => JSX.Element, any, {}, never>;
-    Meta: import("styled-components").StyledComponent<"div", any, {}, never>;
-    Footer: (props: PropsWithChildren<{}>) => JSX.Element;
+    (props: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+    Breadcrumbs: (props: BreadcrumbArgs) => import("react/jsx-runtime").JSX.Element;
+    Main: (props: import("./_types").PageHeaderMainProps) => import("react/jsx-runtime").JSX.Element;
+    Overline: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").MDArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+    Title: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
+    Description: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").LGArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+    Meta: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+    Footer: (props: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
 };
 export { PageHeader };

package/build/stories/navigation/page-header/index.stories.d.ts

@@ -1,4 +1,3 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { PageHeaderMainProps } from "./_types";
 import React from "react";
 interface PageHeaderStoryProps {
@@ -7,20 +6,9 @@ interface PageHeaderStoryProps {
     };
     pageHeaderMainArgs: PageHeaderMainProps;
 }
-export declare const Complete: Story<PageHeaderStoryProps>;
-export declare const CompleteEditable: Story<PageHeaderStoryProps>;
-export declare const FirstLevel: Story<PageHeaderStoryProps>;
-export declare const SecondThirdLevel: Story<PageHeaderStoryProps>;
-declare const _default: ComponentMeta<{
-    (props: import("./_types").PageHeaderProps): JSX.Element;
-    Breadcrumbs: (props: import("../../breadcrumbs/_types").BreadcrumbArgs) => JSX.Element;
-    Main: (props: PageHeaderMainProps) => JSX.Element;
-    Overline: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").MDArgs) => JSX.Element, any, {}, never>;
-    Title: import("styled-components").StyledComponent<"h1", any, {}, never>;
-    Description: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").LGArgs) => JSX.Element, any, {}, never>;
-    Meta: import("styled-components").StyledComponent<"div", any, {}, never>;
-    Footer: (props: {
-        children?: React.ReactNode;
-    }) => JSX.Element;
-}>;
+export declare const Complete: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PageHeaderStoryProps>;
+export declare const CompleteEditable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PageHeaderStoryProps>;
+export declare const FirstLevel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PageHeaderStoryProps>;
+export declare const SecondThirdLevel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PageHeaderStoryProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./_types").PageHeaderProps>;
 export default _default;

package/build/stories/navigation/page-header/styled/main.d.ts

@@ -1,6 +1,6 @@
 import { PageHeaderMainProps } from "../_types";
-export declare const MainOverline: import("styled-components").StyledComponent<(props: import("../../../typography/typescale/_types").MDArgs) => JSX.Element, any, {}, never>;
-export declare const MainTitle: import("styled-components").StyledComponent<"h1", any, {}, never>;
-export declare const MainDescription: import("styled-components").StyledComponent<(props: import("../../../typography/typescale/_types").LGArgs) => JSX.Element, any, {}, never>;
-export declare const MainMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Main: (props: PageHeaderMainProps) => JSX.Element;
+export declare const MainOverline: import("styled-components").StyledComponent<(props: import("../../../typography/typescale/_types").MDArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const MainTitle: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
+export declare const MainDescription: import("styled-components").StyledComponent<(props: import("../../../typography/typescale/_types").LGArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const MainMeta: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Main: (props: PageHeaderMainProps) => import("react/jsx-runtime").JSX.Element;

package/build/stories/navigation/sidebar/index.d.ts

@@ -5,5 +5,5 @@ import { SidebarArgs } from "./_types";
  * Used for this:
     - To give a consistent dashboard and navigation experience
  */
-declare const Sidebar: ({ projects, defaultAccordionPanels, ...props }: SidebarArgs) => JSX.Element;
+declare const Sidebar: ({ projects, defaultAccordionPanels, ...props }: SidebarArgs) => import("react/jsx-runtime").JSX.Element;
 export { Sidebar };

package/build/stories/navigation/sidebar/index.stories.d.ts

@@ -1,11 +1,10 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { SidebarArgs } from "./_types";
 interface SidebarStoryArgs extends SidebarArgs {
 }
-export declare const Default: Story<SidebarStoryArgs>;
-export declare const SingleProject: Story<SidebarStoryArgs>;
-export declare const MultipleWorkspaces: Story<SidebarStoryArgs>;
-export declare const WithTokens: Story<SidebarStoryArgs>;
-export declare const WithAll: Story<SidebarStoryArgs>;
-declare const _default: ComponentMeta<({ projects, defaultAccordionPanels, ...props }: SidebarArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SidebarStoryArgs>;
+export declare const SingleProject: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SidebarStoryArgs>;
+export declare const MultipleWorkspaces: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SidebarStoryArgs>;
+export declare const WithTokens: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SidebarStoryArgs>;
+export declare const WithAll: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SidebarStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SidebarArgs>;
 export default _default;

package/build/stories/navigation/sidebar/skeleton.d.ts

@@ -1,2 +1,2 @@
 import { SidebarArgs } from "./_types";
-export declare const LoadingSidebar: (props: SidebarArgs) => JSX.Element;
+export declare const LoadingSidebar: (props: SidebarArgs) => import("react/jsx-runtime").JSX.Element;