@bbl-digital/snorre 4.2.74 → 4.2.76

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

@@ -1,92 +1,38 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const CalendarEvent = ({
-  trackingName,
-  event
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const ref = /*#__PURE__*/(0, _react.createRef)();
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  const handleClick = e => {
-    e.stopPropagation();
-    setShowTooltip(!showTooltip);
-  };
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = ref.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      setShowTooltip(false);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, createRef } from 'react';
+import { CalendarEventBtn, Div, EventContent, InformationBox, InformationWrapper, } from './styles';
+import Text from '../../Text';
+import { useTheme } from '@emotion/react';
+import { getFormattedDate } from '../../../utils/format';
+import Header from '../../Header';
+import { DDMMYYYY, ddmmyyyy } from '../../../utils/dates';
+import { AnimatePresence } from 'motion/react';
+const CalendarEvent = ({ trackingName, event }) => {
+    const theme = useTheme();
+    const ref = createRef();
+    const [showTooltip, setShowTooltip] = useState(false);
+    const handleClick = (e) => {
+        e.stopPropagation();
+        setShowTooltip(!showTooltip);
     };
-    if (showTooltip) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [showTooltip, ref]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InformationWrapper, {
-    ref: ref,
-    "aria-label": `Kalenderhendelse ${(0, _format.getFormattedDate)(event.date, _dates.DDMMYYYY)}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CalendarEventBtn, {
-      trackingName: trackingName,
-      onClick: handleClick,
-      background: theme.illustrationPrimary10,
-      children: event.title
-    }), /*#__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,
-            children: event.title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Div, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-              size: "14px",
-              children: (0, _format.getFormattedDate)(event.date, _dates.ddmmyyyy)
-            }), event.dateNote && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-              size: "14px",
-              children: event.dateNote
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-            size: "14px",
-            paragraph: true,
-            align: "left",
-            children: event.description
-          })]
-        })
-      })
-    })]
-  });
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            const node = ref.current;
+            if (node && node.contains(e.target)) {
+                return;
+            }
+            setShowTooltip(false);
+        };
+        if (showTooltip) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [showTooltip, ref]);
+    return (_jsxs(InformationWrapper, { ref: ref, "aria-label": `Kalenderhendelse ${getFormattedDate(event.date, DDMMYYYY)}`, children: [_jsx(CalendarEventBtn, { trackingName: trackingName, onClick: handleClick, background: theme.illustrationPrimary10, children: event.title }), _jsx(AnimatePresence, { children: showTooltip && (_jsx(InformationBox, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.1 }, children: _jsxs(EventContent, { children: [_jsx(Header, { level: 5, children: event.title }), _jsxs(Div, { children: [_jsx(Text, { size: "14px", children: getFormattedDate(event.date, ddmmyyyy) }), event.dateNote && _jsx(Text, { size: "14px", children: event.dateNote })] }), _jsx(Text, { size: "14px", paragraph: true, align: "left", children: event.description })] }) })) })] }));
 };
-var _default = exports.default = CalendarEvent;
+export default CalendarEvent;

package/lib/core/Calendar/CalendarEvent/styles.d.ts

@@ -14,4 +14,3 @@ export declare const Div: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1,69 +1,54 @@
-"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import { motion } from 'motion/react';
+export const CalendarEventBtn = styled.button((props) => css `
+    width: 90%;
+    border: none;
+    border-radius: 4px;
+    background-color: ${props.background};
+    font-weight: 600;
+    cursor: pointer;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  `);
+export const InformationWrapper = styled.span `
+  display: block;
+  position: relative;
+  font-weight: 400;
+`;
+export const InformationBox = styled(motion.div) `
+  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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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" ? {
-  target: "emupss04"
-} : {
-  target: "emupss04",
-  label: "CalendarEventBtn"
-})(props => /*#__PURE__*/(0, _react.css)("width:90%;border:none;border-radius:4px;background-color:", props.background, ";font-weight:600;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:CalendarEventBtn;")));
-const InformationWrapper = exports.InformationWrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "emupss03"
-} : {
-  target: "emupss03",
-  label: "InformationWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1xdkr60",
-  styles: "display:block;position:relative;font-weight:400"
-} : {
-  name: "1xdkr60",
-  styles: "display:block;position:relative;font-weight:400",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-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: "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: "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" ? {
-  target: "emupss01"
-} : {
-  target: "emupss01",
-  label: "EventContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "gi73bv",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.5em;justify-items:start;padding:1em"
-} : {
-  name: "gi73bv",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.5em;justify-items:start;padding:1em",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Div = exports.Div = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "emupss00"
-} : {
-  target: "emupss00",
-  label: "Div"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1deiktd",
-  styles: "display:flex;justify-content:space-between;width:95%"
-} : {
-  name: "1deiktd",
-  styles: "display:flex;justify-content:space-between;width:95%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  &::after {
+    content: '';
+    position: absolute;
+    border-width: 12px;
+    border-style: solid;
+    top: 20px;
+    right: 100%;
+    margin-left: -5px;
+    border-color: transparent white transparent transparent;
+  }
+`;
+export const EventContent = styled.div `
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-row-gap: 0.5em;
+  justify-items: start;
+  padding: 1em;
+`;
+export const Div = styled.div `
+  display: flex;
+  justify-content: space-between;
+  width: 95%;
+`;

package/lib/core/Calendar/CalendarSmallEvent/index.d.ts

@@ -7,4 +7,3 @@ interface IProps {
 }
 declare const CalendarSmallEvent: React.FC<IProps>;
 export default CalendarSmallEvent;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,93 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _react2 = require("motion/react");
-var _Text = _interopRequireDefault(require("../../Text"));
-var _react3 = require("@emotion/react");
-var _format = require("../../../utils/format");
-var _Header = _interopRequireDefault(require("../../Header"));
-var _dates = require("../../../utils/dates");
-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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const CalendarSmallEvent = ({
-  trackingName,
-  events
-}) => {
-  const theme = (0, _react3.useTheme)();
-  const ref = /*#__PURE__*/(0, _react.createRef)();
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  const handleClick = e => {
-    e.stopPropagation();
-    setShowTooltip(!showTooltip);
-  };
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = ref.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      setShowTooltip(false);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, createRef } from 'react';
+import { CalendarSmallEventBtn, Div, EventContent, InformationBox, InformationWrapper, } from './styles';
+import { AnimatePresence } from 'motion/react';
+import Text from '../../Text';
+import { useTheme } from '@emotion/react';
+import { getFormattedDate } from '../../../utils/format';
+import Header from '../../Header';
+import { ddmmyyyy } from '../../../utils/dates';
+const CalendarSmallEvent = ({ trackingName, events }) => {
+    const theme = useTheme();
+    const ref = createRef();
+    const [showTooltip, setShowTooltip] = useState(false);
+    const handleClick = (e) => {
+        e.stopPropagation();
+        setShowTooltip(!showTooltip);
     };
-    if (showTooltip) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [showTooltip, ref]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InformationWrapper, {
-    ref: ref,
-    onClick: handleClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CalendarSmallEventBtn, {
-      trackingName: trackingName,
-      background: theme.primary
-    }), /*#__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,
-            children: event.title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Div, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-              size: "14px",
-              children: (0, _format.getFormattedDate)(event.date, _dates.ddmmyyyy)
-            }), event.dateNote && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-              size: "14px",
-              children: event.dateNote
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-            size: "14px",
-            paragraph: true,
-            align: "left",
-            children: event.description
-          })]
-        }, i))
-      })
-    })]
-  });
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            const node = ref.current;
+            if (node && node.contains(e.target)) {
+                return;
+            }
+            setShowTooltip(false);
+        };
+        if (showTooltip) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [showTooltip, ref]);
+    return (_jsxs(InformationWrapper, { ref: ref, onClick: handleClick, children: [_jsx(CalendarSmallEventBtn, { trackingName: trackingName, background: theme.primary }), _jsx(AnimatePresence, { children: showTooltip && (_jsx(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) => (_jsxs(EventContent, { children: [_jsx(Header, { level: 5, children: event.title }), _jsxs(Div, { children: [_jsx(Text, { size: "14px", children: getFormattedDate(event.date, ddmmyyyy) }), event.dateNote && (_jsx(Text, { size: "14px", children: event.dateNote }))] }), _jsx(Text, { size: "14px", paragraph: true, align: "left", children: event.description })] }, i))) })) })] }));
 };
-var _default = exports.default = CalendarSmallEvent;
+export default CalendarSmallEvent;

package/lib/core/Calendar/CalendarSmallEvent/styles.d.ts

@@ -14,4 +14,3 @@ export declare const Div: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1,69 +1,72 @@
-"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import { motion } from 'motion/react';
+export const CalendarSmallEventBtn = styled.button((props) => css `
+    height: 8px;
+    width: 8px;
+    border-radius: 50%;
+    padding: 0;
+    border: none;
+    background-color: ${props.background};
+    margin-top: 30px;
+  `);
+export const InformationWrapper = styled.span `
+  display: block;
+  font-weight: 400;
+  height: 50px;
+  margin-top: -22px;
+  cursor: pointer;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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" ? {
-  target: "e1xd50go4"
-} : {
-  target: "e1xd50go4",
-  label: "CalendarSmallEventBtn"
-})(props => /*#__PURE__*/(0, _react.css)("height:8px;width:8px;border-radius:50%;padding:0;border:none;background-color:", props.background, ";margin-top:30px;" + (process.env.NODE_ENV === "production" ? "" : ";label:CalendarSmallEventBtn;")));
-const InformationWrapper = exports.InformationWrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1xd50go3"
-} : {
-  target: "e1xd50go3",
-  label: "InformationWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "x6u1u8",
-  styles: "display:block;font-weight:400;height:50px;margin-top:-22px;cursor:pointer;&:active{outline:none;}"
-} : {
-  name: "x6u1u8",
-  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)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
-  target: "e1xd50go2"
-} : {
-  target: "e1xd50go2",
-  label: "InformationBox"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1agvjtb",
-  styles: "position:absolute;width:100%;left:0;text-align:center;border-radius:10px;background-color:white;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.2);z-index:3;h5{text-align:left;}&.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;}"
-} : {
-  name: "1agvjtb",
-  styles: "position:absolute;width:100%;left:0;text-align:center;border-radius:10px;background-color:white;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.2);z-index:3;h5{text-align:left;}&.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;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const EventContent = exports.EventContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xd50go1"
-} : {
-  target: "e1xd50go1",
-  label: "EventContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "nd6z26",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.5em;justify-items:start;padding:1em;border-bottom:1px solid #efefef;&:last-of-type{border-bottom:none;}"
-} : {
-  name: "nd6z26",
-  styles: "display:grid;grid-template-columns:1fr;grid-row-gap:0.5em;justify-items:start;padding:1em;border-bottom:1px solid #efefef;&:last-of-type{border-bottom:none;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Div = exports.Div = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xd50go0"
-} : {
-  target: "e1xd50go0",
-  label: "Div"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1deiktd",
-  styles: "display:flex;justify-content:space-between;width:95%"
-} : {
-  name: "1deiktd",
-  styles: "display:flex;justify-content:space-between;width:95%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  &:active {
+    outline: none;
+  }
+`;
+export const InformationBox = styled(motion.div) `
+  position: absolute;
+  width: 100%;
+  left: 0;
+  text-align: center;
+  border-radius: 10px;
+  background-color: white;
+  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
+  z-index: 3;
+
+  h5 {
+    text-align: left;
+  }
+
+  &.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;
+  }
+`;
+export const EventContent = styled.div `
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-row-gap: 0.5em;
+  justify-items: start;
+  padding: 1em;
+  border-bottom: 1px solid #efefef;
+
+  &:last-of-type {
+    border-bottom: none;
+  }
+`;
+export const Div = styled.div `
+  display: flex;
+  justify-content: space-between;
+  width: 95%;
+`;

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

@@ -12,4 +12,3 @@ interface IProps {
 }
 declare const Calendar: React.FC<IProps>;
 export default Calendar;
-//# sourceMappingURL=index.d.ts.map