@zendeskgarden/react-chrome 9.12.3 → 9.12.5

package/dist/esm/elements/Chrome.js

@@ -44,12 +44,11 @@ import '../styled/sheet/StyledSheetFooter.js';
 import '../styled/sheet/StyledSheetFooterItem.js';
 import '../styled/sheet/StyledSheetHeader.js';
 
-const Chrome = React__default.forwardRef((_ref, ref) => {
-  let {
-    hue,
-    isFluid,
-    ...props
-  } = _ref;
+const Chrome = React__default.forwardRef(({
+  hue,
+  isFluid,
+  ...props
+}, ref) => {
   const theme = useContext(ThemeContext) || DEFAULT_THEME;
   const isLightMemoized = useMemo(() => {
     if (hue) {

package/dist/esm/elements/SkipNav.js

@@ -40,19 +40,16 @@ import '../styled/sheet/StyledSheetFooter.js';
 import '../styled/sheet/StyledSheetFooterItem.js';
 import '../styled/sheet/StyledSheetHeader.js';
 
-const SkipNav = React__default.forwardRef((_ref, ref) => {
-  let {
-    targetId,
-    zIndex = 1,
-    children,
-    ...props
-  } = _ref;
-  return React__default.createElement(StyledSkipNav, Object.assign({
-    href: `#${targetId}`,
-    $zIndex: zIndex,
-    ref: ref
-  }, props), React__default.createElement(StyledSkipNavIcon, null), children);
-});
+const SkipNav = React__default.forwardRef(({
+  targetId,
+  zIndex = 1,
+  children,
+  ...props
+}, ref) => React__default.createElement(StyledSkipNav, Object.assign({
+  href: `#${targetId}`,
+  $zIndex: zIndex,
+  ref: ref
+}, props), React__default.createElement(StyledSkipNavIcon, null), children));
 SkipNav.displayName = 'SkipNav';
 SkipNav.propTypes = {
   targetId: PropTypes.string.isRequired,

package/dist/esm/elements/body/Body.js

@@ -40,7 +40,7 @@ import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 import { BodyContext } from '../../utils/useBodyContext.js';
 
-const Body = React__default.forwardRef((props, ref) => {
+const Body$1 = React__default.forwardRef((props, ref) => {
   const [hasFooter, setHasFooter] = useState(false);
   const bodyContextValue = useMemo(() => ({
     hasFooter,
@@ -52,6 +52,6 @@ const Body = React__default.forwardRef((props, ref) => {
     ref: ref
   }, props)));
 });
-Body.displayName = 'Body';
+Body$1.displayName = 'Body';
 
-export { Body };
+export { Body$1 as Body };

package/dist/esm/elements/footer/Footer.js

@@ -61,7 +61,7 @@ const FooterComponent = React__default.forwardRef((props, ref) => {
   }, props));
 });
 FooterComponent.displayName = 'Footer';
-const Footer = FooterComponent;
-Footer.Item = FooterItem;
+const Footer$1 = FooterComponent;
+Footer$1.Item = FooterItem;
 
-export { Footer, FooterComponent };
+export { Footer$1 as Footer, FooterComponent };

package/dist/esm/elements/footer/FooterItem.js

@@ -39,9 +39,9 @@ import '../../styled/sheet/StyledSheetFooter.js';
 import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 
-const FooterItem = React__default.forwardRef((props, ref) => React__default.createElement(StyledFooterItem, Object.assign({
+const FooterItem$1 = React__default.forwardRef((props, ref) => React__default.createElement(StyledFooterItem, Object.assign({
   ref: ref
 }, props)));
-FooterItem.displayName = 'Footer.Item';
+FooterItem$1.displayName = 'Footer.Item';
 
-export { FooterItem };
+export { FooterItem$1 as FooterItem };

package/dist/esm/elements/header/Header.js

@@ -44,24 +44,21 @@ import { HeaderItemIcon } from './HeaderItemIcon.js';
 import { HeaderItemText } from './HeaderItemText.js';
 import { HeaderItemWrapper } from './HeaderItemWrapper.js';
 
-const HeaderComponent = React__default.forwardRef((_ref, ref) => {
-  let {
-    isStandalone,
-    ...other
-  } = _ref;
-  return React__default.createElement(StyledHeader, Object.assign({
-    ref: ref,
-    $isStandalone: isStandalone
-  }, other));
-});
+const HeaderComponent = React__default.forwardRef(({
+  isStandalone,
+  ...other
+}, ref) => React__default.createElement(StyledHeader, Object.assign({
+  ref: ref,
+  $isStandalone: isStandalone
+}, other)));
 HeaderComponent.displayName = 'Header';
 HeaderComponent.propTypes = {
   isStandalone: PropTypes.bool
 };
-const Header = HeaderComponent;
-Header.Item = HeaderItem;
-Header.ItemIcon = HeaderItemIcon;
-Header.ItemText = HeaderItemText;
-Header.ItemWrapper = HeaderItemWrapper;
+const Header$1 = HeaderComponent;
+Header$1.Item = HeaderItem;
+Header$1.ItemIcon = HeaderItemIcon;
+Header$1.ItemText = HeaderItemText;
+Header$1.ItemWrapper = HeaderItemWrapper;
 
-export { Header, HeaderComponent };
+export { Header$1 as Header, HeaderComponent };

package/dist/esm/elements/header/HeaderItem.js

@@ -41,15 +41,14 @@ import '../../styled/sheet/StyledSheetFooter.js';
 import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 
-const HeaderItem = React__default.forwardRef((_ref, ref) => {
-  let {
-    hasLogo,
-    isRound,
-    maxX,
-    maxY,
-    product,
-    ...other
-  } = _ref;
+const HeaderItem = React__default.forwardRef(({
+  hasLogo,
+  isRound,
+  maxX,
+  maxY,
+  product,
+  ...other
+}, ref) => {
   if (hasLogo) {
     return React__default.createElement(StyledLogoHeaderItem, Object.assign({
       ref: ref,

package/dist/esm/elements/header/HeaderItemIcon.js

@@ -39,13 +39,10 @@ import '../../styled/sheet/StyledSheetFooter.js';
 import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 
-const HeaderItemIcon = _ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return React__default.createElement(StyledHeaderItemIcon, props, children);
-};
+const HeaderItemIcon = ({
+  children,
+  ...props
+}) => React__default.createElement(StyledHeaderItemIcon, props, children);
 HeaderItemIcon.displayName = 'Header.ItemIcon';
 
 export { HeaderItemIcon };

package/dist/esm/elements/header/HeaderItemText.js

@@ -40,16 +40,13 @@ import '../../styled/sheet/StyledSheetFooter.js';
 import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 
-const HeaderItemText = React__default.forwardRef((_ref, ref) => {
-  let {
-    isClipped,
-    ...other
-  } = _ref;
-  return React__default.createElement(StyledHeaderItemText, Object.assign({
-    ref: ref,
-    $isClipped: isClipped
-  }, other));
-});
+const HeaderItemText = React__default.forwardRef(({
+  isClipped,
+  ...other
+}, ref) => React__default.createElement(StyledHeaderItemText, Object.assign({
+  ref: ref,
+  $isClipped: isClipped
+}, other)));
 HeaderItemText.displayName = 'Header.ItemText';
 HeaderItemText.propTypes = {
   isClipped: PropTypes.bool

package/dist/esm/elements/header/HeaderItemWrapper.js

@@ -39,20 +39,17 @@ import '../../styled/sheet/StyledSheetFooter.js';
 import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 
-const HeaderItemWrapper = React__default.forwardRef((_ref, ref) => {
-  let {
-    isRound,
-    maxX,
-    maxY,
-    ...other
-  } = _ref;
-  return React__default.createElement(StyledHeaderItemWrapper, Object.assign({
-    ref: ref,
-    $isRound: isRound,
-    $maxX: maxX,
-    $maxY: maxY
-  }, other));
-});
+const HeaderItemWrapper = React__default.forwardRef(({
+  isRound,
+  maxX,
+  maxY,
+  ...other
+}, ref) => React__default.createElement(StyledHeaderItemWrapper, Object.assign({
+  ref: ref,
+  $isRound: isRound,
+  $maxX: maxX,
+  $maxY: maxY
+}, other)));
 HeaderItemWrapper.displayName = 'Header.ItemWrapper';
 
 export { HeaderItemWrapper };

package/dist/esm/elements/nav/Nav.js

@@ -47,11 +47,10 @@ import { NavItemIcon } from './NavItemIcon.js';
 import { NavItemText } from './NavItemText.js';
 import { NavList } from './NavList.js';
 
-const NavComponent = React__default.forwardRef((_ref, ref) => {
-  let {
-    isExpanded,
-    ...other
-  } = _ref;
+const NavComponent = React__default.forwardRef(({
+  isExpanded,
+  ...other
+}, ref) => {
   const {
     hue,
     isLight

package/dist/esm/elements/nav/NavItem.js

@@ -44,14 +44,13 @@ import { useNavContext } from '../../utils/useNavContext.js';
 import { useChromeContext } from '../../utils/useChromeContext.js';
 import { useNavListContext } from '../../utils/useNavListContext.js';
 
-const NavItem = React__default.forwardRef((_ref, ref) => {
-  let {
-    hasLogo,
-    hasBrandmark,
-    product,
-    isCurrent,
-    ...other
-  } = _ref;
+const NavItem = React__default.forwardRef(({
+  hasLogo,
+  hasBrandmark,
+  product,
+  isCurrent,
+  ...other
+}, ref) => {
   const {
     hue
   } = useChromeContext();

package/dist/esm/elements/nav/NavItemIcon.js

@@ -39,13 +39,10 @@ import '../../styled/sheet/StyledSheetFooter.js';
 import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 
-const NavItemIcon = _ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return React__default.createElement(StyledNavItemIcon, props, children);
-};
+const NavItemIcon = ({
+  children,
+  ...props
+}) => React__default.createElement(StyledNavItemIcon, props, children);
 NavItemIcon.displayName = 'Nav.ItemIcon';
 
 export { NavItemIcon };

package/dist/esm/elements/nav/NavItemText.js

@@ -41,11 +41,10 @@ import '../../styled/sheet/StyledSheetFooterItem.js';
 import '../../styled/sheet/StyledSheetHeader.js';
 import { useNavContext } from '../../utils/useNavContext.js';
 
-const NavItemText = React__default.forwardRef((_ref, ref) => {
-  let {
-    isWrapped,
-    ...other
-  } = _ref;
+const NavItemText = React__default.forwardRef(({
+  isWrapped,
+  ...other
+}, ref) => {
   const {
     isExpanded
   } = useNavContext();

package/dist/esm/elements/sheet/Sheet.js

@@ -52,18 +52,17 @@ import { Footer } from './components/Footer.js';
 import { FooterItem } from './components/FooterItem.js';
 import { Close } from './components/Close.js';
 
-const SheetComponent = React__default.forwardRef((_ref, ref) => {
-  let {
-    id,
-    isOpen,
-    isAnimated = true,
-    focusOnMount,
-    restoreFocus,
-    placement = 'end',
-    size = '380px',
-    children,
-    ...props
-  } = _ref;
+const SheetComponent = React__default.forwardRef(({
+  id,
+  isOpen,
+  isAnimated = true,
+  focusOnMount,
+  restoreFocus,
+  placement = 'end',
+  size = '380px',
+  children,
+  ...props
+}, ref) => {
   const sheetRef = useRef(null);
   const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
   const idPrefix = useId(id);

package/dist/esm/elements/sheet/components/Description.js

@@ -40,11 +40,10 @@ import '../../../styled/sheet/StyledSheetFooterItem.js';
 import '../../../styled/sheet/StyledSheetHeader.js';
 import { useSheetContext } from '../../../utils/useSheetContext.js';
 
-const SheetDescription = forwardRef((_ref, ref) => {
-  let {
-    id,
-    ...props
-  } = _ref;
+const SheetDescription = forwardRef(({
+  id,
+  ...props
+}, ref) => {
   const {
     descriptionId
   } = useSheetContext();

package/dist/esm/elements/sheet/components/Footer.js

@@ -39,11 +39,10 @@ import { StyledSheetFooter } from '../../../styled/sheet/StyledSheetFooter.js';
 import '../../../styled/sheet/StyledSheetFooterItem.js';
 import '../../../styled/sheet/StyledSheetHeader.js';
 
-const SheetFooter = forwardRef((_ref, ref) => {
-  let {
-    isCompact,
-    ...other
-  } = _ref;
+const SheetFooter = forwardRef(({
+  isCompact,
+  ...other
+}, ref) => {
   return React__default.createElement(StyledSheetFooter, Object.assign({
     ref: ref,
     $isCompact: isCompact

package/dist/esm/elements/sheet/components/Title.js

@@ -40,11 +40,10 @@ import '../../../styled/sheet/StyledSheetFooterItem.js';
 import '../../../styled/sheet/StyledSheetHeader.js';
 import { useSheetContext } from '../../../utils/useSheetContext.js';
 
-const SheetTitle = forwardRef((_ref, ref) => {
-  let {
-    id,
-    ...props
-  } = _ref;
+const SheetTitle = forwardRef(({
+  id,
+  ...props
+}, ref) => {
   const {
     titleId
   } = useSheetContext();

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/link-stroke.svg.js

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _path$1;
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgLinkStroke = function SvgLinkStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
     "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M4.441 7.38l.095.083.939.939-.708.707-.939-.939-2 2-.132.142a2.829 2.829 0 003.99 3.99l.142-.132 2-2-.939-.939.707-.708.94.94a1 1 0 01.083 1.32l-.083.094-2 2A3.828 3.828 0 01.972 9.621l.15-.158 2-2A1 1 0 014.34 7.31l.101.07zm7.413-3.234a.5.5 0 01.057.638l-.057.07-7 7a.5.5 0 01-.765-.638l.057-.07 7-7a.5.5 0 01.708 0zm3.023-3.025a3.829 3.829 0 01.15 5.257l-.15.158-2 2a1 1 0 01-1.32.083l-.094-.083-.94-.94.708-.707.939.94 2-2 .132-.142a2.829 2.829 0 00-3.99-3.99l-.142.131-2 2 .939.939-.707.708-.94-.94a1 1 0 01-.082-1.32l.083-.094 2-2a3.828 3.828 0 015.414 0z"
   })));

package/dist/esm/styled/StyledChrome.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.chrome';
+const COMPONENT_ID$w = 'chrome.chrome';
 const StyledChrome = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$w,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledChrome",
   componentId: "sc-1uqm6u6-0"

package/dist/esm/styled/StyledSkipNav.js

@@ -6,18 +6,17 @@
 */
 import styled, { keyframes, css } from 'styled-components';
 import { math } from 'polished';
-import { SELECTOR_FOCUS_VISIBLE, componentStyles, getColor, focusStyles, getLineHeight } from '@zendeskgarden/react-theming';
+import { SELECTOR_FOCUS_VISIBLE, componentStyles, getLineHeight, getColor, focusStyles } from '@zendeskgarden/react-theming';
 import { getHeaderHeight } from './utils.js';
 
-const COMPONENT_ID = 'chrome.skipnav';
+const COMPONENT_ID$v = 'chrome.skipnav';
 const animationStyles = () => {
   const animationName = keyframes(["0%{transform:translate(-50%,-50%);}"]);
   return css(["transition:opacity 0.2s ease-out,clip 0s linear 0.2s;opacity:0;clip:rect(0,0,0,0);&:focus{transition:opacity 0.2s ease-in-out;animation:0.2s cubic-bezier(0.15,0.85,0.35,1.2) ", ";opacity:1;clip:rect(0,150vw,100vh,-50vw);}"], animationName);
 };
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const colorStyles$a = ({
+  theme
+}) => {
   const backgroundColor = getColor({
     theme,
     variable: 'background.raised'
@@ -41,10 +40,9 @@ const colorStyles = _ref => {
     boxShadow
   }));
 };
-const sizeStyles = _ref2 => {
-  let {
-    theme
-  } = _ref2;
+const sizeStyles$g = ({
+  theme
+}) => {
   const top = math(`${getHeaderHeight(theme)} / 2`);
   const border = theme.borders.sm;
   const padding = `${theme.space.base * 5}px`;
@@ -54,11 +52,11 @@ const sizeStyles = _ref2 => {
   return css(["top:", ";border:", ";padding:", ";padding-", ":", ";line-height:", ";font-size:", ";"], top, border, padding, theme.rtl ? 'right' : 'left', paddingStart, lineHeight, fontSize);
 };
 const StyledSkipNav = styled.a.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$v,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledSkipNav",
   componentId: "sc-1tsro34-0"
-})(["", ";display:inline-flex;position:absolute;left:50%;align-items:center;justify-content:center;transform:translateX(-50%);direction:", ";z-index:", ";border-radius:", ";text-decoration:underline;white-space:nowrap;", ";", "{text-decoration:none;}&:hover{text-decoration:underline;}", ";", ";"], animationStyles(), props => props.theme.rtl && 'rtl', props => props.$zIndex, props => props.theme.borderRadii.md, sizeStyles, SELECTOR_FOCUS_VISIBLE, colorStyles, componentStyles);
+})(["", ";display:inline-flex;position:absolute;left:50%;align-items:center;justify-content:center;transform:translateX(-50%);direction:", ";z-index:", ";border-radius:", ";text-decoration:underline;white-space:nowrap;", ";", "{text-decoration:none;}&:hover{text-decoration:underline;}", ";", ";"], animationStyles(), props => props.theme.rtl && 'rtl', props => props.$zIndex, props => props.theme.borderRadii.md, sizeStyles$g, SELECTOR_FOCUS_VISIBLE, colorStyles$a, componentStyles);
 
 export { StyledSkipNav };

package/dist/esm/styled/StyledSkipNavIcon.js

@@ -8,24 +8,23 @@ import styled, { css } from 'styled-components';
 import SvgLinkStroke from '../node_modules/@zendeskgarden/svg-icons/src/16/link-stroke.svg.js';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.skipnav_icon';
-const sizeStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$u = 'chrome.skipnav_icon';
+const sizeStyles$f = ({
+  theme
+}) => {
   const margin = `${theme.space.base * 2}px`;
   const size = theme.iconSizes.md;
   return css(["margin-", ":", ";width:", ";height:", ";"], theme.rtl ? 'left' : 'right', margin, size, size);
 };
 const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$u,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledSkipNavIcon",
   componentId: "sc-1ika5z4-0"
 })(["transform:", ";color:", ";", ";", ";"], p => p.theme.rtl && 'scaleX(-1)', p => getColor({
   theme: p.theme,
   variable: 'foreground.subtle'
-}), sizeStyles, componentStyles);
+}), sizeStyles$f, componentStyles);
 
 export { StyledSkipNavIcon };

package/dist/esm/styled/body/StyledBody.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.body';
+const COMPONENT_ID$t = 'chrome.body';
 const StyledBody = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$t,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-c7h9kv-0"

package/dist/esm/styled/body/StyledContent.js

@@ -9,26 +9,25 @@ import { math } from 'polished';
 import { getColor, componentStyles, getLineHeight } from '@zendeskgarden/react-theming';
 import { getHeaderHeight, getFooterHeight } from '../utils.js';
 
-const COMPONENT_ID = 'chrome.content';
-const sizeStyles = _ref => {
-  let {
-    theme,
-    $hasFooter
-  } = _ref;
+const COMPONENT_ID$s = 'chrome.content';
+const sizeStyles$e = ({
+  theme,
+  $hasFooter
+}) => {
   const fontSize = theme.fontSizes.md;
   const height = $hasFooter ? `calc(100% - ${math(`${getHeaderHeight(theme)} + ${getFooterHeight(theme)}`)})` : `calc(100% - ${getHeaderHeight(theme)})`;
   const lineHeight = getLineHeight(theme.lineHeights.md, theme.fontSizes.md);
   return css(["height:", ";line-height:", ";font-size:", ";"], height, lineHeight, fontSize);
 };
 const StyledContent = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$s,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-qcuzxn-0"
 })(["display:flex;color-scheme:only ", ";color:", ";", ";&:focus{outline:none;}", ";"], p => p.theme.colors.base, props => getColor({
   theme: props.theme,
   variable: 'foreground.default'
-}), sizeStyles, componentStyles);
+}), sizeStyles$e, componentStyles);
 
 export { StyledContent };

package/dist/esm/styled/body/StyledMain.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.main';
+const COMPONENT_ID$r = 'chrome.main';
 const StyledMain = styled.main.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$r,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledMain",
   componentId: "sc-t61cre-0"

package/dist/esm/styled/footer/StyledFooter.js

@@ -8,11 +8,10 @@ import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 import { getFooterHeight } from '../utils.js';
 
-const COMPONENT_ID = 'chrome.footer';
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$q = 'chrome.footer';
+const colorStyles$9 = ({
+  theme
+}) => {
   const backgroundColor = getColor({
     theme,
     variable: 'background.default'
@@ -23,21 +22,20 @@ const colorStyles = _ref => {
   });
   return css(["border-top-color:", ";background-color:", ";"], borderColor, backgroundColor);
 };
-const sizeStyles = _ref2 => {
-  let {
-    theme
-  } = _ref2;
+const sizeStyles$d = ({
+  theme
+}) => {
   const border = theme.borders.sm;
   const padding = `0 ${theme.space.base * 9}px`;
   const height = getFooterHeight(theme);
   return css(["box-sizing:border-box;border-top:", ";padding:", ";height:", ";"], border, padding, height);
 };
 const StyledFooter = styled.footer.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$q,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-v7lib2-0"
-})(["display:flex;align-items:center;justify-content:flex-end;", ";", ";", ";"], sizeStyles, colorStyles, componentStyles);
+})(["display:flex;align-items:center;justify-content:flex-end;", ";", ";", ";"], sizeStyles$d, colorStyles$9, componentStyles);
 
 export { StyledFooter };

package/dist/esm/styled/footer/StyledFooterItem.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.footer_item';
+const COMPONENT_ID$p = 'chrome.footer_item';
 const StyledFooterItem = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$p,
+  'data-garden-version': '9.12.5'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1cktm85-0"