@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/UserMenu/index.js

@@ -1,122 +0,0 @@
-"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 _Button = _interopRequireDefault(require("../Button"));
-var _IconUser = _interopRequireDefault(require("../../icons/General/IconUser"));
-var _react2 = require("@emotion/react");
-var _IconUserThin = _interopRequireDefault(require("../../icons/General/IconUserThin"));
-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 UserMenu = ({
-  name,
-  firstname,
-  email,
-  type = 'default',
-  iconType = 'default',
-  avatarUrl,
-  hideAvatarOnButton,
-  iconSize,
-  logout,
-  children
-}) => {
-  const [open, setOpen] = (0, _react.useState)(false);
-  const contextMenuRef = /*#__PURE__*/(0, _react.createRef)();
-  const optionsRef = /*#__PURE__*/(0, _react.createRef)();
-  const {
-    secondary
-  } = (0, _react2.useTheme)();
-  const isMySite = type === 'mysite';
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = contextMenuRef.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      setTimeout(() => {
-        setOpen(false);
-      }, 50);
-    };
-    const handleOptionsClick = e => {
-      const node = optionsRef.current;
-      if (node && node.contains(e.target)) {
-        setTimeout(() => {
-          setOpen(false);
-        }, 100);
-      }
-    };
-    if (open) {
-      document.addEventListener('mouseup', handleClickOutside);
-      document.addEventListener('mouseup', handleOptionsClick);
-    } else {
-      document.removeEventListener('mouseup', handleClickOutside);
-      document.removeEventListener('mouseup', handleOptionsClick);
-    }
-    return () => {
-      document.removeEventListener('mouseup', handleClickOutside);
-      document.removeEventListener('mouseup', handleOptionsClick);
-    };
-  }, [open, contextMenuRef, optionsRef]);
-  const UserIcon = iconType === 'thin' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconUserThin.default, {
-    size: iconSize,
-    color: isMySite ? secondary : 'black'
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconUser.default, {
-    size: iconSize,
-    color: isMySite ? secondary : 'black'
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.UserWrapper, {
-    hasFirstName: Boolean(firstname),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      nostyle: true,
-      afterIcon: avatarUrl && !hideAvatarOnButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ImageSmallWrapper, {
-        size: iconSize,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: avatarUrl,
-          alt: "Profil bilde"
-        })
-      }) : UserIcon,
-      onClick: () => setOpen(!open),
-      trackingEvent: "Usermenu toggle",
-      trackingName: "Topbar",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        small: true,
-        semibold: true,
-        children: firstname || ''
-      })
-    }), open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.UserMenuContent, {
-      ref: contextMenuRef,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.UserMenuInformation, {
-        children: [avatarUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ImageWrapper, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-            src: avatarUrl,
-            alt: "Profil bilde"
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconUser.default, {
-          size: "30px",
-          color: secondary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          semibold: true,
-          children: name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-          wordBreak: "break-word",
-          subtle: true,
-          small: true,
-          children: email
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        ref: optionsRef,
-        children: children
-      }), logout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LogoutWrapper, {
-        children: logout
-      })]
-    })]
-  });
-};
-var _default = exports.default = UserMenu;

package/esm/core/UserMenu/styles.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.userMenuOption = exports.UserWrapper = exports.UserMenuInformation = exports.UserMenuContent = exports.LogoutWrapper = exports.ImageWrapper = exports.ImageSmallWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/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 UserWrapper = exports.UserWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1je83v55"
-} : {
-  target: "e1je83v55",
-  label: "UserWrapper"
-})(({
-  hasFirstName,
-  theme
-}) => /*#__PURE__*/(0, _react.css)("position:relative;display:flex;flex-direction:row;&>button{gap:0.4em;&>svg{margin-left:0;}}", !hasFirstName && /*#__PURE__*/(0, _react.css)("&>button{gap:0;&:focus,&:focus-within{outline-offset:1px;outline:", theme?.primary, " 1px solid;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:UserWrapper;")), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:UserWrapper;")));
-const ImageSmallWrapper = exports.ImageSmallWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1je83v54"
-} : {
-  target: "e1je83v54",
-  label: "ImageSmallWrapper"
-})(({
-  size = 25
-}) => /*#__PURE__*/(0, _react.css)("height:", size, "px;width:", size, "px;border-radius:", size, "px;display:flex;justify-content:center;align-items:center;overflow:hidden;grid-row:1/3;&>img{height:", size, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageSmallWrapper;")));
-const ImageWrapper = exports.ImageWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1je83v53"
-} : {
-  target: "e1je83v53",
-  label: "ImageWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1qkb1w8",
-  styles: "height:30px;width:30px;border-radius:30px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-right:0.5em;grid-row:1/3;&>img{height:30px;}"
-} : {
-  name: "1qkb1w8",
-  styles: "height:30px;width:30px;border-radius:30px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-right:0.5em;grid-row:1/3;&>img{height:30px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const UserMenuContent = exports.UserMenuContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1je83v52"
-} : {
-  target: "e1je83v52",
-  label: "UserMenuContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1quyi9k",
-  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden"
-} : {
-  name: "1quyi9k",
-  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const UserMenuInformation = exports.UserMenuInformation = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1je83v51"
-} : {
-  target: "e1je83v51",
-  label: "UserMenuInformation"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1rouqwn",
-  styles: "display:grid;padding:1em;grid-template-columns:37px 1fr;align-items:center;&>svg{grid-row:1/3;}"
-} : {
-  name: "1rouqwn",
-  styles: "display:grid;padding:1em;grid-template-columns:37px 1fr;align-items:center;&>svg{grid-row:1/3;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const LogoutWrapper = exports.LogoutWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1je83v50"
-} : {
-  target: "e1je83v50",
-  label: "LogoutWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "13xfmsd",
-  styles: "display:flex;padding:1em;button{width:100%;}"
-} : {
-  name: "13xfmsd",
-  styles: "display:flex;padding:1em;button{width:100%;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const userMenuOption = theme => /*#__PURE__*/(0, _react.css)("width:100%;height:46px;background-color:white;border-radius:0;font-weight:500;border-top:1px solid #d7d7d7;cursor:pointer;&:hover{background:", theme.bg, ";}&:nth-of-type(1){border-top:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:userMenuOption;"));
-exports.userMenuOption = userMenuOption;

package/esm/core/Video/Video.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.VideoWithWidthAndHeight = exports.VideoWithSrc = exports.VideoWithPoster = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Video',
-  component: _.default
-};
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
-    poster: "https://flxt.tmsimg.com/assets/p10163210_v_h9_aa.jpg"
-  })
-};
-const VideoWithSrc = exports.VideoWithSrc = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
-  })
-};
-const VideoWithPoster = exports.VideoWithPoster = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
-    poster: "https://flxt.tmsimg.com/assets/p10163210_v_h9_aa.jpg"
-  })
-};
-const VideoWithWidthAndHeight = exports.VideoWithWidthAndHeight = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
-    height: "300px",
-    width: "auto"
-  })
-};

package/esm/core/Video/index.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactPlayer = _interopRequireDefault(require("react-player"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Video = ({
-  src,
-  intersectionObserver = false,
-  controls = true,
-  poster,
-  config = {
-    file: {
-      attributes: {
-        controlsList: 'nodownload noplaybackrate'
-      }
-    }
-  },
-  playing = false,
-  autoPlay = false,
-  height = 'auto',
-  width = '100%',
-  css,
-  onPause,
-  onPlay,
-  ...restProps
-}) => {
-  const containerRef = (0, _react.useRef)(null);
-
-  /** Determines if the video controls have been physically interacted with  */
-  const [playPressed, setPlayPressed] = (0, _react.useState)(false);
-  /** The play state of the player */
-  const [isPlaying, setIsPlaying] = (0, _react.useState)(playing);
-  const videoSrc = src || undefined;
-  const posterSrc = poster || undefined;
-  const intersectionObsOptions = {
-    root: null,
-    rootMargin: '0px',
-    threshold: 0.5
-  };
-  const intersectionCallback = entries => {
-    const [entry] = entries;
-    // If the video is in the viewport and autoPlay is true or the user has physically pressed play, start playing
-    if (entry.isIntersecting && (autoPlay || playPressed)) {
-      setIsPlaying(true);
-    } else {
-      setIsPlaying(false);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (!intersectionObserver || !window.IntersectionObserver) return;
-    const observer = new IntersectionObserver(intersectionCallback, intersectionObsOptions);
-    const currentRef = containerRef.current;
-    if (currentRef) {
-      observer.observe(currentRef);
-    }
-    return () => {
-      if (currentRef) observer.unobserve(currentRef);
-    };
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [containerRef.current, intersectionObsOptions, intersectionObserver]);
-  const handlePlay = () => {
-    setPlayPressed(true);
-    onPlay && onPlay();
-  };
-  const handlePause = () => {
-    setPlayPressed(false);
-    onPause && onPause();
-  };
-  return (0, _jsxRuntime.jsx)(_styles.PlayerContainer, {
-    ref: containerRef,
-    children: (0, _jsxRuntime.jsx)(_reactPlayer.default, {
-      url: videoSrc,
-      controls: controls,
-      playing: isPlaying,
-      light: posterSrc ?? false,
-      width: width,
-      height: height,
-      config: config,
-      onPlay: handlePlay,
-      onPause: handlePause,
-      css: () => [css && css],
-      ...restProps
-    })
-  });
-};
-var _default = exports.default = Video;

package/esm/core/Video/styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PlayerContainer = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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 PlayerContainer = exports.PlayerContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eryog930"
-} : {
-  target: "eryog930",
-  label: "PlayerContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1saf8wx",
-  styles: "display:flex;align-items:center;justify-content:center;width:100%;height:auto"
-} : {
-  name: "1saf8wx",
-  styles: "display:flex;align-items:center;justify-content:center;width:100%;height:auto",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/core/YearWheel/YearWheel.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SelectedMonth = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/YearWheel',
-  component: _.default
-};
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    selectedMonth: 1,
-    onMonthClick: month => console.log('month clicked', month)
-  }),
-  name: 'Default'
-};
-const SelectedMonth = exports.SelectedMonth = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    selectedMonth: 1,
-    onMonthClick: month => console.log('month clicked', month)
-  }),
-  name: 'Selected month'
-};

package/esm/core/YearWheel/index.js

@@ -1,216 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const YearWheel = ({
-  selectedMonth,
-  onMonthClick
-}) => {
-  return (0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    children: (0, _jsxRuntime.jsx)("svg", {
-      viewBox: "0 0 213 213",
-      children: (0, _jsxRuntime.jsx)("g", {
-        stroke: "none",
-        strokeWidth: "1",
-        fill: "none",
-        fillRule: "evenodd",
-        children: (0, _jsxRuntime.jsx)("g", {
-          transform: "translate(-2.000000, -2.000000)",
-          children: (0, _jsxRuntime.jsxs)("g", {
-            transform: "translate(2.000000, 2.000000)",
-            children: [(0, _jsxRuntime.jsx)("path", {
-              d: "M108,4.59885714 L108,55.5409887 C116.353269,55.7659831 124.216437,57.9253634 131.129587,61.5988571 L157,17.4815562 C142.465139,9.48222647 125.777286,4.83941721 108,4.59885714",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 0 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(0)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(0),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "114",
-                y: "37.5988571",
-                children: "Jan"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M134,62.8892721 C140.805047,67.0727056 146.551814,72.8059271 150.757977,79.5988571 L195,54.0223819 C186.294023,39.4776704 174.085512,27.2839207 159.536302,18.5988571 L134,62.8892721 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 1 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(1)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(1),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "150",
-                y: "55.5988571",
-                children: "Feb"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M152,81.9206615 C155.709223,88.6907761 157.90001,96.4007155 158.150022,104.598857 L209,104.598857 C208.73445,87.1769267 204.06049,70.8284787 196.030431,56.5988571 L152,81.9206615 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 2 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(2)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(2),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "166",
-                y: "91.5988571",
-                children: "Mar"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M209,107.598857 L158.03636,107.598857 C157.836752,115.976286 155.683539,123.859069 152,130.789839 L196.138759,156.598857 C204.148545,142.06632 208.789067,125.375981 209,107.598857",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 3 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(3)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(3),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "168",
-                y: "131.598857",
-                children: "Apr"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M150.772801,133.598857 C146.582438,140.435662 140.82459,146.204305 134,150.421705 L159.53937,194.598857 C174.106344,185.892059 186.314288,173.66911 195,159.098753 L150.772801,133.598857 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 4 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(4)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(4),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "153",
-                y: "167.598857",
-                children: "Mai"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M131.211884,151.598857 C124.282707,155.316709 116.389233,157.501354 108,157.727449 L108,208.598857 C125.784315,208.358631 142.473946,203.688353 157,195.647844 L131.211884,151.598857 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 5 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(5)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(5),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "115",
-                y: "186.598857",
-                children: "Jun"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M106,208.598857 L106,157.724926 C97.6112573,157.500233 89.7168129,155.316894 82.7851754,151.598857 L57,195.648615 C71.5252047,203.689523 88.2167251,208.360032 106,208.598857",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 6 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(6)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(6),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "74",
-                y: "186.598857",
-                children: "Jul"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M80,150.42107 C73.1736744,146.204891 67.4141395,140.43598 63.2207442,133.598857 L19,159.097104 C27.6846977,173.668137 39.8946279,185.893072 54.4608605,194.598857 L80,150.42107 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 7 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(7)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(7),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "36",
-                y: "167.598857",
-                children: "Aug"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M61,130.795574 C57.312989,123.86337 55.1579849,115.97772 54.9569267,107.598857 L4,107.598857 C4.21238542,125.375981 8.85229898,142.06632 16.8634772,156.598857 L61,130.795574 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 8 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(8)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(8),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "21",
-                y: "131.598857",
-                children: "Sep"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M5,104.598857 L55.8407395,104.598857 C56.0921956,96.3990682 58.286079,88.6874959 62,81.9157759 L17.9725892,56.5988571 C9.94012243,70.8274889 5.26558279,87.177823 5,104.598857",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 9 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(9)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(9),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "17",
-                y: "91.5988571",
-                children: "Okt"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M63.2345403,79.5988571 C67.4450569,72.8070313 73.1947952,67.0721222 80,62.8899144 L54.4631038,18.5988571 C39.9163934,27.2843252 27.7047606,39.4786429 19,54.0254524 L63.2345403,79.5988571 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 10 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(10)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(10),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "36",
-                y: "55.5988571",
-                children: "Nov"
-              })
-            }), (0, _jsxRuntime.jsx)("path", {
-              d: "M82.8674586,61.5988571 C89.7830767,57.925181 97.6457838,55.7671086 106,55.5435181 L106,4.59885714 C88.2237571,4.83801402 71.5340079,9.48105382 57,17.4821959 L82.8674586,61.5988571 Z",
-              css: theme => [(0, _styles.pathFill)(theme), selectedMonth === 11 && (0, _styles.activepie)(theme)],
-              onClick: () => onMonthClick(11)
-            }), (0, _jsxRuntime.jsx)("text", {
-              fontFamily: "SourceSansPro-Bold, Source Sans Pro",
-              fontSize: "14",
-              fontWeight: "bold",
-              fill: "#212529",
-              onClick: () => onMonthClick(11),
-              children: (0, _jsxRuntime.jsx)("tspan", {
-                x: "74",
-                y: "37.5988571",
-                children: "Des"
-              })
-            })]
-          })
-        })
-      })
-    })
-  });
-};
-var _default = exports.default = YearWheel;

package/esm/core/YearWheel/styles.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pathFill = exports.activepie = exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/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" ? {
-  target: "esjpkup0"
-} : {
-  target: "esjpkup0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "t3g4jm",
-  styles: "display:flex;height:233px;width:233px;svg{height:100%;}svg path,svg text{cursor:pointer;}"
-} : {
-  name: "t3g4jm",
-  styles: "display:flex;height:233px;width:233px;svg{height:100%;}svg path,svg text{cursor:pointer;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const pathFill = theme => /*#__PURE__*/(0, _react.css)("fill:", theme.illustrationPrimary10, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:pathFill;"));
-exports.pathFill = pathFill;
-const activepie = theme => /*#__PURE__*/(0, _react.css)("fill:", theme.illustrationPrimary40, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:activepie;"));
-exports.activepie = activepie;