@bbl-digital/snorre 4.2.29 → 4.2.31

package/lib/core/SimpleBarChart/SimpleBarChart.stories.js

@@ -1,10 +1,17 @@
-import SimpleBarChart from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.storyDataSimpleNumbers = exports.storyDataKostnadBudsjett = exports.default = exports.WithXAxisLineAndYAxisLine = exports.WithSimpleNumbers = exports.VerticalBarChart = 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/SimpleBarChart',
-  component: SimpleBarChart
+  component: _.default
 };
-export const storyDataKostnadBudsjett = [{
+const storyDataKostnadBudsjett = exports.storyDataKostnadBudsjett = [{
   name: 'Jan',
   kostnad: 66000,
   budsjett: 65000
@@ -53,7 +60,7 @@ export const storyDataKostnadBudsjett = [{
   kostnad: 5400,
   budsjett: 70000
 }];
-export const storyDataSimpleNumbers = [{
+const storyDataSimpleNumbers = exports.storyDataSimpleNumbers = [{
   name: 'Jan',
   amount: 1
 }, {
@@ -90,12 +97,12 @@ export const storyDataSimpleNumbers = [{
   name: 'Des',
   amount: 1
 }];
-export const Default = {
+const Default = exports.Default = {
   render: (_args, {
     loaded: {
       theme
     }
-  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     data: storyDataKostnadBudsjett,
     bars: [{
       name: 'Kostnad',
@@ -110,12 +117,12 @@ export const Default = {
   }),
   name: 'Default'
 };
-export const WithXAxisLineAndYAxisLine = {
+const WithXAxisLineAndYAxisLine = exports.WithXAxisLineAndYAxisLine = {
   render: (_args, {
     loaded: {
       theme
     }
-  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     data: storyDataKostnadBudsjett,
     bars: [{
       name: 'Kostnad',
@@ -132,12 +139,12 @@ export const WithXAxisLineAndYAxisLine = {
   }),
   name: 'With xAxisLine and yAxisLine'
 };
-export const VerticalBarChart = {
+const VerticalBarChart = exports.VerticalBarChart = {
   render: (_args, {
     loaded: {
       theme
     }
-  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     data: storyDataKostnadBudsjett,
     bars: [{
       name: 'Kostnad',
@@ -154,12 +161,12 @@ export const VerticalBarChart = {
   }),
   name: 'Vertical BarChart'
 };
-export const WithSimpleNumbers = {
+const WithSimpleNumbers = exports.WithSimpleNumbers = {
   render: (_args, {
     loaded: {
       theme
     }
-  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     data: storyDataSimpleNumbers,
     bars: [{
       name: 'Antall',

package/lib/core/SimpleBarChart/index.js

@@ -1,10 +1,17 @@
-import React from 'react';
-import { Bar, BarChart, CartesianGrid, Legend, Tooltip, XAxis, YAxis, ResponsiveContainer } from 'recharts';
-import { BarChartContainer } from './styles';
-import { formatAxisPrice } from '../../utils/formatGraphPrice';
-import CustomTooltip from '../../shared/recharts/CustomTooltip';
-import { CustomLegend } from '../../shared/recharts/CustomLegend';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _recharts = require("recharts");
+var _styles = require("./styles");
+var _formatGraphPrice = require("../../utils/formatGraphPrice");
+var _CustomTooltip = _interopRequireDefault(require("../../shared/recharts/CustomTooltip"));
+var _CustomLegend = require("../../shared/recharts/CustomLegend");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SimpleBarChart = ({
   height = '350px',
   width = 'auto',
@@ -31,13 +38,13 @@ const SimpleBarChart = ({
   const getTickFormatter = () => {
     if (defaultFormatter && !tickFormatter) return undefined;
     if (tickFormatter) return tickFormatter;
-    return formatAxisPrice;
+    return _formatGraphPrice.formatAxisPrice;
   };
-  return /*#__PURE__*/_jsx(BarChartContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.BarChartContainer, {
     width: width && width,
     height: height && height,
-    children: /*#__PURE__*/_jsx(ResponsiveContainer, {
-      children: /*#__PURE__*/_jsxs(BarChart, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ResponsiveContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_recharts.BarChart, {
         data: data && data,
         margin: margin ? margin : {
           top: 0,
@@ -48,10 +55,10 @@ const SimpleBarChart = ({
         barGap: "0%",
         layout: layout && layout,
         ...rest,
-        children: [/*#__PURE__*/_jsx(CartesianGrid, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.CartesianGrid, {
           strokeDasharray: "0",
           vertical: false
-        }), /*#__PURE__*/_jsx(XAxis, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.XAxis, {
           dataKey: xAxisDataKey && xAxisDataKey,
           axisLine: xAxisLine && xAxisLine,
           tickLine: tickLineX && tickLineX,
@@ -60,7 +67,7 @@ const SimpleBarChart = ({
           minTickGap: minTickGapX,
           allowDecimals: allowDecimals,
           tickFormatter: getTickFormatter()
-        }), /*#__PURE__*/_jsx(YAxis, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
           axisLine: yAxisLine && yAxisLine,
           tickLine: tickLineY && tickLineY,
@@ -68,12 +75,12 @@ const SimpleBarChart = ({
           minTickGap: minTickGapY,
           allowDecimals: allowDecimals,
           tickFormatter: getTickFormatter()
-        }), /*#__PURE__*/_jsx(Tooltip, {
-          content: /*#__PURE__*/_jsx(CustomTooltip, {})
-        }), /*#__PURE__*/_jsx(Legend, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Tooltip, {
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomTooltip.default, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Legend, {
           verticalAlign: legendVAlign && legendVAlign,
           align: legendHAlign && legendHAlign,
-          content: /*#__PURE__*/_jsx(CustomLegend, {}),
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomLegend.CustomLegend, {}),
           wrapperStyle: {
             paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
             paddingTop: legendPadding?.top ? legendPadding.top : '10px',
@@ -81,7 +88,7 @@ const SimpleBarChart = ({
             paddingRight: legendPadding?.right ? legendPadding.right : '0'
           }
         }), bars?.length && bars.map(bar => {
-          return /*#__PURE__*/_jsx(Bar, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Bar, {
             dataKey: bar.dataKey,
             fill: bar.fill,
             name: bar.name,
@@ -92,4 +99,4 @@ const SimpleBarChart = ({
     })
   });
 };
-export default SimpleBarChart;
+var _default = exports.default = SimpleBarChart;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleBarChart/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;eAIgX,WAAW;;WAJpW,MAAM;YAAU,MAAM;yGAG1E,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleBarChart/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;SAIsT,MAAO,WAAW;;WAJjT,MAAM;YAAU,MAAM;yGAG1E,CAAA"}

package/lib/core/SimpleBarChart/styles.js

@@ -1,5 +1,12 @@
-import _styled from "@emotion/styled/base";
-export const BarChartContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BarChartContainer = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BarChartContainer = exports.BarChartContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e1omf8wg0"
 } : {
   target: "e1omf8wg0",

package/lib/core/SimpleLineChart/SimpleLineChart.stories.js

@@ -1,45 +1,52 @@
-import SimpleLineChart from '.';
-import { getFormattedDate } from '../../utils/format';
-import { ddmmyyyy } from '../../utils/dates';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _ = _interopRequireDefault(require("."));
+var _format = require("../../utils/format");
+var _dates = require("../../utils/dates");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Core/SimpleLineChart',
-  component: SimpleLineChart
+  component: _.default
 };
 const simplelinechartdata = [{
-  date: getFormattedDate(new Date(2020, 1, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 1, 5), _dates.ddmmyyyy),
   interest: 1.7
 }, {
-  date: getFormattedDate(new Date(2020, 2, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 2, 5), _dates.ddmmyyyy),
   interest: 1.9
 }, {
-  date: getFormattedDate(new Date(2020, 3, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 3, 5), _dates.ddmmyyyy),
   interest: 2.4
 }, {
-  date: getFormattedDate(new Date(2020, 4, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 4, 5), _dates.ddmmyyyy),
   interest: 2.8
 }, {
-  date: getFormattedDate(new Date(2020, 5, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 5, 5), _dates.ddmmyyyy),
   interest: 2.6
 }, {
-  date: getFormattedDate(new Date(2020, 6, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 6, 5), _dates.ddmmyyyy),
   interest: 2.3
 }, {
-  date: getFormattedDate(new Date(2020, 7, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 7, 5), _dates.ddmmyyyy),
   interest: 2.4
 }, {
-  date: getFormattedDate(new Date(2020, 8, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 8, 5), _dates.ddmmyyyy),
   interest: 2.5
 }, {
-  date: getFormattedDate(new Date(2020, 9, 5), ddmmyyyy),
+  date: (0, _format.getFormattedDate)(new Date(2020, 9, 5), _dates.ddmmyyyy),
   interest: 3.5
 }];
-export const Default = {
+const Default = exports.Default = {
   render: (_args, {
     loaded: {
       theme
     }
-  }) => /*#__PURE__*/_jsx(SimpleLineChart, {
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     data: simplelinechartdata,
     lines: [{
       name: 'Interest',

package/lib/core/SimpleLineChart/index.js

@@ -1,9 +1,16 @@
-import React from 'react';
-import { CartesianGrid, Legend, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
-import { CustomLegend } from '../../shared/recharts/CustomLegend';
-import CustomTooltip from '../../shared/recharts/CustomTooltip';
-import { LineChartContainer } from './styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"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 _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SimpleLineChart = ({
   height = '350px',
   width = '100%',
@@ -30,20 +37,20 @@ const SimpleLineChart = ({
   tooltipFormatter = e => e,
   ...rest
 }) => {
-  return /*#__PURE__*/_jsx(LineChartContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LineChartContainer, {
     height: height,
     width: width,
-    children: /*#__PURE__*/_jsx(ResponsiveContainer, {
-      children: /*#__PURE__*/_jsxs(LineChart, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.ResponsiveContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_recharts.LineChart, {
         data: data,
         margin: margin && margin,
         barGap: "0%",
         layout: layout && layout,
         ...rest,
-        children: [/*#__PURE__*/_jsx(CartesianGrid, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.CartesianGrid, {
           strokeDasharray: "0",
           vertical: false
-        }), /*#__PURE__*/_jsx(XAxis, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.XAxis, {
           dataKey: xAxisDataKey && xAxisDataKey,
           axisLine: xAxisLine && xAxisLine,
           tickLine: tickLineX && tickLineX,
@@ -51,22 +58,22 @@ const SimpleLineChart = ({
           padding: xAxisPadding && xAxisPadding,
           tickFormatter: tickFormatterX,
           tickMargin: 5
-        }), /*#__PURE__*/_jsx(YAxis, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
           axisLine: yAxisLine && yAxisLine,
           tickLine: tickLineY && tickLineY,
           type: layout === 'vertical' ? 'category' : 'number',
           tickFormatter: tickFormatterY
-        }), /*#__PURE__*/_jsx(Tooltip, {
-          content: /*#__PURE__*/_jsx(CustomTooltip, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Tooltip, {
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomTooltip.default, {
             formatter: tooltipFormatter,
             lineConfig: lines,
             allowDecimals: allowDecimalsInTooltip
           })
-        }), /*#__PURE__*/_jsx(Legend, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Legend, {
           verticalAlign: legendVAlign && legendVAlign,
           align: legendHAlign && legendHAlign,
-          content: /*#__PURE__*/_jsx(CustomLegend, {}),
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomLegend.CustomLegend, {}),
           wrapperStyle: {
             paddingLeft: legendPadding?.left ? legendPadding.left : '50px',
             paddingTop: legendPadding?.top ? legendPadding.top : '10px',
@@ -74,7 +81,7 @@ const SimpleLineChart = ({
             paddingRight: legendPadding?.right ? legendPadding.right : '0'
           }
         }), lines?.length && lines.map(line => {
-          return /*#__PURE__*/_jsx(Line, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_recharts.Line, {
             type: line.type,
             dataKey: line.dataKey,
             stroke: line.stroke,
@@ -86,4 +93,4 @@ const SimpleLineChart = ({
     })
   });
 };
-export default SimpleLineChart;
+var _default = exports.default = SimpleLineChart;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleLineChart/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;eAI8W,WAAW;;WAJlW,MAAM;YAAU,MAAM;yGAG3E,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleLineChart/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;SAIoT,MAAO,WAAW;;WAJ/S,MAAM;YAAU,MAAM;yGAG3E,CAAA"}

package/lib/core/SimpleLineChart/styles.js

@@ -1,5 +1,12 @@
-import _styled from "@emotion/styled/base";
-export const LineChartContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LineChartContainer = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LineChartContainer = exports.LineChartContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "eqc7n110"
 } : {
   target: "eqc7n110",

package/lib/core/Skeleton/Skeleton.stories.js

@@ -1,10 +1,17 @@
-import Skeleton from '.';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Rectangle = exports.Default = exports.Custom = exports.Circle = void 0;
+var _ = _interopRequireDefault(require("."));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const meta = {
   title: 'Core/Skeleton',
-  component: Skeleton
+  component: _.default
 };
-export default meta;
-export const Default = {
+var _default = exports.default = meta;
+const Default = exports.Default = {
   name: 'Default',
   args: {
     circle: false,
@@ -14,7 +21,7 @@ export const Default = {
     borderRadius: ''
   }
 };
-export const Circle = {
+const Circle = exports.Circle = {
   name: 'Circle',
   args: {
     circle: true,
@@ -24,7 +31,7 @@ export const Circle = {
     borderRadius: ''
   }
 };
-export const Rectangle = {
+const Rectangle = exports.Rectangle = {
   name: 'Rectangle',
   args: {
     circle: false,
@@ -34,7 +41,7 @@ export const Rectangle = {
     borderRadius: ''
   }
 };
-export const Custom = {
+const Custom = exports.Custom = {
   name: 'Custom',
   args: {
     circle: false,

package/lib/core/Skeleton/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import { SkeletonRow, SkeletonCircle, SkeletonRectangle } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
+"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 Skeleton = ({
   circle = false,
   height = undefined,
@@ -15,21 +22,21 @@ const Skeleton = ({
     role: 'presentation'
   };
   if (circle) {
-    return /*#__PURE__*/_jsx(SkeletonCircle, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SkeletonCircle, {
       "data-testid": "skeleton",
       ...commonProps
     });
   }
   if (rectangle) {
-    return /*#__PURE__*/_jsx(SkeletonRectangle, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SkeletonRectangle, {
       "data-testid": "skeleton",
       borderRadius: borderRadius,
       ...commonProps
     });
   }
-  return /*#__PURE__*/_jsx(SkeletonRow, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SkeletonRow, {
     "data-testid": "skeleton",
     ...commonProps
   });
 };
-export default Skeleton;
+var _default = exports.default = Skeleton;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Skeleton/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAmBpC,eAAO,MAAM,WAAW;;eAE+B,WAGpD;;;mBAFF,CAAA;AAED,eAAO,MAAM,cAAc;;eAH4B,WAGpD;;;mBAIF,CAAA;AAED,eAAO,MAAM,iBAAiB;;eATyB,WAGpD;;;mBAUF,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Skeleton/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAmBpC,eAAO,MAAM,WAAW;;SACoC,MACxD,WAAW;;;mBACd,CAAA;AAED,eAAO,MAAM,cAAc;;SAJiC,MACxD,WAAW;;;mBAOd,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAV8B,MACxD,WAAW;;;mBAad,CAAA"}

package/lib/core/Skeleton/styles.js

@@ -1,30 +1,37 @@
-import _styled from "@emotion/styled/base";
-import { keyframes } from '@emotion/react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonRow = exports.SkeletonRectangle = exports.SkeletonCircle = 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 shimmerBg = '#ccc';
-const pulse = keyframes`
+const pulse = (0, _react.keyframes)`
   0% { opacity: 0.6; }
   50%  { opacity: 0.2; }
   100% { opacity: 0.6; }
 `;
-const defaultShimmer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+const defaultShimmer = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
   target: "enirjj93"
 } : {
   target: "enirjj93",
   label: "defaultShimmer"
 })("display:inline-block;position:relative;overflow:hidden;vertical-align:middle;background-color:", shimmerBg, ";animation:", pulse, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZa0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2tlbGV0b24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElQcm9wcyB9IGZyb20gJy4uL1NrZWxldG9uJ1xuXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcblxuY29uc3QgcHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XG4gIDUwJSAgeyBvcGFjaXR5OiAwLjI7IH1cbiAgMTAwJSB7IG9wYWNpdHk6IDAuNjsgfVxuYFxuXG5jb25zdCBkZWZhdWx0U2hpbW1lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtzaGltbWVyQmd9O1xuICBhbmltYXRpb246ICR7cHVsc2V9IDJzIGluZmluaXRlO1xuYFxuXG5leHBvcnQgY29uc3QgU2tlbGV0b25Sb3cgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzY1JScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uQ2lyY2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuYFxuXG5leHBvcnQgY29uc3QgU2tlbGV0b25SZWN0YW5nbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMzRweCcpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xuICBib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmJvcmRlclJhZGl1cyA/IHByb3BzLmJvcmRlclJhZGl1cyA6ICcwJyl9O1xuYFxuIl19 */"));
-export const SkeletonRow = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
+const SkeletonRow = exports.SkeletonRow = /*#__PURE__*/(0, _base.default)(defaultShimmer, process.env.NODE_ENV === "production" ? {
   target: "enirjj92"
 } : {
   target: "enirjj92",
   label: "SkeletonRow"
 })("height:", props => props.height ? props.height : '1em', ";width:", props => props.width ? props.width : '65%', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJUHJvcHMgfSBmcm9tICcuLi9Ta2VsZXRvbidcblxuY29uc3Qgc2hpbW1lckJnID0gJyNjY2MnXG5cbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7IG9wYWNpdHk6IDAuNjsgfVxuICA1MCUgIHsgb3BhY2l0eTogMC4yOyB9XG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cbmBcblxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2hpbW1lckJnfTtcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzFlbScpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICc2NSUnKX07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNpcmNsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzM0cHgnKX07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUmVjdGFuZ2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5ib3JkZXJSYWRpdXMgPyBwcm9wcy5ib3JkZXJSYWRpdXMgOiAnMCcpfTtcbmBcbiJdfQ== */"));
-export const SkeletonCircle = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
+const SkeletonCircle = exports.SkeletonCircle = /*#__PURE__*/(0, _base.default)(defaultShimmer, process.env.NODE_ENV === "production" ? {
   target: "enirjj91"
 } : {
   target: "enirjj91",
   label: "SkeletonCircle"
 })("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:50%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjREIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJUHJvcHMgfSBmcm9tICcuLi9Ta2VsZXRvbidcblxuY29uc3Qgc2hpbW1lckJnID0gJyNjY2MnXG5cbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7IG9wYWNpdHk6IDAuNjsgfVxuICA1MCUgIHsgb3BhY2l0eTogMC4yOyB9XG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cbmBcblxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2hpbW1lckJnfTtcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzFlbScpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICc2NSUnKX07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNpcmNsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzM0cHgnKX07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUmVjdGFuZ2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5ib3JkZXJSYWRpdXMgPyBwcm9wcy5ib3JkZXJSYWRpdXMgOiAnMCcpfTtcbmBcbiJdfQ== */"));
-export const SkeletonRectangle = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
+const SkeletonRectangle = exports.SkeletonRectangle = /*#__PURE__*/(0, _base.default)(defaultShimmer, process.env.NODE_ENV === "production" ? {
   target: "enirjj90"
 } : {
   target: "enirjj90",

package/lib/core/Spinner/Spinner.stories.js

@@ -1,27 +1,34 @@
-import Spinner from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Size = exports.Default = exports.Color = exports.Border = 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/Spinner',
-  component: Spinner
+  component: _.default
 };
-export const Default = {
-  render: () => /*#__PURE__*/_jsx(Spinner, {}),
+const Default = exports.Default = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}),
   name: 'Default'
 };
-export const Size = {
-  render: () => /*#__PURE__*/_jsx(Spinner, {
+const Size = exports.Size = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     size: 40
   }),
   name: 'Size'
 };
-export const Color = {
-  render: () => /*#__PURE__*/_jsx(Spinner, {
+const Color = exports.Color = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     color: "red"
   }),
   name: 'Color'
 };
-export const Border = {
-  render: () => /*#__PURE__*/_jsx(Spinner, {
+const Border = exports.Border = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
     thickness: 5,
     offsetColor: "red",
     color: "green"

package/lib/core/Spinner/index.js

@@ -1,13 +1,21 @@
+"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 */
-import React from 'react';
-import { styles } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
 const Spinner = props => {
-  return _jsx("div", {
-    css: theme => [styles.default(theme), props.size && styles.size(props.size), props.margin && styles.margin(props.margin), props.color && styles.color(props.color), (props.thickness || props.offsetColor) && styles.border(props.thickness, props.offsetColor, props.color || theme.primary)],
+  return (0, _jsxRuntime.jsx)("div", {
+    css: theme => [_styles.styles.default(theme), props.size && _styles.styles.size(props.size), props.margin && _styles.styles.margin(props.margin), props.color && _styles.styles.color(props.color), (props.thickness || props.offsetColor) && _styles.styles.border(props.thickness, props.offsetColor, props.color || theme.primary)],
     role: "alert",
     "aria-live": "polite",
     "aria-label": "Laster..."
   });
 };
-export default Spinner;
+var _default = exports.default = Spinner;