@instructure/ui-calendar 11.6.0 → 11.6.1-snapshot-129

package/es/Calendar/v2/styles.js

@@ -0,0 +1,66 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, props) => {
+  const withYearPicker = props.withYearPicker;
+  return {
+    navigation: {
+      label: 'calendar__navigation',
+      textAlign: 'center',
+      color: componentTheme.color,
+      background: componentTheme.background,
+      fontFamily: componentTheme.fontFamily,
+      fontSize: componentTheme.fontSize,
+      fontWeight: componentTheme.fontWeight,
+      marginBottom: withYearPicker ? componentTheme.navWithYearMargin : componentTheme.navMargin
+    },
+    navigationWithButtons: {
+      label: 'calendar__navigation--withButtons',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    },
+    weekdayHeader: {
+      label: 'calendar__weekdayHeader',
+      textAlign: 'center',
+      maxWidth: componentTheme.maxHeaderWidth,
+      lineHeight: componentTheme.lineHeight
+    },
+    yearPicker: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginBottom: componentTheme.yearPickerMargin
+    }
+  };
+};
+export default generateStyle;

package/es/{index.js → exports/a.js}

@@ -21,5 +21,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Calendar } from "./Calendar/index.js";
-export { Day as CalendarDay } from "./Calendar/Day/index.js";
+export { Calendar } from "../Calendar/v1/index.js";
+export { Day as CalendarDay } from "../Calendar/v1/Day/index.js";

package/es/exports/b.js

@@ -0,0 +1,25 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+export { Calendar } from "../Calendar/v2/index.js";
+export { Day as CalendarDay } from "../Calendar/v2/Day/index.js";

package/lib/Calendar/{Day → v1/Day}/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Day = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
-var _View = require("@instructure/ui-view/lib/View");
+var _v11_ = require("@instructure/ui-view/v11_6");
 var _AccessibleContent = require("@instructure/ui-a11y-content/lib/AccessibleContent");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
@@ -48,7 +48,7 @@ parent: Calendar
 id: Calendar.Day
 ---
  **/
-let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Day = class Day extends _react.Component {
+let Day = exports.Day = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = (_Day = class Day extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -120,8 +120,8 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
     const elementType = this.elementType,
       isDisabled = this.isDisabled;
-    const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(props, Day.allowedProps), Day);
-    return (0, _jsxRuntime.jsx)(_View.View, {
+    const passthroughProps = _v11_.View.omitViewProps((0, _omitProps.omitProps)(props, Day.allowedProps), Day);
+    return (0, _jsxRuntime.jsx)(_v11_.View, {
       ...passthroughProps,
       as: elementType,
       css: styles === null || styles === void 0 ? void 0 : styles.calendarDay,

package/lib/Calendar/{index.js → v1/index.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Calendar = void 0;
 var _react = require("react");
-var _View = require("@instructure/ui-view/lib/View");
+var _v11_ = require("@instructure/ui-view/v11_6");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
@@ -22,10 +22,10 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _Day = require("./Day");
 var _props = require("./props");
-var _IconButton3 = require("@instructure/ui-buttons/lib/IconButton");
-var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/IconArrowOpenStartSolid.js");
-var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
-var _SimpleSelect = require("@instructure/ui-simple-select/lib/SimpleSelect");
+var _v11_2 = require("@instructure/ui-buttons/v11_6");
+var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenStartSolid.js");
+var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenEndSolid.js");
+var _v11_3 = require("@instructure/ui-simple-select/v11_6");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class, _Calendar, _IconButton, _IconButton2;
 /*
@@ -56,7 +56,7 @@ var _dec, _dec2, _class, _Calendar, _IconButton, _IconButton2;
 category: components
 ---
 **/
-let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Calendar = class Calendar extends _react.Component {
+let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Calendar = class Calendar extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -76,7 +76,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
         renderNextMonthButton = _this$props.renderNextMonthButton,
         renderPrevMonthButton = _this$props.renderPrevMonthButton;
       return {
-        prevButton: renderPrevMonthButton ? (0, _callRenderProp.callRenderProp)(renderPrevMonthButton) : _IconButton || (_IconButton = (0, _jsxRuntime.jsx)(_IconButton3.IconButton, {
+        prevButton: renderPrevMonthButton ? (0, _callRenderProp.callRenderProp)(renderPrevMonthButton) : _IconButton || (_IconButton = (0, _jsxRuntime.jsx)(_v11_2.IconButton, {
           size: "small",
           withBackground: false,
           withBorder: false,
@@ -85,7 +85,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
           }),
           screenReaderLabel: "Previous month"
         })),
-        nextButton: renderNextMonthButton ? (0, _callRenderProp.callRenderProp)(renderNextMonthButton) : _IconButton2 || (_IconButton2 = (0, _jsxRuntime.jsx)(_IconButton3.IconButton, {
+        nextButton: renderNextMonthButton ? (0, _callRenderProp.callRenderProp)(renderNextMonthButton) : _IconButton2 || (_IconButton2 = (0, _jsxRuntime.jsx)(_v11_2.IconButton, {
           size: "small",
           withBackground: false,
           withBorder: false,
@@ -231,7 +231,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
         }), nextButton && cloneButton(nextButton, this.handleMonthChange('next'))]
       }), withYearPicker ? (0, _jsxRuntime.jsx)("div", {
         css: styles === null || styles === void 0 ? void 0 : styles.yearPicker,
-        children: (0, _jsxRuntime.jsx)(_SimpleSelect.SimpleSelect, {
+        children: (0, _jsxRuntime.jsx)(_v11_3.SimpleSelect, {
           width: "90px",
           renderLabel: "",
           placeholder: "--",
@@ -240,7 +240,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
           onChange: (e, {
             value
           }) => this.handleYearChange(e, `${value}`),
-          children: yearList.map(year => (0, _jsxRuntime.jsx)(_SimpleSelect.SimpleSelect.Option, {
+          children: yearList.map(year => (0, _jsxRuntime.jsx)(_v11_3.SimpleSelect.Option, {
             id: `opt-${year}`,
             value: year,
             children: `${year}`
@@ -399,8 +399,8 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     });
   }
   render() {
-    const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Calendar.allowedProps), Calendar);
-    return (0, _jsxRuntime.jsxs)(_View.View, {
+    const passthroughProps = _v11_.View.omitViewProps((0, _omitProps.omitProps)(this.props, Calendar.allowedProps), Calendar);
+    return (0, _jsxRuntime.jsxs)(_v11_.View, {
       ...passthroughProps,
       as: this.props.as,
       display: "inline-block",

package/lib/Calendar/v2/Day/index.js

@@ -0,0 +1,155 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Day = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _latest = require("@instructure/ui-view/latest");
+var _AccessibleContent = require("@instructure/ui-a11y-content/lib/AccessibleContent");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
+var _emotion = require("@instructure/emotion");
+var _styles = _interopRequireDefault(require("./styles"));
+var _props = require("./props");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+const _excluded = ["children", "label", "interaction", "isOutsideMonth", "isSelected", "isToday", "onClick", "onKeyDown", "as", "styles"];
+var _dec, _class, _Day;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+/**
+---
+parent: Calendar
+id: Calendar.Day
+---
+ **/
+let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = (_Day = class Day extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+    this.handleClick = event => {
+      const _this$props = this.props,
+        onClick = _this$props.onClick,
+        date = _this$props.date;
+      if (typeof onClick === 'function') {
+        onClick(event, {
+          date
+        });
+      }
+    };
+    this.handleKeyDown = event => {
+      const _this$props2 = this.props,
+        onKeyDown = _this$props2.onKeyDown,
+        date = _this$props2.date;
+      if (typeof onKeyDown === 'function') {
+        onKeyDown(event, {
+          date
+        });
+      }
+    };
+    this.handleElementRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
+  componentDidMount() {
+    var _this$props$makeStyle, _this$props3;
+    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3, this.makeStylesVariables);
+  }
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props4;
+    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4, this.makeStylesVariables);
+  }
+  get makeStylesVariables() {
+    return {
+      isDisabled: this.isDisabled
+    };
+  }
+  get isDisabled() {
+    const interaction = this.props.interaction;
+    return interaction === 'disabled';
+  }
+  get elementType() {
+    const as = this.props.as;
+    return as || (0, _getElementType.getElementType)(Day, this.props);
+  }
+  shouldApplyAriaSelected() {
+    const role = this.props.role;
+    return !!role && ['option', 'gridcell'].indexOf(role) > -1;
+  }
+  render() {
+    const _this$props5 = this.props,
+      children = _this$props5.children,
+      label = _this$props5.label,
+      interaction = _this$props5.interaction,
+      isOutsideMonth = _this$props5.isOutsideMonth,
+      isSelected = _this$props5.isSelected,
+      isToday = _this$props5.isToday,
+      onClick = _this$props5.onClick,
+      onKeyDown = _this$props5.onKeyDown,
+      as = _this$props5.as,
+      styles = _this$props5.styles,
+      props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
+    const elementType = this.elementType,
+      isDisabled = this.isDisabled;
+    const passthroughProps = _latest.View.omitViewProps((0, _omitProps.omitProps)(props, Day.allowedProps), Day);
+    return (0, _jsxRuntime.jsx)(_latest.View, {
+      ...passthroughProps,
+      as: elementType,
+      css: styles === null || styles === void 0 ? void 0 : styles.calendarDay,
+      display: "inline-block",
+      margin: "xxx-small",
+      borderWidth: "none",
+      borderColor: "transparent",
+      background: "transparent",
+      cursor: elementType === 'button' || elementType === 'a' ? isDisabled ? 'not-allowed' : 'pointer' : 'auto',
+      disabled: isDisabled,
+      "aria-current": isToday ? 'date' : void 0,
+      "aria-selected": this.shouldApplyAriaSelected() ? isSelected ? 'true' : 'false' : void 0,
+      onClick: onClick && this.handleClick,
+      onKeyDown: onKeyDown && this.handleKeyDown,
+      elementRef: this.handleElementRef,
+      "data-cid": "Calendar.Day",
+      children: (0, _jsxRuntime.jsx)("span", {
+        css: styles === null || styles === void 0 ? void 0 : styles.day,
+        children: (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+          alt: label,
+          children: (0, _callRenderProp.callRenderProp)(children)
+        })
+      })
+    });
+  }
+}, _Day.displayName = "Day", _Day.componentId = 'Calendar.Day', _Day.allowedProps = _props.allowedProps, _Day.defaultProps = {
+  interaction: 'enabled',
+  isSelected: false,
+  isToday: false,
+  isOutsideMonth: false
+}, _Day)) || _class);
+var _default = exports.default = Day;

package/lib/Calendar/v2/Day/props.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = void 0;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = exports.allowedProps = ['children', 'date', 'label', 'interaction', 'isSelected', 'isToday', 'isOutsideMonth', 'onClick', 'onKeyDown', 'elementRef', 'as'];

package/lib/Calendar/v2/Day/styles.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, props, _sharedTokens, state) => {
+  const isOutsideMonth = props.isOutsideMonth,
+    isSelected = props.isSelected,
+    isToday = props.isToday;
+  const isDisabled = state.isDisabled;
+  return {
+    calendarDay: {
+      label: 'calendarDay',
+      padding: 0
+    },
+    day: {
+      label: 'calendarDay__day',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      background: componentTheme.background,
+      color: componentTheme.color,
+      fontSize: componentTheme.fontSize,
+      textDecoration: 'none',
+      lineHeight: 1,
+      height: componentTheme.height,
+      minWidth: componentTheme.minWidth,
+      border: 'none',
+      margin: 0,
+      ...(isOutsideMonth && {
+        color: componentTheme.outsideMonthColor
+      }),
+      ...(isSelected && {
+        background: componentTheme.selectedBackground,
+        borderRadius: componentTheme.selectedBorderRadius,
+        color: componentTheme.selectedColor
+      }),
+      ...(isToday && !isSelected && {
+        background: componentTheme.todayBackground,
+        borderRadius: componentTheme.todayBorderRadius,
+        color: componentTheme.todayColor
+      }),
+      ...(isDisabled && {
+        opacity: 0.5
+      })
+    }
+  };
+};
+var _default = exports.default = generateStyle;