@appquality/unguess-design-system 3.0.12-alpha → 3.1.1

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ButtonGroupArgs } from "./_types";
+import { IButtonGroupProps } from "@zendeskgarden/react-buttons";
 /**
 A Button group lets users make a selection from a set of options.
 
 This is a legacy component and may be deprecated in the future. UNGUESS does not presently recommend the use of Button groups.
 **/
-declare const ButtonGroup: import("react").ForwardRefExoticComponent<ButtonGroupArgs & import("react").RefAttributes<HTMLDivElement>>;
+declare const ButtonGroup: import("react").ForwardRefExoticComponent<IButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 export { ButtonGroup };

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

@@ -1,14 +1,13 @@
 /// <reference types="react" />
-import { ButtonGroupArgs } from "./_types";
-interface ButtonGroupProps extends ButtonGroupArgs {
-    /**
-     The children of the button group.
-     @default []
-    */
+import { IButtonGroupProps } from "@zendeskgarden/react-buttons";
+export declare const TwoItems: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps & {
     items: any[];
-}
-export declare const TwoItems: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonGroupProps>;
-export declare const WithBorders: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonGroupProps>;
-export declare const RoundedItems: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonGroupProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ButtonGroupArgs & import("react").RefAttributes<HTMLDivElement>>;
+}>;
+export declare const WithBorders: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps & {
+    items: any[];
+}>;
+export declare const RoundedItems: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps & {
+    items: any[];
+}>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -1,21 +1,7 @@
 import { IIconButtonProps } from "@zendeskgarden/react-buttons";
 export interface IconButtonArgs extends IIconButtonProps {
-    /** Applies neutral button styling */
-    isNeutral?: boolean;
     /** Applies bright styling, used for dark interfaces */
     isBright?: boolean;
-    /** Applies primary button styling */
-    isPrimary?: boolean;
-    /** Applies danger button styling */
-    isDanger?: boolean;
-    /** Applies basic button styling */
-    isBasic?: boolean;
-    /** Applies pill button styling */
-    isPill?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Rotates icon 180 degrees */
-    isRotated?: boolean;
-    /** Specifies icon button size */
-    size?: "small" | "medium" | "large";
+    /** Applies accent button styling */
+    isAccent?: boolean;
 }

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { IconButtonArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconButtonArgs>;
-export declare const Danger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconButtonArgs>;
-export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconButtonArgs>;
+export declare const Outline: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconButtonArgs>;
+export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconButtonArgs>;
 export declare const Shape: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconButtonArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IconButtonArgs & import("react").RefAttributes<HTMLButtonElement>>;
 export default _default;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const sizes: readonly ["small", "medium", "large"];
+export declare const variants: readonly [{}, {
+    readonly isDanger: true;
+}, {
+    readonly isAccent: true;
+}, {
+    readonly disabled: true;
+}];
+export declare const Row: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-grid").IRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Col: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-grid").IColProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const MD: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,10 @@
 import { CardProps, ContainerCardProps } from "./_types";
+export declare const CARD_COMPONENT_ID = "cards.card";
+export declare const cardCmponentStyle: {
+    "cards.card": {
+        border: string;
+    };
+};
 /**
  * A Card is a container that groups related content.
  * <hr>

package/build/stories/charts/ChartContainer.d.ts

@@ -2,4 +2,4 @@ export interface ChartContainerProps {
     width?: string;
     height?: string;
 }
-export declare const ChartContainer: import("styled-components").StyledComponent<"div", any, ChartContainerProps, never>;
+export declare const ChartContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChartContainerProps, never>;

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

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

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

@@ -13,7 +13,7 @@ import { SelectArgs, DropdownArgs, MessageArgs } from "./_types";
 declare const Select: (props: SelectArgs) => import("react/jsx-runtime").JSX.Element;
 declare const Dropdown: {
     (props: PropsWithChildren<DropdownArgs>): import("react/jsx-runtime").JSX.Element;
-    HeaderItem: import("styled-components").StyledComponent<(props: import("../menuheader/_types").HeaderItemArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+    HeaderItem: import("styled-components").StyledComponent<(props: import("../menuheader/_types").HeaderItemArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
     Separator: (props: import("react").LiHTMLAttributes<HTMLLIElement>) => import("react/jsx-runtime").JSX.Element;
 };
 declare const Message: (props: MessageArgs) => import("react/jsx-runtime").JSX.Element;

package/build/stories/editor/editorStyle.d.ts

@@ -1 +1 @@
-export declare const editorStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const editorStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { InputArgs } from "./_types";
-declare const Hint: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+declare const Hint: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 /**
    * An Input lets users enter text into a field.
    * <hr>

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

@@ -2,6 +2,6 @@ import { InputToggleArgs } from "./_types";
 declare const InputToggle: {
     ({ isFocused, ...props }: InputToggleArgs): import("react/jsx-runtime").JSX.Element;
     Item: (props: InputToggleArgs) => import("react/jsx-runtime").JSX.Element;
-    Label: import("styled-components").StyledComponent<(props: import("../../label/_types").LabelArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+    Label: import("styled-components").StyledComponent<(props: import("../../label/_types").LabelArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 };
 export { InputToggle };

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

@@ -1,6 +1,6 @@
 /// <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>

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/modals/fullscreen/index.d.ts

@@ -2,10 +2,10 @@
 import { ModalArgs } from "../_types";
 declare const ModalFullScreen: {
     (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>>, 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>;
+    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/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/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>;
+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/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/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) => import("react/jsx-runtime").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/page-header/index.d.ts

@@ -12,10 +12,14 @@ declare const PageHeader: {
     (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, any, {}, never>;
-    Title: import("styled-components").StyledComponent<"h1", any, {}, never>;
-    Description: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").LGArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-    Meta: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Overline: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+        color?: string | undefined;
+    }, never>;
+    Title: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
+    Description: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+        color?: string | undefined;
+    }, 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/styled/main.d.ts

@@ -1,6 +1,11 @@
+/// <reference types="react" />
 import { PageHeaderMainProps } from "../_types";
-export declare const MainOverline: import("styled-components").StyledComponent<(props: import("../../../typography/typescale/_types").MDArgs) => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-export declare const MainMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MainOverline: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+export declare const MainTitle: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
+export declare const MainDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, 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/player/parts/container.d.ts

@@ -1,2 +1,2 @@
 import { WrapperProps } from "../_types";
-export declare const Container: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WrapperProps, never>;

package/build/stories/player/parts/controls.d.ts

@@ -1,6 +1,6 @@
 import { WrapperProps } from "../_types";
-export declare const ControlsWrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
-export declare const ControlsBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ControlsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WrapperProps, never>;
+export declare const ControlsBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Controls: (props: {
     videoRef: HTMLVideoElement | null;
     duration: number;

package/build/stories/player/parts/floatingControls.d.ts

@@ -1,5 +1,5 @@
 import { WrapperProps } from "../_types";
-export declare const FloatingContainer: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
+export declare const FloatingContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WrapperProps, never>;
 export declare const FloatingControls: (props: {
     isPlaying?: boolean;
     onClick?: () => void;

package/build/stories/player/parts/video.d.ts

@@ -1 +1 @@
-export declare const Video: import("styled-components").StyledComponent<"video", any, {}, never>;
+export declare const Video: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;

package/build/stories/profile-modal/menuItem.d.ts

@@ -6,5 +6,5 @@ export interface IStyledItemProps {
     disabled?: boolean;
     checked?: boolean;
 }
-export declare const MenuItemBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuItemBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MenuItem: ({ children, selectedItem, content, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/stories/profile-modal/menuItemIcon.d.ts

@@ -3,6 +3,6 @@ interface IStyledItemIconProps {
     isVisible?: boolean;
     isDisabled?: boolean;
 }
-export declare const StyledMenuItemIcon: import("styled-components").StyledComponent<"div", any, IStyledItemIconProps, never>;
+export declare const StyledMenuItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledItemIconProps, never>;
 export declare const MenuItemIcon: (props: IStyledItemIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -11,4 +11,6 @@ import { SliderArgs } from "./_types";
 export declare const Slider: {
     (props: SliderArgs): import("react/jsx-runtime").JSX.Element;
     Slide: (props: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
+    PrevButton: (props: import("../buttons/icon-button/_types").IconButtonArgs) => import("react/jsx-runtime").JSX.Element;
+    NextButton: (props: import("../buttons/icon-button/_types").IconButtonArgs) => import("react/jsx-runtime").JSX.Element;
 };

package/build/stories/slider/parts/container.d.ts

@@ -1 +1 @@
-export declare const SliderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SliderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/stories/slider/parts/slickSlider.d.ts

@@ -1,3 +1,3 @@
 import { SliderArgs } from "../_types";
 import SlickSlider from "react-slick";
-export declare const StyledSlick: import("styled-components").StyledComponent<typeof SlickSlider, any, SliderArgs, never>;
+export declare const StyledSlick: import("styled-components").StyledComponent<typeof SlickSlider, import("styled-components").DefaultTheme, SliderArgs, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SpecialCardProps } from "./_types";
 /**
  * A SpecialCard is a spefic type of card with an opinionated set of default spaces and subcomponents order.
@@ -8,13 +9,19 @@ import { SpecialCardProps } from "./_types";
  */
 declare const SpecialCard: {
     (props: SpecialCardProps): import("react/jsx-runtime").JSX.Element;
-    Meta: import("styled-components").StyledComponent<"div", any, import("./_types").CardMetaProps, never>;
-    Thumb: import("styled-components").StyledComponent<"div", any, import("./_types").CardThumbProps, never>;
+    Meta: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./_types").CardMetaProps, never>;
+    Thumb: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./_types").CardThumbProps, never>;
     Header: {
         (props: import("./_types").CardHeaderProps): import("react/jsx-runtime").JSX.Element;
-        Label: import("styled-components").StyledComponent<(props: import("../typography/typescale/_types").SMArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-        Title: import("styled-components").StyledComponent<(props: import("../typography/typescale/_types").LGArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-        Text: import("styled-components").StyledComponent<(props: import("../typography/typescale/_types").MDArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+        Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+            color?: string | undefined;
+        }, never>;
+        Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+            color?: string | undefined;
+        }, never>;
+        Text: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+            color?: string | undefined;
+        }, never>;
     };
     Footer: (props: import("./_types").CardFooterProps) => import("react/jsx-runtime").JSX.Element;
 };

package/build/stories/special-cards/styled/header.d.ts

@@ -1,8 +1,15 @@
+/// <reference types="react" />
 import { CardHeaderProps } from "../_types";
 declare const CardHeader: {
     (props: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
-    Label: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").SMArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-    Title: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").LGArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-    Text: import("styled-components").StyledComponent<(props: import("../../typography/typescale/_types").MDArgs) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+    Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+        color?: string | undefined;
+    }, never>;
+    Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+        color?: string | undefined;
+    }, never>;
+    Text: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+        color?: string | undefined;
+    }, never>;
 };
 export { CardHeader };

package/build/stories/special-cards/styled/meta.d.ts

@@ -1,2 +1,2 @@
 import { CardMetaProps } from "../_types";
-export declare const CardMeta: import("styled-components").StyledComponent<"div", any, CardMetaProps, never>;
+export declare const CardMeta: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardMetaProps, never>;

package/build/stories/special-cards/styled/thumbnail.d.ts

@@ -1,2 +1,2 @@
 import { CardThumbProps } from "../_types";
-export declare const CardThumbnail: import("styled-components").StyledComponent<"div", any, CardThumbProps, never>;
+export declare const CardThumbnail: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardThumbProps, never>;

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

@@ -8,8 +8,8 @@ import { StepperArgs } from "./_types";
  */
 declare const Stepper: {
     (props: StepperArgs): import("react/jsx-runtime").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>;
+    Step: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, import("styled-components").DefaultTheme, {}, never>;
+    Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-accordions").IStepperLabelProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+    Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 };
 export { Stepper };

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

@@ -5,9 +5,9 @@ declare const Tag: {
     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, {
+    }, 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>;
+    SecondaryText: import("styled-components").StyledComponent<(props: import("../typography/span/_types").SpanArgs) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {
         color?: string | undefined;
     }, never>;
 };

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

@@ -2,23 +2,7 @@ import { CompleteTheme } from "@nivo/core";
 interface UnguessChartsTheme extends CompleteTheme {
 }
 export declare const DEFAULT_CHARTS_THEME: UnguessChartsTheme;
-export declare const CHARTS_COLOR_PALETTE: {
-    darkPine: string;
-    lightGrey: string;
-    darkGrey: string;
-    mattone: string;
-    gubbioLight: string;
-    blueRoyal: string;
-    greenLight: string;
-    blue: string;
-    fucsia: string;
-    violet: string;
-    orchidea: string;
-    sky: string;
-};
 export declare const CHARTS_COLOR_SCHEME_MONO: string[];
 export declare const CHARTS_COLOR_SCHEME_SEMANTIC: string[];
-export declare const CHARTS_COLOR_SCHEME_CATEGORICAL_5: string[];
-export declare const CHARTS_COLOR_SCHEME_CATEGORICAL_8_A: string[];
-export declare const CHARTS_COLOR_SCHEME_CATEGORICAL_8_B: string[];
+export declare const CHARTS_COLOR_SCHEME_CATEGORICAL: string[];
 export {};

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

@@ -1,12 +1,7 @@
-export declare const colors: {
-    primaryHue: string;
-    warningHue: string;
-    successHue: string;
-    dangerHue: string;
+import { DEFAULT_THEME } from "@zendeskgarden/react-theming";
+type ThemeColors = typeof DEFAULT_THEME.colors & {
+    infoHue: string;
     accentHue: string;
-    base: "light" | "dark";
-    background: string;
-    foreground: string;
-    neutralHue: string;
-    chromeHue: string;
 };
+export declare const colors: ThemeColors;
+export {};