@zendeskgarden/react-datepickers 9.12.3 → 9.12.4

package/dist/esm/styled/StyledHeaderPaddle.js

@@ -7,19 +7,17 @@
 import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const sizeStyles = _ref => {
-  let {
-    $isCompact,
-    theme
-  } = _ref;
+const sizeStyles$3 = ({
+  $isCompact,
+  theme
+}) => {
   const iconSize = theme.iconSizes.md;
   const size = theme.space.base * ($isCompact ? 8 : 10);
   return css(["width:", "px;height:", "px;svg{width:", ";height:", ";}"], size, size, iconSize, iconSize);
 };
-const colorStyles = _ref2 => {
-  let {
-    theme
-  } = _ref2;
+const colorStyles$2 = ({
+  theme
+}) => {
   const foreground = getColor({
     variable: 'foreground.subtle',
     theme
@@ -56,13 +54,13 @@ const colorStyles = _ref2 => {
   });
   return css(["color:", ";&:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}"], foreground, backgroundHover, foregroundHover, backgroundActive, foregroundActive);
 };
-const COMPONENT_ID = 'datepickers.header_paddle';
+const COMPONENT_ID$6 = 'datepickers.header_paddle';
 const StyledHeaderPaddle = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$6,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledHeaderPaddle",
   componentId: "sc-2oqh0g-0"
-})(["display:flex;align-items:center;justify-content:center;transform:", ";border-radius:50%;cursor:pointer;&[aria-hidden]{visibility:hidden;}", " ", " ", ";"], props => props.theme.rtl && 'rotate(180deg)', sizeStyles, colorStyles, componentStyles);
+})(["display:flex;align-items:center;justify-content:center;transform:", ";border-radius:50%;cursor:pointer;&[aria-hidden]{visibility:hidden;}", " ", " ", ";"], props => props.theme.rtl && 'rotate(180deg)', sizeStyles$3, colorStyles$2, componentStyles);
 
 export { StyledHeaderPaddle };

package/dist/esm/styled/StyledHighlight.js

@@ -7,13 +7,12 @@
 import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.highlight';
-const sizeStyles = _ref => {
-  let {
-    theme,
-    $isEnd,
-    $isStart
-  } = _ref;
+const COMPONENT_ID$1 = 'datepickers.highlight';
+const sizeStyles$1 = ({
+  theme,
+  $isEnd,
+  $isStart
+}) => {
   let borderRadius;
   const startValue = '0 50% 50% 0;';
   const endValue = '50% 0 0 50%;';
@@ -31,11 +30,10 @@ const sizeStyles = _ref => {
   }
   return css(["border-radius:", ";width:100%;height:100%;"], borderRadius);
 };
-const colorStyles = _ref2 => {
-  let {
-    $isHighlighted,
-    theme
-  } = _ref2;
+const colorStyles$1 = ({
+  $isHighlighted,
+  theme
+}) => {
   return css(["background-color:", ";"], $isHighlighted && getColor({
     variable: 'background.primaryEmphasis',
     transparency: theme.opacity[100],
@@ -43,11 +41,11 @@ const colorStyles = _ref2 => {
   }));
 };
 const StyledHighlight = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledHighlight",
   componentId: "sc-16vr32x-0"
-})(["position:absolute;top:0;left:0;", " ", " ", ";"], sizeStyles, colorStyles, componentStyles);
+})(["position:absolute;top:0;left:0;", " ", " ", ";"], sizeStyles$1, colorStyles$1, componentStyles);
 
 export { StyledHighlight };

package/dist/esm/styled/StyledMenu.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.menu';
+const COMPONENT_ID$b = 'datepickers.menu';
 const StyledMenu = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$b,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"

package/dist/esm/styled/StyledMenuWrapper.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { menuStyles, getMenuPosition, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.menu_wrapper';
+const COMPONENT_ID$a = 'datepickers.menu_wrapper';
 const StyledMenuWrapper = styled.div.attrs(props => ({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3',
+  'data-garden-id': COMPONENT_ID$a,
+  'data-garden-version': '9.12.4',
   className: props.$isAnimated ? 'is-animated' : undefined
 })).withConfig({
   displayName: "StyledMenuWrapper",

package/dist/esm/styled/StyledRangeCalendar.js

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { StyledDatePicker } from './StyledDatePicker.js';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.range_calendar';
+const COMPONENT_ID$8 = 'datepickers.range_calendar';
 const StyledRangeCalendar = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledRangeCalendar",
   componentId: "sc-1og46sy-0"