@zendeskgarden/react-chrome 9.0.0-next.16 → 9.0.0-next.17

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

@@ -10,4 +10,4 @@ import React, { PropsWithChildren, SVGAttributes } from 'react';
  *
  * @extends SVGAttributes<SVGElement>
  */
-export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>) => React.JSX.Element | null;
+export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>) => React.JSX.Element;

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

@@ -10,4 +10,4 @@ import React, { SVGAttributes, PropsWithChildren } from 'react';
  *
  * @extends SVGAttributes<SVGElement>
  */
-export declare const NavItemIcon: ({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>) => React.JSX.Element | null;
+export declare const NavItemIcon: ({ children, ...props }: PropsWithChildren<SVGAttributes<SVGElement>>) => React.JSX.Element;

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/nav/StyledBaseNavItem.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 getNavItemHeight: (props: ThemeProps<DefaultTheme>) => string;
+import { DefaultTheme } from 'styled-components';
 export declare const StyledBaseNavItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

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

@@ -4,9 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/**
- * 1. Overrides flex default `min-height: auto`
- */
 export declare const StyledBrandmarkNavItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

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

@@ -4,16 +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';
 import { Product } from '../../types';
-export interface IStyledLogoNavItemProps extends ThemeProps<DefaultTheme> {
+export interface IStyledLogoNavItemProps {
+    hue: string;
     product?: Product;
-    isDark?: boolean;
-    isLight?: boolean;
 }
-/**
- * 1. Overrides flex default `min-height: auto`
- */
 export declare const StyledLogoNavItem: import("styled-components").StyledComponent<"button", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

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

@@ -4,22 +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';
-interface IStyledNavItemProps extends ThemeProps<DefaultTheme> {
-    isCurrent?: boolean;
+import { DefaultTheme } from 'styled-components';
+interface IStyledNavItemProps {
     isExpanded?: boolean;
-    isDark?: boolean;
-    isLight?: boolean;
     hue: string;
 }
-/**
- * 1. Anchor reset
- * 2. Button reset
- * 3. Override `focusStyles` outline (in `colorStyles`)
- * 4. Use of negative offset to create an inset outline
- * 5. Overrides flex default `min-width: auto`
- *    https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox
- */
 export declare const StyledNavButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

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/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">;

package/dist/typings/styled/sheet/StyledSheetWrapper.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';
 import { ISheetProps } from '../../types';
 interface IStyledSheetWrapperProps {
     isOpen?: boolean;
@@ -15,5 +15,5 @@ interface IStyledSheetWrapperProps {
 export declare const StyledSheetWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledSheetWrapperProps & ThemeProps<DefaultTheme>, "data-garden-id" | "data-garden-version">;
+} & IStyledSheetWrapperProps, "data-garden-id" | "data-garden-version">;
 export {};

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

@@ -0,0 +1,15 @@
+/**
+ * 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';
+import { Product } from '../types';
+export declare const getFooterHeight: (theme: DefaultTheme) => string;
+export declare const getHeaderHeight: (theme: DefaultTheme) => string;
+export declare const getHeaderItemSize: (theme: DefaultTheme) => string;
+export declare const getNavItemHeight: (theme: DefaultTheme) => string;
+export declare const getNavWidth: (theme: DefaultTheme) => string;
+export declare const getNavWidthExpanded: () => string;
+export declare const getProductColor: (product?: Product, fallback?: string) => string;

package/dist/typings/utils/useChromeContext.d.ts

@@ -8,7 +8,6 @@ import React from 'react';
 interface IChromeContext {
     hue: string;
     isLight?: boolean;
-    isDark?: boolean;
 }
 export declare const ChromeContext: React.Context<IChromeContext>;
 export declare const useChromeContext: () => IChromeContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-chrome",
-  "version": "9.0.0-next.16",
+  "version": "9.0.0-next.17",
   "description": "Components relating to Chrome within the Garden Design System.",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,6 +21,7 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
+    "@zendeskgarden/react-buttons": "^9.0.0-next.17",
     "dom-helpers": "^5.2.1",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
@@ -33,7 +34,7 @@
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.16",
+    "@zendeskgarden/react-theming": "^9.0.0-next.17",
     "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
@@ -46,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "52321498a76a68e6152aca0b44949e79ed9b2b3b"
+  "gitHead": "7a7e39c2a9e854ad0fe914d82e28c052aa102d2e"
 }