@appquality/unguess-design-system 3.0.6-alpha → 3.0.8-alpha

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

@@ -1,9 +1,16 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { StepperArgs } from "./_types";
 interface StepperStoryProps extends StepperArgs {
     currentStep: number;
     accordionTitle: string;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StepperStoryProps>;
-export declare const SeparateContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StepperStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, StepperArgs>;
+export declare const Default: Story<StepperStoryProps>;
+export declare const SeparateContent: Story<StepperStoryProps>;
+declare const _default: ComponentMeta<{
+    (props: StepperArgs): JSX.Element;
+    Step: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, {}, never>;
+    Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").IStepperLabelProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+}>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { ITableProps, IRowProps, ICellProps, IHeaderCellProps, ISortableCellProps } from "@zendeskgarden/react-tables";
 import { IconArgs } from "../icons/_types";
-type SIZE = "small" | "medium" | "large";
+declare type SIZE = "small" | "medium" | "large";
 export interface TableProps extends ITableProps {
     /** Sets the table size */
     size?: SIZE;

package/build/stories/table/grouped.d.ts

@@ -1,4 +1,4 @@
 import { RowArgs, TableProps } from "./_types";
-declare const GroupRow: (props: RowArgs) => import("react/jsx-runtime").JSX.Element;
-declare const GroupedTable: ({ columns, groups, ...args }: TableProps) => import("react/jsx-runtime").JSX.Element;
+declare const GroupRow: (props: RowArgs) => JSX.Element;
+declare const GroupedTable: ({ columns, groups, ...args }: TableProps) => JSX.Element;
 export { GroupedTable, GroupRow };

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

@@ -9,13 +9,13 @@ import { CellArgs, HeaderCellArgs, RowArgs, SortableCellArgs, TableProps } from
  * Not for this:
     - To structure content on a page, use the Grid component instead
  */
-declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
-declare const Head: (props: HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
-declare const HeaderRow: (props: RowArgs) => import("react/jsx-runtime").JSX.Element;
-declare const HeaderCell: (props: HeaderCellArgs) => import("react/jsx-runtime").JSX.Element;
-declare const Body: (props: HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
-declare const Row: (props: RowArgs) => import("react/jsx-runtime").JSX.Element;
-declare const Cell: (props: CellArgs) => import("react/jsx-runtime").JSX.Element;
-declare const Caption: (props: HTMLAttributes<HTMLTableCaptionElement>) => import("react/jsx-runtime").JSX.Element;
-declare const SortableCell: (props: SortableCellArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Table: (props: TableProps) => JSX.Element;
+declare const Head: (props: HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
+declare const HeaderRow: (props: RowArgs) => JSX.Element;
+declare const HeaderCell: (props: HeaderCellArgs) => JSX.Element;
+declare const Body: (props: HTMLAttributes<HTMLTableSectionElement>) => JSX.Element;
+declare const Row: (props: RowArgs) => JSX.Element;
+declare const Cell: (props: CellArgs) => JSX.Element;
+declare const Caption: (props: HTMLAttributes<HTMLTableCaptionElement>) => JSX.Element;
+declare const SortableCell: (props: SortableCellArgs) => JSX.Element;
 export { Table, Head, HeaderRow, HeaderCell, Body, Row, Cell, Caption, SortableCell };

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

@@ -1,16 +1,17 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { TableProps } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-export declare const Grouped: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-export declare const WithPagination: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
+export declare const Default: Story<TableProps>;
+export declare const Grouped: Story<TableProps>;
+export declare const WithPagination: Story<TableProps>;
 /** STRIPED */
-export declare const Striped: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
+export declare const Striped: Story<TableProps>;
 /** WITH CAPTION */
-export declare const WithCaption: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
+export declare const WithCaption: Story<TableProps>;
 /** TRUNCATED */
-export declare const Truncated: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-export declare const Scroll: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-export declare const Selection: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-export declare const Sort: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-export declare const VirtualScrolling: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
+export declare const Truncated: Story<TableProps>;
+export declare const Scroll: Story<TableProps>;
+export declare const Selection: Story<TableProps>;
+export declare const Sort: Story<TableProps>;
+export declare const VirtualScrolling: Story<TableProps>;
+declare const _default: ComponentMeta<(props: TableProps) => JSX.Element>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { TabsArgs, TabPanelProps } from "./_types";
 export declare const Tabs: {
-    (props: TabsArgs): import("react/jsx-runtime").JSX.Element;
-    Panel: ({ hidden, children, ...rest }: TabPanelProps) => import("react/jsx-runtime").JSX.Element;
+    (props: TabsArgs): JSX.Element;
+    Panel: ({ hidden, children, ...rest }: TabPanelProps) => JSX.Element;
 };

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

@@ -1,3 +1,4 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { TabsArgs } from "./_types";
 interface TabStoryArgs extends TabsArgs {
     items: {
@@ -6,7 +7,10 @@ interface TabStoryArgs extends TabsArgs {
         isDisabled?: boolean;
     }[];
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TabStoryArgs>;
-export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TabStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TabsArgs>;
+export declare const Default: Story<TabStoryArgs>;
+export declare const Disabled: Story<TabStoryArgs>;
+declare const _default: ComponentMeta<{
+    (props: TabsArgs): JSX.Element;
+    Panel: ({ hidden, children, ...rest }: import("./_types").TabPanelProps) => JSX.Element;
+}>;
 export default _default;

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { TagArgs } from "./_types";
 declare const Tag: {
-    ({ isPill, hue, color, size, ...props }: TagArgs): import("react/jsx-runtime").JSX.Element;
+    ({ isPill, hue, color, size, ...props }: TagArgs): JSX.Element;
     Avatar: import("styled-components").StyledComponent<{
         (props: import("react").HTMLAttributes<HTMLElement>): JSX.Element;
         displayName: string;
     }, any, {}, never>;
-    Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-    SecondaryText: import("styled-components").StyledComponent<(props: import("../typography/span/_types").SpanArgs) => import("react/jsx-runtime").JSX.Element, any, {
+    Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    SecondaryText: import("styled-components").StyledComponent<(props: import("../typography/span/_types").SpanArgs) => JSX.Element, any, {
         color?: string | undefined;
     }, never>;
 };

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

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { TagArgs } from "./_types";
 interface TagStoryProps extends TagArgs {
     canBeClosed: boolean;
@@ -6,10 +8,20 @@ interface TagStoryProps extends TagArgs {
     secondaryTextBold: boolean;
     secondaryTextColor: string;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TagStoryProps>;
-export declare const Avatar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TagStoryProps>;
-export declare const Close: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TagStoryProps>;
-export declare const Round: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TagStoryProps>;
-export declare const Counter: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TagStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TagArgs>;
+export declare const Default: Story<TagStoryProps>;
+export declare const Avatar: Story<TagStoryProps>;
+export declare const Close: Story<TagStoryProps>;
+export declare const Round: Story<TagStoryProps>;
+export declare const Counter: Story<TagStoryProps>;
+declare const _default: ComponentMeta<{
+    ({ isPill, hue, color, size, ...props }: TagArgs): JSX.Element;
+    Avatar: import("styled-components").StyledComponent<{
+        (props: import("react").HTMLAttributes<HTMLElement>): JSX.Element;
+        displayName: string;
+    }, any, {}, never>;
+    Close: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    SecondaryText: import("styled-components").StyledComponent<(props: import("../typography/span/_types").SpanArgs) => JSX.Element, any, {
+        color?: string | undefined;
+    }, never>;
+}>;
 export default _default;

package/build/stories/theme/colors.d.ts

@@ -7,6 +7,6 @@ export declare const colors: {
     base: "light" | "dark";
     background: string;
     foreground: string;
+    secondaryHue: string;
     neutralHue: string;
-    chromeHue: string;
 };

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

@@ -16,8 +16,8 @@ declare const theme: {
         base: "light" | "dark";
         background: string;
         foreground: string;
+        secondaryHue: string;
         neutralHue: string;
-        chromeHue: string;
     };
     palette: {
         black: string;
@@ -320,7 +320,6 @@ declare const theme: {
     };
     shadows: {
         boxShadow: (theme: import("@zendeskgarden/react-theming").IGardenTheme) => string;
-        xs: (color: string) => string;
         sm: (color: string) => string;
         md: (color: string) => string;
         lg: (offsetY: string, blurRadius: string, color: string) => string;
@@ -333,7 +332,6 @@ declare const theme: {
     };
     rtl: boolean;
     document?: any;
-    window?: any;
     borders: {
         sm: string;
         md: string;
@@ -360,7 +358,6 @@ declare const theme: {
         lg: string;
     };
     shadowWidths: {
-        xs: string;
         sm: string;
         md: string;
     };

package/build/stories/theme/palette.stories.d.ts

@@ -1,3 +1,4 @@
+import { ComponentMeta, Story } from "@storybook/react";
 import { HTMLAttributes } from "react";
 interface Variant {
     colorName: string;
@@ -9,6 +10,6 @@ interface PaletteProps extends HTMLAttributes<HTMLDivElement> {
         colors: Array<Variant>;
     }>;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PaletteProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@zendeskgarden/react-typography").IParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const Default: Story<PaletteProps>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").IParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>>;
 export default _default;

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

@@ -13,7 +13,7 @@ import { TilesArgs } from "./_types";
     - For navigation, use an Anchor instead
  */
 declare const Tiles: {
-    (props: TilesArgs): import("react/jsx-runtime").JSX.Element;
+    (props: TilesArgs): JSX.Element;
     Description: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
     Icon: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
     Label: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { TilesArgs } from "./_types";
 interface Tile {
     value: string;
@@ -11,8 +12,14 @@ interface TilesStoryProps extends TilesArgs {
     tiles: Array<Tile>;
     hasDescription: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TilesStoryProps>;
-export declare const Description: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TilesStoryProps>;
-export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TilesStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TilesArgs>;
+export declare const Default: Story<TilesStoryProps>;
+export declare const Description: Story<TilesStoryProps>;
+export declare const Disabled: Story<TilesStoryProps>;
+declare const _default: ComponentMeta<{
+    (props: TilesArgs): JSX.Element;
+    Description: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+    Icon: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+    Label: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+    Tile: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ITilesTileProps & import("react").RefAttributes<HTMLLabelElement>>;
+}>;
 export default _default;

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

@@ -10,8 +10,8 @@ import { TimelineArgs } from "./_types";
     - To guide users through a step by step process, use a Stepper instead
  */
 declare const Timeline: {
-    (props: TimelineArgs): import("react/jsx-runtime").JSX.Element;
-    Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").ITimelineItemProps & import("react").RefAttributes<HTMLLIElement>>, any, TimelineArgs, never>;
+    (props: TimelineArgs): JSX.Element;
+    Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<any>, any, TimelineArgs, never>;
     Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 };
 export { Timeline };

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { TimelineArgs } from "./_types";
 interface TimelineItemArgs {
     title: string;
@@ -8,8 +9,12 @@ interface TimelineItemArgs {
 interface TimelineStoryProps extends TimelineArgs {
     items: TimelineItemArgs[];
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TimelineStoryProps>;
-export declare const InvisibleLine: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TimelineStoryProps>;
-export declare const Alternate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TimelineStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TimelineArgs>;
+export declare const Default: Story<TimelineStoryProps>;
+export declare const InvisibleLine: Story<TimelineStoryProps>;
+export declare const Alternate: Story<TimelineStoryProps>;
+declare const _default: ComponentMeta<{
+    (props: TimelineArgs): JSX.Element;
+    Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<any>, any, TimelineArgs, never>;
+    Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+}>;
 export default _default;

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

@@ -2,5 +2,5 @@ import { TitleArgs } from "./_types";
 /**
  * Title is a basic component used to display a title. Often used in card headers.
  */
-declare const Title: (props: TitleArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Title: (props: TitleArgs) => JSX.Element;
 export { Title };

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

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

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

@@ -1,3 +1,3 @@
 import { TooltipArgs } from "./_types";
-declare const Tooltip: import("styled-components").StyledComponent<(props: TooltipArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+declare const Tooltip: import("styled-components").StyledComponent<(props: TooltipArgs) => JSX.Element, any, {}, never>;
 export { Tooltip };

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

@@ -1,14 +1,5 @@
-/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { TooltipArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TooltipArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}>;
+export declare const Default: Story<TooltipArgs>;
+declare const _default: ComponentMeta<import("styled-components").StyledComponent<(props: TooltipArgs) => JSX.Element, any, {}, never>>;
 export default _default;

package/build/stories/tooltip-modal/_types.d.ts

@@ -1,5 +1,5 @@
 import { ITooltipModalProps } from "@zendeskgarden/react-modals";
-type Placement = "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "end" | "end-top" | "end-bottom" | "start" | "start-top" | "start-bottom";
+declare type Placement = "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "end" | "end-top" | "end-bottom" | "start" | "start-top" | "start-bottom";
 export interface TooltipModalArgs extends ITooltipModalProps {
     /**
      * Positions the modal relative to the provided `HTMLElement`

package/build/stories/tooltip-modal/index.d.ts

@@ -8,7 +8,7 @@ import { TooltipModalArgs } from "./_types";
     - To provide a focus loop when actions need to be inside a tooltip
  */
 declare const TooltipModal: {
-    (props: TooltipModalArgs): import("react/jsx-runtime").JSX.Element;
+    (props: TooltipModalArgs): JSX.Element;
     Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").ITooltipModalTitleProps & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/build/stories/tooltip-modal/index.stories.d.ts

@@ -1,4 +1,13 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { TooltipModalArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TooltipModalArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TooltipModalArgs>;
+export declare const Default: Story<TooltipModalArgs>;
+declare const _default: ComponentMeta<{
+    (props: TooltipModalArgs): JSX.Element;
+    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").ITooltipModalTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+}>;
 export default _default;

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

@@ -2,5 +2,5 @@ import { TriggerArgs } from "./_types";
 /**
  * A Trigger is a wrapper for input elements
  **/
-declare const Trigger: (props: TriggerArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Trigger: (props: TriggerArgs) => JSX.Element;
 export { Trigger };

package/build/stories/typography/block-quote/index.d.ts

@@ -2,5 +2,5 @@ import { BlockquoteArgs } from "./_types";
 /**
  *  Use Blockquote to represent a body of text that is from another source.
  */
-declare const Blockquote: (props: BlockquoteArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Blockquote: (props: BlockquoteArgs) => JSX.Element;
 export { Blockquote };

package/build/stories/typography/block-quote/index.stories.d.ts

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

package/build/stories/typography/code/index.d.ts

@@ -2,5 +2,5 @@ import { CodeArgs } from "./_types";
 /**
  *  Use Code to style and format inline fragments of computer code.
  */
-declare const Code: (props: CodeArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Code: (props: CodeArgs) => JSX.Element;
 export { Code };

package/build/stories/typography/code/index.stories.d.ts

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

package/build/stories/typography/ellipsis/index.d.ts

@@ -2,5 +2,5 @@ import { EllipsisArgs } from "./_types";
 /**
  *  Use Ellipsis to automatically provide text content with a native title attribute and text-overflow styling.
  */
-declare const Ellipsis: (props: EllipsisArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Ellipsis: (props: EllipsisArgs) => JSX.Element;
 export { Ellipsis };

package/build/stories/typography/ellipsis/index.stories.d.ts

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

package/build/stories/typography/lists/index.d.ts

@@ -6,11 +6,11 @@ import { OrderedListArgs, UnorderedListArgs } from "./_types";
  *  Use Lists to style and format ordered (`<ol>`) and unordered (`<ul>`) lists.
  */
 declare const OrderedList: {
-    (props: OrderedListArgs): import("react/jsx-runtime").JSX.Element;
+    (props: OrderedListArgs): JSX.Element;
     Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
 };
 declare const UnorderedList: {
-    (props: UnorderedListArgs): import("react/jsx-runtime").JSX.Element;
+    (props: UnorderedListArgs): JSX.Element;
     Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
 };
 export { OrderedList, UnorderedList };

package/build/stories/typography/lists/ordered.stories.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { OrderedListArgs } from "./_types";
-export declare const Ordered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, OrderedListArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, OrderedListArgs>;
+export declare const Ordered: Story<OrderedListArgs>;
+declare const _default: ComponentMeta<{
+    (props: OrderedListArgs): JSX.Element;
+    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+}>;
 export default _default;

package/build/stories/typography/lists/unordered.stories.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
 import { UnorderedListArgs } from "./_types";
-export declare const Unordered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, UnorderedListArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, UnorderedListArgs>;
+export declare const Unordered: Story<UnorderedListArgs>;
+declare const _default: ComponentMeta<{
+    (props: UnorderedListArgs): JSX.Element;
+    Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+}>;
 export default _default;

package/build/stories/typography/paragraph/index.d.ts

@@ -2,5 +2,5 @@ import { ParagraphArgs } from "./_types";
 /**
  *  Use Paragraph to render blocks of text with Garden styling.
  */
-declare const Paragraph: (props: ParagraphArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Paragraph: (props: ParagraphArgs) => JSX.Element;
 export { Paragraph };

package/build/stories/typography/paragraph/index.stories.d.ts

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

package/build/stories/typography/span/index.d.ts

@@ -8,5 +8,5 @@ import { SpanArgs } from "./_types";
  * Not for this:
     - To style an entire block of text, use Paragraph instead
  */
-declare const Span: (props: SpanArgs) => import("react/jsx-runtime").JSX.Element;
+declare const Span: (props: SpanArgs) => JSX.Element;
 export { Span };

package/build/stories/typography/span/index.stories.d.ts

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

package/build/stories/typography/typescale/anchortag/index.stories.d.ts

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

package/build/stories/typography/typescale/index.d.ts

@@ -2,10 +2,10 @@ import { SMArgs, MDArgs, LGArgs, XLArgs, XXLArgs, XXXLArgs } from "./_types";
 /**
  *  Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
  */
-declare const SM: (props: SMArgs) => import("react/jsx-runtime").JSX.Element;
-declare const MD: (props: MDArgs) => import("react/jsx-runtime").JSX.Element;
-declare const LG: (props: LGArgs) => import("react/jsx-runtime").JSX.Element;
-declare const XL: (props: XLArgs) => import("react/jsx-runtime").JSX.Element;
-declare const XXL: (props: XXLArgs) => import("react/jsx-runtime").JSX.Element;
-declare const XXXL: (props: XXXLArgs) => import("react/jsx-runtime").JSX.Element;
+declare const SM: (props: SMArgs) => JSX.Element;
+declare const MD: (props: MDArgs) => JSX.Element;
+declare const LG: (props: LGArgs) => JSX.Element;
+declare const XL: (props: XLArgs) => JSX.Element;
+declare const XXL: (props: XXLArgs) => JSX.Element;
+declare const XXXL: (props: XXXLArgs) => JSX.Element;
 export { SM, MD, LG, XL, XXL, XXXL };

package/build/stories/typography/typescale/index.stories.d.ts

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