@zendeskgarden/react-chrome 8.49.2 → 8.50.0

package/dist/index.esm.js

@@ -180,7 +180,7 @@ var useChromeContext = function useChromeContext() {
 var COMPONENT_ID$A = 'chrome.chrome';
 var StyledChrome = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledChrome",
   componentId: "sc-1uqm6u6-0"
@@ -198,7 +198,7 @@ StyledChrome.defaultProps = {
 var COMPONENT_ID$z = 'chrome.header_item_icon';
 var StyledHeaderItemIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledHeaderItemIcon",
   componentId: "sc-1jhhp6z-0"
@@ -225,7 +225,7 @@ var sizeStyles$4 = function sizeStyles(props) {
 };
 var StyledBaseHeaderItem = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledBaseHeaderItem",
   componentId: "sc-1qua7h6-0"
@@ -254,7 +254,7 @@ var COMPONENT_ID$x = 'chrome.header_item_text';
 var clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
 var StyledHeaderItemText = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledHeaderItemText",
   componentId: "sc-goz7la-0"
@@ -282,7 +282,7 @@ var getExpandedNavWidth = function getExpandedNavWidth() {
 };
 var StyledNav = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-6j462r-0"
@@ -322,7 +322,7 @@ var retrieveProductColor$1 = function retrieveProductColor(props) {
 };
 var StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoHeaderItem",
@@ -363,7 +363,7 @@ var sizeStyles$3 = function sizeStyles(props) {
 };
 var StyledBaseNavItem = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledBaseNavItem",
   componentId: "sc-zvo43f-0"
@@ -380,7 +380,7 @@ var getHeaderHeight = function getHeaderHeight(props) {
 };
 var StyledHeader = styled.header.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1cexpz-0"
@@ -428,7 +428,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledSkipNav = styled.a.attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSkipNav",
   componentId: "sc-1tsro34-0"
@@ -477,7 +477,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
 };
 var StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSkipNavIcon",
   componentId: "sc-1ika5z4-0"
@@ -497,7 +497,7 @@ StyledSkipNavIcon.defaultProps = {
 var COMPONENT_ID$q = 'chrome.body';
 var StyledBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-c7h9kv-0"
@@ -516,7 +516,7 @@ var getFooterHeight = function getFooterHeight(props) {
 };
 var StyledFooter = styled.footer.attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-v7lib2-0"
@@ -536,7 +536,7 @@ StyledFooter.defaultProps = {
 var COMPONENT_ID$o = 'chrome.content';
 var StyledContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-qcuzxn-0"
@@ -558,7 +558,7 @@ StyledContent.defaultProps = {
 var COMPONENT_ID$n = 'chrome.main';
 var StyledMain = styled.main.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledMain",
   componentId: "sc-t61cre-0"
@@ -574,7 +574,7 @@ StyledMain.defaultProps = {
 var COMPONENT_ID$m = 'chrome.sidebar';
 var StyledSidebar = styled.aside.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSidebar",
   componentId: "sc-1q77fuw-0"
@@ -592,7 +592,7 @@ StyledSidebar.defaultProps = {
 var COMPONENT_ID$l = 'chrome.footer_item';
 var StyledFooterItem = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1cktm85-0"
@@ -612,7 +612,7 @@ var imgStyles = function imgStyles(props) {
 };
 var StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-14sft6n-0"
@@ -638,7 +638,7 @@ StyledHeaderItem.defaultProps = {
 var COMPONENT_ID$j = 'chrome.header_item_wrapper';
 var StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledHeaderItemWrapper",
@@ -678,7 +678,7 @@ var colorStyles$4 = function colorStyles(props) {
 };
 var StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoNavItem",
@@ -693,7 +693,7 @@ StyledLogoNavItem.defaultProps = {
 var COMPONENT_ID$h = 'chrome.brandmark_nav_item';
 var StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledBrandmarkNavItem",
@@ -706,7 +706,7 @@ StyledBrandmarkNavItem.defaultProps = {
 var COMPONENT_ID$g = 'chrome.nav_item_icon';
 var StyledNavItemIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledNavItemIcon",
   componentId: "sc-7w9rpt-0"
@@ -746,7 +746,7 @@ var colorStyles$3 = function colorStyles(props) {
 };
 var StyledNavItem = styled(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledNavItem",
@@ -771,7 +771,7 @@ StyledNavItem.defaultProps = {
 var COMPONENT_ID$e = 'chrome.nav_item_text';
 var StyledNavItemText = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledNavItemText",
   componentId: "sc-13m84xl-0"
@@ -814,7 +814,7 @@ var getSubNavItemHeight = function getSubNavItemHeight(props) {
 };
 var StyledSubNavItem = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSubNavItem",
   componentId: "sc-1yg9dpx-0"
@@ -849,7 +849,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledSubNav = styled.nav.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSubNav",
   componentId: "sc-19hjou6-0"
@@ -875,7 +875,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledSubNavItemText = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSubNavItemText",
   componentId: "sc-1hy0pn7-0"
@@ -893,7 +893,7 @@ StyledSubNavItemText.defaultProps = {
 var COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
 var StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.49.2',
+  'data-garden-version': '8.50.0',
   'data-garden-header': 'true'
 }).withConfig({
   displayName: "StyledSubNavItemHeader",
@@ -951,7 +951,7 @@ StyledSubNavItemIcon.defaultProps = {
 };
 var StyledSubNavItemIconWrapper = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
   componentId: "sc-1d02hho-1"
@@ -977,7 +977,7 @@ var PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
 var hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
 var StyledSubNavPanel = styled.div.attrs({
   'data-garden-id': PANEL_COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSubNavPanel",
   componentId: "sc-1jv3rpv-0"
@@ -1014,7 +1014,7 @@ var borderStyle = function borderStyle(_ref) {
 };
 var StyledSheet = styled.aside.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheet",
   componentId: "sc-dx8ijk-0"
@@ -1038,7 +1038,7 @@ StyledSheet.defaultProps = {
 var COMPONENT_ID$7 = 'chrome.sheet_wrapper';
 var StyledSheetWrapper = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetWrapper",
   componentId: "sc-f6x9zb-0"
@@ -1071,7 +1071,7 @@ StyledSheetWrapper.defaultProps = {
 var COMPONENT_ID$6 = 'chrome.sheet_title';
 var StyledSheetTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetTitle",
   componentId: "sc-1gogk75-0"
@@ -1091,7 +1091,7 @@ StyledSheetTitle.defaultProps = {
 var COMPONENT_ID$5 = 'chrome.sheet_description';
 var StyledSheetDescription = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetDescription",
   componentId: "sc-1puglb6-0"
@@ -1109,7 +1109,7 @@ StyledSheetDescription.defaultProps = {
 var COMPONENT_ID$4 = 'chrome.sheet_body';
 var StyledSheetBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetBody",
   componentId: "sc-bt4eoj-0"
@@ -1135,7 +1135,7 @@ var colorStyles = function colorStyles(props) {
 };
 var StyledSheetClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetClose",
   componentId: "sc-1ab02oq-0"
@@ -1161,7 +1161,7 @@ StyledSheetClose.defaultProps = {
 var COMPONENT_ID$2 = 'chrome.sheet_footer';
 var StyledSheetFooter = styled.footer.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetFooter",
   componentId: "sc-2cktos-0"
@@ -1181,7 +1181,7 @@ StyledSheetFooter.defaultProps = {
 var COMPONENT_ID$1 = 'chrome.sheet_footer_item';
 var StyledSheetFooterItem = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetFooterItem",
   componentId: "sc-r9ixh-0"
@@ -1197,7 +1197,7 @@ StyledSheetFooterItem.defaultProps = {
 var COMPONENT_ID = 'chrome.sheet_header';
 var StyledSheetHeader = styled.header.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledSheetHeader",
   componentId: "sc-o2ry8i-0"
@@ -1345,7 +1345,8 @@ Header$1.propTypes = {
   isStandalone: PropTypes.bool
 };
 
-var PRODUCTS = ['chat', 'connect', 'explore', 'guide', 'message', 'support', 'talk'];
+var PLACEMENT = ['end', 'start'];
+var PRODUCT = ['chat', 'connect', 'explore', 'guide', 'message', 'support', 'talk'];
 
 var _excluded$7 = ["hasLogo", "product"];
 var HeaderItem = React__default.forwardRef(function (_ref, ref) {
@@ -1367,7 +1368,7 @@ HeaderItem.propTypes = {
   maxX: PropTypes.bool,
   maxY: PropTypes.bool,
   isRound: PropTypes.bool,
-  product: PropTypes.oneOf(PRODUCTS),
+  product: PropTypes.oneOf(PRODUCT),
   hasLogo: PropTypes.bool
 };
 
@@ -1489,7 +1490,7 @@ var NavItem = React__default.forwardRef(function (_ref, ref) {
 });
 NavItem.displayName = 'NavItem';
 NavItem.propTypes = {
-  product: PropTypes.oneOf(PRODUCTS),
+  product: PropTypes.oneOf(PRODUCT),
   hasLogo: PropTypes.bool,
   hasBrandmark: PropTypes.bool,
   isCurrent: PropTypes.bool
@@ -1783,7 +1784,7 @@ var SheetComponent = React__default.forwardRef(function (_ref, ref) {
       _useState2 = _slicedToArray(_useState, 2),
       isCloseButtonPresent = _useState2[0],
       setCloseButtonPresent = _useState2[1];
-  var _useState3 = useState(id || seed("sheet_".concat('8.49.2'))),
+  var _useState3 = useState(id || seed("sheet_".concat('8.50.0'))),
       _useState4 = _slicedToArray(_useState3, 1),
       idPrefix = _useState4[0];
   var titleId = "".concat(idPrefix, "--title");
@@ -1828,7 +1829,7 @@ SheetComponent.propTypes = {
   isAnimated: PropTypes.bool,
   focusOnMount: PropTypes.bool,
   restoreFocus: PropTypes.bool,
-  placement: PropTypes.oneOf(['start', 'end']),
+  placement: PropTypes.oneOf(PLACEMENT),
   size: PropTypes.string
 };
 SheetComponent.defaultProps = {
@@ -1845,4 +1846,4 @@ Sheet.FooterItem = FooterItem;
 Sheet.Header = Header;
 Sheet.Title = Title;
 
-export { Body$1 as Body, Chrome, CollapsibleSubNavItem, Content, Footer$1 as Footer, FooterItem$1 as FooterItem, Header$1 as Header, HeaderItem, HeaderItemIcon, HeaderItemText, HeaderItemWrapper, Main, Nav, NavItem, NavItemIcon, NavItemText, PRODUCTS, Sheet, Sidebar, SkipNav, SubNav, SubNavItem, SubNavItemText };
+export { Body$1 as Body, Chrome, CollapsibleSubNavItem, Content, Footer$1 as Footer, FooterItem$1 as FooterItem, Header$1 as Header, HeaderItem, HeaderItemIcon, HeaderItemText, HeaderItemWrapper, Main, Nav, NavItem, NavItemIcon, NavItemText, PRODUCT as PRODUCTS, Sheet, Sidebar, SkipNav, SubNav, SubNavItem, SubNavItemText };

package/dist/typings/elements/Chrome.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 React, { HTMLAttributes } from 'react';
-export interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
-    /** Applies a custom hue to the chrome navigation */
-    hue?: string;
-    /** Prevents fixed positioning from being applied to the `<html>` element */
-    isFluid?: boolean;
-}
+import React from 'react';
+import { IChromeProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/SkipNav.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 React, { AnchorHTMLAttributes } from 'react';
-export interface ISkipNavProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    /** Sets the ID of the element to navigate to */
-    targetId: string;
-    /** Sets the `z-index` of the element */
-    zIndex?: number;
-}
+import React from 'react';
+import { ISkipNavProps } from '../types';
 /**
  * @extends AnchorHTMLAttributes<HTMLAnchorElement>
  */

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

@@ -4,11 +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 React, { HTMLAttributes } from 'react';
-export interface IBodyProps extends HTMLAttributes<HTMLDivElement> {
-    /** Adjusts the body content height to allow space for a footer component */
-    hasFooter?: boolean;
-}
+import React from 'react';
+import { IBodyProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

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

@@ -4,11 +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 React, { HTMLAttributes } from 'react';
-export interface IHeaderProps extends HTMLAttributes<HTMLElement> {
-    /** Displays logo for standlone usage  */
-    isStandalone?: boolean;
-}
+import React from 'react';
+import { IHeaderProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLElement>
  */

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

@@ -4,24 +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 React, { ButtonHTMLAttributes } from 'react';
-import { PRODUCT } from '../../utils/types';
-export interface IHeaderItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Maximizes the width of a flex item in the header */
-    maxX?: boolean;
-    /** Maximizes the height of the item (i.e. contains a search input) */
-    maxY?: boolean;
-    /** Rounds the border radius of the item */
-    isRound?: boolean;
-    /**
-     * Applies a
-     * [brand color](/design/color#brand-colors)
-     * to the product logo
-     */
-    product?: PRODUCT;
-    /** Applies header logo styles to the item */
-    hasLogo?: boolean;
-}
+import React from 'react';
+import { IHeaderItemProps } from '../../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

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

@@ -4,11 +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 React, { HTMLAttributes } from 'react';
-export interface IHeaderItemTextProps extends HTMLAttributes<HTMLElement> {
-    /** Hides item text. Text remains accessible to screen readers. */
-    isClipped?: boolean;
-}
+import React from 'react';
+import { IHeaderItemTextProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLSpanElement>
  */

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

@@ -4,15 +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 React, { HTMLAttributes } from 'react';
-export interface IHeaderItemWrapperProps extends HTMLAttributes<HTMLDivElement> {
-    /** Maximizes the width of a flex item in the header */
-    maxX?: boolean;
-    /** Maximizes the height of the item (i.e. contains a search input) */
-    maxY?: boolean;
-    /** Rounds the border radius of the item */
-    isRound?: boolean;
-}
+import React from 'react';
+import { IHeaderItemWrapperProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

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

@@ -4,11 +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 React, { HTMLAttributes } from 'react';
-export interface INavProps extends HTMLAttributes<HTMLElement> {
-    /** Expands the nav area to display the item text */
-    isExpanded?: boolean;
-}
+import React from 'react';
+import { INavProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLElement>
  */

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

@@ -4,18 +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 React, { ButtonHTMLAttributes } from 'react';
-import { PRODUCT } from '../../utils/types';
-export interface INavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Applies a product-specific color palette */
-    product?: PRODUCT;
-    /** Indicates that the item is current in the nav */
-    isCurrent?: boolean;
-    /** Indicates that the item contains a product logo */
-    hasLogo?: boolean;
-    /** Indicates that the item contains the company brandmark */
-    hasBrandmark?: boolean;
-}
+import React from 'react';
+import { INavItemProps } from '../../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

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

@@ -4,11 +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 React, { HTMLAttributes } from 'react';
-export interface INavItemTextProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Wraps overflow item text instead of truncating long strings with an ellipsis **/
-    isWrapped?: boolean;
-}
+import React from 'react';
+import { INavItemTextProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLSpanElement>
  */

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

@@ -4,7 +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 React, { HTMLAttributes } from 'react';
+import React from 'react';
+import { ISheetProps } from '../../types';
 import { Title } from './components/Title';
 import { Description } from './components/Description';
 import { Header } from './components/Header';
@@ -12,20 +13,6 @@ import { Body } from './components/Body';
 import { Footer } from './components/Footer';
 import { FooterItem } from './components/FooterItem';
 import { Close } from './components/Close';
-export interface ISheetProps extends HTMLAttributes<HTMLElement> {
-    /** Opens the Sheet */
-    isOpen?: boolean;
-    /** Determines whether animation for opening and closing the Sheet is used */
-    isAnimated?: boolean;
-    /** Focuses on the Sheet when `isOpen` is true and mounted */
-    focusOnMount?: boolean;
-    /** Directs keyboard focus to the Sheet on mount */
-    restoreFocus?: boolean;
-    /** Returns keyboard focus to the element that triggered the Sheet */
-    placement?: 'start' | 'end';
-    /** Sets the width in pixels, based on the placement of the Sheet */
-    size?: string;
-}
 /**
  * @extends HTMLAttributes<HTMLElement>
  */

package/dist/typings/elements/sheet/components/Footer.d.ts

@@ -4,11 +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 React, { HTMLAttributes } from 'react';
-export interface ISheetFooterProps extends HTMLAttributes<HTMLElement> {
-    /** Sets the footer padding to half the standard and centers the elements */
-    isCompact?: boolean;
-}
+import React from 'react';
+import { ISheetFooterProps } from '../../../types';
 /**
  * @extends HTMLAttributes<HTMLElement>
  */

package/dist/typings/elements/subnav/CollapsibleSubNavItem.d.ts

@@ -4,19 +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 React, { ButtonHTMLAttributes } from 'react';
-export interface ICollapsibleSubNavItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
-    /** Sets the item's section header */
-    header?: React.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;
-}
+import React from 'react';
+import { ICollapsibleSubNavItemProps } from '../../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

package/dist/typings/elements/subnav/SubNavItem.d.ts

@@ -4,11 +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 React, { ButtonHTMLAttributes } from 'react';
-export interface ISubNavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Indicates that the item is current in the subnav */
-    isCurrent?: boolean;
-}
+import React from 'react';
+import { ISubNavItemProps } from '../../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

package/dist/typings/elements/subnav/SubNavItemText.d.ts

@@ -4,14 +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 React, { HTMLAttributes } from 'react';
-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;
-}
+import React from 'react';
+import { ISubNavItemTextProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLSpanElement>
  */