@zendeskgarden/react-chrome 8.52.0 → 8.53.0

package/dist/index.cjs.js

@@ -209,7 +209,7 @@ var useChromeContext = function useChromeContext() {
 var COMPONENT_ID$A = 'chrome.chrome';
 var StyledChrome = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledChrome",
   componentId: "sc-1uqm6u6-0"
@@ -227,7 +227,7 @@ StyledChrome.defaultProps = {
 var COMPONENT_ID$z = 'chrome.header_item_icon';
 var StyledHeaderItemIcon = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledHeaderItemIcon",
   componentId: "sc-1jhhp6z-0"
@@ -254,7 +254,7 @@ var sizeStyles$4 = function sizeStyles(props) {
 };
 var StyledBaseHeaderItem = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledBaseHeaderItem",
   componentId: "sc-1qua7h6-0"
@@ -283,7 +283,7 @@ var COMPONENT_ID$x = 'chrome.header_item_text';
 var clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
 var StyledHeaderItemText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledHeaderItemText",
   componentId: "sc-goz7la-0"
@@ -311,7 +311,7 @@ var getExpandedNavWidth = function getExpandedNavWidth() {
 };
 var StyledNav = styled__default["default"].nav.attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-6j462r-0"
@@ -351,7 +351,7 @@ var retrieveProductColor$1 = function retrieveProductColor(props) {
 };
 var StyledLogoHeaderItem = styled__default["default"](StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.52.0',
+  'data-garden-version': '8.53.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoHeaderItem",
@@ -392,7 +392,7 @@ var sizeStyles$3 = function sizeStyles(props) {
 };
 var StyledBaseNavItem = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledBaseNavItem",
   componentId: "sc-zvo43f-0"
@@ -409,7 +409,7 @@ var getHeaderHeight = function getHeaderHeight(props) {
 };
 var StyledHeader = styled__default["default"].header.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1cexpz-0"
@@ -457,7 +457,7 @@ var sizeStyles$2 = function sizeStyles(props) {
 };
 var StyledSkipNav = styled__default["default"].a.attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSkipNav",
   componentId: "sc-1tsro34-0"
@@ -506,7 +506,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
 };
 var StyledSkipNavIcon = styled__default["default"](SvgLinkStroke).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSkipNavIcon",
   componentId: "sc-1ika5z4-0"
@@ -526,7 +526,7 @@ StyledSkipNavIcon.defaultProps = {
 var COMPONENT_ID$q = 'chrome.body';
 var StyledBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-c7h9kv-0"
@@ -545,7 +545,7 @@ var getFooterHeight = function getFooterHeight(props) {
 };
 var StyledFooter = styled__default["default"].footer.attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-v7lib2-0"
@@ -565,7 +565,7 @@ StyledFooter.defaultProps = {
 var COMPONENT_ID$o = 'chrome.content';
 var StyledContent = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-qcuzxn-0"
@@ -587,7 +587,7 @@ StyledContent.defaultProps = {
 var COMPONENT_ID$n = 'chrome.main';
 var StyledMain = styled__default["default"].main.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledMain",
   componentId: "sc-t61cre-0"
@@ -603,7 +603,7 @@ StyledMain.defaultProps = {
 var COMPONENT_ID$m = 'chrome.sidebar';
 var StyledSidebar = styled__default["default"].aside.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSidebar",
   componentId: "sc-1q77fuw-0"
@@ -621,7 +621,7 @@ StyledSidebar.defaultProps = {
 var COMPONENT_ID$l = 'chrome.footer_item';
 var StyledFooterItem = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1cktm85-0"
@@ -641,7 +641,7 @@ var imgStyles = function imgStyles(props) {
 };
 var StyledHeaderItem = styled__default["default"](StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-14sft6n-0"
@@ -667,7 +667,7 @@ StyledHeaderItem.defaultProps = {
 var COMPONENT_ID$j = 'chrome.header_item_wrapper';
 var StyledHeaderItemWrapper = styled__default["default"](StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.52.0',
+  'data-garden-version': '8.53.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledHeaderItemWrapper",
@@ -707,7 +707,7 @@ var colorStyles$4 = function colorStyles(props) {
 };
 var StyledLogoNavItem = styled__default["default"](StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.52.0',
+  'data-garden-version': '8.53.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoNavItem",
@@ -722,7 +722,7 @@ StyledLogoNavItem.defaultProps = {
 var COMPONENT_ID$h = 'chrome.brandmark_nav_item';
 var StyledBrandmarkNavItem = styled__default["default"](StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.52.0',
+  'data-garden-version': '8.53.0',
   as: 'div'
 }).withConfig({
   displayName: "StyledBrandmarkNavItem",
@@ -735,7 +735,7 @@ StyledBrandmarkNavItem.defaultProps = {
 var COMPONENT_ID$g = 'chrome.nav_item_icon';
 var StyledNavItemIcon = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledNavItemIcon",
   componentId: "sc-7w9rpt-0"
@@ -775,7 +775,7 @@ var colorStyles$3 = function colorStyles(props) {
 };
 var StyledNavItem = styled__default["default"](StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.52.0',
+  'data-garden-version': '8.53.0',
   as: 'button'
 }).withConfig({
   displayName: "StyledNavItem",
@@ -800,7 +800,7 @@ StyledNavItem.defaultProps = {
 var COMPONENT_ID$e = 'chrome.nav_item_text';
 var StyledNavItemText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledNavItemText",
   componentId: "sc-13m84xl-0"
@@ -843,7 +843,7 @@ var getSubNavItemHeight = function getSubNavItemHeight(props) {
 };
 var StyledSubNavItem = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSubNavItem",
   componentId: "sc-1yg9dpx-0"
@@ -878,7 +878,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledSubNav = styled__default["default"].nav.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSubNav",
   componentId: "sc-19hjou6-0"
@@ -904,7 +904,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledSubNavItemText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSubNavItemText",
   componentId: "sc-1hy0pn7-0"
@@ -922,7 +922,7 @@ StyledSubNavItemText.defaultProps = {
 var COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
 var StyledSubNavItemHeader = styled__default["default"](StyledSubNavItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.52.0',
+  'data-garden-version': '8.53.0',
   'data-garden-header': 'true'
 }).withConfig({
   displayName: "StyledSubNavItemHeader",
@@ -980,7 +980,7 @@ StyledSubNavItemIcon.defaultProps = {
 };
 var StyledSubNavItemIconWrapper = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
   componentId: "sc-1d02hho-1"
@@ -1006,7 +1006,7 @@ var PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
 var hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
 var StyledSubNavPanel = styled__default["default"].div.attrs({
   'data-garden-id': PANEL_COMPONENT_ID,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSubNavPanel",
   componentId: "sc-1jv3rpv-0"
@@ -1043,7 +1043,7 @@ var borderStyle = function borderStyle(_ref) {
 };
 var StyledSheet = styled__default["default"].aside.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheet",
   componentId: "sc-dx8ijk-0"
@@ -1067,7 +1067,7 @@ StyledSheet.defaultProps = {
 var COMPONENT_ID$7 = 'chrome.sheet_wrapper';
 var StyledSheetWrapper = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetWrapper",
   componentId: "sc-f6x9zb-0"
@@ -1100,7 +1100,7 @@ StyledSheetWrapper.defaultProps = {
 var COMPONENT_ID$6 = 'chrome.sheet_title';
 var StyledSheetTitle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetTitle",
   componentId: "sc-1gogk75-0"
@@ -1120,7 +1120,7 @@ StyledSheetTitle.defaultProps = {
 var COMPONENT_ID$5 = 'chrome.sheet_description';
 var StyledSheetDescription = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetDescription",
   componentId: "sc-1puglb6-0"
@@ -1138,7 +1138,7 @@ StyledSheetDescription.defaultProps = {
 var COMPONENT_ID$4 = 'chrome.sheet_body';
 var StyledSheetBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetBody",
   componentId: "sc-bt4eoj-0"
@@ -1164,7 +1164,7 @@ var colorStyles = function colorStyles(props) {
 };
 var StyledSheetClose = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetClose",
   componentId: "sc-1ab02oq-0"
@@ -1190,7 +1190,7 @@ StyledSheetClose.defaultProps = {
 var COMPONENT_ID$2 = 'chrome.sheet_footer';
 var StyledSheetFooter = styled__default["default"].footer.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetFooter",
   componentId: "sc-2cktos-0"
@@ -1210,7 +1210,7 @@ StyledSheetFooter.defaultProps = {
 var COMPONENT_ID$1 = 'chrome.sheet_footer_item';
 var StyledSheetFooterItem = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetFooterItem",
   componentId: "sc-r9ixh-0"
@@ -1226,7 +1226,7 @@ StyledSheetFooterItem.defaultProps = {
 var COMPONENT_ID = 'chrome.sheet_header';
 var StyledSheetHeader = styled__default["default"].header.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetHeader",
   componentId: "sc-o2ry8i-0"
@@ -1655,7 +1655,7 @@ CollapsibleSubNavItem.propTypes = {
 CollapsibleSubNavItem.displayName = 'CollapsibleSubNavItem';
 
 var SheetContext = React.createContext({
-  setCloseButtonPresent: function setCloseButtonPresent() {}
+  setIsCloseButtonPresent: function setIsCloseButtonPresent() {}
 });
 var useSheetContext = function useSheetContext() {
   return React.useContext(SheetContext);
@@ -1781,13 +1781,13 @@ var SvgXStroke = function SvgXStroke(props) {
 
 var SheetClose = React.forwardRef(function (props, ref) {
   var _useSheetContext = useSheetContext(),
-      setCloseButtonPresent = _useSheetContext.setCloseButtonPresent;
+      setIsCloseButtonPresent = _useSheetContext.setIsCloseButtonPresent;
   React.useEffect(function () {
-    setCloseButtonPresent(true);
+    setIsCloseButtonPresent(true);
     return function () {
-      return setCloseButtonPresent(false);
+      return setIsCloseButtonPresent(false);
     };
-  }, [setCloseButtonPresent]);
+  }, [setIsCloseButtonPresent]);
   return React__default["default"].createElement(StyledSheetClose, _extends$3({
     "aria-label": "Close Sheet",
     ref: ref
@@ -1812,10 +1812,10 @@ var SheetComponent = React__default["default"].forwardRef(function (_ref, ref) {
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isCloseButtonPresent = _useState2[0],
-      setCloseButtonPresent = _useState2[1];
-  var _useState3 = React.useState(id || seed("sheet_".concat('8.52.0'))),
-      _useState4 = _slicedToArray(_useState3, 1),
-      idPrefix = _useState4[0];
+      setIsCloseButtonPresent = _useState2[1];
+  var idPrefix = React.useMemo(function () {
+    return id || seed("sheet_".concat('8.53.0'));
+  }, [id, seed]);
   var titleId = "".concat(idPrefix, "--title");
   var descriptionId = "".concat(idPrefix, "--description");
   var sheetContext = React.useMemo(function () {
@@ -1823,7 +1823,7 @@ var SheetComponent = React__default["default"].forwardRef(function (_ref, ref) {
       titleId: titleId,
       descriptionId: descriptionId,
       isCloseButtonPresent: isCloseButtonPresent,
-      setCloseButtonPresent: setCloseButtonPresent
+      setIsCloseButtonPresent: setIsCloseButtonPresent
     };
   }, [titleId, descriptionId, isCloseButtonPresent]);
   useFocusableMount({

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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0',
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0',
+  'data-garden-version': '8.53.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.52.0',
+  'data-garden-version': '8.53.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.52.0',
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0',
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0',
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.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.52.0'
+  'data-garden-version': '8.53.0'
 }).withConfig({
   displayName: "StyledSheetHeader",
   componentId: "sc-o2ry8i-0"
@@ -1626,7 +1626,7 @@ CollapsibleSubNavItem.propTypes = {
 CollapsibleSubNavItem.displayName = 'CollapsibleSubNavItem';
 
 var SheetContext = createContext({
-  setCloseButtonPresent: function setCloseButtonPresent() {}
+  setIsCloseButtonPresent: function setIsCloseButtonPresent() {}
 });
 var useSheetContext = function useSheetContext() {
   return useContext(SheetContext);
@@ -1752,13 +1752,13 @@ var SvgXStroke = function SvgXStroke(props) {
 
 var SheetClose = forwardRef(function (props, ref) {
   var _useSheetContext = useSheetContext(),
-      setCloseButtonPresent = _useSheetContext.setCloseButtonPresent;
+      setIsCloseButtonPresent = _useSheetContext.setIsCloseButtonPresent;
   useEffect(function () {
-    setCloseButtonPresent(true);
+    setIsCloseButtonPresent(true);
     return function () {
-      return setCloseButtonPresent(false);
+      return setIsCloseButtonPresent(false);
     };
-  }, [setCloseButtonPresent]);
+  }, [setIsCloseButtonPresent]);
   return React__default.createElement(StyledSheetClose, _extends$3({
     "aria-label": "Close Sheet",
     ref: ref
@@ -1783,10 +1783,10 @@ var SheetComponent = React__default.forwardRef(function (_ref, ref) {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isCloseButtonPresent = _useState2[0],
-      setCloseButtonPresent = _useState2[1];
-  var _useState3 = useState(id || seed("sheet_".concat('8.52.0'))),
-      _useState4 = _slicedToArray(_useState3, 1),
-      idPrefix = _useState4[0];
+      setIsCloseButtonPresent = _useState2[1];
+  var idPrefix = useMemo(function () {
+    return id || seed("sheet_".concat('8.53.0'));
+  }, [id, seed]);
   var titleId = "".concat(idPrefix, "--title");
   var descriptionId = "".concat(idPrefix, "--description");
   var sheetContext = useMemo(function () {
@@ -1794,7 +1794,7 @@ var SheetComponent = React__default.forwardRef(function (_ref, ref) {
       titleId: titleId,
       descriptionId: descriptionId,
       isCloseButtonPresent: isCloseButtonPresent,
-      setCloseButtonPresent: setCloseButtonPresent
+      setIsCloseButtonPresent: setIsCloseButtonPresent
     };
   }, [titleId, descriptionId, isCloseButtonPresent]);
   useFocusableMount({

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

@@ -9,7 +9,7 @@ export interface ISheetContext {
     titleId?: string;
     descriptionId?: string;
     isCloseButtonPresent?: boolean;
-    setCloseButtonPresent: (isPresent: boolean) => void;
+    setIsCloseButtonPresent: (isPresent: boolean) => void;
 }
 export declare const SheetContext: import("react").Context<ISheetContext>;
 export declare const useSheetContext: () => ISheetContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-chrome",
-  "version": "8.52.0",
+  "version": "8.53.0",
   "description": "Components relating to Chrome within the Garden Design System.",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -35,8 +35,8 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.52.0",
-    "@zendeskgarden/svg-icons": "6.31.1"
+    "@zendeskgarden/react-theming": "^8.53.0",
+    "@zendeskgarden/svg-icons": "6.32.0"
   },
   "keywords": [
     "components",
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "1bc3c4a001a73769a5e33b7431e8b5f895b7caec"
+  "gitHead": "0fb51e654b241d34d9f933593f8525846112ae15"
 }