@zendeskgarden/react-chrome 9.0.0-next.8 → 9.0.0

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

@@ -13,6 +13,6 @@ export declare const FooterComponent: React.ForwardRefExoticComponent<React.HTML
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
+export declare const Footer: typeof FooterComponent & {
     Item: typeof FooterItem;
 };

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

@@ -14,7 +14,7 @@ export declare const HeaderComponent: React.ForwardRefExoticComponent<IHeaderPro
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>> & {
+export declare const Header: typeof HeaderComponent & {
     Item: typeof HeaderItem;
     ItemIcon: typeof HeaderItemIcon;
     ItemText: typeof HeaderItemText;

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

@@ -10,4 +10,7 @@ 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;
+    displayName: string;
+};

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

@@ -14,7 +14,7 @@ export declare const NavComponent: React.ForwardRefExoticComponent<INavProps & R
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const Nav: React.ForwardRefExoticComponent<INavProps & React.RefAttributes<HTMLElement>> & {
+export declare const Nav: typeof NavComponent & {
     List: typeof NavList;
     Item: typeof NavItem;
     ItemIcon: typeof NavItemIcon;

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

@@ -10,4 +10,7 @@ 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;
+    displayName: string;
+};

package/dist/typings/elements/sheet/Sheet.d.ts

@@ -13,10 +13,11 @@ import { Body } from './components/Body';
 import { Footer } from './components/Footer';
 import { FooterItem } from './components/FooterItem';
 import { Close } from './components/Close';
+declare const SheetComponent: React.ForwardRefExoticComponent<ISheetProps & React.RefAttributes<HTMLElement>>;
 /**
  * @extends HTMLAttributes<HTMLElement>
  */
-export declare const Sheet: React.ForwardRefExoticComponent<ISheetProps & React.RefAttributes<HTMLElement>> & {
+export declare const Sheet: typeof SheetComponent & {
     Body: typeof Body;
     Close: typeof Close;
     Description: typeof Description;
@@ -25,3 +26,4 @@ export declare const Sheet: React.ForwardRefExoticComponent<ISheetProps & React.
     Header: typeof Header;
     Title: typeof Title;
 };
+export {};

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,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.
  */
-/**
- * Applies styling directly to child component
- **/
-export declare const StyledHeaderItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+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,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.
  */
-/**
- * Applies styling directly to child component
- **/
-export declare const StyledNavItemIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+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/StyledSheet.d.ts

@@ -7,6 +7,7 @@
 import { DefaultTheme } from 'styled-components';
 import { ISheetProps } from '../../types';
 interface IStyledSheetProps {
+    inert?: string;
     placement?: ISheetProps['placement'];
     isOpen?: boolean;
     isAnimated?: boolean;

package/dist/typings/styled/sheet/StyledSheetClose.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 BASE_MULTIPLIERS: {
-    top: number;
-    side: number;
-    size: number;
-};
-export declare const StyledSheetClose: import("styled-components").StyledComponent<"button", DefaultTheme, {
+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/types/index.d.ts

@@ -6,7 +6,7 @@
  */
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
 export declare const PLACEMENT: readonly ["end", "start"];
-export declare const PRODUCTS: readonly ["chat", "connect", "explore", "guide", "message", "support", "talk"];
+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 */

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

@@ -4,7 +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.
  */
-/// <reference types="react" />
 export interface ISheetContext {
     titleId?: string;
     descriptionId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-chrome",
-  "version": "9.0.0-next.8",
+  "version": "9.0.0",
   "description": "Components relating to Chrome within the Garden Design System.",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,20 +21,21 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
+    "@zendeskgarden/react-buttons": "^9.0.0",
     "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": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.8",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0",
+    "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
     "components",
@@ -45,6 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
+  "zendeskgarden:src": "src/index.ts"
 }