@zendeskgarden/react-chrome - npm Package Compare versions

Comparing version 8.62.1 to 8.62.2

dist/index.cjs.js

@@ -10,4 +10,2 @@ /**
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
@@ -23,3 +21,3 @@ var PropTypes = require('prop-types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -40,11 +38,10 @@ function _interopNamespace(e) {
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 
@@ -66,3 +63,3 @@ function _extends$3() {
 
-const ChromeContext = React__default["default"].createContext({
+const ChromeContext = React__namespace.default.createContext({
   hue: 'chromeHue'
@@ -75,5 +72,5 @@ });
 const COMPONENT_ID$A = 'chrome.chrome';
-const StyledChrome = styled__default["default"].div.attrs({
+const StyledChrome = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -88,5 +85,5 @@ displayName: "StyledChrome",
 const COMPONENT_ID$z = 'chrome.header_item_icon';
-const StyledHeaderItemIcon = styled__default["default"].div.attrs({
+const StyledHeaderItemIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -106,5 +103,5 @@ displayName: "StyledHeaderItemIcon",
 };
-const StyledBaseHeaderItem = styled__default["default"].button.attrs({
+const StyledBaseHeaderItem = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -128,5 +125,5 @@ displayName: "StyledBaseHeaderItem",
 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({
+const StyledHeaderItemText = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -153,5 +150,5 @@ displayName: "StyledHeaderItemText",
 };
-const StyledNav = styled__default["default"].nav.attrs({
+const StyledNav = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -186,5 +183,5 @@ displayName: "StyledNav",
 };
-const StyledLogoHeaderItem = styled__default["default"](StyledBaseHeaderItem).attrs({
+const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -208,5 +205,5 @@ }).withConfig({
 };
-const StyledBaseNavItem = styled__default["default"].button.attrs({
+const StyledBaseNavItem = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -224,5 +221,5 @@ displayName: "StyledBaseNavItem",
 };
-const StyledHeader = styled__default["default"].header.attrs({
+const StyledHeader = styled__default.default.header.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -259,5 +256,5 @@ displayName: "StyledHeader",
 };
-const StyledSkipNav = styled__default["default"].a.attrs({
+const StyledSkipNav = styled__default.default.a.attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -296,5 +293,5 @@ displayName: "StyledSkipNav",
 };
-const StyledSkipNavIcon = styled__default["default"](SvgLinkStroke).attrs({
+const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -309,5 +306,5 @@ displayName: "StyledSkipNavIcon",
 const COMPONENT_ID$q = 'chrome.body';
-const StyledBody = styled__default["default"].div.attrs({
+const StyledBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -325,5 +322,5 @@ displayName: "StyledBody",
 };
-const StyledFooter = styled__default["default"].footer.attrs({
+const StyledFooter = styled__default.default.footer.attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -338,5 +335,5 @@ displayName: "StyledFooter",
 const COMPONENT_ID$o = 'chrome.content';
-const StyledContent = styled__default["default"].div.attrs({
+const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -351,5 +348,5 @@ displayName: "StyledContent",
 const COMPONENT_ID$n = 'chrome.main';
-const StyledMain = styled__default["default"].main.attrs({
+const StyledMain = styled__default.default.main.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -364,5 +361,5 @@ displayName: "StyledMain",
 const COMPONENT_ID$m = 'chrome.sidebar';
-const StyledSidebar = styled__default["default"].aside.attrs({
+const StyledSidebar = styled__default.default.aside.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -377,5 +374,5 @@ displayName: "StyledSidebar",
 const COMPONENT_ID$l = 'chrome.footer_item';
-const StyledFooterItem = styled__default["default"].div.attrs({
+const StyledFooterItem = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -394,5 +391,5 @@ displayName: "StyledFooterItem",
 };
-const StyledHeaderItem = styled__default["default"](StyledBaseHeaderItem).attrs({
+const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -418,5 +415,5 @@ displayName: "StyledHeaderItem",
 const COMPONENT_ID$j = 'chrome.header_item_wrapper';
-const StyledHeaderItemWrapper = styled__default["default"](StyledBaseHeaderItem).attrs({
+const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -457,5 +454,5 @@ }).withConfig({
 };
-const StyledLogoNavItem = styled__default["default"](StyledBaseNavItem).attrs({
+const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -471,5 +468,5 @@ }).withConfig({
 const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
-const StyledBrandmarkNavItem = styled__default["default"](StyledBaseNavItem).attrs({
+const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -485,5 +482,5 @@ }).withConfig({
 const COMPONENT_ID$g = 'chrome.nav_item_icon';
-const StyledNavItemIcon = styled__default["default"].div.attrs({
+const StyledNavItemIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -518,5 +515,5 @@ displayName: "StyledNavItemIcon",
 };
-const StyledNavItem = styled__default["default"](StyledBaseNavItem).attrs({
+const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'button'
@@ -536,5 +533,5 @@ }).withConfig({
 const COMPONENT_ID$e = 'chrome.nav_item_text';
-const StyledNavItemText = styled__default["default"].span.attrs({
+const StyledNavItemText = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -579,5 +576,5 @@ displayName: "StyledNavItemText",
 };
-const StyledSubNavItem = styled__default["default"].button.attrs({
+const StyledSubNavItem = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -603,5 +600,5 @@ displayName: "StyledSubNavItem",
 };
-const StyledSubNav = styled__default["default"].nav.attrs({
+const StyledSubNav = styled__default.default.nav.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -622,5 +619,5 @@ displayName: "StyledSubNav",
 };
-const StyledSubNavItemText = styled__default["default"].span.attrs({
+const StyledSubNavItemText = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -635,5 +632,5 @@ displayName: "StyledSubNavItemText",
 const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
-const StyledSubNavItemHeader = styled__default["default"](StyledSubNavItem).attrs({
+const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   'data-garden-header': 'true'
@@ -668,3 +665,3 @@ }).withConfig({
 const COMPONENT_ID$9 = 'chrome.collapsible_sub_nav_item_icon';
-const FilteredChevronDownStrokeIcon = React__default["default"].forwardRef((_ref, ref) => {
+const FilteredChevronDownStrokeIcon = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -675,3 +672,3 @@ theme,
   } = _ref;
-  return React__default["default"].createElement(SvgChevronDownStroke, _extends$3({
+  return React__namespace.default.createElement(SvgChevronDownStroke, _extends$3({
     ref: ref
@@ -681,3 +678,3 @@ }, validProps));
 FilteredChevronDownStrokeIcon.displayName = 'FilteredChevronDownStrokeIcon';
-const StyledSubNavItemIcon = styled__default["default"](FilteredChevronDownStrokeIcon).withConfig({
+const StyledSubNavItemIcon = styled__default.default(FilteredChevronDownStrokeIcon).withConfig({
   displayName: "StyledSubNavItemIcon",
@@ -689,5 +686,5 @@ componentId: "sc-1d02hho-0"
 };
-const StyledSubNavItemIconWrapper = styled__default["default"].div.attrs({
+const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -708,5 +705,5 @@ displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
 const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
-const StyledSubNavPanel = styled__default["default"].div.attrs({
+const StyledSubNavPanel = styled__default.default.div.attrs({
   'data-garden-id': PANEL_COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -740,5 +737,5 @@ displayName: "StyledSubNavPanel",
 };
-const StyledSheet = styled__default["default"].aside.attrs({
+const StyledSheet = styled__default.default.aside.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -753,5 +750,5 @@ displayName: "StyledSheet",
 const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
-const StyledSheetWrapper = styled__default["default"].div.attrs({
+const StyledSheetWrapper = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -781,5 +778,5 @@ displayName: "StyledSheetWrapper",
 const COMPONENT_ID$6 = 'chrome.sheet_title';
-const StyledSheetTitle = styled__default["default"].div.attrs({
+const StyledSheetTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -794,5 +791,5 @@ displayName: "StyledSheetTitle",
 const COMPONENT_ID$5 = 'chrome.sheet_description';
-const StyledSheetDescription = styled__default["default"].div.attrs({
+const StyledSheetDescription = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -807,5 +804,5 @@ displayName: "StyledSheetDescription",
 const COMPONENT_ID$4 = 'chrome.sheet_body';
-const StyledSheetBody = styled__default["default"].div.attrs({
+const StyledSheetBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -830,5 +827,5 @@ displayName: "StyledSheetBody",
 };
-const StyledSheetClose = styled__default["default"].button.attrs({
+const StyledSheetClose = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -843,5 +840,5 @@ displayName: "StyledSheetClose",
 const COMPONENT_ID$2 = 'chrome.sheet_footer';
-const StyledSheetFooter = styled__default["default"].footer.attrs({
+const StyledSheetFooter = styled__default.default.footer.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -856,5 +853,5 @@ displayName: "StyledSheetFooter",
 const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
-const StyledSheetFooterItem = styled__default["default"].div.attrs({
+const StyledSheetFooterItem = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -869,5 +866,5 @@ displayName: "StyledSheetFooterItem",
 const COMPONENT_ID = 'chrome.sheet_header';
-const StyledSheetHeader = styled__default["default"].header.attrs({
+const StyledSheetHeader = styled__default.default.header.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -881,3 +878,3 @@ displayName: "StyledSheetHeader",
 
-const Chrome = React__default["default"].forwardRef((_ref, ref) => {
+const Chrome = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -918,5 +915,5 @@ hue,
   }, [environment, isFluid]);
-  return React__default["default"].createElement(ChromeContext.Provider, {
+  return React__namespace.default.createElement(ChromeContext.Provider, {
     value: chromeContextValue
-  }, React__default["default"].createElement(StyledChrome, _extends$3({
+  }, React__namespace.default.createElement(StyledChrome, _extends$3({
     ref: ref
@@ -927,6 +924,6 @@ }, props)));
 Chrome.propTypes = {
-  hue: PropTypes__default["default"].string
+  hue: PropTypes__default.default.string
 };
 
-const SkipNav = React__default["default"].forwardRef((_ref, ref) => {
+const SkipNav = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -938,12 +935,12 @@ targetId,
   } = _ref;
-  return React__default["default"].createElement(StyledSkipNav, _extends$3({
+  return React__namespace.default.createElement(StyledSkipNav, _extends$3({
     href: `#${targetId}`,
     zIndex: zIndex,
     ref: ref
-  }, props), React__default["default"].createElement(StyledSkipNavIcon, null), children);
+  }, props), React__namespace.default.createElement(StyledSkipNavIcon, null), children);
 });
 SkipNav.displayName = 'SkipNav';
 SkipNav.propTypes = {
-  targetId: PropTypes__default["default"].string.isRequired,
-  zIndex: PropTypes__default["default"].number
+  targetId: PropTypes__default.default.string.isRequired,
+  zIndex: PropTypes__default.default.number
 };
@@ -954,3 +951,3 @@ SkipNav.defaultProps = {
 
-const BodyContext = React__default["default"].createContext({
+const BodyContext = React__namespace.default.createContext({
   hasFooter: true
@@ -962,3 +959,3 @@ });
 
-const Body$1 = React__default["default"].forwardRef((_ref, ref) => {
+const Body$1 = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -971,5 +968,5 @@ hasFooter,
   }), [hasFooter]);
-  return React__default["default"].createElement(BodyContext.Provider, {
+  return React__namespace.default.createElement(BodyContext.Provider, {
     value: bodyContextValue
-  }, React__default["default"].createElement(StyledBody, _extends$3({
+  }, React__namespace.default.createElement(StyledBody, _extends$3({
     ref: ref
@@ -980,10 +977,10 @@ }, props)));
 Body$1.propTypes = {
-  hasFooter: PropTypes__default["default"].bool
+  hasFooter: PropTypes__default.default.bool
 };
 
-const Content = React__default["default"].forwardRef((props, ref) => {
+const Content = React__namespace.default.forwardRef((props, ref) => {
   const {
     hasFooter
   } = useBodyContext();
-  return React__default["default"].createElement(StyledContent, _extends$3({
+  return React__namespace.default.createElement(StyledContent, _extends$3({
     ref: ref,
@@ -995,3 +992,3 @@ hasFooter: hasFooter
 
-const Main = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledMain, _extends$3({
+const Main = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledMain, _extends$3({
   ref: ref
@@ -1001,3 +998,3 @@ }, props)));
 
-const Sidebar = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledSidebar, _extends$3({
+const Sidebar = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSidebar, _extends$3({
   ref: ref
@@ -1007,3 +1004,3 @@ }, props)));
 
-const Header$1 = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledHeader, _extends$3({
+const Header$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeader, _extends$3({
   ref: ref
@@ -1013,3 +1010,3 @@ }, props)));
 Header$1.propTypes = {
-  isStandalone: PropTypes__default["default"].bool
+  isStandalone: PropTypes__default.default.bool
 };
@@ -1020,3 +1017,3 @@
 
-const HeaderItem = React__default["default"].forwardRef((_ref, ref) => {
+const HeaderItem = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -1028,3 +1025,3 @@ hasLogo,
   if (hasLogo) {
-    return React__default["default"].createElement(StyledLogoHeaderItem, _extends$3({
+    return React__namespace.default.createElement(StyledLogoHeaderItem, _extends$3({
       ref: ref,
@@ -1034,3 +1031,3 @@ product: product
   }
-  return React__default["default"].createElement(StyledHeaderItem, _extends$3({
+  return React__namespace.default.createElement(StyledHeaderItem, _extends$3({
     ref: ref
@@ -1041,7 +1038,7 @@ }, other));
 HeaderItem.propTypes = {
-  maxX: PropTypes__default["default"].bool,
-  maxY: PropTypes__default["default"].bool,
-  isRound: PropTypes__default["default"].bool,
-  product: PropTypes__default["default"].oneOf(PRODUCT),
-  hasLogo: PropTypes__default["default"].bool
+  maxX: PropTypes__default.default.bool,
+  maxY: PropTypes__default.default.bool,
+  isRound: PropTypes__default.default.bool,
+  product: PropTypes__default.default.oneOf(PRODUCT),
+  hasLogo: PropTypes__default.default.bool
 };
@@ -1066,3 +1063,3 @@
     };
-    return React__default["default"].createElement(StyledHeaderItemIcon, _extends$3({
+    return React__namespace.default.createElement(StyledHeaderItemIcon, _extends$3({
       as: Icon
@@ -1074,3 +1071,3 @@ }, props));
 
-const HeaderItemText = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledHeaderItemText, _extends$3({
+const HeaderItemText = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeaderItemText, _extends$3({
   ref: ref
@@ -1080,6 +1077,6 @@ }, props)));
 HeaderItemText.propTypes = {
-  isClipped: PropTypes__default["default"].bool
+  isClipped: PropTypes__default.default.bool
 };
 
-const HeaderItemWrapper = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledHeaderItemWrapper, _extends$3({
+const HeaderItemWrapper = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledHeaderItemWrapper, _extends$3({
   ref: ref
@@ -1089,3 +1086,3 @@ }, props)));
 
-const Footer$1 = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledFooter, _extends$3({
+const Footer$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledFooter, _extends$3({
   ref: ref
@@ -1095,3 +1092,3 @@ }, props)));
 
-const FooterItem$1 = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledFooterItem, _extends$3({
+const FooterItem$1 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledFooterItem, _extends$3({
   ref: ref
@@ -1101,3 +1098,3 @@ }, props)));
 
-const NavContext = React__default["default"].createContext({
+const NavContext = React__namespace.default.createContext({
   isExpanded: false
@@ -1109,3 +1106,3 @@ });
 
-const Nav = React__default["default"].forwardRef((props, ref) => {
+const Nav = React__namespace.default.forwardRef((props, ref) => {
   const {
@@ -1119,5 +1116,5 @@ hue,
   }), [props.isExpanded]);
-  return React__default["default"].createElement(NavContext.Provider, {
+  return React__namespace.default.createElement(NavContext.Provider, {
     value: navContextValue
-  }, React__default["default"].createElement(StyledNav, _extends$3({
+  }, React__namespace.default.createElement(StyledNav, _extends$3({
     ref: ref
@@ -1132,6 +1129,6 @@ }, props, {
 Nav.propTypes = {
-  isExpanded: PropTypes__default["default"].bool
+  isExpanded: PropTypes__default.default.bool
 };
 
-const NavItem = React__default["default"].forwardRef((_ref, ref) => {
+const NavItem = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -1153,3 +1150,3 @@ hasLogo,
   if (hasLogo) {
-    return React__default["default"].createElement(StyledLogoNavItem, _extends$3({
+    return React__namespace.default.createElement(StyledLogoNavItem, _extends$3({
       ref: ref,
@@ -1163,7 +1160,7 @@ isDark: isDark,
   if (hasBrandmark) {
-    return React__default["default"].createElement(StyledBrandmarkNavItem, _extends$3({
+    return React__namespace.default.createElement(StyledBrandmarkNavItem, _extends$3({
       ref: ref
     }, other));
   }
-  return React__default["default"].createElement(StyledNavItem, _extends$3({
+  return React__namespace.default.createElement(StyledNavItem, _extends$3({
     tabIndex: 0,
@@ -1180,5 +1177,5 @@ ref: ref,
 NavItem.propTypes = {
-  product: PropTypes__default["default"].oneOf(PRODUCT),
-  hasLogo: PropTypes__default["default"].bool,
-  hasBrandmark: PropTypes__default["default"].bool
+  product: PropTypes__default.default.oneOf(PRODUCT),
+  hasLogo: PropTypes__default.default.bool,
+  hasBrandmark: PropTypes__default.default.bool
 };
@@ -1203,3 +1200,3 @@
     };
-    return React__default["default"].createElement(StyledNavItemIcon, _extends$3({
+    return React__namespace.default.createElement(StyledNavItemIcon, _extends$3({
       as: Icon
@@ -1211,7 +1208,7 @@ }, props));
 
-const NavItemText = React__default["default"].forwardRef((props, ref) => {
+const NavItemText = React__namespace.default.forwardRef((props, ref) => {
   const {
     isExpanded
   } = useNavContext();
-  return React__default["default"].createElement(StyledNavItemText, _extends$3({
+  return React__namespace.default.createElement(StyledNavItemText, _extends$3({
     ref: ref,
@@ -1223,6 +1220,6 @@ isExpanded: isExpanded
 NavItemText.propTypes = {
-  isWrapped: PropTypes__default["default"].bool
+  isWrapped: PropTypes__default.default.bool
 };
 
-const SubNav = React__default["default"].forwardRef((props, ref) => {
+const SubNav = React__namespace.default.forwardRef((props, ref) => {
   const {
@@ -1233,3 +1230,3 @@ hue,
   } = useChromeContext();
-  return React__default["default"].createElement(StyledSubNav, _extends$3({
+  return React__namespace.default.createElement(StyledSubNav, _extends$3({
     ref: ref,
@@ -1243,3 +1240,3 @@ hue: hue,
 
-const SubNavItem = React__default["default"].forwardRef((props, ref) => {
+const SubNavItem = React__namespace.default.forwardRef((props, ref) => {
   const {
@@ -1249,3 +1246,3 @@ isDark,
   } = useChromeContext();
-  return React__default["default"].createElement(StyledSubNavItem, _extends$3({
+  return React__namespace.default.createElement(StyledSubNavItem, _extends$3({
     ref: ref,
@@ -1258,6 +1255,6 @@ isDark: isDark,
 SubNavItem.propTypes = {
-  isCurrent: PropTypes__default["default"].bool
+  isCurrent: PropTypes__default.default.bool
 };
 
-const SubNavItemText = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(StyledSubNavItemText, _extends$3({
+const SubNavItemText = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledSubNavItemText, _extends$3({
   ref: ref
@@ -1267,6 +1264,6 @@ }, props)));
 SubNavItemText.propTypes = {
-  isWrapped: PropTypes__default["default"].bool
+  isWrapped: PropTypes__default.default.bool
 };
 
-const CollapsibleSubNavItem = React__default["default"].forwardRef((_ref, ref) => {
+const CollapsibleSubNavItem = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -1303,7 +1300,7 @@ header,
   }, [expanded, children]);
-  return React__default["default"].createElement("div", {
+  return React__namespace.default.createElement("div", {
     ref: ref
-  }, React__default["default"].createElement("div", getHeaderProps({
+  }, React__namespace.default.createElement("div", getHeaderProps({
     ariaLevel: 2
-  }), React__default["default"].createElement(StyledSubNavItemHeader, getTriggerProps({
+  }), React__namespace.default.createElement(StyledSubNavItemHeader, getTriggerProps({
     isExpanded: expanded,
@@ -1314,5 +1311,5 @@ index: 0,
     ...other
-  }), React__default["default"].createElement(React__default["default"].Fragment, null, header, React__default["default"].createElement(StyledSubNavItemIconWrapper, {
+  }), React__namespace.default.createElement(React__namespace.default.Fragment, null, header, React__namespace.default.createElement(StyledSubNavItemIconWrapper, {
     isExpanded: expanded
-  }, React__default["default"].createElement(StyledSubNavItemIcon, null))))), React__default["default"].createElement(StyledSubNavPanel, getPanelProps({
+  }, React__namespace.default.createElement(StyledSubNavItemIcon, null))))), React__namespace.default.createElement(StyledSubNavPanel, getPanelProps({
     index: 0,
@@ -1324,6 +1321,6 @@ isHidden: !expanded,
 CollapsibleSubNavItem.propTypes = {
-  header: PropTypes__default["default"].any,
-  isExpanded: PropTypes__default["default"].bool,
-  onChange: PropTypes__default["default"].func,
-  children: PropTypes__default["default"].node
+  header: PropTypes__default.default.any,
+  isExpanded: PropTypes__default.default.bool,
+  onChange: PropTypes__default.default.func,
+  children: PropTypes__default.default.node
 };
@@ -1385,3 +1382,3 @@ CollapsibleSubNavItem.displayName = 'CollapsibleSubNavItem';
   } = useSheetContext();
-  return React__default["default"].createElement(StyledSheetTitle, _extends$3({
+  return React__namespace.default.createElement(StyledSheetTitle, _extends$3({
     id: id || titleId,
@@ -1402,3 +1399,3 @@ ref: ref
   } = useSheetContext();
-  return React__default["default"].createElement(StyledSheetDescription, _extends$3({
+  return React__namespace.default.createElement(StyledSheetDescription, _extends$3({
     id: id || descriptionId,
@@ -1415,3 +1412,3 @@ ref: ref
   } = useSheetContext();
-  return React__default["default"].createElement(StyledSheetHeader, _extends$3({
+  return React__namespace.default.createElement(StyledSheetHeader, _extends$3({
     ref: ref,
@@ -1425,3 +1422,3 @@ isCloseButtonPresent: isCloseButtonPresent
 const SheetBody = React.forwardRef((props, ref) => {
-  return React__default["default"].createElement(StyledSheetBody, _extends$3({
+  return React__namespace.default.createElement(StyledSheetBody, _extends$3({
     ref: ref
@@ -1434,3 +1431,3 @@ }, props));
 const SheetFooter = React.forwardRef((props, ref) => {
-  return React__default["default"].createElement(StyledSheetFooter, _extends$3({
+  return React__namespace.default.createElement(StyledSheetFooter, _extends$3({
     ref: ref
@@ -1443,3 +1440,3 @@ }, props));
 const SheetFooterItem = React.forwardRef((props, ref) => {
-  return React__default["default"].createElement(StyledSheetFooterItem, _extends$3({
+  return React__namespace.default.createElement(StyledSheetFooterItem, _extends$3({
     ref: ref
@@ -1479,6 +1476,6 @@ }, props));
   }, [setIsCloseButtonPresent]);
-  return React__default["default"].createElement(StyledSheetClose, _extends$3({
+  return React__namespace.default.createElement(StyledSheetClose, _extends$3({
     "aria-label": "Close Sheet",
     ref: ref
-  }, props), React__default["default"].createElement(SvgXStroke, null));
+  }, props), React__namespace.default.createElement(SvgXStroke, null));
 });
@@ -1488,3 +1485,3 @@ SheetClose.displayName = 'Sheet.Close';
 
-const SheetComponent = React__default["default"].forwardRef((_ref, ref) => {
+const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
   let {
@@ -1504,3 +1501,3 @@ id,
   const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
-  const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.62.1'}`), [id, seed]);
+  const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.62.2'}`), [id, seed]);
   const titleId = `${idPrefix}--title`;
@@ -1520,5 +1517,5 @@ const descriptionId = `${idPrefix}--description`;
   });
-  return React__default["default"].createElement(SheetContext.Provider, {
+  return React__namespace.default.createElement(SheetContext.Provider, {
     value: sheetContext
-  }, React__default["default"].createElement(StyledSheet, _extends$3({
+  }, React__namespace.default.createElement(StyledSheet, _extends$3({
     isOpen: isOpen,
@@ -1532,4 +1529,4 @@ isAnimated: isAnimated,
     "aria-describedby": descriptionId,
-    ref: mergeRefs__default["default"]([sheetRef, ref])
-  }, props), React__default["default"].createElement(StyledSheetWrapper, {
+    ref: mergeRefs__default.default([sheetRef, ref])
+  }, props), React__namespace.default.createElement(StyledSheetWrapper, {
     isOpen: isOpen,
@@ -1543,9 +1540,9 @@ isAnimated: isAnimated,
 SheetComponent.propTypes = {
-  id: PropTypes__default["default"].string,
-  isOpen: PropTypes__default["default"].bool,
-  isAnimated: PropTypes__default["default"].bool,
-  focusOnMount: PropTypes__default["default"].bool,
-  restoreFocus: PropTypes__default["default"].bool,
-  placement: PropTypes__default["default"].oneOf(PLACEMENT),
-  size: PropTypes__default["default"].string
+  id: PropTypes__default.default.string,
+  isOpen: PropTypes__default.default.bool,
+  isAnimated: PropTypes__default.default.bool,
+  focusOnMount: PropTypes__default.default.bool,
+  restoreFocus: PropTypes__default.default.bool,
+  placement: PropTypes__default.default.oneOf(PLACEMENT),
+  size: PropTypes__default.default.string
 };
@@ -1552,0 +1549,0 @@ SheetComponent.defaultProps = {

dist/index.esm.js

@@ -44,3 +44,3 @@ /**
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -57,3 +57,3 @@ displayName: "StyledChrome",
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -75,3 +75,3 @@ displayName: "StyledHeaderItemIcon",
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -97,3 +97,3 @@ displayName: "StyledBaseHeaderItem",
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -122,3 +122,3 @@ displayName: "StyledHeaderItemText",
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -155,3 +155,3 @@ displayName: "StyledNav",
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -177,3 +177,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -193,3 +193,3 @@ displayName: "StyledBaseNavItem",
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -228,3 +228,3 @@ displayName: "StyledHeader",
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -265,3 +265,3 @@ displayName: "StyledSkipNav",
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -278,3 +278,3 @@ displayName: "StyledSkipNavIcon",
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -294,3 +294,3 @@ displayName: "StyledBody",
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -307,3 +307,3 @@ displayName: "StyledFooter",
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -320,3 +320,3 @@ displayName: "StyledContent",
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -333,3 +333,3 @@ displayName: "StyledMain",
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -346,3 +346,3 @@ displayName: "StyledSidebar",
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -363,3 +363,3 @@ displayName: "StyledFooterItem",
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -387,3 +387,3 @@ displayName: "StyledHeaderItem",
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -426,3 +426,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -440,3 +440,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'div'
@@ -454,3 +454,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -487,3 +487,3 @@ displayName: "StyledNavItemIcon",
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   as: 'button'
@@ -505,3 +505,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -548,3 +548,3 @@ displayName: "StyledNavItemText",
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -572,3 +572,3 @@ displayName: "StyledSubNavItem",
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -591,3 +591,3 @@ displayName: "StyledSubNav",
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -604,3 +604,3 @@ displayName: "StyledSubNavItemText",
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.62.1',
+  'data-garden-version': '8.62.2',
   'data-garden-header': 'true'
@@ -655,3 +655,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -674,3 +674,3 @@ displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
   'data-garden-id': PANEL_COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -706,3 +706,3 @@ displayName: "StyledSubNavPanel",
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -719,3 +719,3 @@ displayName: "StyledSheet",
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -747,3 +747,3 @@ displayName: "StyledSheetWrapper",
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -760,3 +760,3 @@ displayName: "StyledSheetTitle",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -773,3 +773,3 @@ displayName: "StyledSheetDescription",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -796,3 +796,3 @@ displayName: "StyledSheetBody",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -809,3 +809,3 @@ displayName: "StyledSheetClose",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -822,3 +822,3 @@ displayName: "StyledSheetFooter",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -835,3 +835,3 @@ displayName: "StyledSheetFooterItem",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
@@ -1421,3 +1421,3 @@ displayName: "StyledSheetHeader",
   const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
-  const idPrefix = useMemo(() => id || seed(`sheet_${'8.62.1'}`), [id, seed]);
+  const idPrefix = useMemo(() => id || seed(`sheet_${'8.62.2'}`), [id, seed]);
   const titleId = `${idPrefix}--title`;
@@ -1424,0 +1424,0 @@ const descriptionId = `${idPrefix}--description`;

package.json

 {
   "name": "@zendeskgarden/react-chrome",
-  "version": "8.62.1",
+  "version": "8.62.2",
   "description": "Components relating to Chrome within the Garden Design System.",
@@ -38,3 +38,3 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.62.1",
+    "@zendeskgarden/react-theming": "^8.62.2",
     "@zendeskgarden/svg-icons": "6.33.0"
@@ -52,3 +52,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

176318

decreased by-0.26%

Lines of code

3983

decreased by-0.05%

No dependency changes