@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/layout/Submenu/styles.js

@@ -1,81 +1,153 @@
-"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import bp from '../../globals/styles/breakpoints';
+export const MenuItemList = styled.ul `
+  display: flex;
+  flex-flow: wrap;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  list-style-type: none;
+  padding-inline-start: 0;
+  > li {
+    list-style: none;
+  }
+`;
+export const styles = {
+    default: css `
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+    position: relative;
+    padding: 1em;
+    padding-left: 2.5em;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.Wrapper = exports.OptionsWrapper = exports.MenuItemList = exports.IllustrationWrapper = exports.IllustrationOverlay = exports.HeaderWrapper = exports.DropdownWrapper = exports.ButtonStyle = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-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 MenuItemList = exports.MenuItemList = /*#__PURE__*/(0, _base.default)("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1gmqg4h6"
-} : {
-  target: "e1gmqg4h6",
-  label: "MenuItemList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ihnvmw",
-  styles: "display:flex;flex-flow:wrap;margin-block-start:0;margin-block-end:0;list-style-type:none;padding-inline-start:0;>li{list-style:none;}"
-} : {
-  name: "1ihnvmw",
-  styles: "display:flex;flex-flow:wrap;margin-block-start:0;margin-block-end:0;list-style-type:none;padding-inline-start:0;>li{list-style:none;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const styles = exports.styles = {
-  default: /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;justify-content:flex-end;flex-wrap:wrap;position:relative;padding:1em;padding-left:2.5em;@media screen and (max-width: ", _breakpoints.default.medium, "){padding-left:1em;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  darkTheme: (theme, pb) => /*#__PURE__*/(0, _react.css)("background:", theme.submenuColor, ";padding-top:2em;padding-bottom:", pb, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:darkTheme;")),
-  lightTheme: theme => /*#__PURE__*/(0, _react.css)("min-height:calc(171px - 2em);max-height:calc(171px - 2em);background:linear-gradient(\n          rgba(255, 255, 255, 0.65),\n          rgba(255, 255, 255, 0.65)\n        ),linear-gradient(\n          ", theme.customIllustrationColor, ",\n          ", theme.customIllustrationColor, "\n        );&>span{z-index:2;}@media screen and (max-width: ", _breakpoints.default.medium, "){min-height:calc(136px - 2em);max-height:calc(136px - 2em);overflow:unset;}" + (process.env.NODE_ENV === "production" ? "" : ";label:lightTheme;"))
+    @media screen and (max-width: ${bp.medium}) {
+      padding-left: 1em;
+    }
+  `,
+    darkTheme: (theme, pb) => css `
+      background: ${theme.submenuColor};
+      padding-top: 2em;
+      padding-bottom: ${pb};
+    `,
+    lightTheme: (theme) => css `
+      min-height: calc(171px - 2em);
+      max-height: calc(171px - 2em);
+      background: linear-gradient(
+          rgba(255, 255, 255, 0.65),
+          rgba(255, 255, 255, 0.65)
+        ),
+        linear-gradient(
+          ${theme.customIllustrationColor},
+          ${theme.customIllustrationColor}
+        );
+
+      & > span {
+        z-index: 2;
+      }
+
+      @media screen and (max-width: ${bp.medium}) {
+        min-height: calc(136px - 2em);
+        max-height: calc(136px - 2em);
+        overflow: unset;
+      }
+    `,
 };
-const IllustrationWrapper = exports.IllustrationWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1gmqg4h5"
-} : {
-  target: "e1gmqg4h5",
-  label: "IllustrationWrapper"
-})("position:absolute;bottom:-4px;right:2em;z-index:0;height:150px;svg{height:150px!important;}@media screen and (max-width: ", _breakpoints.default.medium, "){height:100px;width:170px;bottom:1em;right:1em;svg{height:100px!important;}}");
-const DropdownWrapper = exports.DropdownWrapper = /*#__PURE__*/(0, _base.default)("nav", process.env.NODE_ENV === "production" ? {
-  target: "e1gmqg4h4"
-} : {
-  target: "e1gmqg4h4",
-  label: "DropdownWrapper"
-})("display:grid;position:relative;width:100%;z-index:1;overflow:unset;@media screen and (max-width: ", _breakpoints.default.medium, "){margin-top:1em;}");
-const ButtonStyle = (theme, dark) => /*#__PURE__*/(0, _react.css)("background-color:", dark ? theme.submenuItemColor : 'white', ";color:", dark ? theme.submenuTextColorActive : 'black', ";border-color:transparent;box-shadow:0 2px 4px 0 rgba(9, 28, 68, 0.2);border-radius:", dark ? '4px' : '19px', ";height:38px;justify-content:space-between;padding:0 1em;svg,polygon{fill:", dark ? theme.submenuTextColorActive : 'black', "!important;}&:hover,&:focus,&:active{background-color:", dark ? theme.submenuItemColor : 'white', ";color:", dark ? theme.submenuTextColorActive : 'black', ";border-color:transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ButtonStyle;"));
-exports.ButtonStyle = ButtonStyle;
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("nav", process.env.NODE_ENV === "production" ? {
-  target: "e1gmqg4h3"
-} : {
-  target: "e1gmqg4h3",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1q5fqf9",
-  styles: "display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1em;margin-left:-1em;z-index:1;button:not(:last-of-type){margin-right:3px;}"
-} : {
-  name: "1q5fqf9",
-  styles: "display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1em;margin-left:-1em;z-index:1;button:not(:last-of-type){margin-right:3px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const OptionsWrapper = exports.OptionsWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1gmqg4h2"
-} : {
-  target: "e1gmqg4h2",
-  label: "OptionsWrapper"
-})(props => /*#__PURE__*/(0, _react.css)("position:absolute;left:0;right:0;min-width:150px;box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);z-index:1000;border-radius:", props.lightTheme ? '19px' : '4px', ";overflow:hidden;top:40px;padding-inline-start:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:OptionsWrapper;")));
-const HeaderWrapper = exports.HeaderWrapper = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1gmqg4h1"
-} : {
-  target: "e1gmqg4h1",
-  label: "HeaderWrapper"
-})("margin-left:-0.1em;@media screen and (max-width: ", _breakpoints.default.medium, "){font-size:22px;}");
-const IllustrationOverlay = exports.IllustrationOverlay = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1gmqg4h0"
-} : {
-  target: "e1gmqg4h0",
-  label: "IllustrationOverlay"
-})(process.env.NODE_ENV === "production" ? {
-  name: "rkhdk1",
-  styles: "position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;pointer-events:none"
-} : {
-  name: "rkhdk1",
-  styles: "position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;pointer-events:none",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+export const IllustrationWrapper = styled.div `
+  position: absolute;
+  bottom: -4px;
+  right: 2em;
+  z-index: 0;
+  height: 150px;
+
+  svg {
+    height: 150px !important;
+  }
+
+  @media screen and (max-width: ${bp.medium}) {
+    height: 100px;
+    width: 170px;
+    bottom: 1em;
+    right: 1em;
+
+    svg {
+      height: 100px !important;
+    }
+  }
+`;
+export const DropdownWrapper = styled.nav `
+  display: grid;
+  position: relative;
+  width: 100%;
+  z-index: 1;
+  overflow: unset;
+
+  @media screen and (max-width: ${bp.medium}) {
+    margin-top: 1em;
+  }
+`;
+export const ButtonStyle = (theme, dark) => css `
+  background-color: ${dark ? theme.submenuItemColor : 'white'};
+  color: ${dark ? theme.submenuTextColorActive : 'black'};
+  border-color: transparent;
+  box-shadow: 0 2px 4px 0 rgba(9, 28, 68, 0.2);
+  border-radius: ${dark ? '4px' : '19px'};
+  height: 38px;
+  justify-content: space-between;
+  padding: 0 1em;
+
+  svg,
+  polygon {
+    fill: ${dark ? theme.submenuTextColorActive : 'black'} !important;
+  }
+
+  &:hover,
+  &:focus,
+  &:active {
+    background-color: ${dark ? theme.submenuItemColor : 'white'};
+    color: ${dark ? theme.submenuTextColorActive : 'black'};
+    border-color: transparent;
+  }
+`;
+export const Wrapper = styled.nav `
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-top: 1em;
+  margin-left: -1em;
+  z-index: 1;
+
+  button:not(:last-of-type) {
+    margin-right: 3px;
+  }
+`;
+export const OptionsWrapper = styled.div((props) => css `
+    position: absolute;
+    left: 0;
+    right: 0;
+    min-width: 150px;
+    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+    z-index: 1000;
+    border-radius: ${props.lightTheme ? '19px' : '4px'};
+    overflow: hidden;
+    top: 40px;
+    padding-inline-start: 0;
+  `);
+export const HeaderWrapper = styled.span `
+  margin-left: -0.1em;
+
+  @media screen and (max-width: ${bp.medium}) {
+    font-size: 22px;
+  }
+`;
+export const IllustrationOverlay = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 0;
+  overflow: hidden;
+  pointer-events: none;
+`;

package/lib/layout/Topbar/Topbar.stories.d.ts

@@ -2,11 +2,10 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const TopbarDefault: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithBgcolor: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=Topbar.stories.d.ts.map

package/lib/layout/Topbar/Topbar.stories.js

@@ -1,30 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithBgcolor = exports.TopbarDefault = 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: 'Layout/Topbar',
-  component: _.default,
-  parameters: {
-    docs: {
-      story: {
-        inline: false
-      }
-    }
-  }
+import { jsx as _jsx } from "react/jsx-runtime";
+import Topbar from '.';
+export default {
+    title: 'Layout/Topbar',
+    component: Topbar,
+    parameters: {
+        docs: {
+            story: {
+                inline: false,
+            },
+        },
+    },
 };
-const TopbarDefault = exports.TopbarDefault = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}),
-  name: 'Topbar'
+export const TopbarDefault = {
+    render: () => _jsx(Topbar, {}),
+    name: 'Topbar',
+};
+export const WithBgcolor = {
+    render: () => _jsx(Topbar, { bgcolor: 'red' }),
+    name: 'With bgcolor',
 };
-const WithBgcolor = exports.WithBgcolor = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    bgcolor: 'red'
-  }),
-  name: 'With bgcolor'
-};

package/lib/layout/Topbar/index.d.ts

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

package/lib/layout/Topbar/index.js

@@ -1,23 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Topbar = ({
-  sideBarWidth,
-  bgcolor = 'white',
-  children
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TopMenuWrapper, {
-    role: "banner",
-    bgcolor: bgcolor,
-    sideBarWidth: sideBarWidth,
-    children: children
-  });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TopMenuWrapper } from './styles';
+const Topbar = ({ sideBarWidth, bgcolor = 'white', children, }) => {
+    return (_jsx(TopMenuWrapper, { role: "banner", bgcolor: bgcolor, sideBarWidth: sideBarWidth, children: children }));
 };
-var _default = exports.default = Topbar;
+export default Topbar;

package/lib/layout/Topbar/styles.d.ts

@@ -1,2 +1 @@
 export declare const TopMenuWrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/layout/Topbar/styles.js

@@ -1,17 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopMenuWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TopMenuWrapper = exports.TopMenuWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1q7o4i50"
-} : {
-  target: "e1q7o4i50",
-  label: "TopMenuWrapper"
-})(props => `
+import styled from '@emotion/styled';
+export const TopMenuWrapper = styled.div((props) => `
   position: fixed;
   left: ${props.sideBarWidth ? props.sideBarWidth : '0'};
   top: 0;
@@ -30,4 +18,4 @@ const TopMenuWrapper = exports.TopMenuWrapper = /*#__PURE__*/(0, _base.default)(
   @media screen and (max-width: 768px) {
     padding: 0 1em;
   }
-`);
+`);

package/lib/shared/components/SbIconGrid/index.d.ts

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

package/lib/shared/components/SbIconGrid/index.js

@@ -1,33 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-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 = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e4tbyf10"
-} : {
-  target: "e4tbyf10",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "9jww75",
-  styles: "display:grid;grid-auto-flow:row;grid-column-gap:10px;grid-template-columns:repeat(13, 1fr);grid-row-gap:10px;margin-top:10px;margin-bottom:40px;max-width:500px"
-} : {
-  name: "9jww75",
-  styles: "display:grid;grid-auto-flow:row;grid-column-gap:10px;grid-template-columns:repeat(13, 1fr);grid-row-gap:10px;margin-top:10px;margin-bottom:40px;max-width:500px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const SbIconGrid = ({
-  children
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-  children: children.map((item, key) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    title: item?.props?.name || '',
-    children: item
-  }, key))
-});
-var _default = exports.default = SbIconGrid;
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+const Wrapper = styled.div `
+  display: grid;
+  grid-auto-flow: row;
+  grid-column-gap: 10px;
+  grid-template-columns: repeat(13, 1fr);
+  grid-row-gap: 10px;
+  margin-top: 10px;
+  margin-bottom: 40px;
+  max-width: 500px;
+`;
+const SbIconGrid = ({ children }) => (_jsx(Wrapper, { children: children.map((item, key) => (_jsx("span", { title: item?.props?.name || '', children: item }, key))) }));
+export default SbIconGrid;

package/lib/shared/components/VisuallyHidden/index.d.ts

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

package/lib/shared/components/VisuallyHidden/index.js

@@ -1,28 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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)."; }
+import styled from '@emotion/styled';
 /**
  * Used with aria-describedby to hide text visually, but not from screen readers
  * @link https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
  **/
-
-const VisuallyHidden = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "esqcxxz0"
-} : {
-  target: "esqcxxz0",
-  label: "VisuallyHidden"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1dja9su",
-  styles: "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0"
-} : {
-  name: "1dja9su",
-  styles: "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var _default = exports.default = VisuallyHidden;
+const VisuallyHidden = styled.div `
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+`;
+export default VisuallyHidden;

package/lib/shared/recharts/CustomLegend/index.d.ts

@@ -1,4 +1,3 @@
 import { LegendProps } from 'recharts';
 import React from 'react';
 export declare const CustomLegend: React.FC<LegendProps>;
-//# sourceMappingURL=index.d.ts.map

package/lib/shared/recharts/CustomLegend/index.js

@@ -1,44 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomLegend = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _Text = _interopRequireDefault(require("../../../core/Text"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CustomLegend = props => {
-  const {
-    margin
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LegendsContainer, {
-    margin: margin && margin,
-    columns: props?.payload?.length,
-    children: props?.payload?.length && props.payload.map(legend => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.LegendWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-        width: "16",
-        height: "16",
-        children: [legend.type === 'rect' && /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          width: "100%",
-          height: "100%",
-          rx: "3",
-          fill: legend.color
-        }), legend.type === 'line' && /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
-          x1: "0",
-          y1: "8",
-          x2: "16",
-          y2: "8",
-          style: {
-            stroke: legend.color,
-            strokeWidth: '3px'
-          }
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-        children: legend.value
-      })]
-    }, legend.value))
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LegendsContainer, LegendWrapper } from './styles';
+import Text from '../../../core/Text';
+export const CustomLegend = (props) => {
+    const { margin } = props;
+    return (_jsx(LegendsContainer, { margin: margin && margin, columns: props?.payload?.length, children: props?.payload?.length &&
+            props.payload.map((legend) => (_jsxs(LegendWrapper, { children: [_jsxs("svg", { width: "16", height: "16", children: [legend.type === 'rect' && (_jsx("rect", { width: "100%", height: "100%", rx: "3", fill: legend.color })), legend.type === 'line' && (_jsx("line", { x1: "0", y1: "8", x2: "16", y2: "8", style: { stroke: legend.color, strokeWidth: '3px' } }))] }), _jsx(Text, { children: legend.value })] }, legend.value))) }));
 };
-exports.CustomLegend = CustomLegend;

package/lib/shared/recharts/CustomLegend/styles.d.ts

@@ -10,4 +10,3 @@ export declare const LegendWrapper: 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/shared/recharts/CustomLegend/styles.js

@@ -1,30 +1,30 @@
-"use strict";
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import bp from '../../../globals/styles/breakpoints';
+export const LegendsContainer = styled.div((props) => css `
+    display: grid;
+    grid-template-columns: ${props.columns
+    ? `repeat(${props.columns}, minmax(min-content, max-content))`
+    : 'auto'};
+    justify-items: start;
+    grid-column-gap: 1em;
+    margin: ${`${props?.margin?.top}px ${props?.margin?.left}px ${props?.margin?.bottom}px ${props?.margin?.right}px`};
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LegendsContainer = exports.LegendWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-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 LegendsContainer = exports.LegendsContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eba3ez51"
-} : {
-  target: "eba3ez51",
-  label: "LegendsContainer"
-})(props => /*#__PURE__*/(0, _react.css)("display:grid;grid-template-columns:", props.columns ? `repeat(${props.columns}, minmax(min-content, max-content))` : 'auto', ";justify-items:start;grid-column-gap:1em;margin:", `${props?.margin?.top}px ${props?.margin?.left}px ${props?.margin?.bottom}px ${props?.margin?.right}px`, ";@media screen and (max-width: ", _breakpoints.default.medium, "){grid-template-columns:auto;grid-template-rows:", props.columns ? `repeat(${props.columns}, 30px)` : 'auto', ";align-items:flex-start;justify-content:start;justify-items:start;}" + (process.env.NODE_ENV === "production" ? "" : ";label:LegendsContainer;")));
-const LegendWrapper = exports.LegendWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eba3ez50"
-} : {
-  target: "eba3ez50",
-  label: "LegendWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bdj8j3",
-  styles: "display:flex;align-items:center;text-align:center;>svg{margin-right:5px;}"
-} : {
-  name: "bdj8j3",
-  styles: "display:flex;align-items:center;text-align:center;>svg{margin-right:5px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+    @media screen and (max-width: ${bp.medium}) {
+      grid-template-columns: auto;
+      grid-template-rows: ${props.columns
+    ? `repeat(${props.columns}, 30px)`
+    : 'auto'};
+      align-items: flex-start;
+      justify-content: start;
+      justify-items: start;
+    }
+  `);
+export const LegendWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  text-align: center;
+  > svg {
+    margin-right: 5px;
+  }
+`;

package/lib/shared/recharts/CustomTooltip/index.d.ts

@@ -8,4 +8,3 @@ interface IProps extends TooltipProps<ValueType, NameType> {
 }
 declare const CustomTooltip: React.FC<IProps>;
 export default CustomTooltip;
-//# sourceMappingURL=index.d.ts.map