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

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

@@ -23,6 +23,7 @@ export declare const palette: {
         "800": string;
     };
     blue: {
+        "50": string;
         "100": string;
         "200": string;
         "300": string;
@@ -41,6 +42,7 @@ export declare const palette: {
         "600": string;
         "700": string;
         "800": string;
+        "900": string;
     };
     yellow: {
         "100": string;
@@ -51,8 +53,10 @@ export declare const palette: {
         "600": string;
         "700": string;
         "800": string;
+        "900": string;
     };
     green: {
+        "50": string;
         "100": string;
         "200": string;
         "300": string;
@@ -62,7 +66,7 @@ export declare const palette: {
         "700": string;
         "800": string;
     };
-    kale: {
+    azure: {
         "100": string;
         "200": string;
         "300": string;
@@ -71,26 +75,29 @@ export declare const palette: {
         "600": string;
         "700": string;
         "800": string;
+        "900": string;
     };
-    fuschia: {
-        "400": string;
+    kale: {
+        "100": string;
+        "200": string;
+        "300": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
+        "800": string;
     };
     pink: {
-        "400": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
+        "800": string;
+        "900": string;
     };
     crimson: {
+        "200": string;
+        "300": string;
         "400": string;
-        "600": string;
-        M400: string;
-        M600: string;
+        "500": string;
     };
-    orange: {
+    fuschia: {
         "400": string;
         "600": string;
         M400: string;
@@ -98,52 +105,44 @@ export declare const palette: {
     };
     lemon: {
         "400": string;
+        "500": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
     };
-    lime: {
+    teal: {
         "400": string;
+        "500": string;
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
     };
-    mint: {
-        "400": string;
+    royal: {
         "600": string;
-        M400: string;
-        M600: string;
+        "700": string;
+        "800": string;
+        "900": string;
     };
-    teal: {
+    purple: {
+        "200": string;
+        "300": string;
         "400": string;
-        "600": string;
-        M400: string;
-        M600: string;
+        "500": string;
     };
-    azure: {
+    lime: {
         "400": string;
         "600": string;
         M400: string;
         M600: string;
     };
-    royal: {
+    mint: {
         "400": string;
         "600": string;
         M400: string;
         M600: string;
     };
-    purple: {
+    orange: {
         "400": string;
         "600": string;
         M400: string;
         M600: string;
     };
-    water: {
-        100: string;
-        200: string;
-        300: string;
-        600: string;
-        700: string;
-        800: string;
-    };
 };

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

@@ -1,15 +1,28 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { HTMLAttributes } from "react";
 interface Variant {
-    colorName: string;
-    color: string;
+    name: string;
+    hex: string;
 }
 interface PaletteProps extends HTMLAttributes<HTMLDivElement> {
-    cards: Array<{
+    palette: Array<{
         title: string;
-        colors: Array<Variant>;
+        variants: Array<Variant>;
     }>;
 }
-export declare const Default: Story<PaletteProps>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").IParagraphProps & import("react").RefAttributes<HTMLParagraphElement>>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PaletteProps>;
+declare const _default: {
+    title: string;
+    argTypes: {
+        cards: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+};
 export default _default;

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

@@ -1,7 +1,11 @@
-import { IGardenTheme } from "@zendeskgarden/react-theming";
+import { DefaultTheme } from "styled-components";
+declare type Hue = Record<number | string, string> | string;
+declare type GetColorFunction = (hue: Hue, shade?: number, theme?: DefaultTheme, transparency?: number) => string | undefined;
+export declare const getColor: GetColorFunction;
 export declare const hex2rgba: (hex: string, alpha?: number) => string;
-export declare const boxShadow: (theme: IGardenTheme) => string;
+export declare const boxShadow: (theme: DefaultTheme) => string;
 export declare const isMac: () => boolean | "" | undefined;
 export declare const opacityTransition: import("styled-components").FlattenSimpleInterpolation;
 export declare const sidebarNavItemExpanded: import("styled-components").FlattenSimpleInterpolation;
 export declare const sidebarNavItemHidden: import("styled-components").FlattenSimpleInterpolation;
+export {};

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): JSX.Element;
+    (props: TilesArgs): import("react/jsx-runtime").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,5 +1,4 @@
 /// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { TilesArgs } from "./_types";
 interface Tile {
     value: string;
@@ -12,14 +11,8 @@ interface TilesStoryProps extends TilesArgs {
     tiles: Array<Tile>;
     hasDescription: boolean;
 }
-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 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 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): 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>;
+    (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>>, import("styled-components").DefaultTheme, TimelineArgs, never>;
+    Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 };
 export { Timeline };

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { TimelineArgs } from "./_types";
 interface TimelineItemArgs {
     title: string;
@@ -9,12 +8,8 @@ interface TimelineItemArgs {
 interface TimelineStoryProps extends TimelineArgs {
     items: TimelineItemArgs[];
 }
-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 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 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) => JSX.Element;
+declare const Title: (props: TitleArgs) => import("react/jsx-runtime").JSX.Element;
 export { Title };

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

@@ -1,5 +1,4 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { TitleArgs } from "./_types";
-export declare const Default: Story<TitleArgs>;
-declare const _default: ComponentMeta<(props: TitleArgs) => JSX.Element>;
+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 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) => JSX.Element, any, {}, never>;
+declare const Tooltip: import("styled-components").StyledComponent<(props: TooltipArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export { Tooltip };

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

@@ -1,5 +1,13 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { TooltipArgs } from "./_types";
-export declare const Default: Story<TooltipArgs>;
-declare const _default: ComponentMeta<import("styled-components").StyledComponent<(props: TooltipArgs) => JSX.Element, any, {}, never>>;
+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?: import("styled-components").DefaultTheme | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { ITooltipModalProps } from "@zendeskgarden/react-modals";
-declare type Placement = "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "end" | "end-top" | "end-bottom" | "start" | "start-top" | "start-bottom";
+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): JSX.Element;
+    (props: TooltipModalArgs): import("react/jsx-runtime").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,13 +1,4 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { TooltipModalArgs } from "./_types";
-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 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 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) => JSX.Element;
+declare const Trigger: (props: TriggerArgs) => import("react/jsx-runtime").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) => JSX.Element;
+declare const Blockquote: (props: BlockquoteArgs) => import("react/jsx-runtime").JSX.Element;
 export { Blockquote };

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

@@ -1,4 +1,3 @@
-import { ComponentMeta, Story } from "@storybook/react";
-export declare const Default: Story<any>;
-declare const _default: ComponentMeta<(props: import("./_types").BlockquoteArgs) => JSX.Element>;
+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>;
 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) => JSX.Element;
+declare const Code: (props: CodeArgs) => import("react/jsx-runtime").JSX.Element;
 export { Code };

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

@@ -1,7 +1,6 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { CodeArgs } from "./_types";
-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 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 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) => JSX.Element;
+declare const Ellipsis: (props: EllipsisArgs) => import("react/jsx-runtime").JSX.Element;
 export { Ellipsis };

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

@@ -1,4 +1,3 @@
-import { ComponentMeta, Story } from "@storybook/react";
-export declare const Default: Story<any>;
-declare const _default: ComponentMeta<(props: import("./_types").EllipsisArgs) => JSX.Element>;
+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>;
 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): JSX.Element;
+    (props: OrderedListArgs): import("react/jsx-runtime").JSX.Element;
     Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
 };
 declare const UnorderedList: {
-    (props: UnorderedListArgs): JSX.Element;
+    (props: UnorderedListArgs): import("react/jsx-runtime").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,9 +1,4 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { OrderedListArgs } from "./_types";
-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 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 default _default;

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

@@ -1,9 +1,4 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { UnorderedListArgs } from "./_types";
-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 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 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) => JSX.Element;
+declare const Paragraph: (props: ParagraphArgs) => import("react/jsx-runtime").JSX.Element;
 export { Paragraph };

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

@@ -1,5 +1,4 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { ParagraphArgs } from "./_types";
-export declare const Default: Story<ParagraphArgs>;
-declare const _default: ComponentMeta<(props: ParagraphArgs) => JSX.Element>;
+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 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) => JSX.Element;
+declare const Span: (props: SpanArgs) => import("react/jsx-runtime").JSX.Element;
 export { Span };

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

@@ -1,5 +1,4 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { SpanArgs } from "./_types";
-export declare const Default: Story<SpanArgs>;
-declare const _default: ComponentMeta<(props: SpanArgs) => JSX.Element>;
+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 default _default;

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

@@ -1,4 +1,3 @@
-import { ComponentMeta, Story } from "@storybook/react";
-export declare const AnchorTag: Story<any>;
-declare const _default: ComponentMeta<(props: import("../_types").MDArgs) => JSX.Element>;
+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>;
 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) => 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;
+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;
 export { SM, MD, LG, XL, XXL, XXXL };

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

@@ -1,4 +1,3 @@
-import { ComponentMeta, Story } from "@storybook/react";
-export declare const Default: Story<any>;
-declare const _default: ComponentMeta<(props: import("./_types").MDArgs) => JSX.Element>;
+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>;
 export default _default;