@bbl-digital/snorre 4.0.76 → 4.0.78

package/esm/core/NotificationsMenu/index.js

@@ -5,8 +5,7 @@ import IconBellOutline from '../../icons/General/IconBellOutline';
 import IconBellFilled from '../../icons/General/IconBellFilled';
 import Text from '../Text';
 import { motion } from 'framer-motion';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NotificationsMenu = ({
   unreadCount,
   triggerClose,

package/esm/core/PieChart/ActiveShape/index.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { Sector } from 'recharts';
 
 /** Renders outer line on the pie chart */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ActiveShape = props => {
   const {
     cx,

package/esm/core/PieChart/index.js

@@ -4,8 +4,7 @@ import { alpha } from '../../utils/alpha';
 import ActiveShape from './ActiveShape';
 import renderTextContent from './renderTextContent';
 import { PieChartWrapper } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PieChart = ({
   width,
   height,

package/esm/core/PieChart/renderTextContent/index.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { TextContent } from '../styles';
 
 /** Renders central text in the pie chart*/
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const renderTextContent = (num, title) => props => {
   const {
     cx,

package/esm/core/PreemptionCard/index.js

@@ -10,8 +10,7 @@ import { getAreaTextForPreemptionUnit, getMeldefristText, isDeadlineClosing } fr
 import Divider from '../Divider';
 import Header from '../Header';
 import { getPriceWithLabel, getFormattedPrice, getFormattedDate } from '../../utils/format';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const PreemptionCard = ({
   preemption,
   onClick

package/esm/core/PreemptionCardLoading/index.js

@@ -3,8 +3,7 @@ import Card from '../Card';
 import Divider from '../Divider';
 import Skeleton from '../Skeleton';
 import { WrapperUnitInformation, WrapperHeader } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PreemptionCardLoading = () => {
   return /*#__PURE__*/_jsxs(Card, {
     shadow: true,

package/esm/core/QuillEditor/Attributors/IndentAttributor.js

@@ -0,0 +1,16 @@
+import Quill from 'quill';
+const Parchment = Quill.import('parchment');
+class IndentAttributor extends Parchment.StyleAttributor {
+  constructor(...args) {
+    super(...args);
+  }
+  add(node, value) {
+    if (value === 0) {
+      this.remove(node);
+      return true;
+    } else {
+      return super.add(node, `${value}em`);
+    }
+  }
+}
+export default IndentAttributor;

package/esm/core/QuillEditor/QuillEditor.stories.js

@@ -0,0 +1,55 @@
+import QuillEditor from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/QuillEditor',
+  component: QuillEditor
+};
+export const Default = {
+  render: () => {
+    return /*#__PURE__*/_jsx(QuillEditor, {
+      onChange: e => console.log(e),
+      onBlur: () => console.log('blur'),
+      onFocus: () => console.log('focus'),
+      overrideValue: "<p>Initial value</p>",
+      onSelectionChange: (range, source, quill) => console.log(range, source, quill)
+    });
+  },
+  name: 'Default'
+};
+export const Rich = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    type: "rich",
+    onChange: e => console.log(e)
+  }),
+  name: 'Rich'
+};
+export const Readonly = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    resize: true,
+    readOnly: true,
+    initialValue: "Readonly"
+  }),
+  name: 'Readonly'
+};
+export const CustomSize = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    height: 300,
+    width: 400,
+    onChange: e => console.log(e)
+  }),
+  name: 'Custom size'
+};
+export const Placeholder = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    placeholder: "Placeholder",
+    onChange: e => console.log(e)
+  }),
+  name: 'Placeholder'
+};
+export const WithError = {
+  render: () => /*#__PURE__*/_jsx(QuillEditor, {
+    invalidMessage: "Memes are not allowed",
+    onChange: e => console.log(e)
+  }),
+  name: 'With error'
+};

package/esm/core/QuillEditor/config.js

@@ -0,0 +1,28 @@
+// Toolbar options
+const sizes = [{
+  header: [false, 1, 2, 3, 4, 5, 6]
+}];
+const decorations = ['bold', 'italic', 'underline'];
+const lists = [{
+  list: 'bullet'
+}, {
+  list: 'ordered'
+}, {
+  indent: '+1'
+}, {
+  indent: '-1'
+}];
+const alignments = [{
+  align: ''
+}, {
+  align: 'center'
+}, {
+  align: 'right'
+}, {
+  align: 'justify'
+}];
+const link = 'link';
+// const image = 'image'
+
+export const basicToolbar = [decorations, lists];
+export const richToolbar = [sizes, decorations, lists, alignments, [link]];

package/esm/core/QuillEditor/index.js

@@ -0,0 +1,159 @@
+/** @jsxImportSource @emotion/react */
+import { useRef, useState, useEffect, useCallback } from 'react';
+import Quill from 'quill';
+import 'quill/dist/quill.snow.css';
+import { basicToolbar, richToolbar } from './config';
+import { ErrorWrapper, Label, styles } from './styles';
+import Text from '../Text';
+import IconErrorOutline from '../../icons/General/IconErrorOutline';
+import { useTheme } from '@emotion/react';
+import IndentAttributor from './Attributors/IndentAttributor';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const Parchment = Quill.import('parchment');
+//Text direction
+Quill.register(Quill.import('attributors/style/direction'), true);
+//Alignment
+Quill.register(Quill.import('attributors/style/align'), true);
+// Text sizes
+const Size = Quill.import('attributors/style/size');
+Size.whitelist = ['0.75em', '1em', '1.5em', '2.5em'];
+Quill.register(Size, true);
+let IndentStyle = new IndentAttributor('indent', 'text-indent', {
+  scope: Parchment.Scope.BLOCK,
+  whitelist: ['1em', '2em', '3em', '4em', '5em', '6em', '7em', '8em', '9em']
+});
+Quill.register(IndentStyle, true);
+const QuillEditor = ({
+  height,
+  width,
+  maxHeight = 500,
+  maxWidth,
+  placeholder = '',
+  initialValue = '',
+  overrideValue,
+  label = 'Editor',
+  readOnly = false,
+  type = 'basic',
+  customModules = {
+    toolbar: basicToolbar
+  },
+  formats = ['header', 'size', 'bold', 'italic', 'underline', 'list', 'bullet', 'indent', 'link', 'image', 'align'],
+  bounds,
+  onChange,
+  onFocus,
+  onBlur,
+  onSelectionChange,
+  invalidMessage,
+  style,
+  className,
+  disabled,
+  resize // Trenger vi denne?,
+}) => {
+  const [quill, setQuill] = useState(null);
+  const editorRef = useRef(null);
+  const {
+    alert
+  } = useTheme();
+  const toolbars = {
+    basic: basicToolbar,
+    rich: richToolbar,
+    custom: customModules.toolbar
+  };
+  const modules = {
+    toolbar: toolbars[type || 'basic']
+  };
+  const handleChange = useCallback((delta, oldDelta, source) => {
+    if (quill && onChange) {
+      const html = quill.root.innerHTML;
+      onChange(html, delta, source, quill);
+    }
+  }, [quill, onChange]);
+  useEffect(() => {
+    if (editorRef.current && !quill) {
+      const quillInstance = new Quill(editorRef.current, {
+        theme: 'snow',
+        modules,
+        formats,
+        placeholder,
+        bounds,
+        readOnly
+      });
+      applySizes();
+      if (initialValue) {
+        quillInstance.root.innerHTML = initialValue;
+      }
+      setQuill(quillInstance);
+    }
+  }, [editorRef, modules, formats, placeholder, readOnly, onFocus, onBlur, initialValue, handleChange]);
+  useEffect(() => {
+    if (quill && disabled) {
+      quill.disable();
+    } else if (quill) {
+      quill.enable();
+    }
+  }, [quill, disabled]);
+  useEffect(() => {
+    if (quill && overrideValue !== undefined) {
+      if (quill.root.innerHTML !== overrideValue) {
+        quill.root.innerHTML = overrideValue;
+      }
+    }
+  }, [quill, overrideValue]);
+  useEffect(() => {
+    if (quill && readOnly) {
+      quill.enable(false);
+    } else if (quill) {
+      quill.enable(true);
+    }
+  }, [readOnly, quill]);
+  useEffect(() => {
+    if (!quill) return;
+    quill.on('text-change', handleChange);
+    quill.on('selection-change', (range, oldRange, source) => {
+      if (range) {
+        onFocus && onFocus();
+      } else {
+        onBlur && onBlur();
+      }
+      onSelectionChange && onSelectionChange(range, source, quill);
+    });
+    return () => {
+      quill.off('text-change', handleChange);
+      quill.off('selection-change');
+    };
+  }, [quill?.container]);
+  const applySizes = () => {
+    if (!quill) return;
+    maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
+    maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
+    width && (quill.root.style.width = `${width}px`);
+    height && (quill.root.style.height = `${height}px`);
+  };
+  return _jsxs("div", {
+    css: theme => [styles.default(theme, maxHeight)],
+    children: [label && _jsx(Label, {
+      children: label
+    }), _jsx("div", {
+      className: `${className || ''}`,
+      style: {
+        height,
+        width,
+        maxHeight,
+        maxWidth,
+        ...style
+      },
+      children: _jsx("div", {
+        ref: editorRef
+      })
+    }), invalidMessage && _jsx(ErrorWrapper, {
+      children: _jsxs(Text, {
+        color: alert,
+        children: [_jsx(IconErrorOutline, {
+          size: "16px",
+          color: alert
+        }), " ", invalidMessage]
+      })
+    })]
+  });
+};
+export default QuillEditor;

package/esm/core/QuillEditor/models.js

@@ -0,0 +1 @@
+export {};

package/esm/core/QuillEditor/styles.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+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 { css } from '@emotion/react';
+export const styles = {
+  default: (theme, maxHeight) => /*#__PURE__*/css("display:flex;flex-direction:column;gap:4px;.ql-toolbar{border:1px solid ", theme.border, ";border-radius:3px 3px 0 0;padding-top:0;padding-bottom:0;.ql-formats{margin-right:0;padding:4px;&:not(:first-of-type){border-left:1px solid ", theme.border, ";}button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;svg{height:65%;}&:hover{background:rgb(222, 224, 226);}&.ql-active{background:rgb(200, 203, 207);}}}.ql-picker-label{border-color:transparent!important;}.ql-picker-options{border-radius:3px;padding-left:0;padding-right:0;margin-top:3px!important;.ql-picker-item{padding:4px;&:hover{background:rgb(222, 224, 226);}}}}.ql-container{border:1px solid ", theme.border, ";border-top:none;border-radius:0 0 3px 3px;font-size:16px;}", maxHeight && /*#__PURE__*/css(".ql-editor{min-height:150px;max-height:", maxHeight, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1F1aWxsRWRpdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRU8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUXVpbGxFZGl0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lLCBtYXhIZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IDRweDtcblxuICAgIC5xbC10b29sYmFyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgcGFkZGluZy10b3A6IDA7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcblxuICAgICAgLnFsLWZvcm1hdHMge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAvLyBOb3QgdGhlIGxhc3Qgb25lXG4gICAgICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIH1cblxuICAgICAgICBidXR0b24ge1xuICAgICAgICAgIHdpZHRoOiAzNHB4O1xuICAgICAgICAgIGhlaWdodDogMzRweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuXG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogNjUlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgICAvLyBBY3RpdmUgYnV0dG9uIHN0YXRlXG4gICAgICAgICAgJi5xbC1hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIwMCwgMjAzLCAyMDcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBEcm9wZG93bnNcbiAgICAgIC5xbC1waWNrZXItbGFiZWwge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgICB9XG5cbiAgICAgIC8vIERyb3Bkb3duIGNvbnRlbnRcbiAgICAgIC5xbC1waWNrZXItb3B0aW9ucyB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcblxuICAgICAgICAucWwtcGlja2VyLWl0ZW0ge1xuICAgICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAucWwtY29udGFpbmVyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICBib3JkZXItcmFkaXVzOiAwIDAgM3B4IDNweDtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gICAgJHttYXhIZWlnaHQgJiZcbiAgICBjc3NgXG4gICAgICAucWwtZWRpdG9yIHtcbiAgICAgICAgbWluLWhlaWdodDogMTUwcHg7XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fXB4O1xuICAgICAgfVxuICAgIGB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXJnaW4tdG9wOiA4cHg7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDZweDtcbiAgfVxuYFxuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1F1aWxsRWRpdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvUXVpbGxFZGl0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lLCBtYXhIZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IDRweDtcblxuICAgIC5xbC10b29sYmFyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgcGFkZGluZy10b3A6IDA7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcblxuICAgICAgLnFsLWZvcm1hdHMge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAvLyBOb3QgdGhlIGxhc3Qgb25lXG4gICAgICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIH1cblxuICAgICAgICBidXR0b24ge1xuICAgICAgICAgIHdpZHRoOiAzNHB4O1xuICAgICAgICAgIGhlaWdodDogMzRweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuXG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogNjUlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgICAvLyBBY3RpdmUgYnV0dG9uIHN0YXRlXG4gICAgICAgICAgJi5xbC1hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIwMCwgMjAzLCAyMDcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBEcm9wZG93bnNcbiAgICAgIC5xbC1waWNrZXItbGFiZWwge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgICB9XG5cbiAgICAgIC8vIERyb3Bkb3duIGNvbnRlbnRcbiAgICAgIC5xbC1waWNrZXItb3B0aW9ucyB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcblxuICAgICAgICAucWwtcGlja2VyLWl0ZW0ge1xuICAgICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAucWwtY29udGFpbmVyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICBib3JkZXItcmFkaXVzOiAwIDAgM3B4IDNweDtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gICAgJHttYXhIZWlnaHQgJiZcbiAgICBjc3NgXG4gICAgICAucWwtZWRpdG9yIHtcbiAgICAgICAgbWluLWhlaWdodDogMTUwcHg7XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fXB4O1xuICAgICAgfVxuICAgIGB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgbGluZS1oZWlnaHQ6IDIycHg7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBFcnJvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXJnaW4tdG9wOiA4cHg7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDZweDtcbiAgfVxuYFxuIl19 */")
+};
+export const Label = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
+  target: "e102ifjr1"
+} : {
+  target: "e102ifjr1",
+  label: "Label"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px"
+} : {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1F1aWxsRWRpdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1F1aWxsRWRpdG9yL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgbWF4SGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiA0cHg7XG5cbiAgICAucWwtdG9vbGJhciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItcmFkaXVzOiAzcHggM3B4IDAgMDtcbiAgICAgIHBhZGRpbmctdG9wOiAwO1xuICAgICAgcGFkZGluZy1ib3R0b206IDA7XG5cbiAgICAgIC5xbC1mb3JtYXRzIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICBwYWRkaW5nOiA0cHg7XG5cbiAgICAgICAgLy8gTm90IHRoZSBsYXN0IG9uZVxuICAgICAgICAmOm5vdCg6Zmlyc3Qtb2YtdHlwZSkge1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgICB9XG5cbiAgICAgICAgYnV0dG9uIHtcbiAgICAgICAgICB3aWR0aDogMzRweDtcbiAgICAgICAgICBoZWlnaHQ6IDM0cHg7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcblxuICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICBoZWlnaHQ6IDY1JTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYigyMjIsIDIyNCwgMjI2KTtcbiAgICAgICAgICB9XG4gICAgICAgICAgLy8gQWN0aXZlIGJ1dHRvbiBzdGF0ZVxuICAgICAgICAgICYucWwtYWN0aXZlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYigyMDAsIDIwMywgMjA3KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gRHJvcGRvd25zXG4gICAgICAucWwtcGlja2VyLWxhYmVsIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICAgICAgfVxuXG4gICAgICAvLyBEcm9wZG93biBjb250ZW50XG4gICAgICAucWwtcGlja2VyLW9wdGlvbnMge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMDtcbiAgICAgICAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgLnFsLXBpY2tlci1pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nOiA0cHg7XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYigyMjIsIDIyNCwgMjI2KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLnFsLWNvbnRhaW5lciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICAgICR7bWF4SGVpZ2h0ICYmXG4gICAgY3NzYFxuICAgICAgLnFsLWVkaXRvciB7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke21heEhlaWdodH1weDtcbiAgICAgIH1cbiAgICBgfVxuICBgLFxufVxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWFyZ2luLXRvcDogOHB4O1xuXG4gICYgPiBzcGFuIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiA2cHg7XG4gIH1cbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ErrorWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e102ifjr0"
+} : {
+  target: "e102ifjr0",
+  label: "ErrorWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "mfzkyd",
+  styles: "display:flex;flex-direction:column;margin-top:8px;&>span{display:flex;align-items:center;gap:6px;}"
+} : {
+  name: "mfzkyd",
+  styles: "display:flex;flex-direction:column;margin-top:8px;&>span{display:flex;align-items:center;gap:6px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1F1aWxsRWRpdG9yL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRnNDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1F1aWxsRWRpdG9yL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgbWF4SGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiA0cHg7XG5cbiAgICAucWwtdG9vbGJhciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItcmFkaXVzOiAzcHggM3B4IDAgMDtcbiAgICAgIHBhZGRpbmctdG9wOiAwO1xuICAgICAgcGFkZGluZy1ib3R0b206IDA7XG5cbiAgICAgIC5xbC1mb3JtYXRzIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICBwYWRkaW5nOiA0cHg7XG5cbiAgICAgICAgLy8gTm90IHRoZSBsYXN0IG9uZVxuICAgICAgICAmOm5vdCg6Zmlyc3Qtb2YtdHlwZSkge1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgICB9XG5cbiAgICAgICAgYnV0dG9uIHtcbiAgICAgICAgICB3aWR0aDogMzRweDtcbiAgICAgICAgICBoZWlnaHQ6IDM0cHg7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcblxuICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICBoZWlnaHQ6IDY1JTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYigyMjIsIDIyNCwgMjI2KTtcbiAgICAgICAgICB9XG4gICAgICAgICAgLy8gQWN0aXZlIGJ1dHRvbiBzdGF0ZVxuICAgICAgICAgICYucWwtYWN0aXZlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYigyMDAsIDIwMywgMjA3KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLy8gRHJvcGRvd25zXG4gICAgICAucWwtcGlja2VyLWxhYmVsIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICAgICAgfVxuXG4gICAgICAvLyBEcm9wZG93biBjb250ZW50XG4gICAgICAucWwtcGlja2VyLW9wdGlvbnMge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMDtcbiAgICAgICAgbWFyZ2luLXRvcDogM3B4ICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgLnFsLXBpY2tlci1pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nOiA0cHg7XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYigyMjIsIDIyNCwgMjI2KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLnFsLWNvbnRhaW5lciB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICAgICR7bWF4SGVpZ2h0ICYmXG4gICAgY3NzYFxuICAgICAgLnFsLWVkaXRvciB7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke21heEhlaWdodH1weDtcbiAgICAgIH1cbiAgICBgfVxuICBgLFxufVxuXG5leHBvcnQgY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWFyZ2luLXRvcDogOHB4O1xuXG4gICYgPiBzcGFuIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiA2cHg7XG4gIH1cbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/core/Radio/Radio.stories.js

@@ -1,6 +1,5 @@
 import Radio from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/Radio',
   component: Radio

package/esm/core/Radio/index.js

@@ -1,8 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
 import { styles } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Radio = ({
   onChange,
   onMouseUp,

package/esm/core/SearchFilter/SearchFilter.stories.js

@@ -1,7 +1,6 @@
 import SearchFilter from '.';
 import Input from '../Input';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/SearchFilter',
   component: SearchFilter

package/esm/core/SearchFilter/index.js

@@ -10,9 +10,7 @@ import Link from '../Link';
 import Text from '../Text';
 import { styles, ContentWrapper, PopperWrapper, HeaderWrapper, ActionButtons, MobileWrapper, Overlay } from './styles';
 import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 const SearchFilter = ({
   title = 'Avansert søk',
   submitText = 'Søk',

package/esm/core/SearchSelect/index.js

@@ -7,9 +7,7 @@ import List from '../List';
 import { Option } from '../Select';
 import useSelectSearch from './hooks/useSelectSearch';
 import { OptionsWrapper, StyledLabel, Wrapper, ListWrapper, styles } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const SelectSearch = props => {
   const ref = useRef(null);
   const inputRef = useRef(null);

package/esm/core/Select/Select.stories.js

@@ -2,8 +2,7 @@ import { action } from '@storybook/addon-actions';
 import Select from '.';
 import Option from './Option';
 import IconTypeOfBuilding from '../../icons/General/IconTypeOfBuilding';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/Select',
   component: Select

package/esm/core/Select/index.js

@@ -7,8 +7,7 @@ import IconHelp from '../../icons/General/IconHelp';
 import Button from '../Button';
 import IconChevronDown from '../../icons/General/IconChevronDown';
 import List from '../List';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export { Option };
 const Select = ({
   input,

package/esm/core/SimpleBarChart/index.js

@@ -4,8 +4,7 @@ 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 } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SimpleBarChart = ({
   height = '350px',
   width = 'auto',

package/esm/core/SimpleLineChart/index.js

@@ -3,8 +3,7 @@ import { CartesianGrid, Legend, Line, LineChart, ResponsiveContainer, Tooltip, X
 import { CustomLegend } from '../../shared/recharts/CustomLegend';
 import CustomTooltip from '../../shared/recharts/CustomTooltip';
 import { LineChartContainer } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SimpleLineChart = ({
   height = '350px',
   width = '100%',

package/esm/core/Stepper/MobileStep/index.js

@@ -1,7 +1,6 @@
 import Text from '../../Text';
 import { ProgressCircle, StepInformation, Wrapper } from './styles';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const MobileStep = ({
   steps,
   selected

package/esm/core/Stepper/Step/index.js

@@ -4,8 +4,7 @@ import { useTheme } from '@emotion/react';
 import { Circle, FlexWrapper, StepWrapper, SubTitleWrapper } from './styles';
 import Button from '../../Button';
 import Text from '../../Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "mmvz9h",
   styles: "font-weight:400"

package/esm/core/Stepper/index.js

@@ -4,9 +4,7 @@ import Step from './Step';
 import MobileStep from './MobileStep';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import Box from '../Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const Stepper = ({
   selected,
   steps,

package/esm/core/TabBar/TabBar.stories.js

@@ -1,8 +1,7 @@
 import TabBar from '.';
 import TabItem from './TabItem';
 import IconMembership from '../../icons/General/IconMembership';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/TabBar',
   component: TabBar,

package/esm/core/TabBar/TabItem/index.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { TabWrapper } from './styles';
 import Text from '../../Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TabItem = ({
   text,
   icon,

package/esm/core/TabNav/TabNav.stories.js

@@ -1,8 +1,7 @@
 import TabNav from '.';
 import TabNavItem from './TabNavItem';
 import Button from '../Button';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/TabNav',
   component: TabNav

package/esm/core/TabNav/TabNavItem/index.js

@@ -6,8 +6,7 @@ import Link from '../../Link';
 import { TabContext } from '../TabContext';
 import { useContainerDimensions } from '../utils/useContainerDimensions';
 import { TabNavItemWrapper, styles, SelectChildrenWrapper, SelectOption } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TabNavItem = ({
   value,
   displayText,

package/esm/core/TabNav/index.js

@@ -7,8 +7,7 @@ import { useContainerDimensions } from './utils/useContainerDimensions';
 import Select, { Option } from '../Select';
 import Link from '../Link';
 import { useIsMobile } from '../../hooks/useIsMobile';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TabNav = ({
   value,
   children,

package/esm/core/Table/Table.stories.js

@@ -1,8 +1,7 @@
 import Table from '.';
 import Cell from './Cell';
 import Row from './Row';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/Table',
   component: Table

package/esm/core/Tag/index.js

@@ -4,9 +4,7 @@ import { styles } from './styles';
 import IconClose from '../../icons/General/IconClose';
 import Button from '../Button';
 import Spinner from '../Spinner';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Tag = ({
   icon,
   trackingEvent,

package/esm/core/Textarea/index.js

@@ -3,8 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { Label, styles, Wrapper, ErrorMessage } from './styles';
 import { IconErrorOutline } from '../..';
 import { useTheme } from '@emotion/react';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Textarea = ({
   label,
   value = '',

package/esm/core/Timeline/Timeline.stories.js

@@ -1,7 +1,6 @@
 import Timeline from '.';
 import TimelineStep from './TimelineStep';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/Timeline',
   component: Timeline

package/esm/core/Timeline/TimelineStep/index.js

@@ -3,8 +3,7 @@ import React from 'react';
 import { useTheme } from '@emotion/react';
 import Text from '../../Text';
 import { TextWrapper, Wrapper, Circle, styles } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TimelineStep = ({
   title,
   text,