@bbl-digital/snorre 4.2.72 → 4.2.74

package/esm/core/Calendar/CalendarEvent/index.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("./styles");
-var _reactTransitionGroup = require("react-transition-group");
 var _Text = _interopRequireDefault(require("../../Text"));
 var _react2 = require("@emotion/react");
 var _format = require("../../../utils/format");
 var _Header = _interopRequireDefault(require("../../Header"));
 var _dates = require("../../../utils/dates");
+var _react3 = require("motion/react");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -52,12 +52,20 @@ const CalendarEvent = ({
       onClick: handleClick,
       background: theme.illustrationPrimary10,
       children: event.title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      in: showTooltip,
-      unmountOnExit: true,
-      timeout: 80,
-      classNames: "tooltip",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InformationBox, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react3.AnimatePresence, {
+      children: showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InformationBox, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.1
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EventContent, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
             level: 5,

package/esm/core/Calendar/CalendarEvent/styles.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.InformationWrapper = exports.InformationBox = exports.EventContent = exports.Div = exports.CalendarEventBtn = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("@emotion/react");
+var _react2 = require("motion/react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const CalendarEventBtn = exports.CalendarEventBtn = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
@@ -27,17 +28,17 @@ const InformationWrapper = exports.InformationWrapper = /*#__PURE__*/(0, _base.d
   styles: "display:block;position:relative;font-weight:400",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const InformationBox = exports.InformationBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const InformationBox = exports.InformationBox = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
   target: "emupss02"
 } : {
   target: "emupss02",
   label: "InformationBox"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1shaafq",
-  styles: "position:absolute;width:22vw;text-align:center;border-radius:10px;background-color:white;z-index:1;top:-20px;left:calc(100% + 10px);box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.2);&.tooltip-enter{opacity:0;transform:scale(0.8);}&.tooltip-enter-active{opacity:1;transform:translateX(0);transition:opacity 80ms,transform 80ms;}&.tooltip-exit{opacity:1;}&.tooltip-exit-active{opacity:0;transform:scale(0.9);transition:opacity 80ms,transform 80ms;}&::after{content:'';position:absolute;border-width:12px;border-style:solid;top:20px;right:100%;margin-left:-5px;border-color:transparent white transparent transparent;}"
+  name: "1nkktzb",
+  styles: "position:absolute;width:22vw;text-align:center;border-radius:10px;background-color:white;z-index:1;top:-20px;left:calc(100% + 10px);box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.2);&::after{content:'';position:absolute;border-width:12px;border-style:solid;top:20px;right:100%;margin-left:-5px;border-color:transparent white transparent transparent;}"
 } : {
-  name: "1shaafq",
-  styles: "position:absolute;width:22vw;text-align:center;border-radius:10px;background-color:white;z-index:1;top:-20px;left:calc(100% + 10px);box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.2);&.tooltip-enter{opacity:0;transform:scale(0.8);}&.tooltip-enter-active{opacity:1;transform:translateX(0);transition:opacity 80ms,transform 80ms;}&.tooltip-exit{opacity:1;}&.tooltip-exit-active{opacity:0;transform:scale(0.9);transition:opacity 80ms,transform 80ms;}&::after{content:'';position:absolute;border-width:12px;border-style:solid;top:20px;right:100%;margin-left:-5px;border-color:transparent white transparent transparent;}",
+  name: "1nkktzb",
+  styles: "position:absolute;width:22vw;text-align:center;border-radius:10px;background-color:white;z-index:1;top:-20px;left:calc(100% + 10px);box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.2);&::after{content:'';position:absolute;border-width:12px;border-style:solid;top:20px;right:100%;margin-left:-5px;border-color:transparent white transparent transparent;}",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const EventContent = exports.EventContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {

package/esm/core/Calendar/CalendarSmallEvent/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("./styles");
-var _reactTransitionGroup = require("react-transition-group");
+var _react2 = require("motion/react");
 var _Text = _interopRequireDefault(require("../../Text"));
-var _react2 = require("@emotion/react");
+var _react3 = require("@emotion/react");
 var _format = require("../../../utils/format");
 var _Header = _interopRequireDefault(require("../../Header"));
 var _dates = require("../../../utils/dates");
@@ -20,7 +20,7 @@ const CalendarSmallEvent = ({
   trackingName,
   events
 }) => {
-  const theme = (0, _react2.useTheme)();
+  const theme = (0, _react3.useTheme)();
   const ref = /*#__PURE__*/(0, _react.createRef)();
   const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
   const handleClick = e => {
@@ -50,12 +50,23 @@ const CalendarSmallEvent = ({
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CalendarSmallEventBtn, {
       trackingName: trackingName,
       background: theme.primary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      in: showTooltip,
-      unmountOnExit: true,
-      timeout: 80,
-      classNames: "tooltip",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InformationBox, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.AnimatePresence, {
+      children: showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InformationBox, {
+        initial: {
+          opacity: 0,
+          scale: 0.9
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        exit: {
+          opacity: 0,
+          scale: 0.9
+        },
+        transition: {
+          duration: 0.1
+        },
         children: events.length > 0 && events.map((event, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EventContent, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
             level: 5,

package/esm/core/Calendar/CalendarSmallEvent/styles.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.InformationWrapper = exports.InformationBox = exports.EventContent = exports.Div = exports.CalendarSmallEventBtn = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("@emotion/react");
+var _react2 = require("motion/react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const CalendarSmallEventBtn = exports.CalendarSmallEventBtn = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
@@ -27,7 +28,7 @@ const InformationWrapper = exports.InformationWrapper = /*#__PURE__*/(0, _base.d
   styles: "display:block;font-weight:400;height:50px;margin-top:-22px;cursor:pointer;&:active{outline:none;}",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const InformationBox = exports.InformationBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const InformationBox = exports.InformationBox = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
   target: "e1xd50go2"
 } : {
   target: "e1xd50go2",

package/esm/core/InfoButton/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("./styles");
-var _reactTransitionGroup = require("react-transition-group");
 var _Text = _interopRequireDefault(require("../Text"));
+var _react2 = require("motion/react");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -56,12 +56,23 @@ const InfoButton = ({
       nostyle: true,
       onClick: handleClick,
       children: icon ? icon : ''
-    }), (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      in: showTooltip,
-      unmountOnExit: true,
-      timeout: 80,
-      classNames: "tooltip",
-      children: (0, _jsxRuntime.jsx)(_styles.Tooltip, {
+    }), (0, _jsxRuntime.jsx)(_react2.AnimatePresence, {
+      children: showTooltip && (0, _jsxRuntime.jsx)(_styles.Tooltip, {
+        initial: {
+          opacity: 0,
+          scale: 0.9
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        exit: {
+          opacity: 0,
+          scale: 0.9
+        },
+        transition: {
+          duration: 0.1
+        },
         role: "tooltip",
         id: "info-tooltip",
         "aria-hidden": !showTooltip,

package/esm/core/InfoButton/styles.js

@@ -8,6 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("@emotion/react");
 var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
 var _Button = _interopRequireDefault(require("../Button"));
+var _react2 = require("motion/react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const StyledButton = exports.StyledButton = /*#__PURE__*/(0, _base.default)(_Button.default, process.env.NODE_ENV === "production" ? {
@@ -38,17 +39,17 @@ const styles = exports.styles = {
   left: /*#__PURE__*/(0, _react.css)("top:0;right:calc(24px + 3px);box-shadow:1px 0px 4px 0px rgba(0, 0, 0, 0.2);@media screen and (max-width: ", _breakpoints.default.small, "){width:50vw;}@media screen and (max-width: ", _breakpoints.default.large, ") and (orientation: landscape){width:50vw;}&::after{top:8px;left:100%;border-color:transparent transparent transparent white;}" + (process.env.NODE_ENV === "production" ? "" : ";label:left;")),
   width: (width, place) => /*#__PURE__*/(0, _react.css)("width:", width, "!important;left:", place === 'top' || place === 'bottom' ? `calc((-${width} / 2) + 9px) !important` : place === 'right' ? '35px' : 'initial', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:width;"))
 };
-const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Tooltip = exports.Tooltip = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
   target: "e169bjpw1"
 } : {
   target: "e169bjpw1",
   label: "Tooltip"
 })(process.env.NODE_ENV === "production" ? {
-  name: "oqvf35",
-  styles: "position:absolute;width:22vw;text-align:center;padding:0.5em;border-radius:10px;background-color:white;z-index:9999;&.tooltip-enter{opacity:0;transform:scale(0.8);}&.tooltip-enter-active{opacity:1;transform:translateX(0);transition:opacity 80ms,transform 80ms;}&.tooltip-exit{opacity:1;}&.tooltip-exit-active{opacity:0;transform:scale(0.9);transition:opacity 80ms,transform 80ms;}&::after{content:'';position:absolute;border-width:5px;border-style:solid;}"
+  name: "gsdyt8",
+  styles: "position:absolute;width:22vw;text-align:center;padding:0.5em;border-radius:10px;background-color:white;z-index:9999;&::after{content:'';position:absolute;border-width:5px;border-style:solid;}"
 } : {
-  name: "oqvf35",
-  styles: "position:absolute;width:22vw;text-align:center;padding:0.5em;border-radius:10px;background-color:white;z-index:9999;&.tooltip-enter{opacity:0;transform:scale(0.8);}&.tooltip-enter-active{opacity:1;transform:translateX(0);transition:opacity 80ms,transform 80ms;}&.tooltip-exit{opacity:1;}&.tooltip-exit-active{opacity:0;transform:scale(0.9);transition:opacity 80ms,transform 80ms;}&::after{content:'';position:absolute;border-width:5px;border-style:solid;}",
+  name: "gsdyt8",
+  styles: "position:absolute;width:22vw;text-align:center;padding:0.5em;border-radius:10px;background-color:white;z-index:9999;&::after{content:'';position:absolute;border-width:5px;border-style:solid;}",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {

package/esm/core/Modal/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
+var _react2 = require("motion/react");
 var _bodyScrollLock = require("body-scroll-lock");
 var _styles = require("./styles");
 var _IconClose = _interopRequireDefault(require("../../icons/General/IconClose"));
@@ -101,13 +101,21 @@ function Modal({
     if (disableOutsideClick) return;
     setClose();
   };
-  return (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-    in: isOpen,
-    unmountOnExit: true,
-    timeout: 190,
-    classNames: "overlay",
-    children: (0, _jsxRuntime.jsx)(_styles.Overlay, {
+  return (0, _jsxRuntime.jsx)(_react2.AnimatePresence, {
+    children: isOpen && (0, _jsxRuntime.jsx)(_styles.Overlay, {
       onClick: onOutsideClick,
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      exit: {
+        opacity: 0
+      },
+      transition: {
+        duration: 0.1
+      },
       children: (0, _jsxRuntime.jsxs)(_styles.Content, {
         open: isOpen,
         "aria-modal": "true",

package/esm/core/Modal/styles.js

@@ -7,22 +7,22 @@ exports.ScrollableDiv = exports.Overlay = exports.ModalContent = exports.HeaderW
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("@emotion/react");
 var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
+var _react2 = require("motion/react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const fadeIn = (0, _react.keyframes)`
-  from { background: rgba(0, 0, 0, 0); }
-  to { background: rgba(0, 0, 0, 0.27); }
-`;
-const fadeOut = (0, _react.keyframes)`
-  from { background: rgba(0, 0, 0, 0.27); }
-  to { background: rgba(0, 0, 0, 0); }
-`;
-const Overlay = exports.Overlay = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Overlay = exports.Overlay = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
   target: "e1pqvfqt6"
 } : {
   target: "e1pqvfqt6",
   label: "Overlay"
-})("position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto;height:100%;display:flex;justify-content:center;align-items:center;&.filter-overlay-enter{animation:", fadeIn, " 0.2s linear;}&.filter-overlay-exit-active{animation:", fadeOut, " 0.2s linear;}&.filter-overlay-exit{background:rgba(0, 0, 0, 0);}");
+})(process.env.NODE_ENV === "production" ? {
+  name: "3ficsf",
+  styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto;height:100%;display:flex;justify-content:center;align-items:center;&.filter-overlay-exit{background:rgba(0, 0, 0, 0);}"
+} : {
+  name: "3ficsf",
+  styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto;height:100%;display:flex;justify-content:center;align-items:center;&.filter-overlay-exit{background:rgba(0, 0, 0, 0);}",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1oys671",
   styles: "transition:width 200ms,min-height 50ms"

package/esm/core/NotificationsMenu/index.js

@@ -10,7 +10,7 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _IconBellOutline = _interopRequireDefault(require("../../icons/General/IconBellOutline"));
 var _IconBellFilled = _interopRequireDefault(require("../../icons/General/IconBellFilled"));
 var _Text = _interopRequireDefault(require("../Text"));
-var _framerMotion = require("framer-motion");
+var _react2 = require("motion/react");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -64,7 +64,7 @@ const NotificationsMenu = ({
     none: {}
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.NotificationsWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.motion.div, {
       animate: animationActive ? 'initial' : 'none',
       variants: variant,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {

package/esm/core/SearchFilter/index.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactPopper = require("react-popper");
 var _useIsMobile = require("../../hooks/useIsMobile");
-var _reactTransitionGroup = require("react-transition-group");
 var _IconSliders = _interopRequireDefault(require("../../icons/General/IconSliders"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Divider = _interopRequireDefault(require("../Divider"));
@@ -15,6 +14,7 @@ var _Link = _interopRequireDefault(require("../Link"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _styles = require("./styles");
 var _bodyScrollLock = require("body-scroll-lock");
+var _react2 = require("motion/react");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -132,15 +132,38 @@ const SearchFilter = ({
           primary: true
         })
       })
-    }), isMobile ? (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      in: open,
-      unmountOnExit: true,
-      timeout: 190,
-      classNames: "filter-overlay",
-      children: (0, _jsxRuntime.jsx)(_styles.Overlay, {
+    }), isMobile ? (0, _jsxRuntime.jsx)(_react2.AnimatePresence, {
+      children: open && (0, _jsxRuntime.jsx)(_styles.Overlay, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.2
+        },
         onClick: handleClose,
         children: (0, _jsxRuntime.jsx)(_styles.MobileWrapper, {
           onClick: e => e.stopPropagation(),
+          initial: {
+            y: '100%'
+          },
+          animate: {
+            y: '0%'
+          },
+          exit: {
+            y: '100%'
+          },
+          transition: {
+            duration: 0.3,
+            delay: 0.1,
+            // Delay the entry animation
+            ease: 'easeOut'
+          },
           children: Content
         })
       })

package/esm/core/SearchFilter/styles.js

@@ -6,36 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.styles = exports.PopperWrapper = exports.Overlay = exports.MobileWrapper = exports.HeaderWrapper = exports.ContentWrapper = exports.ActionButtons = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("@emotion/react");
+var _react2 = require("motion/react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const fadeIn = (0, _react.keyframes)`
-  from {
-    background: rgba(0, 0, 0, 0);
-  }
-  to {
-    background: rgba(0, 0, 0, 0.27);
-  }
-`;
-const moveUp = (0, _react.keyframes)`
-  from {
-    top: 100vh;
-  }
-  to {
-    top: 40vh;
-  }
-`;
-const fadeOut = (0, _react.keyframes)`
-  from {
-    background: rgba(0, 0, 0, 0.27);
-  }
-  to {
-    background: rgba(0, 0, 0, 0);
-  }
-`;
-const moveDown = (0, _react.keyframes)`
-from {top: 40vh;}
-to {top: 100vh;}
-`;
 const arrowDefaultStyle = process.env.NODE_ENV === "production" ? {
   name: "2bhmfv",
   styles: "content:'';position:absolute;border:10px solid"
@@ -107,22 +80,29 @@ const ActionButtons = exports.ActionButtons = /*#__PURE__*/(0, _base.default)("d
   styles: "width:100%;display:flex;justify-content:flex-end;align-items:center;padding-top:0.5em;gap:1em;button:last-of-type{min-width:100px;}",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const Overlay = exports.Overlay = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Overlay = exports.Overlay = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
   target: "e1a8jgkt1"
 } : {
   target: "e1a8jgkt1",
   label: "Overlay"
-})("position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto;&.filter-overlay-enter{animation:", fadeIn, " 0.2s linear;&>div{animation:", moveUp, " 0.2s ease-in;animation-fill-mode:forwards;}}&.filter-overlay-enter-done{&>div{top:40vh;}}&.filter-overlay-exit-active{animation:", fadeOut, " 0.2s linear;&>div{animation:", moveDown, " 0.2s ease-in;}}&.filter-overlay-exit{background:rgba(0, 0, 0, 0);&>div{top:100vh;}}");
-const MobileWrapper = exports.MobileWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+})(process.env.NODE_ENV === "production" ? {
+  name: "x8x934",
+  styles: "position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto"
+} : {
+  name: "x8x934",
+  styles: "position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0, 0, 0, 0.27);overflow:auto",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const MobileWrapper = exports.MobileWrapper = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
   target: "e1a8jgkt0"
 } : {
   target: "e1a8jgkt0",
   label: "MobileWrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1l1s3e6",
-  styles: "position:absolute;left:0;right:0;top:100vh;min-height:calc(60vh - 2em);z-index:1002;background-color:white;border-radius:10px 10px 0 0;padding:1em"
+  name: "1xpklsy",
+  styles: "position:absolute;left:0;right:0;bottom:0;min-height:60vh;z-index:1002;background-color:white;border-radius:10px 10px 0 0;padding:1em"
 } : {
-  name: "1l1s3e6",
-  styles: "position:absolute;left:0;right:0;top:100vh;min-height:calc(60vh - 2em);z-index:1002;background-color:white;border-radius:10px 10px 0 0;padding:1em",
+  name: "1xpklsy",
+  styles: "position:absolute;left:0;right:0;bottom:0;min-height:60vh;z-index:1002;background-color:white;border-radius:10px 10px 0 0;padding:1em",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/esm/layout/Submenu/SubmenuItem/index.js

@@ -8,10 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _styles = require("./styles");
 var _Text = _interopRequireDefault(require("../../../core/Text"));
 var _react2 = require("@emotion/react");
-var _reactTransitionGroup = require("react-transition-group");
 var _useIsMobile = require("../../../hooks/useIsMobile");
 var _Item = _interopRequireDefault(require("../../../core/List/Item"));
 var _Button = _interopRequireDefault(require("../../../core/Button"));
+var _react3 = require("motion/react");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -52,14 +52,23 @@ const SubmenuItem = ({
       trackingName: "Submenu",
       trackingEvent: 'Submenu click: ' + label,
       className: className,
-      children: (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-        in: active,
-        classNames: "submenu-item",
-        timeout: 250,
+      children: (0, _jsxRuntime.jsx)(_react3.AnimatePresence, {
         children: (0, _jsxRuntime.jsx)(_styles.Wrapper, {
           active: active,
           lightTheme: lightTheme,
           background: lightTheme ? '#ffffff' : theme.submenuItemColor,
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0
+          },
+          transition: {
+            duration: 0.1
+          },
           children: (0, _jsxRuntime.jsx)(_Text.default, {
             color: labelColor,
             semibold: true,

package/esm/layout/Submenu/SubmenuItem/styles.js

@@ -6,34 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.optionButton = exports.Wrapper = exports.FocusState = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("@emotion/react");
+var _react2 = require("motion/react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
   target: "egkzt9c0"
 } : {
   target: "egkzt9c0",
   label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("padding:0.65em 1em;border-radius:", props.lightTheme ? '19px' : '7px', ";border:1px solid transparent;transition:border-color 0.1s ease-in-out;background:", props.active ? props.background : 'transparent', ";box-shadow:", props.active ? '0 2px 4px 0 rgba(9, 28, 68, 0.2)' : 'none', ";&.submenu-item-enter{animation:", fadeIn(props.background), " 0.2s;}&.submenu-item-exit{animation:", fadeOut(props.background), " 0.2s;}&>span{font-size:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const fadeIn = background => (0, _react.keyframes)`
-  0% { 
-    background: transparent;
-    box-shadow: none;
-  }
-  100% { 
-    box-shadow: 0 2px 4px 0 rgba(9, 28, 68, 0.2);
-    background: ${background};
-  }
-`;
-const fadeOut = background => (0, _react.keyframes)`
-  0% { 
-    box-shadow: 0 2px 4px 0 rgba(9, 28, 68, 0.2);
-    background: ${background};
-  }
-  100% { 
-    background: transparent;
-    box-shadow: none;
-  }
-`;
+})(props => /*#__PURE__*/(0, _react.css)("padding:0.65em 1em;border-radius:", props.lightTheme ? '19px' : '7px', ";border:1px solid transparent;transition:border-color 0.1s ease-in-out;background:", props.active ? props.background : 'transparent', ";box-shadow:", props.active ? '0 2px 4px 0 rgba(9, 28, 68, 0.2)' : 'none', ";&>span{font-size:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
 const optionButton = exports.optionButton = process.env.NODE_ENV === "production" ? {
   name: "m3111f",
   styles: "padding-left:8px;justify-content:flex-start;height:100%;width:100%"

package/lib/app-shell/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/theme.ts"],"names":[],"mappings":"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"}

package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Autocomplete/hooks/useAutocomplete.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAE1D,QAAA,MAAM,eAAe,UAAW,MAAM;;;8BAcH;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;uBAa3B,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;yBA6IjC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;+BAZ/B,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;;qBA7G/C,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC;;;;;;CAuMpE,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Autocomplete/hooks/useAutocomplete.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAE1D,QAAA,MAAM,eAAe,GAAI,OAAO,MAAM;;;8BAcH;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;uBAa3B,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;yBA6IjC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;+BAZ/B,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;;qBA7G/C,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC;;;;;;CAuMpE,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/Autocomplete/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,QAAA,MAAM,MAAM;qBACO,SAAS;;;0BA2DJ,SAAS;;;;kBAuCjB,SAAS;6BA2BE,SAAS;yBAGb,MAAM;iCAOE,MAAM;kCAGL,MAAM;qBAGnB,SAAS;4BAYF,SAAS;qBA4BhB,MAAM;sBAKL,SAAS;CAM5B,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,SAAS,8CAM5C,CAAA;AAED,eAAO,MAAM,KAAK;gBAvMG,MAAO,SAAS;iBAI5B,MAAO,SAAS;0BAIW,MAC9B,SAEJ;;;;sBAS6B,MACzB,UAEH;wBAKe,MAAO,UACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAwLJ,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,QAAA,MAAM,MAAM;qBACO,SAAS;;;0BA2DJ,SAAS;;;;kBAuCjB,SAAS;6BA2BE,SAAS;yBAGb,MAAM;iCAOE,MAAM;kCAGL,MAAM;qBAGnB,SAAS;4BAYF,SAAS;qBA4BhB,MAAM;sBAKL,SAAS;CAM5B,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,SAAS,8CAM5C,CAAA;AAED,eAAO,MAAM,KAAK;gBAvMG,MAAO,SAAS;iBAI5B,MAAO,SAAS;0BAIW,MAC9B,SAEJ;;;;sBAS6B,MACzB,UAEH;wBAKe,MAAO,UACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAwLJ,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/lib/core/BoxedTable/HeaderCell/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/HeaderCell/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,uJAOnB,CAAA;AAED,eAAO,MAAM,eAAe,WAAY,OAAO,8CAG9C,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/HeaderCell/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,uJAOnB,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,QAAQ,OAAO,8CAG9C,CAAA"}

package/lib/core/Calendar/CalendarEvent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Calendar/CalendarEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAa7D,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAK5B,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+DnC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Calendar/CalendarEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAY7D,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAK5B,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmEnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/Calendar/CalendarEvent/index.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("./styles");
-var _reactTransitionGroup = require("react-transition-group");
 var _Text = _interopRequireDefault(require("../../Text"));
 var _react2 = require("@emotion/react");
 var _format = require("../../../utils/format");
 var _Header = _interopRequireDefault(require("../../Header"));
 var _dates = require("../../../utils/dates");
+var _react3 = require("motion/react");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -52,12 +52,20 @@ const CalendarEvent = ({
       onClick: handleClick,
       background: theme.illustrationPrimary10,
       children: event.title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      in: showTooltip,
-      unmountOnExit: true,
-      timeout: 80,
-      classNames: "tooltip",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InformationBox, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react3.AnimatePresence, {
+      children: showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InformationBox, {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        },
+        transition: {
+          duration: 0.1
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EventContent, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
             level: 5,