@zendeskgarden/react-chrome 9.12.2 → 9.12.4

package/dist/esm/styled/sheet/StyledSheetFooter.js

@@ -7,32 +7,30 @@
 import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.sheet_footer';
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$2 = 'chrome.sheet_footer';
+const colorStyles$1 = ({
+  theme
+}) => {
   const borderColor = getColor({
     theme,
     variable: 'border.subtle'
   });
   return css(["border-top-color:", ";"], borderColor);
 };
-const sizeStyles = _ref2 => {
-  let {
-    theme,
-    $isCompact
-  } = _ref2;
+const sizeStyles$1 = ({
+  theme,
+  $isCompact
+}) => {
   const border = theme.borders.sm;
   const padding = `${theme.space.base * ($isCompact ? 2.5 : 5)}px`;
   return css(["border-top:", ";padding:", ";"], border, padding);
 };
 const StyledSheetFooter = styled.footer.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledSheetFooter",
   componentId: "sc-2cktos-0"
-})(["display:flex;flex-flow:row wrap;align-items:center;justify-content:", ";", ";", ";", ";"], props => props.$isCompact ? 'center' : 'flex-end', sizeStyles, colorStyles, componentStyles);
+})(["display:flex;flex-flow:row wrap;align-items:center;justify-content:", ";", ";", ";", ";"], props => props.$isCompact ? 'center' : 'flex-end', sizeStyles$1, colorStyles$1, componentStyles);
 
 export { StyledSheetFooter };

package/dist/esm/styled/sheet/StyledSheetFooterItem.js

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

package/dist/esm/styled/sheet/StyledSheetHeader.js

@@ -8,21 +8,19 @@ import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'chrome.sheet_header';
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const colorStyles = ({
+  theme
+}) => {
   const borderColor = getColor({
     theme,
     variable: 'border.subtle'
   });
   return css(["border-bottom-color:", ";"], borderColor);
 };
-const sizeStyles = _ref2 => {
-  let {
-    theme,
-    $isCloseButtonPresent
-  } = _ref2;
+const sizeStyles = ({
+  theme,
+  $isCloseButtonPresent
+}) => {
   const border = theme.borders.sm;
   let padding = `${theme.space.base * 5}px`;
   if ($isCloseButtonPresent) {
@@ -33,7 +31,7 @@ const sizeStyles = _ref2 => {
 };
 const StyledSheetHeader = styled.header.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledSheetHeader",
   componentId: "sc-o2ry8i-0"

package/dist/esm/styled/sheet/StyledSheetTitle.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.sheet_title';
+const COMPONENT_ID$6 = 'chrome.sheet_title';
 const StyledSheetTitle = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$6,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledSheetTitle",
   componentId: "sc-1gogk75-0"

package/dist/esm/styled/sheet/StyledSheetWrapper.js

@@ -7,14 +7,13 @@
 import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'chrome.sheet_wrapper';
-const transformStyles = _ref => {
-  let {
-    theme,
-    $isAnimated,
-    $isOpen,
-    $placement
-  } = _ref;
+const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
+const transformStyles = ({
+  theme,
+  $isAnimated,
+  $isOpen,
+  $placement
+}) => {
   const transition = $isAnimated ? 'transform 250ms ease-in-out' : undefined;
   let transform;
   if ($isOpen) {
@@ -27,8 +26,8 @@ const transformStyles = _ref => {
   return css(["transform:", ";transition:", ";"], transform, transition);
 };
 const StyledSheetWrapper = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledSheetWrapper",
   componentId: "sc-f6x9zb-0"

package/dist/esm/styled/utils.js

@@ -12,9 +12,6 @@ const getHeaderItemSize = theme => `${theme.space.base * 7.5}px`;
 const getNavItemHeight = theme => getHeaderHeight(theme);
 const getNavWidth = theme => `${theme.space.base * 15}px`;
 const getNavWidthExpanded = () => `200px`;
-const getProductColor = function (product) {
-  let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inherit';
-  return product ? PALETTE.product[product] || fallback : fallback;
-};
+const getProductColor = (product, fallback = 'inherit') => product ? PALETTE.product[product] || fallback : fallback;
 
 export { getFooterHeight, getHeaderHeight, getHeaderItemSize, getNavItemHeight, getNavWidth, getNavWidthExpanded, getProductColor };

package/dist/esm/utils/useFocusableMount.js

@@ -7,13 +7,12 @@
 import { useRef, useEffect } from 'react';
 import activeElement from 'dom-helpers/activeElement';
 
-function useFocusableMount(_ref) {
-  let {
-    isMounted,
-    focusOnMount,
-    restoreFocus,
-    targetRef
-  } = _ref;
+function useFocusableMount({
+  isMounted,
+  focusOnMount,
+  restoreFocus,
+  targetRef
+}) {
   const triggerRef = useRef();
   useEffect(() => {
     if (isMounted && focusOnMount && targetRef.current) {