@zendeskgarden/react-chrome 8.75.1 → 8.76.1

package/dist/index.cjs.js

@@ -1,10 +1,9 @@
 /**
- * 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.
- */
-
+* 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.
+*/
 'use strict';
 
 var React = require('react');
@@ -44,21 +43,6 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 var activeElement__default = /*#__PURE__*/_interopDefault(activeElement);
 
-function _extends$3() {
-  _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$3.apply(this, arguments);
-}
-
 const ChromeContext = React__namespace.default.createContext({
   hue: 'chromeHue'
 });
@@ -69,7 +53,7 @@ const useChromeContext = () => {
 const COMPONENT_ID$A = 'chrome.chrome';
 const StyledChrome = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledChrome",
   componentId: "sc-1uqm6u6-0"
@@ -81,7 +65,7 @@ StyledChrome.defaultProps = {
 const COMPONENT_ID$z = 'chrome.header_item_icon';
 const StyledHeaderItemIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledHeaderItemIcon",
   componentId: "sc-1jhhp6z-0"
@@ -98,7 +82,7 @@ const sizeStyles$4 = props => {
 };
 const StyledBaseHeaderItem = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledBaseHeaderItem",
   componentId: "sc-1qua7h6-0"
@@ -119,7 +103,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
 const clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
 const StyledHeaderItemText = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledHeaderItemText",
   componentId: "sc-goz7la-0"
@@ -143,7 +127,7 @@ const getExpandedNavWidth = () => {
 };
 const StyledNav = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-6j462r-0"
@@ -175,7 +159,7 @@ const retrieveProductColor$1 = props => {
 };
 const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.75.1',
+  'data-garden-version': '8.76.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoHeaderItem",
@@ -196,7 +180,7 @@ const sizeStyles$3 = props => {
 };
 const StyledBaseNavItem = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledBaseNavItem",
   componentId: "sc-zvo43f-0"
@@ -211,7 +195,7 @@ const getHeaderHeight = props => {
 };
 const StyledHeader = styled__default.default.header.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1cexpz-0"
@@ -249,7 +233,7 @@ const sizeStyles$2 = props => {
 };
 const StyledSkipNav = styled__default.default.a.attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSkipNav",
   componentId: "sc-1tsro34-0"
@@ -282,7 +266,7 @@ const sizeStyles$1 = theme => {
 };
 const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSkipNavIcon",
   componentId: "sc-1ika5z4-0"
@@ -294,7 +278,7 @@ StyledSkipNavIcon.defaultProps = {
 const COMPONENT_ID$q = 'chrome.body';
 const StyledBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-c7h9kv-0"
@@ -309,7 +293,7 @@ const getFooterHeight = props => {
 };
 const StyledFooter = styled__default.default.footer.attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-v7lib2-0"
@@ -321,7 +305,7 @@ StyledFooter.defaultProps = {
 const COMPONENT_ID$o = 'chrome.content';
 const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-qcuzxn-0"
@@ -333,7 +317,7 @@ StyledContent.defaultProps = {
 const COMPONENT_ID$n = 'chrome.main';
 const StyledMain = styled__default.default.main.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledMain",
   componentId: "sc-t61cre-0"
@@ -345,7 +329,7 @@ StyledMain.defaultProps = {
 const COMPONENT_ID$m = 'chrome.sidebar';
 const StyledSidebar = styled__default.default.aside.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSidebar",
   componentId: "sc-1q77fuw-0"
@@ -357,7 +341,7 @@ StyledSidebar.defaultProps = {
 const COMPONENT_ID$l = 'chrome.footer_item';
 const StyledFooterItem = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1cktm85-0"
@@ -373,7 +357,7 @@ const imgStyles = props => {
 };
 const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-14sft6n-0"
@@ -392,7 +376,7 @@ StyledHeaderItem.defaultProps = {
 const COMPONENT_ID$j = 'chrome.header_item_wrapper';
 const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.75.1',
+  'data-garden-version': '8.76.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledHeaderItemWrapper",
@@ -430,7 +414,7 @@ const colorStyles$4 = props => {
 };
 const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.75.1',
+  'data-garden-version': '8.76.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoNavItem",
@@ -443,7 +427,7 @@ StyledLogoNavItem.defaultProps = {
 const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
 const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.75.1',
+  'data-garden-version': '8.76.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledBrandmarkNavItem",
@@ -456,7 +440,7 @@ StyledBrandmarkNavItem.defaultProps = {
 const COMPONENT_ID$g = 'chrome.nav_item_icon';
 const StyledNavItemIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledNavItemIcon",
   componentId: "sc-7w9rpt-0"
@@ -502,7 +486,7 @@ const colorStyles$3 = props => {
 };
 const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.75.1',
+  'data-garden-version': '8.76.1',
   as: 'button'
 }).withConfig({
   displayName: "StyledNavItem",
@@ -519,7 +503,7 @@ StyledNavItem.defaultProps = {
 const COMPONENT_ID$e = 'chrome.nav_item_text';
 const StyledNavItemText = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledNavItemText",
   componentId: "sc-13m84xl-0"
@@ -572,7 +556,7 @@ const getSubNavItemHeight = props => {
 };
 const StyledSubNavItem = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSubNavItem",
   componentId: "sc-1yg9dpx-0"
@@ -595,7 +579,7 @@ const colorStyles$1 = props => {
 };
 const StyledSubNav = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSubNav",
   componentId: "sc-19hjou6-0"
@@ -613,7 +597,7 @@ const sizeStyles = props => {
 };
 const StyledSubNavItemText = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSubNavItemText",
   componentId: "sc-1hy0pn7-0"
@@ -625,7 +609,7 @@ StyledSubNavItemText.defaultProps = {
 const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
 const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.75.1',
+  'data-garden-version': '8.76.1',
   'data-garden-header': 'true'
 }).withConfig({
   displayName: "StyledSubNavItemHeader",
@@ -658,7 +642,7 @@ const FilteredChevronDownStrokeIcon = React__namespace.default.forwardRef((_ref,
     isExpanded,
     ...validProps
   } = _ref;
-  return React__namespace.default.createElement(SvgChevronDownStroke, _extends$3({
+  return React__namespace.default.createElement(SvgChevronDownStroke, Object.assign({
     ref: ref
   }, validProps));
 });
@@ -672,7 +656,7 @@ StyledSubNavItemIcon.defaultProps = {
 };
 const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
   componentId: "sc-1d02hho-1"
@@ -685,7 +669,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
 const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
 const StyledSubNavPanel = styled__default.default.div.attrs({
   'data-garden-id': PANEL_COMPONENT_ID,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSubNavPanel",
   componentId: "sc-1jv3rpv-0"
@@ -716,7 +700,7 @@ const borderStyle = _ref => {
 };
 const StyledSheet = styled__default.default.aside.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheet",
   componentId: "sc-dx8ijk-0"
@@ -728,7 +712,7 @@ StyledSheet.defaultProps = {
 const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
 const StyledSheetWrapper = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetWrapper",
   componentId: "sc-f6x9zb-0"
@@ -755,7 +739,7 @@ StyledSheetWrapper.defaultProps = {
 const COMPONENT_ID$6 = 'chrome.sheet_title';
 const StyledSheetTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetTitle",
   componentId: "sc-1gogk75-0"
@@ -767,7 +751,7 @@ StyledSheetTitle.defaultProps = {
 const COMPONENT_ID$5 = 'chrome.sheet_description';
 const StyledSheetDescription = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetDescription",
   componentId: "sc-1puglb6-0"
@@ -779,7 +763,7 @@ StyledSheetDescription.defaultProps = {
 const COMPONENT_ID$4 = 'chrome.sheet_body';
 const StyledSheetBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetBody",
   componentId: "sc-bt4eoj-0"
@@ -803,7 +787,7 @@ const colorStyles = props => {
 };
 const StyledSheetClose = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetClose",
   componentId: "sc-1ab02oq-0"
@@ -815,7 +799,7 @@ StyledSheetClose.defaultProps = {
 const COMPONENT_ID$2 = 'chrome.sheet_footer';
 const StyledSheetFooter = styled__default.default.footer.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetFooter",
   componentId: "sc-2cktos-0"
@@ -827,7 +811,7 @@ StyledSheetFooter.defaultProps = {
 const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
 const StyledSheetFooterItem = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetFooterItem",
   componentId: "sc-r9ixh-0"
@@ -839,7 +823,7 @@ StyledSheetFooterItem.defaultProps = {
 const COMPONENT_ID = 'chrome.sheet_header';
 const StyledSheetHeader = styled__default.default.header.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.1'
 }).withConfig({
   displayName: "StyledSheetHeader",
   componentId: "sc-o2ry8i-0"
@@ -886,7 +870,7 @@ const Chrome = React__namespace.default.forwardRef((_ref, ref) => {
   }, [environment, isFluid]);
   return React__namespace.default.createElement(ChromeContext.Provider, {
     value: chromeContextValue
-  }, React__namespace.default.createElement(StyledChrome, _extends$3({
+  }, React__namespace.default.createElement(StyledChrome, Object.assign({
     ref: ref
   }, props)));
 });
@@ -902,7 +886,7 @@ const SkipNav = React__namespace.default.forwardRef((_ref, ref) => {
     children,
     ...props
   } = _ref;
-  return React__namespace.default.createElement(StyledSkipNav, _extends$3({
+  return React__namespace.default.createElement(StyledSkipNav, Object.assign({
     href: `#${targetId}`,
     zIndex: zIndex,
     ref: ref
@@ -934,7 +918,7 @@ const Body$1 = React__namespace.default.forwardRef((_ref, ref) => {
   }), [hasFooter]);
   return React__namespace.default.createElement(BodyContext.Provider, {
     value: bodyContextValue
-  }, React__namespace.default.createElement(StyledBody, _extends$3({
+  }, React__namespace.default.createElement(StyledBody, Object.assign({
     ref: ref
   }, props)));
 });
@@ -947,24 +931,24 @@ const Content = React__namespace.default.forwardRef((props, ref) => {
   const {
     hasFooter
   } = useBodyContext();
-  return React__namespace.default.createElement(StyledContent, _extends$3({
+  return React__namespace.default.createElement(StyledContent, Object.assign({
     ref: ref,
     hasFooter: hasFooter
   }, props));
 });
 Content.displayName = 'Content';
 
-const Main = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledMain, _extends$3({
+const Main = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledMain, Object.assign({
   ref: ref
 }, props)));
 Main.displayName = 'Main';
 
-const Sidebar = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSidebar, _extends$3({
+const Sidebar = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSidebar, Object.assign({
   ref: ref
 }, props)));
 Sidebar.displayName = 'Sidebar';
 
-const Header$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeader, _extends$3({
+const Header$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeader, Object.assign({
   ref: ref
 }, props)));
 Header$1.displayName = 'Header';
@@ -982,12 +966,12 @@ const HeaderItem = React__namespace.default.forwardRef((_ref, ref) => {
     ...other
   } = _ref;
   if (hasLogo) {
-    return React__namespace.default.createElement(StyledLogoHeaderItem, _extends$3({
+    return React__namespace.default.createElement(StyledLogoHeaderItem, Object.assign({
       ref: ref,
       product: product
     }, other));
   }
-  return React__namespace.default.createElement(StyledHeaderItem, _extends$3({
+  return React__namespace.default.createElement(StyledHeaderItem, Object.assign({
     ref: ref
   }, other));
 });
@@ -1017,14 +1001,14 @@ const HeaderItemIcon = _ref => {
         ...iconProps
       });
     };
-    return React__namespace.default.createElement(StyledHeaderItemIcon, _extends$3({
+    return React__namespace.default.createElement(StyledHeaderItemIcon, Object.assign({
       as: Icon
     }, props));
   }
   return null;
 };
 
-const HeaderItemText = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeaderItemText, _extends$3({
+const HeaderItemText = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeaderItemText, Object.assign({
   ref: ref
 }, props)));
 HeaderItemText.displayName = 'HeaderItemText';
@@ -1032,17 +1016,17 @@ HeaderItemText.propTypes = {
   isClipped: PropTypes__default.default.bool
 };
 
-const HeaderItemWrapper = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeaderItemWrapper, _extends$3({
+const HeaderItemWrapper = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeaderItemWrapper, Object.assign({
   ref: ref
 }, props)));
 HeaderItemWrapper.displayName = 'HeaderItemWrapper';
 
-const Footer$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledFooter, _extends$3({
+const Footer$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledFooter, Object.assign({
   ref: ref
 }, props)));
 Footer$1.displayName = 'Footer';
 
-const FooterItem$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledFooterItem, _extends$3({
+const FooterItem$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledFooterItem, Object.assign({
   ref: ref
 }, props)));
 FooterItem$1.displayName = 'FooterItem';
@@ -1065,7 +1049,7 @@ const Nav = React__namespace.default.forwardRef((props, ref) => {
   }), [props.isExpanded]);
   return React__namespace.default.createElement(NavContext.Provider, {
     value: navContextValue
-  }, React__namespace.default.createElement(StyledNav, _extends$3({
+  }, React__namespace.default.createElement(StyledNav, Object.assign({
     ref: ref
   }, props, {
     hue: hue,
@@ -1095,7 +1079,7 @@ const NavItem = React__namespace.default.forwardRef((_ref, ref) => {
   } = useNavContext();
   const ariaCurrent = other.isCurrent || undefined;
   if (hasLogo) {
-    return React__namespace.default.createElement(StyledLogoNavItem, _extends$3({
+    return React__namespace.default.createElement(StyledLogoNavItem, Object.assign({
       ref: ref,
       isDark: isDark,
       isLight: isLight,
@@ -1104,11 +1088,11 @@ const NavItem = React__namespace.default.forwardRef((_ref, ref) => {
     }, other));
   }
   if (hasBrandmark) {
-    return React__namespace.default.createElement(StyledBrandmarkNavItem, _extends$3({
+    return React__namespace.default.createElement(StyledBrandmarkNavItem, Object.assign({
       ref: ref
     }, other));
   }
-  return React__namespace.default.createElement(StyledNavItem, _extends$3({
+  return React__namespace.default.createElement(StyledNavItem, Object.assign({
     tabIndex: 0,
     ref: ref,
     isExpanded: isExpanded,
@@ -1142,7 +1126,7 @@ const NavItemIcon = _ref => {
         ...iconProps
       });
     };
-    return React__namespace.default.createElement(StyledNavItemIcon, _extends$3({
+    return React__namespace.default.createElement(StyledNavItemIcon, Object.assign({
       as: Icon
     }, props));
   }
@@ -1153,7 +1137,7 @@ const NavItemText = React__namespace.default.forwardRef((props, ref) => {
   const {
     isExpanded
   } = useNavContext();
-  return React__namespace.default.createElement(StyledNavItemText, _extends$3({
+  return React__namespace.default.createElement(StyledNavItemText, Object.assign({
     ref: ref,
     isExpanded: isExpanded
   }, props));
@@ -1169,7 +1153,7 @@ const SubNav = React__namespace.default.forwardRef((props, ref) => {
     isLight,
     isDark
   } = useChromeContext();
-  return React__namespace.default.createElement(StyledSubNav, _extends$3({
+  return React__namespace.default.createElement(StyledSubNav, Object.assign({
     ref: ref,
     hue: hue,
     isLight: isLight,
@@ -1183,7 +1167,7 @@ const SubNavItem = React__namespace.default.forwardRef((props, ref) => {
     isDark,
     isLight
   } = useChromeContext();
-  return React__namespace.default.createElement(StyledSubNavItem, _extends$3({
+  return React__namespace.default.createElement(StyledSubNavItem, Object.assign({
     ref: ref,
     isDark: isDark,
     isLight: isLight
@@ -1194,7 +1178,7 @@ SubNavItem.propTypes = {
   isCurrent: PropTypes__default.default.bool
 };
 
-const SubNavItemText = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSubNavItemText, _extends$3({
+const SubNavItemText = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSubNavItemText, Object.assign({
   ref: ref
 }, props)));
 SubNavItemText.displayName = 'SubNavItemText';
@@ -1244,7 +1228,7 @@ const CollapsibleSubNavItem = React__namespace.default.forwardRef((_ref, ref) =>
     ref: ref
   }, React__namespace.default.createElement("div", getHeaderProps({
     'aria-level': 2
-  }), React__namespace.default.createElement(StyledSubNavItemHeader, _extends$3({
+  }), React__namespace.default.createElement(StyledSubNavItemHeader, Object.assign({
     isDark: isDark,
     isLight: isLight,
     isExpanded: expanded
@@ -1257,7 +1241,7 @@ const CollapsibleSubNavItem = React__namespace.default.forwardRef((_ref, ref) =>
     type: "button"
   }), React__namespace.default.createElement(React__namespace.default.Fragment, null, header, React__namespace.default.createElement(StyledSubNavItemIconWrapper, {
     isExpanded: expanded
-  }, React__namespace.default.createElement(StyledSubNavItemIcon, null))))), React__namespace.default.createElement(StyledSubNavPanel, _extends$3({
+  }, React__namespace.default.createElement(StyledSubNavItemIcon, null))))), React__namespace.default.createElement(StyledSubNavPanel, Object.assign({
     isHidden: !expanded
   }, getPanelProps({
     ref: panelRef,
@@ -1307,7 +1291,7 @@ const SheetTitle = React.forwardRef((_ref, ref) => {
   const {
     titleId
   } = useSheetContext();
-  return React__namespace.default.createElement(StyledSheetTitle, _extends$3({
+  return React__namespace.default.createElement(StyledSheetTitle, Object.assign({
     id: id || titleId,
     ref: ref
   }, props));
@@ -1323,7 +1307,7 @@ const SheetDescription = React.forwardRef((_ref, ref) => {
   const {
     descriptionId
   } = useSheetContext();
-  return React__namespace.default.createElement(StyledSheetDescription, _extends$3({
+  return React__namespace.default.createElement(StyledSheetDescription, Object.assign({
     id: id || descriptionId,
     ref: ref
   }, props));
@@ -1335,7 +1319,7 @@ const SheetHeader = React.forwardRef((props, ref) => {
   const {
     isCloseButtonPresent
   } = useSheetContext();
-  return React__namespace.default.createElement(StyledSheetHeader, _extends$3({
+  return React__namespace.default.createElement(StyledSheetHeader, Object.assign({
     ref: ref,
     isCloseButtonPresent: isCloseButtonPresent
   }, props));
@@ -1344,7 +1328,7 @@ SheetHeader.displayName = 'Sheet.Header';
 const Header = SheetHeader;
 
 const SheetBody = React.forwardRef((props, ref) => {
-  return React__namespace.default.createElement(StyledSheetBody, _extends$3({
+  return React__namespace.default.createElement(StyledSheetBody, Object.assign({
     ref: ref
   }, props));
 });
@@ -1352,7 +1336,7 @@ SheetBody.displayName = 'Sheet.Body';
 const Body = SheetBody;
 
 const SheetFooter = React.forwardRef((props, ref) => {
-  return React__namespace.default.createElement(StyledSheetFooter, _extends$3({
+  return React__namespace.default.createElement(StyledSheetFooter, Object.assign({
     ref: ref
   }, props));
 });
@@ -1360,7 +1344,7 @@ SheetFooter.displayName = 'Sheet.Footer';
 const Footer = SheetFooter;
 
 const SheetFooterItem = React.forwardRef((props, ref) => {
-  return React__namespace.default.createElement(StyledSheetFooterItem, _extends$3({
+  return React__namespace.default.createElement(StyledSheetFooterItem, Object.assign({
     ref: ref
   }, props));
 });
@@ -1392,7 +1376,7 @@ const SheetClose = React.forwardRef((props, ref) => {
     setIsCloseButtonPresent(true);
     return () => setIsCloseButtonPresent(false);
   }, [setIsCloseButtonPresent]);
-  return React__namespace.default.createElement(StyledSheetClose, _extends$3({
+  return React__namespace.default.createElement(StyledSheetClose, Object.assign({
     "aria-label": "Close Sheet",
     ref: ref
   }, props), React__namespace.default.createElement(SvgXStroke, null));
@@ -1415,7 +1399,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
   const sheetRef = React.useRef(null);
   const seed = reactUid.useUIDSeed();
   const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
-  const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.75.1'}`), [id, seed]);
+  const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.76.1'}`), [id, seed]);
   const titleId = `${idPrefix}--title`;
   const descriptionId = `${idPrefix}--description`;
   const sheetContext = React.useMemo(() => ({
@@ -1432,7 +1416,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
   });
   return React__namespace.default.createElement(SheetContext.Provider, {
     value: sheetContext
-  }, React__namespace.default.createElement(StyledSheet, _extends$3({
+  }, React__namespace.default.createElement(StyledSheet, Object.assign({
     isOpen: isOpen,
     isAnimated: isAnimated,
     placement: placement,