@bbl-digital/snorre 4.2.74 → 4.2.75

package/lib/core/BarAndLineComposedChart/index.js

@@ -1,116 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _recharts = require("recharts");
-var _CustomLegend = require("../../shared/recharts/CustomLegend");
-var _CustomTooltip = _interopRequireDefault(require("../../shared/recharts/CustomTooltip"));
-var _formatGraphPrice = require("../../utils/formatGraphPrice");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BarAndLineComposedChart = ({
-  data = [],
-  bars,
-  lines,
-  xAxisDataKey,
-  yAxisDataKey,
-  height = '350px',
-  width = '100%',
-  xAxisLine = false,
-  yAxisLine = false,
-  tickLineY = false,
-  tickLineX = false,
-  margin,
-  legendHAlign = 'left',
-  legendVAlign = 'bottom',
-  legendPadding,
-  layout = 'horizontal',
-  lineStrokeWidth = 1,
-  hasYAxis = true,
-  cartesianGrid = true,
-  legend = true,
-  stack = true,
-  referenceLine = true,
-  maxBarSize,
-  barGap,
-  barRadius,
-  ...rest
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BarAndLineComposedChartContainer, {
-    width: width && width,
-    height: height && height,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ResponsiveContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_recharts.ComposedChart, {
-        data: data && data,
-        margin: {
-          top: 0.5,
-          right: 50,
-          bottom: 0,
-          left: 0,
-          ...margin
-        },
-        layout: layout && layout,
-        stackOffset: "sign",
-        barGap: barGap,
-        ...rest,
-        children: [referenceLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ReferenceLine, {
-          y: 0,
-          stroke: "white"
-        }), cartesianGrid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.CartesianGrid, {
-          horizontal: true,
-          vertical: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.XAxis, {
-          dataKey: xAxisDataKey && xAxisDataKey,
-          axisLine: xAxisLine && xAxisLine,
-          tickLine: tickLineX && tickLineX,
-          type: layout === 'vertical' ? 'number' : 'category',
-          tickMargin: 5,
-          tickFormatter: _formatGraphPrice.formatAxisPrice
-        }), hasYAxis && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.YAxis, {
-          dataKey: yAxisDataKey && yAxisDataKey,
-          axisLine: yAxisLine && yAxisLine,
-          tickLine: tickLineY && tickLineY,
-          type: layout === 'vertical' ? 'category' : 'number',
-          tickFormatter: _formatGraphPrice.formatAxisPrice
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Tooltip, {
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomTooltip.default, {
-            barConfig: bars && bars,
-            lineConfig: lines && lines
-          })
-        }), legend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Legend, {
-          verticalAlign: legendVAlign && legendVAlign,
-          align: legendHAlign && legendHAlign,
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomLegend.CustomLegend, {}),
-          wrapperStyle: {
-            paddingLeft: legendPadding?.left ? legendPadding.left : '5px',
-            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
-            paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
-            paddingRight: legendPadding?.right ? legendPadding.right : '0'
-          }
-        }), bars?.length && bars.map(bar => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Bar, {
-            dataKey: bar.dataKey,
-            fill: bar.fill,
-            name: bar.name,
-            maxBarSize: maxBarSize || undefined,
-            stackId: stack ? 'stack' : undefined,
-            radius: barRadius
-          }, bar.name);
-        }), lines?.length && lines.map(line => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Line, {
-            type: line.type,
-            dataKey: line.dataKey,
-            stroke: line.stroke,
-            name: line.name,
-            strokeWidth: lineStrokeWidth
-          }, line.name);
-        })]
-      })
-    })
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, CartesianGrid, ComposedChart, Legend, Line, ReferenceLine, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
+import { CustomLegend } from '../../shared/recharts/CustomLegend';
+import CustomTooltip from '../../shared/recharts/CustomTooltip';
+import { formatAxisPrice } from '../../utils/formatGraphPrice';
+import { BarAndLineComposedChartContainer } from './styles';
+const BarAndLineComposedChart = ({ data = [], bars, lines, xAxisDataKey, yAxisDataKey, height = '350px', width = '100%', xAxisLine = false, yAxisLine = false, tickLineY = false, tickLineX = false, margin, legendHAlign = 'left', legendVAlign = 'bottom', legendPadding, layout = 'horizontal', lineStrokeWidth = 1, hasYAxis = true, cartesianGrid = true, legend = true, stack = true, referenceLine = true, maxBarSize, barGap, barRadius, ...rest }) => {
+    return (_jsx(BarAndLineComposedChartContainer, { width: width && width, height: height && height, children: _jsx(ResponsiveContainer, { children: _jsxs(ComposedChart, { data: data && data, margin: { top: 0.5, right: 50, bottom: 0, left: 0, ...margin }, layout: layout && layout, stackOffset: "sign", barGap: barGap, ...rest, children: [referenceLine && _jsx(ReferenceLine, { y: 0, stroke: "white" }), cartesianGrid && _jsx(CartesianGrid, { horizontal: true, vertical: false }), _jsx(XAxis, { dataKey: xAxisDataKey && xAxisDataKey, axisLine: xAxisLine && xAxisLine, tickLine: tickLineX && tickLineX, type: layout === 'vertical' ? 'number' : 'category', tickMargin: 5, tickFormatter: formatAxisPrice }), hasYAxis && (_jsx(YAxis, { dataKey: yAxisDataKey && yAxisDataKey, axisLine: yAxisLine && yAxisLine, tickLine: tickLineY && tickLineY, type: layout === 'vertical' ? 'category' : 'number', tickFormatter: formatAxisPrice })), _jsx(Tooltip, { content: _jsx(CustomTooltip, { barConfig: bars && bars, lineConfig: lines && lines }) }), legend && (_jsx(Legend, { verticalAlign: legendVAlign && legendVAlign, align: legendHAlign && legendHAlign, content: _jsx(CustomLegend, {}), wrapperStyle: {
+                            paddingLeft: legendPadding?.left ? legendPadding.left : '5px',
+                            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
+                            paddingBottom: legendPadding?.bottom
+                                ? legendPadding.bottom
+                                : '0',
+                            paddingRight: legendPadding?.right ? legendPadding.right : '0',
+                        } })), bars?.length &&
+                        bars.map((bar) => {
+                            return (_jsx(Bar, { dataKey: bar.dataKey, fill: bar.fill, name: bar.name, maxBarSize: maxBarSize || undefined, stackId: stack ? 'stack' : undefined, radius: barRadius }, bar.name));
+                        }), lines?.length &&
+                        lines.map((line) => {
+                            return (_jsx(Line, { type: line.type, dataKey: line.dataKey, stroke: line.stroke, name: line.name, strokeWidth: lineStrokeWidth }, line.name));
+                        })] }) }) }));
 };
-var _default = exports.default = BarAndLineComposedChart;
+export default BarAndLineComposedChart;

package/lib/core/BarAndLineComposedChart/styles.d.ts

@@ -5,4 +5,3 @@ export declare const BarAndLineComposedChartContainer: import("@emotion/styled")
     width: any;
     height: any;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/BarAndLineComposedChart/styles.js

@@ -1,14 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BarAndLineComposedChartContainer = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const BarAndLineComposedChartContainer = exports.BarAndLineComposedChartContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e15fv7zs0"
-} : {
-  target: "e15fv7zs0",
-  label: "BarAndLineComposedChartContainer"
-})("width:", props => props.width && props.width, ";height:", props => props.height && props.height, ";");
+import styled from '@emotion/styled';
+export const BarAndLineComposedChartContainer = styled.div `
+  width: ${(props) => props.width && props.width};
+  height: ${(props) => props.height && props.height};
+`;

package/lib/core/BarChartWithCustomizedEvent/BarChartWithCustomizedEvent.stories.d.ts

@@ -9,7 +9,6 @@ export declare const BarChartCustomizedEventData: {
     deduction: number;
 }[];
 export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=BarChartWithCustomizedEvent.stories.d.ts.map

package/lib/core/BarChartWithCustomizedEvent/BarChartWithCustomizedEvent.stories.js

@@ -1,87 +1,84 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = exports.BarChartCustomizedEventData = 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/BarChartWithCustomizedEvent',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import BarChartWithCustomizedEvent from '.';
+export default {
+    title: 'Core/BarChartWithCustomizedEvent',
+    component: BarChartWithCustomizedEvent,
+};
+export const BarChartCustomizedEventData = [
+    {
+        year: 2020,
+        debt: 2500700,
+        interestRates: 12000,
+        deduction: 140000,
+    },
+    {
+        year: 2021,
+        debt: 1950000,
+        interestRates: 12000,
+        deduction: 140000,
+    },
+    {
+        year: 2022,
+        debt: 1600000,
+        interestRates: 12000,
+        deduction: 140000,
+    },
+    {
+        year: 2023,
+        debt: 1400000,
+        interestRates: 12000,
+        deduction: 140400,
+    },
+    {
+        year: 2024,
+        debt: 1100000,
+        interestRates: 12000,
+        deduction: 14000,
+    },
+    {
+        year: 2025,
+        debt: 1000000,
+        interestRates: 12000,
+        deduction: 14000,
+    },
+    {
+        year: 2026,
+        debt: 900000,
+        interestRates: 12000,
+        deduction: 14000,
+    },
+    {
+        year: 2027,
+        debt: 750000,
+        interestRates: 12000,
+        deduction: 14000,
+    },
+    {
+        year: 2028,
+        debt: 500000,
+        interestRates: 12000,
+        deduction: 14000,
+    },
+    {
+        year: 2029,
+        debt: 300000,
+        interestRates: 12000,
+        deduction: 14000,
+    },
+    {
+        year: 2030,
+        debt: 150000,
+        interestRates: 12000,
+        deduction: 14000,
+    },
+];
+export const Default = {
+    render: (_args, { loaded: { theme } }) => (_jsx(BarChartWithCustomizedEvent, { data: BarChartCustomizedEventData, bars: [
+            {
+                name: 'Restgjeld',
+                dataKey: 'debt',
+                fill: theme.primary,
+            },
+        ], xAxisDataKey: "year", selectedIndex: 0, onClickBar: (v) => console.log('onClickBar', v) })),
+    name: 'Default',
 };
-const BarChartCustomizedEventData = exports.BarChartCustomizedEventData = [{
-  year: 2020,
-  debt: 2500700,
-  interestRates: 12000,
-  deduction: 140000
-}, {
-  year: 2021,
-  debt: 1950000,
-  interestRates: 12000,
-  deduction: 140000
-}, {
-  year: 2022,
-  debt: 1600000,
-  interestRates: 12000,
-  deduction: 140000
-}, {
-  year: 2023,
-  debt: 1400000,
-  interestRates: 12000,
-  deduction: 140400
-}, {
-  year: 2024,
-  debt: 1100000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2025,
-  debt: 1000000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2026,
-  debt: 900000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2027,
-  debt: 750000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2028,
-  debt: 500000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2029,
-  debt: 300000,
-  interestRates: 12000,
-  deduction: 14000
-}, {
-  year: 2030,
-  debt: 150000,
-  interestRates: 12000,
-  deduction: 14000
-}];
-const Default = exports.Default = {
-  render: (_args, {
-    loaded: {
-      theme
-    }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    data: BarChartCustomizedEventData,
-    bars: [{
-      name: 'Restgjeld',
-      dataKey: 'debt',
-      fill: theme.primary
-    }],
-    xAxisDataKey: "year",
-    selectedIndex: 0,
-    onClickBar: v => console.log('onClickBar', v)
-  }),
-  name: 'Default'
-};

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

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

package/lib/core/BarChartWithCustomizedEvent/index.js

@@ -1,116 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.BarChartWithCustomizedEvent = void 0;
-var _recharts = require("recharts");
-var _react = _interopRequireWildcard(require("react"));
-var _formatGraphPrice = require("../../utils/formatGraphPrice");
-var _react2 = require("@emotion/react");
-var _styles = require("./styles");
-var _CustomLegend = require("../../shared/recharts/CustomLegend");
-var _jsxRuntime = require("react/jsx-runtime");
-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 BarChartWithCustomizedEvent = ({
-  height = '300px',
-  width = 'auto',
-  data = [],
-  bars,
-  selectedIndex,
-  xAxisDataKey,
-  yAxisDataKey,
-  xAxisLine = false,
-  yAxisLine = false,
-  tickLineX = false,
-  tickLineY = false,
-  legendHAlign = 'left',
-  legendVAlign = 'bottom',
-  margin,
-  legendPadding,
-  legend = false,
-  layout = 'horizontal',
-  onClickBar,
-  tickFormatterX = e => e,
-  tickFormatterY,
-  ...rest
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const [hoverIndex, setHoverIndex] = (0, _react.useState)(undefined);
-  const handleBarClick = (_, index) => {
-    const identicalIndex = index === selectedIndex;
-    if (onClickBar && !identicalIndex) {
-      onClickBar({
-        data: data[index],
-        index: index
-      });
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CustomEventBarChartContainer, {
-    width: width && width,
-    height: height && height,
-    theme: theme,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ResponsiveContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_recharts.BarChart, {
-        data: data && data,
-        margin: margin ? margin : {
-          top: 0,
-          right: 0,
-          left: 0,
-          bottom: 0
-        },
-        barGap: "0%",
-        layout: layout && layout,
-        ...rest,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.CartesianGrid, {
-          strokeDasharray: "0",
-          vertical: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.XAxis, {
-          dataKey: xAxisDataKey && xAxisDataKey,
-          axisLine: xAxisLine && xAxisLine,
-          tickLine: tickLineX && tickLineX,
-          type: layout === 'vertical' ? 'number' : 'category',
-          tickFormatter: tickFormatterX,
-          tickMargin: 5
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.YAxis, {
-          dataKey: yAxisDataKey && yAxisDataKey,
-          axisLine: yAxisLine && yAxisLine,
-          tickLine: tickLineY && tickLineY,
-          type: layout === 'vertical' ? 'category' : 'number',
-          tickFormatter: tickFormatterY ? tickFormatterY : _formatGraphPrice.formatAxisPrice
-        }), legend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Legend, {
-          verticalAlign: legendVAlign && legendVAlign,
-          align: legendHAlign && legendHAlign,
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomLegend.CustomLegend, {}),
-          wrapperStyle: {
-            paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
-            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
-            paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
-            paddingRight: legendPadding?.right ? legendPadding.right : '0'
-          }
-        }), bars?.length && bars.map(bar => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Bar, {
-            dataKey: bar.dataKey,
-            fill: bar.fill,
-            name: bar.name,
-            maxBarSize: 50,
-            onClick: handleBarClick,
-            stackId: "stack",
-            children: data?.length && data.map((_, index) => {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Cell, {
-                cursor: "pointer",
-                fill: bar.fill,
-                onMouseEnter: () => setHoverIndex(index),
-                onMouseLeave: () => setHoverIndex(undefined),
-                className: `bar-cell ${index === selectedIndex && 'bar-cell-selected'} ${index === hoverIndex && 'bar-cell-hovered'}`
-              }, `cell-${index}`);
-            })
-          }, bar.name);
-        })]
-      })
-    })
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, BarChart, CartesianGrid, Cell, Legend, ResponsiveContainer, XAxis, YAxis, } from 'recharts';
+import { useState } from 'react';
+import { formatAxisPrice } from '../../utils/formatGraphPrice';
+import { useTheme } from '@emotion/react';
+import { CustomEventBarChartContainer } from './styles';
+import { CustomLegend } from '../../shared/recharts/CustomLegend';
+export const BarChartWithCustomizedEvent = ({ height = '300px', width = 'auto', data = [], bars, selectedIndex, xAxisDataKey, yAxisDataKey, xAxisLine = false, yAxisLine = false, tickLineX = false, tickLineY = false, legendHAlign = 'left', legendVAlign = 'bottom', margin, legendPadding, legend = false, layout = 'horizontal', onClickBar, tickFormatterX = (e) => e, tickFormatterY, ...rest }) => {
+    const theme = useTheme();
+    const [hoverIndex, setHoverIndex] = useState(undefined);
+    const handleBarClick = (_, index) => {
+        const identicalIndex = index === selectedIndex;
+        if (onClickBar && !identicalIndex) {
+            onClickBar({ data: data[index], index: index });
+        }
+    };
+    return (_jsx(CustomEventBarChartContainer, { width: width && width, height: height && height, theme: theme, children: _jsx(ResponsiveContainer, { children: _jsxs(BarChart, { data: data && data, margin: margin ? margin : { top: 0, right: 0, left: 0, bottom: 0 }, barGap: "0%", layout: layout && layout, ...rest, children: [_jsx(CartesianGrid, { strokeDasharray: "0", vertical: false }), _jsx(XAxis, { dataKey: xAxisDataKey && xAxisDataKey, axisLine: xAxisLine && xAxisLine, tickLine: tickLineX && tickLineX, type: layout === 'vertical' ? 'number' : 'category', tickFormatter: tickFormatterX, tickMargin: 5 }), _jsx(YAxis, { dataKey: yAxisDataKey && yAxisDataKey, axisLine: yAxisLine && yAxisLine, tickLine: tickLineY && tickLineY, type: layout === 'vertical' ? 'category' : 'number', tickFormatter: tickFormatterY ? tickFormatterY : formatAxisPrice }), legend && (_jsx(Legend, { verticalAlign: legendVAlign && legendVAlign, align: legendHAlign && legendHAlign, content: _jsx(CustomLegend, {}), wrapperStyle: {
+                            paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
+                            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
+                            paddingBottom: legendPadding?.bottom
+                                ? legendPadding.bottom
+                                : '0',
+                            paddingRight: legendPadding?.right ? legendPadding.right : '0',
+                        } })), bars?.length &&
+                        bars.map((bar) => {
+                            return (_jsx(Bar, { dataKey: bar.dataKey, fill: bar.fill, name: bar.name, maxBarSize: 50, onClick: handleBarClick, stackId: "stack", children: data?.length &&
+                                    data.map((_, index) => {
+                                        return (_jsx(Cell, { cursor: "pointer", fill: bar.fill, onMouseEnter: () => setHoverIndex(index), onMouseLeave: () => setHoverIndex(undefined), className: `bar-cell ${index === selectedIndex && 'bar-cell-selected'} ${index === hoverIndex && 'bar-cell-hovered'}` }, `cell-${index}`));
+                                    }) }, bar.name));
+                        })] }) }) }));
 };
-exports.BarChartWithCustomizedEvent = BarChartWithCustomizedEvent;
-var _default = exports.default = BarChartWithCustomizedEvent;
+export default BarChartWithCustomizedEvent;

package/lib/core/BarChartWithCustomizedEvent/styles.d.ts

@@ -7,4 +7,3 @@ export declare const CustomEventBarChartContainer: import("@emotion/styled").Sty
     width: string;
     theme: Theme;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/core/BarChartWithCustomizedEvent/styles.js

@@ -1,19 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomEventBarChartContainer = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CustomEventBarChartContainer = exports.CustomEventBarChartContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "etqd4lk0"
-} : {
-  target: "etqd4lk0",
-  label: "CustomEventBarChartContainer"
-})(({
-  height,
-  width,
-  theme
-}) => /*#__PURE__*/(0, _react.css)("height:", height && height, ";width:", width && width, ";.bar-cell{transition:all 0.2s ease;&:hover,&.bar-cell-selected,&.bar-cell-hovered{filter:brightness(75%);fill:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;")));
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+export const CustomEventBarChartContainer = styled.div(({ height, width, theme }) => css `
+    height: ${height && height};
+    width: ${width && width};
+    .bar-cell {
+      transition: all 0.2s ease;
+      &:hover,
+      &.bar-cell-selected,
+      &.bar-cell-hovered {
+        filter: brightness(75%);
+        fill: ${theme.primary};
+      }
+    }
+  `);

package/lib/core/Box/Box.stories.d.ts

@@ -12,4 +12,3 @@ export declare const CollapsableMysite: Story;
 export declare const Noshadow: Story;
 export declare const Background: Story;
 export declare const HideContent: Story;
-//# sourceMappingURL=Box.stories.d.ts.map