@bbl-digital/snorre 4.0.0-beta.1 → 4.0.0-beta.10

package/esm/core/Button/Button.stories.js

@@ -0,0 +1,121 @@
+import Button from '.';
+import IconCaretDown from '../../icons/General/IconCaretDown';
+import IconEdit from '../../icons/General/IconEdit';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Button',
+  component: Button
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    children: "Standard button"
+  }),
+  name: 'Default'
+};
+export const IconBefore = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    beforeIcon: /*#__PURE__*/_jsx(IconCaretDown, {}),
+    children: "Standard button"
+  }),
+  name: 'Icon before'
+};
+export const IconAfter = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    afterIcon: /*#__PURE__*/_jsx(IconCaretDown, {}),
+    children: "Standard button"
+  }),
+  name: 'Icon after'
+};
+export const Success = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    success: true,
+    children: "Success button"
+  }),
+  name: 'Success'
+};
+export const Danger = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    danger: true,
+    children: "Danger button"
+  }),
+  name: 'Danger'
+};
+export const Loading = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    loading: true,
+    children: "Loading button"
+  }),
+  name: 'Loading'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    disabled: true,
+    children: "Disabled button"
+  }),
+  name: 'Disabled'
+};
+export const Highlighted = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    highlight: true,
+    children: "Hightlighted button"
+  }),
+  name: 'Highlighted'
+};
+export const OutlineHighlighted = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    highlight: true,
+    outline: true,
+    children: "Hightlighted outline button"
+  }),
+  name: 'Outline highlighted'
+};
+export const Back = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    back: true,
+    children: "Go back"
+  }),
+  name: 'Back'
+};
+export const Small = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    small: true,
+    children: "Small"
+  }),
+  name: 'Small'
+};
+export const DangerOutline = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    danger: true,
+    outline: true,
+    children: "Danger outline"
+  }),
+  name: 'Danger outline'
+};
+export const TransparentBackground = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    outline: true,
+    transparentBg: true,
+    children: "Danger outline"
+  }),
+  name: 'Transparent background'
+};
+export const NoStyle = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    nostyle: true,
+    focusable: true,
+    children: /*#__PURE__*/_jsx(IconEdit, {})
+  }),
+  name: 'No style'
+};
+export const EventKeyPresses = {
+  render: () => /*#__PURE__*/_jsx(Button, {
+    onEnterKeyPress: () => console.log('Enter pressed'),
+    onEscapeKeyPress: () => console.log('Escape pressed'),
+    onKeyPress: {
+      key: 'E',
+      action: e => console.log('Key pressed', e.key)
+    },
+    children: "Actionlistener button"
+  }),
+  name: 'Event key presses'
+};

package/esm/core/Button/index.js

@@ -6,7 +6,6 @@ import AppLoader from '../AppLoader';
 import { useTheme } from '@emotion/react';
 import IconChevronLeft from '../../icons/General/IconChevronLeft';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Button = props => {
   const {
     danger,
@@ -28,13 +27,11 @@ const Button = props => {
     ...restProps
   } = props;
   const theme = useTheme();
-
   const getLoaderColor = () => {
     if (!outline && !transparentBg || success) return theme.btnDefaultFontColor;
     if (danger) return theme.btnDanger;
     return theme.secondary;
   };
-
   return _jsx(ButtonOrLink, {
     tabIndex: tabIndex,
     disabled: disabled,
@@ -50,5 +47,4 @@ const Button = props => {
     }) : props.children
   });
 };
-
 export default Button;

package/esm/core/Button/styles.js

@@ -1,7 +1,5 @@
 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 Btn = _styled("button", process.env.NODE_ENV === "production" ? {
   target: "ebr9ex40"
@@ -9,7 +7,6 @@ export const Btn = _styled("button", process.env.NODE_ENV === "production" ? {
   target: "ebr9ex40",
   label: "Btn"
 })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0J1dHRvbi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgQnRuID0gc3R5bGVkLmJ1dHRvbjxhbnk+YGBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDM4cHg7XG4gICAgcGFkZGluZzogMCAxLjVlbTtcbiAgICBib3JkZXItcmFkaXVzOiAxOXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0TGlnaHRlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdExpZ2h0ZXJ9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgIH1cbiAgYCxcbiAgaGlnaGxpZ2h0ZWQ6IGNzc2BcbiAgICBoZWlnaHQ6IDQ2cHg7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDIzcHg7XG4gIGAsXG4gIGljb246ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgJiA+IHN2ZyA+IHBvbHlnb24ge1xuICAgICAgZmlsbDogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB9XG4gIGAsXG4gIGJlZm9yZUljb246IGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6IDAuNzVlbTtcblxuICAgICYgPiBzdmcge1xuICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgfVxuICBgLFxuICBhZnRlckljb246IGNzc2BcbiAgICBwYWRkaW5nLXJpZ2h0OiAwLjc1ZW07XG5cbiAgICAmID4gc3ZnIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG4gICAgfVxuICBgLFxuICBvdXRsaW5lOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuXG4gICAgJiA+IHN2ZyA+IHBvbHlnb24ge1xuICAgICAgZmlsbDogYmxhY2sgIWltcG9ydGFudDsgLy8gVE9ETzogRmluZCBmaXhcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgJiA+IHN2ZyA+IHBvbHlnb24sXG4gICAgICAmID4gc3ZnID4gcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9ICFpbXBvcnRhbnQ7IC8vIFRPRE86IEZpbmQgZml4XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn07XG4gICAgfVxuICBgLFxuICBzdWNjZXNzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc307XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0blN1Y2Nlc3N9O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5TdWNjZXNzTGlnaHRlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc0xpZ2h0ZXJ9O1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc0Rhcmtlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc0Rhcmtlcn07XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJ9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJMaWdodGVyfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJMaWdodGVyfTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRhbmdlckRhcmtlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyRGFya2VyfTtcbiAgICB9XG4gIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGlzYWJsZWR9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EaXNhYmxlZH07XG4gICAgY29sb3I6IGJsYWNrO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EaXNhYmxlZH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGlzYWJsZWR9O1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIH1cbiAgYCxcbiAgYm9yZGVyOiAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn07XG4gIGAsXG4gIGxvYWRpbmc6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgb3BhY2l0eTogMC44O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcblxuICAgICY6aG92ZXIge1xuICAgICAgJiA+IHNwYW4gPiBkaXYgPiBkaXYge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbm9zdHlsZTogY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIGNvbG9yOiBibGFjaztcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyA+IHBvbHlnb24ge1xuICAgICAgZmlsbDogYmxhY2s7XG4gICAgfVxuICBgLFxuICBiYWNrOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBwYWRkaW5nOiAwIDEuNWVtO1xuICAgICYgPiBzcGFuIHtcbiAgICAgIHBhZGRpbmc6IDAgMC41ZW07XG4gICAgfVxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnNlY29uZGFyeX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnNlY29uZGFyeX07XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuXG4gICAgICAmID4gc3ZnIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn0gIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIHNtYWxsOiBjc3NgXG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIHBhZGRpbmc6IDAgMS41ZW07XG4gIGAsXG4gIGRhbmdlck91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyfTtcbiAgYCxcbiAgc3VjY2Vzc091dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY29sb3I6IGJsYWNrO1xuICBgLFxuICB0cmFuc3BhcmVudEJnOiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG4gIGZvY3VzYWJsZTogY3NzYFxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvdXRsaW5lOiAxcHggZG90dGVkICMyMTIxMjE7XG4gICAgICBvdXRsaW5lOiA1cHggYXV0byAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */");
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1g8p5l7",
   styles: "background-color:transparent;color:black"
@@ -19,7 +16,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0J1dHRvbi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ00yQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9CdXR0b24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IEJ0biA9IHN0eWxlZC5idXR0b248YW55PmBgXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzOHB4O1xuICAgIHBhZGRpbmc6IDAgMS41ZW07XG4gICAgYm9yZGVyLXJhZGl1czogMTlweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHR9O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpmb2N1cyB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdExpZ2h0ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHRMaWdodGVyfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0RGFya2VyfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcbiAgICB9XG4gIGAsXG4gIGhpZ2hsaWdodGVkOiBjc3NgXG4gICAgaGVpZ2h0OiA0NnB4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMjJweDtcbiAgICBib3JkZXItcmFkaXVzOiAyM3B4O1xuICBgLFxuICBpY29uOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICYgPiBzdmcgPiBwb2x5Z29uIHtcbiAgICAgIGZpbGw6ICR7dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn07XG4gICAgfVxuICBgLFxuICBiZWZvcmVJY29uOiBjc3NgXG4gICAgcGFkZGluZy1sZWZ0OiAwLjc1ZW07XG5cbiAgICAmID4gc3ZnIHtcbiAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIH1cbiAgYCxcbiAgYWZ0ZXJJY29uOiBjc3NgXG4gICAgcGFkZGluZy1yaWdodDogMC43NWVtO1xuXG4gICAgJiA+IHN2ZyB7XG4gICAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgIH1cbiAgYCxcbiAgb3V0bGluZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJ0bkRlZmF1bHR9O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcblxuICAgICYgPiBzdmcgPiBwb2x5Z29uIHtcbiAgICAgIGZpbGw6IGJsYWNrICFpbXBvcnRhbnQ7IC8vIFRPRE86IEZpbmQgZml4XG4gICAgfVxuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgICYgPiBzdmcgPiBwb2x5Z29uLFxuICAgICAgJiA+IHN2ZyA+IHBhdGgge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfSAhaW1wb3J0YW50OyAvLyBUT0RPOiBGaW5kIGZpeFxuICAgICAgfVxuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgIH1cbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0blN1Y2Nlc3N9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5TdWNjZXNzfTtcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgJjpmb2N1cyB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc0xpZ2h0ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0blN1Y2Nlc3NMaWdodGVyfTtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0blN1Y2Nlc3NEYXJrZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0blN1Y2Nlc3NEYXJrZXJ9O1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cbiAgYCxcbiAgZGFuZ2VyOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyfTtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgJjpmb2N1cyB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyTGlnaHRlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyTGlnaHRlcn07XG4gICAgfVxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJEYXJrZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkRhbmdlckRhcmtlcn07XG4gICAgfVxuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGlzYWJsZWR9O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkRpc2FibGVkfTtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICB9XG4gIGAsXG4gIGJvcmRlcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9O1xuICBgLFxuICBsb2FkaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIG9wYWNpdHk6IDAuODtcbiAgICBjdXJzb3I6IGRlZmF1bHQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICYgPiBzcGFuID4gZGl2ID4gZGl2IHtcbiAgICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG5vc3R5bGU6IGNzc2BcbiAgICBwYWRkaW5nOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGhlaWdodDogYXV0bztcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzLFxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cblxuICAgICYgPiBzdmcgPiBwb2x5Z29uIHtcbiAgICAgIGZpbGw6IGJsYWNrO1xuICAgIH1cbiAgYCxcbiAgYmFjazogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBjb2xvcjogYmxhY2s7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5idG5CYWNrQm9yZGVyfTtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgcGFkZGluZzogMCAxLjVlbTtcbiAgICAmID4gc3BhbiB7XG4gICAgICBwYWRkaW5nOiAwIDAuNWVtO1xuICAgIH1cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zZWNvbmRhcnl9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zZWNvbmRhcnl9O1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5idG5CYWNrQm9yZGVyfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJ0bkhvdmVyVGV4dENvbG9yfTtcblxuICAgICAgJiA+IHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBzbWFsbDogY3NzYFxuICAgIGhlaWdodDogMzBweDtcbiAgICBwYWRkaW5nOiAwIDEuNWVtO1xuICBgLFxuICBkYW5nZXJPdXRsaW5lOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiAke3RoZW1lLmJ0bkRhbmdlcn07XG4gIGAsXG4gIHN1Y2Nlc3NPdXRsaW5lOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiBibGFjaztcbiAgYCxcbiAgdHJhbnNwYXJlbnRCZzogY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxuICBmb2N1c2FibGU6IGNzc2BcbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgICAgb3V0bGluZTogNXB4IGF1dG8gLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const styles = {
   default: theme => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;height:38px;padding:0 1.5em;border-radius:19px;background-color:", theme.btnDefault, ";border:1px solid ", theme.btnDefault, ";color:", theme.btnDefaultFontColor, ";text-align:center;line-height:20px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;&:focus{text-decoration:underline;background-color:", theme.btnDefaultLighter, ";border-color:", theme.btnDefaultLighter, ";color:", theme.btnHoverTextColor, ";outline:none;}&:hover{background-color:", theme.btnDefaultDarker, ";border-color:", theme.btnDefaultDarker, ";color:", theme.btnHoverTextColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0J1dHRvbi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT29DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgQnRuID0gc3R5bGVkLmJ1dHRvbjxhbnk+YGBcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDM4cHg7XG4gICAgcGFkZGluZzogMCAxLjVlbTtcbiAgICBib3JkZXItcmFkaXVzOiAxOXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5idG5EZWZhdWx0fTtcbiAgICBjb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EZWZhdWx0TGlnaHRlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGVmYXVsdExpZ2h0ZXJ9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0bkRlZmF1bHREYXJrZXJ9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuICAgIH1cbiAgYCxcbiAgaGlnaGxpZ2h0ZWQ6IGNzc2BcbiAgICBoZWlnaHQ6IDQ2cHg7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDIzcHg7XG4gIGAsXG4gIGljb246ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgJiA+IHN2ZyA+IHBvbHlnb24ge1xuICAgICAgZmlsbDogJHt0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yfTtcbiAgICB9XG4gIGAsXG4gIGJlZm9yZUljb246IGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6IDAuNzVlbTtcblxuICAgICYgPiBzdmcge1xuICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgfVxuICBgLFxuICBhZnRlckljb246IGNzc2BcbiAgICBwYWRkaW5nLXJpZ2h0OiAwLjc1ZW07XG5cbiAgICAmID4gc3ZnIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG4gICAgfVxuICBgLFxuICBvdXRsaW5lOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYnRuRGVmYXVsdH07XG4gICAgY29sb3I6IGJsYWNrO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuXG4gICAgJiA+IHN2ZyA+IHBvbHlnb24ge1xuICAgICAgZmlsbDogYmxhY2sgIWltcG9ydGFudDsgLy8gVE9ETzogRmluZCBmaXhcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgJiA+IHN2ZyA+IHBvbHlnb24sXG4gICAgICAmID4gc3ZnID4gcGF0aCB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9ICFpbXBvcnRhbnQ7IC8vIFRPRE86IEZpbmQgZml4XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn07XG4gICAgfVxuICBgLFxuICBzdWNjZXNzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc307XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJ0blN1Y2Nlc3N9O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5TdWNjZXNzTGlnaHRlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc0xpZ2h0ZXJ9O1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgIH1cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc0Rhcmtlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuU3VjY2Vzc0Rhcmtlcn07XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJ9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJMaWdodGVyfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EYW5nZXJMaWdodGVyfTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJ0bkRhbmdlckRhcmtlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyRGFya2VyfTtcbiAgICB9XG4gIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYnRuRGlzYWJsZWR9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5idG5EaXNhYmxlZH07XG4gICAgY29sb3I6IGJsYWNrO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5idG5EaXNhYmxlZH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYnRuRGlzYWJsZWR9O1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIH1cbiAgYCxcbiAgYm9yZGVyOiAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn07XG4gIGAsXG4gIGxvYWRpbmc6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgb3BhY2l0eTogMC44O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcblxuICAgICY6aG92ZXIge1xuICAgICAgJiA+IHNwYW4gPiBkaXYgPiBkaXYge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgbm9zdHlsZTogY3NzYFxuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIGNvbG9yOiBibGFjaztcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBjb2xvcjogYmxhY2s7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyA+IHBvbHlnb24ge1xuICAgICAgZmlsbDogYmxhY2s7XG4gICAgfVxuICBgLFxuICBiYWNrOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiBibGFjaztcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBwYWRkaW5nOiAwIDEuNWVtO1xuICAgICYgPiBzcGFuIHtcbiAgICAgIHBhZGRpbmc6IDAgMC41ZW07XG4gICAgfVxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnNlY29uZGFyeX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiBibGFjaztcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnNlY29uZGFyeX07XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJ0bkJhY2tCb3JkZXJ9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYnRuSG92ZXJUZXh0Q29sb3J9O1xuXG4gICAgICAmID4gc3ZnIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5idG5Ib3ZlclRleHRDb2xvcn0gIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIHNtYWxsOiBjc3NgXG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIHBhZGRpbmc6IDAgMS41ZW07XG4gIGAsXG4gIGRhbmdlck91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyfTtcbiAgYCxcbiAgc3VjY2Vzc091dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY29sb3I6IGJsYWNrO1xuICBgLFxuICB0cmFuc3BhcmVudEJnOiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG4gIGZvY3VzYWJsZTogY3NzYFxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvdXRsaW5lOiAxcHggZG90dGVkICMyMTIxMjE7XG4gICAgICBvdXRsaW5lOiA1cHggYXV0byAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   highlighted: process.env.NODE_ENV === "production" ? {

package/esm/core/Calendar/Calendar.stories.js

@@ -0,0 +1,39 @@
+import CalendarComponent from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Calendar',
+  component: CalendarComponent
+};
+const now = new Date();
+const events = [{
+  title: 'test tittel veldig lang',
+  date: now,
+  dateNote: 'Årlig',
+  description: 'Her kommer en tekst som skal beskrive masse stuff'
+}, {
+  title: 'test tittel veldig lang',
+  date: now,
+  dateNote: 'Årlig',
+  description: 'Her kommer en tekst som skal beskrive masse stuff'
+}];
+export const Calendar = {
+  render: () => /*#__PURE__*/_jsx(CalendarComponent, {
+    month: now
+  }),
+  name: 'Calendar'
+};
+export const CalendarWithEvent = {
+  render: () => /*#__PURE__*/_jsx(CalendarComponent, {
+    month: now,
+    events: events
+  }),
+  name: 'Calendar with event'
+};
+export const Small = {
+  render: () => /*#__PURE__*/_jsx(CalendarComponent, {
+    small: true,
+    month: now,
+    events: events
+  }),
+  name: 'Small'
+};

package/esm/core/Calendar/CalendarEvent/index.js

@@ -8,7 +8,6 @@ import Header from '../../Header';
 import { ddmmyyyy } from '../../../utils/dates';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const CalendarEvent = ({
   trackingName,
   event
@@ -16,29 +15,23 @@ const CalendarEvent = ({
   const theme = useTheme();
   const ref = /*#__PURE__*/createRef();
   const [showTooltip, setShowTooltip] = useState(false);
-
   const handleClick = e => {
     e.stopPropagation();
     setShowTooltip(!showTooltip);
   };
-
   useEffect(() => {
     const handleClickOutside = e => {
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       setShowTooltip(false);
     };
-
     if (showTooltip) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -79,5 +72,4 @@ const CalendarEvent = ({
     })]
   });
 };
-
 export default CalendarEvent;

package/esm/core/Calendar/CalendarEvent/styles.js

@@ -1,7 +1,5 @@
 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 CalendarEventBtn = _styled("button", process.env.NODE_ENV === "production" ? {
   target: "emupss04"

package/esm/core/Calendar/CalendarSmallEvent/index.js

@@ -8,7 +8,6 @@ import Header from '../../Header';
 import { ddmmyyyy } from '../../../utils/dates';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const CalendarSmallEvent = ({
   trackingName,
   events
@@ -16,29 +15,23 @@ const CalendarSmallEvent = ({
   const theme = useTheme();
   const ref = /*#__PURE__*/createRef();
   const [showTooltip, setShowTooltip] = useState(false);
-
   const handleClick = e => {
     e.stopPropagation();
     setShowTooltip(!showTooltip);
   };
-
   useEffect(() => {
     const handleClickOutside = e => {
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       setShowTooltip(false);
     };
-
     if (showTooltip) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -78,5 +71,4 @@ const CalendarSmallEvent = ({
     })]
   });
 };
-
 export default CalendarSmallEvent;

package/esm/core/Calendar/CalendarSmallEvent/styles.js

@@ -1,7 +1,5 @@
 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 CalendarSmallEventBtn = _styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1xd50go4"

package/esm/core/Calendar/index.js

@@ -9,7 +9,6 @@ import CalendarEvent from './CalendarEvent';
 import CalendarSmallEvent from './CalendarSmallEvent';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Calendar = ({
   month,
   small,
@@ -20,7 +19,6 @@ const Calendar = ({
   }) => {
     return small ? renderSmall(date) : renderNormal(date);
   };
-
   const renderSmall = day => {
     const date = day.getDate();
     const dayEvents = events && getEventForDay(events, day);
@@ -36,7 +34,6 @@ const Calendar = ({
       })]
     });
   };
-
   const renderNormal = day => {
     const date = day.getDate();
     const dayEvents = events && getEventForDay(events, day);
@@ -53,7 +50,6 @@ const Calendar = ({
       }, i))]
     });
   };
-
   return /*#__PURE__*/_jsx(Wrapper, {
     small: small,
     children: /*#__PURE__*/_jsx(DayPicker, {
@@ -72,5 +68,4 @@ const Calendar = ({
     })
   });
 };
-
 export default Calendar;

package/esm/core/Calendar/styles.js

@@ -1,7 +1,5 @@
 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 Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e150zp874"

package/esm/core/Calendar/util.js

@@ -1,10 +1,8 @@
 import { datesAreOnSameDay } from '../../utils/dates';
 export const getEventForDay = (events, day) => {
   const res = [];
-
   for (let event of events) {
     if (datesAreOnSameDay(event.date, day)) res.push(event);
   }
-
   return res;
 };

package/esm/core/Card/Card.stories.js

@@ -0,0 +1,69 @@
+import Card from '.';
+import Dropdown from '../Dropdown';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Card',
+  component: Card
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Card, {
+    children: "Stuff"
+  }),
+  name: 'Default'
+};
+export const WithHover = {
+  render: () => /*#__PURE__*/_jsx(Card, {
+    withhover: true,
+    children: "Hover me!"
+  }),
+  name: 'With hover'
+};
+export const WithShadow = {
+  render: () => /*#__PURE__*/_jsx(Card, {
+    shadow: true,
+    children: "Shadow"
+  }),
+  name: 'With shadow'
+};
+export const WithPrimary = {
+  render: () => /*#__PURE__*/_jsx(Card, {
+    primary: true,
+    children: "Primary"
+  }),
+  name: 'With primary'
+};
+export const WithGray = {
+  render: () => /*#__PURE__*/_jsx(Card, {
+    gray: true,
+    children: "Gray"
+  }),
+  name: 'With gray'
+};
+export const WithOverflowVisible = {
+  render: () => /*#__PURE__*/_jsx(Card, {
+    shadow: true,
+    overflowvisible: true,
+    children: /*#__PURE__*/_jsxs(Dropdown, {
+      children: [/*#__PURE__*/_jsx("p", {
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx("p", {
+        children: "Option 2"
+      }), /*#__PURE__*/_jsx("p", {
+        children: "Option 3"
+      }), /*#__PURE__*/_jsx("p", {
+        children: "Option 4"
+      })]
+    })
+  }),
+  name: 'With overflow visible'
+};
+export const ClickableCard = {
+  render: () => /*#__PURE__*/_jsx(Card, {
+    shadow: true,
+    overflowvisible: true,
+    onClick: () => console.log('heya'),
+    children: "Click me.."
+  }),
+  name: 'Clickable card'
+};

package/esm/core/Card/index.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { styles } from './styles';
 import { Key } from '../../enums/Keyboard';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Card = ({
   className,
   ...props
@@ -15,7 +14,6 @@ const Card = ({
       }
     }
   };
-
   return _jsx("div", {
     css: theme => [styles.default(theme), props.shadow && styles.shadow(theme), props.withhover && styles.withHover(theme), props.primary && styles.primary(theme), props.gray && styles.gray, props.noPadding && styles.noPadding, props.height && styles.height(props.height), props.nobackground && styles.nobackground, props.largePadding && styles.largePadding, props.overflowvisible && styles.overflowvisible, props.css && props.css],
     tabIndex: props.onClick ? 0 : undefined,
@@ -25,5 +23,4 @@ const Card = ({
     children: props.children
   });
 };
-
 export default Card;

package/esm/core/Card/styles.js

@@ -1,5 +1,4 @@
 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';
 const styles = {
   default: theme => /*#__PURE__*/css("position:relative;padding:30px 20px;border-radius:", theme.preemptionCardBorderRadius, ";background-color:#ffffff;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NhcmQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9DYXJkL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IDMwcHggMjBweDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnByZWVtcHRpb25DYXJkQm9yZGVyUmFkaXVzfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGAsXG4gIHdpdGhIZWFkZXI6IGNzc2BcbiAgICBwYWRkaW5nOiAwO1xuICAgIHBhZGRpbmctYm90dG9tOiAzMHB4O1xuICBgLFxuICB3aXRoSG92ZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93QmlnfTtcbiAgICB9XG4gIGAsXG4gIHNoYWRvdzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcbiAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICBncmF5OiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjAzKTtcbiAgYCxcbiAgbm9QYWRkaW5nOiBjc3NgXG4gICAgcGFkZGluZzogMDtcbiAgYCxcbiAgbGFyZ2VQYWRkaW5nOiBjc3NgXG4gICAgcGFkZGluZzogMmVtO1xuICBgLFxuICBub2JhY2tncm91bmQ6IGNzc2BcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYCxcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICBgLFxuICBvdmVyZmxvd3Zpc2libGU6IGNzc2BcbiAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),

package/esm/core/Checkbox/Checkbox.stories.js

@@ -0,0 +1,43 @@
+import Checkbox from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Checkbox',
+  component: Checkbox
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    children: "Option"
+  }),
+  name: 'Default'
+};
+export const WithoutLabel = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1"
+  }),
+  name: 'Without label'
+};
+export const Subtle = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    type: "subtle",
+    children: "Option"
+  }),
+  name: 'Subtle'
+};
+export const Checked = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    checked: true,
+    children: "Option"
+  }),
+  name: 'Checked'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsx(Checkbox, {
+    value: "value1",
+    disabled: true,
+    children: "Disabled option"
+  }),
+  name: 'Disabled'
+};

package/esm/core/Checkbox/index.js

@@ -3,19 +3,16 @@ import React, { useEffect, useState } from 'react';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Checkbox = props => {
   const [value, setValue] = useState(props.checked ? true : false);
   useEffect(() => {
     setValue(props.checked ? true : false);
   }, [props.checked]);
-
   const handleChange = e => {
     if (props.disabled) return;
     setValue(!value);
     props.onChange && props.onChange(e);
   };
-
   return _jsxs("label", {
     "aria-label": props['aria-label'],
     className: props.className,
@@ -32,5 +29,4 @@ const Checkbox = props => {
     }), _jsx("span", {}), props.children]
   });
 };
-
 export default Checkbox;

package/esm/core/Checkbox/styles.js

@@ -1,7 +1,5 @@
 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';
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "131jtor",
   styles: "span{border-radius:2px;}"
@@ -11,7 +9,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NoZWNrYm94L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRm1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NoZWNrYm94L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBsaW5lLWhlaWdodDogMjBweDtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgaW5wdXQge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICAgICAmOmNoZWNrZWQgfiBzcGFuIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgfVxuXG4gICAgICAmOmNoZWNrZWQgfiBzcGFuOmFmdGVyIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB+IHNwYW4ge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzLXZpc2libGUgfiBzcGFuOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzcGFuIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDE2cHg7XG4gICAgICBtaW4td2lkdGg6IDE2cHg7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDdweDtcblxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICBsZWZ0OiAtMTBweDtcbiAgICAgICAgdG9wOiAtMTBweDtcbiAgICAgICAgd2lkdGg6IDM1cHg7XG4gICAgICAgIGhlaWdodDogMzVweDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDI1MG1zO1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMTtcbiAgICAgIH1cblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIGxlZnQ6IDVweDtcbiAgICAgICAgdG9wOiAycHg7XG4gICAgICAgIHdpZHRoOiA0cHg7XG4gICAgICAgIGhlaWdodDogOXB4O1xuICAgICAgICBib3JkZXI6IHNvbGlkIHdoaXRlO1xuICAgICAgICBib3JkZXItd2lkdGg6IDAgMnB4IDJweCAwO1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBub21hcmdpbjogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgYCxcbiAgY2hpbGQ6IGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6IDQxcHg7XG4gICAgc3BhbiB7XG4gICAgICBsZWZ0OiAxNnB4O1xuICAgIH1cbiAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lLCBzdGF0ZT86IHN0cmluZykgPT4gY3NzYFxuICAgIGNvbG9yOiAke3RoZW1lLnN1YnRsZVRleHR9O1xuICAgIGN1cnNvcjogJHtzdGF0ZSA/IHN0YXRlIDogJ25vdC1hbGxvd2VkJ307XG4gICAgc3BhbiB7XG4gICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICBjdXJzb3I6ICR7c3RhdGUgPyBzdGF0ZSA6ICdub3QtYWxsb3dlZCd9O1xuICAgIH1cbiAgYCxcbiAgc3VidGxlOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIHNwYW4ge1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const styles = {
   default: theme => /*#__PURE__*/css("display:inline-flex;align-items:center;vertical-align:middle;font-size:14px;line-height:20px;user-select:none;cursor:pointer;position:relative;input{position:absolute;opacity:0;pointer-events:none;&:checked~span{background-color:", theme.primary, ";border-color:", theme.primary, ";}&:checked~span:after{display:block;}&:focus-visible~span{border-color:", theme.primary5darker, ";}&:focus-visible~span:before{opacity:0.2;}}span{position:relative;top:0;left:0;height:16px;min-width:16px;border:2px solid ", theme.border, ";cursor:pointer;margin-right:7px;&:before{content:'';position:absolute;background:", theme.primary, ";opacity:0;left:-10px;top:-10px;width:35px;height:35px;border-radius:50%;transition:opacity 250ms;}&:hover:before{opacity:0.1;}&:after{content:'';position:absolute;display:none;left:5px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0NoZWNrYm94L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQ2hlY2tib3gvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBpbnB1dCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG5cbiAgICAgICY6Y2hlY2tlZCB+IHNwYW46YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cy12aXNpYmxlIH4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB+IHNwYW46YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4yO1xuICAgICAgfVxuICAgIH1cblxuICAgIHNwYW4ge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGhlaWdodDogMTZweDtcbiAgICAgIG1pbi13aWR0aDogMTZweDtcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIG1hcmdpbi1yaWdodDogN3B4O1xuXG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIGxlZnQ6IC0xMHB4O1xuICAgICAgICB0b3A6IC0xMHB4O1xuICAgICAgICB3aWR0aDogMzVweDtcbiAgICAgICAgaGVpZ2h0OiAzNXB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMjUwbXM7XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXI6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4xO1xuICAgICAgfVxuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgbGVmdDogNXB4O1xuICAgICAgICB0b3A6IDJweDtcbiAgICAgICAgd2lkdGg6IDRweDtcbiAgICAgICAgaGVpZ2h0OiA5cHg7XG4gICAgICAgIGJvcmRlcjogc29saWQgd2hpdGU7XG4gICAgICAgIGJvcmRlci13aWR0aDogMCAycHggMnB4IDA7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG5vbWFyZ2luOiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICBgLFxuICBjaGlsZDogY3NzYFxuICAgIHBhZGRpbmctbGVmdDogNDFweDtcbiAgICBzcGFuIHtcbiAgICAgIGxlZnQ6IDE2cHg7XG4gICAgfVxuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUsIHN0YXRlPzogc3RyaW5nKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUuc3VidGxlVGV4dH07XG4gICAgY3Vyc29yOiAke3N0YXRlID8gc3RhdGUgOiAnbm90LWFsbG93ZWQnfTtcbiAgICBzcGFuIHtcbiAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgIGN1cnNvcjogJHtzdGF0ZSA/IHN0YXRlIDogJ25vdC1hbGxvd2VkJ307XG4gICAgfVxuICBgLFxuICBzdWJ0bGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgc3BhbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   nomargin: process.env.NODE_ENV === "production" ? {

package/esm/core/CollapseList/CollapseList.stories.js

@@ -0,0 +1,43 @@
+import CollapseList from '.';
+import CollapseListItem from './Item';
+import Text from '../Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/CollapseList',
+  component: CollapseList
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsxs(CollapseList, {
+    children: [/*#__PURE__*/_jsx(CollapseListItem, {
+      header: /*#__PURE__*/_jsx(Text, {
+        children: "Header"
+      }),
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "Content"
+      })
+    }), /*#__PURE__*/_jsx(CollapseListItem, {
+      header: /*#__PURE__*/_jsx(Text, {
+        children: "Item 2"
+      }),
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "Content"
+      })
+    })]
+  }),
+  name: 'Default'
+};
+export const InitialOpen = {
+  render: () => /*#__PURE__*/_jsx(CollapseList, {
+    children: /*#__PURE__*/_jsx(CollapseListItem, {
+      header: /*#__PURE__*/_jsx(Text, {
+        children: "Header"
+      }),
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "Content"
+      }),
+      initialOpen: true
+    })
+  }),
+  name: 'initialOpen'
+};