@zendeskgarden/react-chrome 9.0.0-next.2 → 9.0.0-next.21

package/dist/typings/elements/body/Body.d.ts

@@ -5,8 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IBodyProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Body: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/footer/Footer.d.ts

@@ -5,7 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
+import { FooterItem } from './FooterItem';
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export declare const FooterComponent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+/**
+ * @extends HTMLAttributes<HTMLElement>
+ */
+export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
+    Item: typeof FooterItem;
+};

package/dist/typings/elements/footer/FooterItem.d.ts

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Footer.Item` instead
+ *
  * @extends HTMLAttributes<HTMLElement>
  */
 export declare const FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/header/Header.d.ts

@@ -6,7 +6,17 @@
  */
 import React from 'react';
 import { IHeaderProps } from '../../types';
+import { HeaderItem } from './HeaderItem';
+import { HeaderItemIcon } from './HeaderItemIcon';
+import { HeaderItemText } from './HeaderItemText';
+import { HeaderItemWrapper } from './HeaderItemWrapper';
+export declare const HeaderComponent: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
+export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>> & {
+    Item: typeof HeaderItem;
+    ItemIcon: typeof HeaderItemIcon;
+    ItemText: typeof HeaderItemText;
+    ItemWrapper: typeof HeaderItemWrapper;
+};

package/dist/typings/elements/header/HeaderItem.d.ts

@@ -7,6 +7,8 @@
 import React from 'react';
 import { IHeaderItemProps } from '../../types';
 /**
+ * @deprecated use `Header.Item` instead
+ *
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/header/HeaderItemIcon.d.ts

@@ -4,8 +4,13 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes, PropsWithChildren } from 'react';
+import React, { PropsWithChildren, SVGAttributes } from 'react';
 /**
- * @extends HTMLAttributes<HTMLElement>
+ * @deprecated use `Header.ItemIcon` instead
+ *
+ * @extends SVGAttributes<SVGElement>
  */
-export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
+export declare const HeaderItemIcon: {
+    ({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>): React.JSX.Element;
+    displayName: string;
+};

package/dist/typings/elements/header/HeaderItemText.d.ts

@@ -7,6 +7,8 @@
 import React from 'react';
 import { IHeaderItemTextProps } from '../../types';
 /**
+ * @deprecated use `Header.ItemText` instead
+ *
  * @extends HTMLAttributes<HTMLSpanElement>
  */
 export declare const HeaderItemText: React.ForwardRefExoticComponent<IHeaderItemTextProps & React.RefAttributes<HTMLElement>>;

package/dist/typings/elements/header/HeaderItemWrapper.d.ts

@@ -7,6 +7,8 @@
 import React from 'react';
 import { IHeaderItemWrapperProps } from '../../types';
 /**
+ * @deprecated use `Header.ItemWrapper` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const HeaderItemWrapper: React.ForwardRefExoticComponent<IHeaderItemWrapperProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/nav/Nav.d.ts

@@ -6,7 +6,17 @@
  */
 import React from 'react';
 import { INavProps } from '../../types';
+import { NavItem } from './NavItem';
+import { NavItemIcon } from './NavItemIcon';
+import { NavItemText } from './NavItemText';
+import { NavList } from './NavList';
+export declare const NavComponent: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement>>;
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const Nav: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement>>;
+export declare const Nav: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement>> & {
+    List: typeof NavList;
+    Item: typeof NavItem;
+    ItemIcon: typeof NavItemIcon;
+    ItemText: typeof NavItemText;
+};

package/dist/typings/elements/nav/NavItem.d.ts

@@ -7,6 +7,8 @@
 import React from 'react';
 import { INavItemProps } from '../../types';
 /**
+ * @deprecated use `Nav.Item` instead
+ *
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export declare const NavItem: React.ForwardRefExoticComponent<INavItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/nav/NavItemIcon.d.ts

@@ -4,8 +4,13 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes, PropsWithChildren } from 'react';
+import React, { SVGAttributes, PropsWithChildren } from 'react';
 /**
- * @extends HTMLAttributes<HTMLElement>
+ * @deprecated use `Nav.ItemIcon` instead
+ *
+ * @extends SVGAttributes<SVGElement>
  */
-export declare const NavItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
+export declare const NavItemIcon: {
+    ({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>): React.JSX.Element;
+    displayName: string;
+};

package/dist/typings/elements/nav/NavItemText.d.ts

@@ -7,6 +7,8 @@
 import React from 'react';
 import { INavItemTextProps } from '../../types';
 /**
+ * @deprecated use `Nav.ItemText` instead
+ *
  * @extends HTMLAttributes<HTMLSpanElement>
  */
 export declare const NavItemText: React.ForwardRefExoticComponent<INavItemTextProps & React.RefAttributes<HTMLElement>>;

package/dist/typings/elements/{body/Sidebar.d.ts → nav/NavList.d.ts}

@@ -6,6 +6,6 @@
  */
 import React from 'react';
 /**
- * @extends HTMLAttributes<HTMLElement>
+ * @extends HTMLAttributes<HTMLUListElement>
  */
-export declare const Sidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export declare const NavList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;

package/dist/typings/index.d.ts

@@ -4,28 +4,21 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export { Chrome } from './elements/Chrome';
-export { SkipNav } from './elements/SkipNav';
-export { Body } from './elements/body/Body';
-export { Content } from './elements/body/Content';
-export { Main } from './elements/body/Main';
-export { Sidebar } from './elements/body/Sidebar';
-export { Header } from './elements/header/Header';
 export { HeaderItem } from './elements/header/HeaderItem';
 export { HeaderItemIcon } from './elements/header/HeaderItemIcon';
 export { HeaderItemText } from './elements/header/HeaderItemText';
 export { HeaderItemWrapper } from './elements/header/HeaderItemWrapper';
-export { Footer } from './elements/footer/Footer';
 export { FooterItem } from './elements/footer/FooterItem';
-export { Nav } from './elements/nav/Nav';
 export { NavItem } from './elements/nav/NavItem';
 export { NavItemIcon } from './elements/nav/NavItemIcon';
 export { NavItemText } from './elements/nav/NavItemText';
-export { SubNav } from './elements/subnav/SubNav';
-export { SubNavItem } from './elements/subnav/SubNavItem';
-export { SubNavItemText } from './elements/subnav/SubNavItemText';
-export { CollapsibleSubNavItem } from './elements/subnav/CollapsibleSubNavItem';
+export { Chrome } from './elements/Chrome';
+export { SkipNav } from './elements/SkipNav';
+export { Body } from './elements/body/Body';
+export { Content } from './elements/body/Content';
+export { Main } from './elements/body/Main';
+export { Header } from './elements/header/Header';
+export { Footer } from './elements/footer/Footer';
+export { Nav } from './elements/nav/Nav';
 export { Sheet } from './elements/sheet/Sheet';
-export { PRODUCT as PRODUCTS, type IChromeProps, type ISkipNavProps, type IBodyProps, type IHeaderProps, type IHeaderItemProps, type IHeaderItemTextProps, type IHeaderItemWrapperProps, type INavProps, type INavItemProps, type INavItemTextProps, type ISubNavItemProps, type ICollapsibleSubNavItemProps, type ISheetProps, type ISheetFooterProps, 
-/** @deprecated can be accessed via IHeaderItemProps['product'] */
-type Product as PRODUCT } from './types';
+export { PRODUCTS, type IChromeProps, type ISkipNavProps, type IHeaderProps, type IHeaderItemProps, type IHeaderItemTextProps, type IHeaderItemWrapperProps, type INavProps, type INavItemProps, type INavItemTextProps, type ISheetProps, type ISheetFooterProps } from './types';

package/dist/typings/styled/StyledSkipNav.d.ts

@@ -8,9 +8,6 @@ import { DefaultTheme } from 'styled-components';
 interface IStyledSkipNavProps {
     zIndex?: number;
 }
-/**
- * 1. breaking LVHFA order for `<a>` to underline when focused and hovered
- */
 export declare const StyledSkipNav: import("styled-components").StyledComponent<"a", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/styled/StyledSkipNavIcon.d.ts

@@ -4,8 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
 export declare const StyledSkipNavIcon: import("styled-components").StyledComponent<any, DefaultTheme, object & {
     'data-garden-id': string;
     'data-garden-version': string;
-} & ThemeProps<DefaultTheme>, string | number | symbol>;
+}, string | number | symbol>;

package/dist/typings/styled/body/StyledContent.d.ts

@@ -4,10 +4,11 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
+import { DefaultTheme } from 'styled-components';
 interface IStyledContentProps {
     hasFooter?: boolean;
 }
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledContent: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledContentProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/footer/StyledFooter.d.ts

@@ -4,8 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const getFooterHeight: (props: ThemeProps<DefaultTheme>) => string;
+import { DefaultTheme } from 'styled-components';
 export declare const StyledFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/styled/header/StyledBaseHeaderItem.d.ts

@@ -4,17 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
 export interface IStyledBaseHeaderItemProps {
     maxX?: boolean;
     maxY?: boolean;
     isRound?: boolean;
 }
-export declare const getHeaderItemSize: (props: ThemeProps<DefaultTheme>) => string;
-/**
- * 1. Reset the stacking context for embedded menus
- * 2. Button element reset
- */
 export declare const StyledBaseHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/styled/header/StyledHeader.d.ts

@@ -4,9 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
 export interface IStyledHeaderProps {
     isStandalone?: boolean;
 }
-export declare const getHeaderHeight: (props: ThemeProps<DefaultTheme>) => string;
 export declare const StyledHeader: import("styled-components").StyledComponent<"header", DefaultTheme, IStyledHeaderProps, never>;

package/dist/typings/styled/header/StyledHeaderItem.d.ts

@@ -6,9 +6,6 @@
  */
 import { DefaultTheme } from 'styled-components';
 import { IStyledBaseHeaderItemProps } from './StyledBaseHeaderItem';
-/**
- * 1. Anchor reset.
- */
 export declare const StyledHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/styled/header/StyledHeaderItemIcon.d.ts

@@ -4,10 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/**
- * Applies styling directly to child component
- **/
-export declare const StyledHeaderItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+import { DefaultTheme } from 'styled-components';
+export declare const StyledHeaderItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/header/StyledHeaderItemText.d.ts

@@ -7,5 +7,4 @@
 export interface IStyledHeaderItemTextProps {
     isClipped?: boolean;
 }
-export declare const clippedStyling: import("styled-components").FlattenSimpleInterpolation;
 export declare const StyledHeaderItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IStyledHeaderItemTextProps, never>;

package/dist/typings/styled/header/StyledLogoHeaderItem.d.ts

@@ -4,14 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
+import { DefaultTheme } from 'styled-components';
 import { Product } from '../../types';
 export interface IStyledLogoHeaderItemProps {
     product?: Product;
 }
-/**
- * 1. Anchor reset
- */
-export declare const StyledLogoHeaderItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const StyledLogoHeaderItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & import("./StyledBaseHeaderItem").IStyledBaseHeaderItemProps & {

package/dist/typings/styled/index.d.ts

@@ -10,7 +10,6 @@ export { StyledSkipNavIcon } from './StyledSkipNavIcon';
 export { StyledBody } from './body/StyledBody';
 export { StyledContent } from './body/StyledContent';
 export { StyledMain } from './body/StyledMain';
-export { StyledSidebar } from './body/StyledSidebar';
 export { StyledFooter } from './footer/StyledFooter';
 export { StyledFooterItem } from './footer/StyledFooterItem';
 export { StyledHeader } from './header/StyledHeader';
@@ -21,18 +20,14 @@ export { StyledLogoHeaderItem } from './header/StyledLogoHeaderItem';
 export { StyledHeaderItemText } from './header/StyledHeaderItemText';
 export { StyledHeaderItemWrapper } from './header/StyledHeaderItemWrapper';
 export { StyledNav } from './nav/StyledNav';
+export { StyledNavList } from './nav/StyledNavList';
+export { StyledNavListItem } from './nav/StyledNavListItem';
 export { StyledBaseNavItem } from './nav/StyledBaseNavItem';
 export { StyledLogoNavItem } from './nav/StyledLogoNavItem';
 export { StyledBrandmarkNavItem } from './nav/StyledBrandmarkNavItem';
-export { StyledNavItem } from './nav/StyledNavItem';
+export { StyledNavButton } from './nav/StyledNavButton';
 export { StyledNavItemIcon } from './nav/StyledNavItemIcon';
 export { StyledNavItemText } from './nav/StyledNavItemText';
-export { StyledSubNav } from './subnav/StyledSubNav';
-export { StyledSubNavItem } from './subnav/StyledSubNavItem';
-export { StyledSubNavItemText } from './subnav/StyledSubNavItemText';
-export { StyledSubNavItemHeader } from './subnav/StyledSubNavItemHeader';
-export { StyledSubNavItemIconWrapper, StyledSubNavItemIcon } from './subnav/StyledSubNavItemIcon';
-export { StyledSubNavPanel } from './subnav/StyledSubNavPanel';
 export { StyledSheet } from './sheet/StyledSheet';
 export { StyledSheetWrapper } from './sheet/StyledSheetWrapper';
 export { StyledSheetTitle } from './sheet/StyledSheetTitle';

package/dist/typings/styled/nav/StyledBaseNavItem.d.ts

@@ -4,13 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const getNavItemHeight: (props: ThemeProps<DefaultTheme>) => string;
-/**
- * 1. Button reset.
- * 2. Anchor reset.
- */
-export declare const StyledBaseNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
+import { DefaultTheme } from 'styled-components';
+export declare const StyledBaseNavItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/nav/StyledBrandmarkNavItem.d.ts

@@ -7,8 +7,4 @@
 export declare const StyledBrandmarkNavItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & {
-    'data-garden-id': string;
-    'data-garden-version': string;
-    as: string;
-}, "as" | "data-garden-id" | "data-garden-version">;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/nav/StyledLogoNavItem.d.ts

@@ -4,18 +4,13 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
 import { Product } from '../../types';
-export interface IStyledLogoNavItemProps extends ThemeProps<DefaultTheme> {
+export interface IStyledLogoNavItemProps {
+    hue: string;
     product?: Product;
-    isDark?: boolean;
-    isLight?: boolean;
 }
 export declare const StyledLogoNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & {
-    'data-garden-id': string;
-    'data-garden-version': string;
-    as: string;
-} & IStyledLogoNavItemProps, "as" | "data-garden-id" | "data-garden-version">;
+} & IStyledLogoNavItemProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/nav/StyledNav.d.ts

@@ -4,14 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
-interface IStyledNavProps extends ThemeProps<DefaultTheme> {
+import { DefaultTheme } from 'styled-components';
+interface IStyledNavProps {
     hue: string;
-    isDark?: boolean;
-    isLight?: boolean;
     isExpanded?: boolean;
 }
-export declare const getNavWidth: (props: ThemeProps<DefaultTheme>) => string;
-export declare const getExpandedNavWidth: () => string;
 export declare const StyledNav: import("styled-components").StyledComponent<"nav", DefaultTheme, IStyledNavProps, never>;
 export {};

package/dist/typings/styled/nav/StyledNavButton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme } from 'styled-components';
+interface IStyledNavItemProps {
+    isExpanded?: boolean;
+    hue: string;
+}
+export declare const StyledNavButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+    as: string;
+} & IStyledNavItemProps, "as" | "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/nav/StyledNavItemIcon.d.ts

@@ -4,10 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/**
- * Applies styling directly to child component
- **/
-export declare const StyledNavItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+import { DefaultTheme } from 'styled-components';
+export declare const StyledNavItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/nav/StyledNavItemText.d.ts

@@ -4,8 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
+import { DefaultTheme } from 'styled-components';
 export interface IStyledNavItemTextProps {
     isWrapped?: boolean;
     isExpanded?: boolean;
 }
-export declare const StyledNavItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IStyledNavItemTextProps, never>;
+export declare const StyledNavItemText: import("styled-components").StyledComponent<"span", DefaultTheme, IStyledNavItemTextProps, never>;

package/dist/typings/styled/{body/StyledSidebar.d.ts → nav/StyledNavList.d.ts}

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledSidebar: import("styled-components").StyledComponent<"aside", import("styled-components").DefaultTheme, {
+export declare const StyledNavList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/nav/StyledNavListItem.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+export declare const StyledNavListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/sheet/StyledSheetClose.d.ts

@@ -4,13 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const BASE_MULTIPLIERS: {
-    top: number;
-    side: number;
-    size: number;
-};
-export declare const StyledSheetClose: import("styled-components").StyledComponent<"button", DefaultTheme, {
+/// <reference types="react" />
+import { DefaultTheme } from 'styled-components';
+export declare const StyledSheetClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/sheet/StyledSheetDescription.d.ts

@@ -4,8 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const StyledSheetDescription: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledSheetDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/sheet/StyledSheetFooter.d.ts

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
 export interface IStyledSheetFooterProps {
     /** Sets the SheetFooter padding to half the standard and centers the elements  */
     isCompact?: boolean;
@@ -12,4 +12,4 @@ export interface IStyledSheetFooterProps {
 export declare const StyledSheetFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledSheetFooterProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+} & IStyledSheetFooterProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/sheet/StyledSheetFooterItem.d.ts

@@ -4,8 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const StyledSheetFooterItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledSheetFooterItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/sheet/StyledSheetHeader.d.ts

@@ -4,15 +4,11 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
 export interface IStyledSheetHeaderProps {
     isCloseButtonPresent?: boolean;
 }
-/**
- * 1. the padding size accounts for 40px (10 base units) size of the button,
- *    8px additional padding and 8px padding for the button position from a given side.
- */
 export declare const StyledSheetHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledSheetHeaderProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+} & IStyledSheetHeaderProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/sheet/StyledSheetTitle.d.ts

@@ -4,8 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const StyledSheetTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledSheetTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+}, "data-garden-id" | "data-garden-version">;