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

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

@@ -4,10 +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 { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
 export declare const PLACEMENT: readonly ["end", "start"];
-export declare const PRODUCT: readonly ["chat", "connect", "explore", "guide", "message", "support", "talk"];
-export type Product = (typeof PRODUCT)[number];
+export declare const PRODUCTS: readonly ["chat", "explore", "guide", "support", "talk"];
+export type Product = (typeof PRODUCTS)[number];
 export interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
     /** Applies a custom hue to the chrome navigation */
     hue?: string;
@@ -20,10 +20,6 @@ export interface ISkipNavProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Sets the `z-index` of the element */
     zIndex?: number;
 }
-export interface IBodyProps extends HTMLAttributes<HTMLDivElement> {
-    /** Adjusts the body content height to allow space for a footer component */
-    hasFooter?: boolean;
-}
 export interface IHeaderProps extends HTMLAttributes<HTMLElement> {
     /** Displays logo for standlone usage  */
     isStandalone?: boolean;
@@ -74,29 +70,6 @@ export interface INavItemTextProps extends HTMLAttributes<HTMLSpanElement> {
     /** Wraps overflow item text instead of truncating long strings with an ellipsis */
     isWrapped?: boolean;
 }
-export interface ISubNavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Indicates that the item is current in the subnav */
-    isCurrent?: boolean;
-}
-export interface ISubNavItemTextProps extends HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Wraps overflow item text instead of truncating long strings with an ellipsis.
-     * Use when `max-width` styling is applied to the subnav container.
-     */
-    isWrapped?: boolean;
-}
-export interface ICollapsibleSubNavItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
-    /** Sets the item's section header */
-    header?: ReactNode;
-    /** Reveals the item's section */
-    isExpanded?: boolean;
-    /**
-     * Handles changes in the item's expansion state
-     *
-     * @param {boolean} isExpanded An item's expansion state
-     */
-    onChange?: (isExpanded: boolean) => void;
-}
 export interface ISheetProps extends HTMLAttributes<HTMLElement> {
     /** Opens the sheet */
     isOpen?: boolean;

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

@@ -7,7 +7,8 @@
 import React from 'react';
 interface IBodyContext {
     hasFooter: boolean;
+    setHasFooter: (footerPresent: boolean) => void;
 }
-export declare const BodyContext: React.Context<IBodyContext>;
-export declare const useBodyContext: () => IBodyContext;
+export declare const BodyContext: React.Context<IBodyContext | undefined>;
+export declare const useBodyContext: () => IBodyContext | undefined;
 export {};

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/dist/typings/utils/useNavListContext.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 React from 'react';
+interface INavListContext {
+    hasList: boolean;
+}
+export declare const NavListContext: React.Context<INavListContext | undefined>;
+export declare const useNavListContext: () => INavListContext | undefined;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-chrome",
-  "version": "9.0.0-next.2",
+  "version": "9.0.0-next.21",
   "description": "Components relating to Chrome within the Garden Design System.",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -21,22 +21,21 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-accordion": "^3.0.4",
-    "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.21",
     "dom-helpers": "^5.2.1",
-    "polished": "^4.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.2",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.21",
+    "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
     "components",
@@ -48,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
 }