@appquality/unguess-design-system 2.10.38 → 2.10.41

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

@@ -9,7 +9,7 @@ import { AlertArgs } from './_types';
  */
 declare const Alert: {
     (props: AlertArgs): JSX.Element;
-    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications/dist/typings/elements/content/Title").ITitleProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export { Alert };

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

@@ -4,7 +4,7 @@ import { AlertArgs } from "./_types";
 export declare const Default: Story<AlertArgs>;
 declare const _default: ComponentMeta<{
     (props: AlertArgs): JSX.Element;
-    Title: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications/dist/typings/elements/content/Title").ITitleProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
 }>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BreadcrumbArgs } from './_types';
 /**
  * Breadcrumbs mark and communicate a user’s location in the product.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { BreadcrumbArgs } from "./_types";
 export declare const Default: Story<BreadcrumbArgs>;

package/build/stories/buttons/anchor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AnchorArgs } from "./_types";
 /**
  * The Anchor is a link that helps users navigate from one location to another.

package/build/stories/buttons/anchor/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { AnchorArgs } from "./_types";
 export declare const Basic: Story<AnchorArgs>;

package/build/stories/buttons/button/_types.d.ts

@@ -27,4 +27,6 @@ export interface ButtonArgs extends IButtonProps {
      @default isDefault
      */
     variant?: string;
+    /** Applies button background color */
+    themeColor?: string;
 }

package/build/stories/buttons/button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 /**
  * Buttons let users take action quickly.
@@ -11,7 +10,7 @@ import { ButtonArgs } from "./_types";
 declare const Button: {
     (props: ButtonArgs): JSX.Element;
     StartIcon: {
-        (props: import("@zendeskgarden/react-buttons").IButtonStartIconProps): JSX.Element;
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): JSX.Element;
         displayName: string;
     };
     EndIcon: {

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ButtonArgs } from "./_types";
 export declare const Default: Story<ButtonArgs>;
@@ -8,7 +7,7 @@ export declare const WithIcon: Story<ButtonArgs>;
 declare const _default: ComponentMeta<{
     (props: ButtonArgs): JSX.Element;
     StartIcon: {
-        (props: import("@zendeskgarden/react-buttons").IButtonStartIconProps): JSX.Element;
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): JSX.Element;
         displayName: string;
     };
     EndIcon: {

package/build/stories/buttons/button-group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonGroupArgs } from "./_types";
 /**
 A Button group lets users make a selection from a set of options.

package/build/stories/buttons/button-group/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ButtonGroupArgs } from "./_types";
 interface ButtonGroupProps extends ButtonGroupArgs {

package/build/stories/buttons/icon-button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconButtonArgs } from "./_types";
 /**
 Icon buttons (like Buttons) let users take action.

package/build/stories/buttons/icon-button/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { IconButtonArgs } from "./_types";
 export declare const Default: Story<IconButtonArgs>;

package/build/stories/buttons/split-button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SplitButtonArgs } from "./_types";
 /**
 A Split button is a hybrid between a Dropdown Menu and a Button. It lets users choose from parallel actions and take action on their choice.

package/build/stories/buttons/split-button/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { SplitButtonArgs } from "./_types";
 export declare const Default: Story<SplitButtonArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CampaignCardsProps } from "./_types";
 export declare const Wrapper: import("styled-components").StyledComponent<(props: import("../cards/_types").CardProps) => JSX.Element, any, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CampaignCardsProps } from "./_types";
 import { ComponentMeta, Story } from "@storybook/react";
 export declare const SingleCard: Story<CampaignCardsProps>;

package/build/stories/campaign-cards/skeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CampaignCardSkeleton: () => JSX.Element;

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

@@ -5,3 +5,5 @@ export interface CardProps extends IWellProps {
     /** Applies a drop shadow */
     isFloating?: boolean;
 }
+export interface ContainerCardProps extends IWellProps {
+}

package/build/stories/cards/container.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CardProps } from "./_types";
 interface CardStoryProps extends CardProps {
@@ -6,6 +5,5 @@ interface CardStoryProps extends CardProps {
     content: string;
 }
 export declare const Default: Story<CardStoryProps>;
-export declare const Floating: Story<CardStoryProps>;
-declare const _default: ComponentMeta<import("styled-components").StyledComponent<(props: CardProps) => JSX.Element, any, {}, never>>;
+declare const _default: ComponentMeta<(props: import("./_types").ContainerCardProps) => JSX.Element>;
 export default _default;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { CardProps } from "./_types";
+import { CardProps, ContainerCardProps } from "./_types";
 /**
  * A Card is a container that groups related content.
  * <hr>
@@ -7,5 +6,5 @@ import { CardProps } from "./_types";
     - To group related content
  */
 declare const Card: (props: CardProps) => JSX.Element;
-declare const ContainerCard: import("styled-components").StyledComponent<(props: CardProps) => JSX.Element, any, {}, never>;
+declare const ContainerCard: (props: ContainerCardProps) => JSX.Element;
 export { Card, ContainerCard };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CardProps } from "./_types";
 interface CardStoryProps extends CardProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CloseArgs } from "./_types";
 /**
  * Title is a basic component used to display a title. Often used in card headers.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CloseArgs } from "./_types";
 export declare const Default: Story<CloseArgs>;

package/build/stories/drawers/loremIpsum.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LoremIpsum: () => JSX.Element;

package/build/stories/dropdowns/autocomplete/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutocompleteArgs } from "./_types";
 /**
  * Autocomplete is an input field that filters results as users type. This helps users find something quickly in a large list of options.

package/build/stories/dropdowns/autocomplete/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { AutocompleteArgs } from "./_types";
 interface AutocompleteStoryArgs extends AutocompleteArgs {

package/build/stories/dropdowns/item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ItemArgs } from "./_types";
 declare const Item: (props: ItemArgs) => JSX.Element;
 export { Item };

package/build/stories/dropdowns/menu/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from '@storybook/react';
 export declare const Default: Story<any>;
 export declare const Nested: Story<any>;

package/build/stories/dropdowns/menuheader/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { HeaderItemArgs } from "./_types";
 export declare const MenuHeaderItem: (props: HeaderItemArgs) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MultiselectArgs } from "./_types";
 /**
  * Multiselect lets users select multiple items from a list. Options are dynamically filtered as a user types in the input field and their selections appear as tags in the input field.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { MultiselectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";

package/build/stories/forms/checkbox/cards/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxCardArgs } from "./_types";
 declare const CheckboxCard: (props: CheckboxCardArgs) => JSX.Element;
 export { CheckboxCard };

package/build/stories/forms/checkbox/cards/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CheckboxCardArgs } from "./_types";
 interface FormProps {

package/build/stories/forms/checkbox/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxArgs } from "./_types";
 /**
    * A Checkbox lets users select and unselect options from a list.

package/build/stories/forms/checkbox/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { CheckboxArgs } from "./_types";
 export declare const Default: Story<CheckboxArgs>;

package/build/stories/forms/field/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Hint as ZendeskHint } from "@zendeskgarden/react-forms";
 import { FieldArgs } from "./_types";
 /**

package/build/stories/forms/input/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { InputArgs } from "./_types";
 export declare const Default: Story<InputArgs>;

package/build/stories/forms/mediaInput/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MediaInputArgs } from "./_types";
 /**
    * Media elements add even more context to an input.

package/build/stories/forms/mediaInput/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { MediaInputArgs } from "./_types";
 export declare const Default: Story<MediaInputArgs>;

package/build/stories/forms/radio/cards/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioCardArgs } from "./_types";
 declare const RadioCard: ({ card, icon, iconActive, ...props }: RadioCardArgs) => JSX.Element;
 export { RadioCard };

package/build/stories/forms/radio/cards/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { RadioCardArgs } from "./_types";
 interface FormProps {

package/build/stories/forms/radio/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioArgs } from "./_types";
 /**
    * Radio buttons let users choose a single option among two or more mutually exclusive options.

package/build/stories/forms/radio/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { RadioArgs } from "./_types";
 export declare const Default: Story<RadioArgs>;

package/build/stories/forms/textarea/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextareaArgs } from "./_types";
 /**
    * A Textarea is a form control for multi-line text.

package/build/stories/forms/textarea/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { TextareaArgs } from "./_types";
 export declare const Default: Story<TextareaArgs>;

package/build/stories/forms/toggle/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToggleArgs } from "./_types";
 /**
    * A Toggle lets users turn something on and off like a light switch. Unlike a Checkbox, which is used for selection, a Toggle is used for activation.

package/build/stories/forms/toggle/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { LabelArgs } from "../../label/_types";
 import { ToggleArgs } from "./_types";

package/build/stories/grid/col/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColArgs } from "./_types";
 declare const Col: (props: ColArgs) => JSX.Element;
 export { Col };

package/build/stories/grid/col/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ColArgs } from "./_types";
 export declare const Basic: Story<(props: ColArgs) => JSX.Element>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridArgs } from './_types';
 /**
  * The Grid component is a framework for building modular layouts.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { RowStoryArg } from "../row/index.stories";
 import { GridArgs } from "./_types";

package/build/stories/grid/row/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RowArgs } from "./_types";
 declare const Row: (props: RowArgs) => JSX.Element;
 export { Row };

package/build/stories/grid/row/index.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { RowArgs } from "./_types";
 import { ColArgs } from "../col/_types";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { IconArgs } from './_types';
+import { IconArgs } from "./_types";
 declare const Icon: (props: IconArgs) => JSX.Element;
 export { Icon };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { IconArgs } from "./_types";
 export declare const Default: Story<IconArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InfoCardProps } from "./_types";
 declare const InfoCard: (props: InfoCardProps) => JSX.Element;
 export { InfoCard };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InfoCardProps } from "./_types";
 import { ComponentMeta, Story } from "@storybook/react";
 export declare const SingleCard: Story<InfoCardProps>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LabelArgs } from "./_types";
 /**
    * A Label is used to specify a title for an input.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { LabelArgs } from "./_types";
 export declare const Basic: Story<LabelArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProgressArgs } from './_types';
 /**
  * A Progress loader communicates progress when downloading or uploading content.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { ProgressArgs } from "./_types";
 export declare const Default: Story<ProgressArgs>;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { SkeletonArgs } from './_types';
+import { SkeletonArgs } from "./_types";
 /**
  * A Skeleton loader shows users a blank version of a page or section of a page into which content is gradually loaded. It provides a visual estimate of the space needed.
  * <hr>

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { SkeletonArgs } from "./_types";
 export declare const Default: Story<SkeletonArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpinnerArgs } from './_types';
 /**
  * Breadcrumbs mark and communicate a user’s location in the product.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { SpinnerArgs } from "./_types";
 export declare const Default: Story<SpinnerArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LoginFormArgs } from "./_types";
 /**
  * Login Form

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { LoginFormArgs } from "./_types";
 export declare const Default: Story<LoginFormArgs>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LogoArgs } from "./_types";
 /**
  * A Logo is a visual way to represent a brand logo.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { LogoArgs } from "./_types";
 export declare const Default: Story<LogoArgs>;

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

@@ -2,7 +2,7 @@
 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/elements/Header").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    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>;

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

@@ -8,7 +8,7 @@ interface ModalStoryArgs extends ModalArgs {
 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/elements/Header").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+    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>;

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

@@ -3,7 +3,7 @@ import { Close as ModalClose } from "@zendeskgarden/react-modals";
 import { ModalArgs } from "./_types";
 declare const Modal: {
     (props: ModalArgs): JSX.Element;
-    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/elements/Header").IHeaderProps & 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>>;
 };

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

@@ -12,7 +12,7 @@ export declare const Large: Story<ModalStoryArgs>;
 export declare const WithCustomContent: Story<ModalStoryArgs>;
 declare const _default: ComponentMeta<{
     (props: ModalArgs): JSX.Element;
-    Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/elements/Header").IHeaderProps & 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>>;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppHeaderArgs } from "./_types";
 /**
  * An Header is a visual way to display general information.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentMeta, Story } from "@storybook/react";
 import { AppHeaderArgs } from "./_types";
 export declare const Default: Story<AppHeaderArgs>;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const HeaderSkeleton: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BodyArgs } from "./_types";
 /**
  * A Body defines the main content of an HTML document which displays on the browser

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChromeArgs } from "./_types";
 /**
  * The Chrome component provides a high-level layout structure and sets a framework for navigating around Zendesk products.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContentArgs } from "./_types";
 /**
  * A Content defines the main content of an HTML document which displays on the browser

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MainArgs } from "./_types";
 /**
  * A Main defines the main content of an HTML document which displays on the browser

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavArgs } from "./_types";
 /**
  * The Nav component provides a high-level layout structure and sets a framework for navigating around dashboards.