@bbl-digital/snorre 4.0.0-beta.3 → 4.0.0-beta.5

package/esm/app-shell/index.js

@@ -5,7 +5,6 @@ import AppLoader from '../core/AppLoader';
 import useSnorreTheme from '../utils/useSnorreTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep4gpb60"
 } : {
@@ -14,7 +13,6 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 })("min-height:100vh;width:auto;background-color:", ({
   theme
 }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBBcHBMb2FkZXIgZnJvbSAnLi4vY29yZS9BcHBMb2FkZXInXG5pbXBvcnQgdXNlU25vcnJlVGhlbWUgZnJvbSAnLi4vdXRpbHMvdXNlU25vcnJlVGhlbWUnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PGFueT5gXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iZ307XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogQXBwIHRoZW1lICovXG4gIHRoZW1lVXJsOiBzdHJpbmdcbiAgLyoqIE92ZXJyaWRlIGRlZmF1bHQgdGV4dCBjb2xvciBmb3IgYXBwICovXG4gIGRlZmF1bHRUZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqIENoaWxkcmVuICovXG4gIGNoaWxkcmVuOiBOb25OdWxsYWJsZTxSZWFjdC5SZWFjdE5vZGU+XG59XG5cbmNvbnN0IEFwcFNoZWxsOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGhlbWVVcmwsXG4gIGRlZmF1bHRUZXh0Q29sb3IsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICBjb25zdCB7IGFwcFRoZW1lLCBnbG9iYWxzIH0gPSB1c2VTbm9ycmVUaGVtZSh7IHRoZW1lVXJsLCBkZWZhdWx0VGV4dENvbG9yIH0pXG5cbiAgcmV0dXJuIGFwcFRoZW1lICYmIGdsb2JhbHMgPyAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cbiAgICAgIHsvKiogR2xvYmFsIHN0eWxlcyAqL31cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtnbG9iYWxzfVxuICAgICAgICBgfVxuICAgICAgLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
-
 const AppShell = ({
   themeUrl,
   defaultTextColor,
@@ -36,5 +34,4 @@ const AppShell = ({
     })]
   }) : /*#__PURE__*/_jsx(AppLoader, {});
 };
-
 export default AppShell;

package/esm/app-shell/theme.js

@@ -1,6 +1,7 @@
 export const initTheme = (values, defaultTextColor) => {
-  const styles = { ...values,
-    defaultText: defaultTextColor ? defaultTextColor : values.defaultText ? values.defaultText : '#000'
+  const styles = {
+    ...values,
+    defaultText: defaultTextColor || values?.defaultText || '#000'
   };
   return styles;
 };

package/esm/core/Alert/Alert.stories.js

@@ -0,0 +1,43 @@
+import Alert from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Alert',
+  component: Alert
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    onClose: () => console.log('close'),
+    children: "Here is some general information."
+  }),
+  name: 'Default'
+};
+export const Success = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    success: true,
+    onClose: () => console.log('close'),
+    children: "Thank you for feedback!"
+  }),
+  name: 'Success'
+};
+export const Info = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    info: true,
+    onClose: () => console.log('close'),
+    children: "The service is down between 23:00 - 05:00."
+  }),
+  name: 'Info'
+};
+export const Danger = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    danger: true,
+    onClose: () => console.log('close'),
+    children: "There has been a mistake. Could not reach service."
+  }),
+  name: 'Danger'
+};
+export const WithoutClose = {
+  render: () => /*#__PURE__*/_jsx(Alert, {
+    children: "Cannot close this message."
+  }),
+  name: 'Without close'
+};

package/esm/core/Alert/index.js

@@ -1,10 +1,10 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
 import { styles } from './styles';
-import { IconClose, Button } from '../..';
+import Button from '../Button';
+import IconClose from '../../icons/General/IconClose';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Alert = ({
   primary,
   success,
@@ -28,5 +28,4 @@ const Alert = ({
     })]
   });
 };
-
 export default Alert;

package/esm/core/Alert/styles.js

@@ -1,19 +1,18 @@
 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;display:flex;align-items:center;justify-content:space-between;font-size:14px;background-color:", theme.bgLight, ";border:1px solid ", theme.bgMedium, ";color:", theme.bgDark, ";padding:1em;&>button svg polygon{fill:", theme.bgDark, ";opacity:0.25;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9BbGVydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgICB9XG4gICAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgfVxuICAgIGAsXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcbiAgYCxcbiAgcm91bmRlZDogY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS41ZW07XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
-  success: theme => /*#__PURE__*/css("background-color:", theme.successLight, ";color:", theme.defaultText, ";border-color:", theme.successBorder, ";&>button svg polygon{fill:", theme.bgDark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
-  danger: theme => /*#__PURE__*/css("background-color:", theme.alertLight, ";color:", theme.defaultText, ";border-color:", theme.alertBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:danger;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
-  info: theme => /*#__PURE__*/css("background-color:", theme.infoLight, ";color:", theme.defaultText, ";border-color:", theme.infoBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:info;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
-  primary: theme => /*#__PURE__*/css("background-color:", theme.illustrationPrimary10, ";border-color:", theme.illustrationPrimary50, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:primary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRG9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYmdNZWRpdW19O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgICAgb3BhY2l0eTogMC4yNTtcbiAgICAgIH1cbiAgICBgLFxuICBzdWNjZXNzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICB9XG4gICAgYCxcbiAgZGFuZ2VyOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmFsZXJ0TGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0Qm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgfVxuICAgIGAsXG4gIGluZm86ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbmZvQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgfVxuICAgIGAsXG4gIHByaW1hcnk6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xuICBgLFxuICByb3VuZGVkOiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICBwYWRkaW5nOiAxLjVlbTtcbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  default: theme => /*#__PURE__*/css("position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;background-color:", theme.bgLight, ";border:1px solid ", theme.bgMedium, ";color:", theme.bgDark, ";padding:1em;&>button svg polygon{fill:", theme.bgDark, ";opacity:0.25;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9BbGVydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0eXBlIHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYmdNZWRpdW19O1xuICAgICAgY29sb3I6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIHBhZGRpbmc6IDFlbTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgICAgb3BhY2l0eTogMC4yNTtcbiAgICAgIH1cbiAgICBgLFxuICBzdWNjZXNzOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICB9XG4gICAgYCxcbiAgZGFuZ2VyOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmFsZXJ0TGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmFsZXJ0Qm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgfVxuICAgIGAsXG4gIGluZm86ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbmZvQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgfVxuICAgIGAsXG4gIHByaW1hcnk6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xuICBgLFxuICByb3VuZGVkOiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICBwYWRkaW5nOiAxLjVlbTtcbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  success: theme => /*#__PURE__*/css("background-color:", theme.successLight, ";color:", theme.defaultText, ";border-color:", theme.successBorder, ";&>button svg polygon{fill:", theme.bgDark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgICB9XG4gICAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgfVxuICAgIGAsXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcbiAgYCxcbiAgcm91bmRlZDogY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS41ZW07XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  danger: theme => /*#__PURE__*/css("background-color:", theme.alertLight, ";color:", theme.defaultText, ";border-color:", theme.alertBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:danger;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgICB9XG4gICAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgfVxuICAgIGAsXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcbiAgYCxcbiAgcm91bmRlZDogY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS41ZW07XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  info: theme => /*#__PURE__*/css("background-color:", theme.infoLight, ";color:", theme.defaultText, ";border-color:", theme.infoBorder, ";&>button svg polygon{fill:", theme.defaultText, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:info;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgICB9XG4gICAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgfVxuICAgIGAsXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcbiAgYCxcbiAgcm91bmRlZDogY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS41ZW07XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  primary: theme => /*#__PURE__*/css("background-color:", theme.illustrationPrimary10, ";border-color:", theme.illustrationPrimary50, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:primary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRG9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   rounded: process.env.NODE_ENV === "production" ? {
     name: "118z35s",
     styles: "border-radius:16px;padding:1.5em"
   } : {
     name: "1q6n14v-rounded",
     styles: "border-radius:16px;padding:1.5em;label:rounded;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTGlnaHR9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgcGFkZGluZzogMWVtO1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgICBvcGFjaXR5OiAwLjI1O1xuICAgICAgfVxuICAgIGAsXG4gIHN1Y2Nlc3M6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc0xpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5zdWNjZXNzQm9yZGVyfTtcblxuICAgICAgJiA+IGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuYmdEYXJrfTtcbiAgICAgIH1cbiAgICBgLFxuICBkYW5nZXI6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnRMaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYWxlcnRCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgaW5mbzogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmluZm9Cb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICB9XG4gICAgYCxcbiAgcHJpbWFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIGAsXG4gIHJvdW5kZWQ6IGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIHBhZGRpbmc6IDEuNWVtO1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0FsZXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQWxlcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYmdMaWdodH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmJnRGFya307XG4gICAgICBwYWRkaW5nOiAxZW07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmJnRGFya307XG4gICAgICAgIG9wYWNpdHk6IDAuMjU7XG4gICAgICB9XG4gICAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWNjZXNzTGlnaHR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3NCb3JkZXJ9O1xuXG4gICAgICAmID4gYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgICAgZmlsbDogJHt0aGVtZS5iZ0Rhcmt9O1xuICAgICAgfVxuICAgIGAsXG4gIGRhbmdlcjogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydExpZ2h0fTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5hbGVydEJvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBpbmZvOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmluZm9MaWdodH07XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaW5mb0JvcmRlcn07XG5cbiAgICAgICYgPiBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgICBmaWxsOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICAgIH1cbiAgICBgLFxuICBwcmltYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTUwfTtcbiAgYCxcbiAgcm91bmRlZDogY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgcGFkZGluZzogMS41ZW07XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }
 };

package/esm/core/AppLoader/AppLoader.stories.js

@@ -0,0 +1,10 @@
+import AppLoader from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/AppLoader',
+  component: AppLoader
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(AppLoader, {}),
+  name: 'Default'
+};

package/esm/core/AppLoader/index.js

@@ -3,7 +3,6 @@ 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";
-
 const AppLoader = ({
   color
 }) => {
@@ -12,5 +11,4 @@ const AppLoader = ({
     children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {})]
   });
 };
-
 export default AppLoader;

package/esm/core/Autocomplete/Autocomplete.stories.js

@@ -0,0 +1,327 @@
+import { action } from '@storybook/addon-actions';
+import Autocomplete from '.';
+import Tag from '../Tag';
+import Card from '../Card';
+import Text from '../Text';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Autocomplete',
+  component: Autocomplete
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text"
+  }),
+  name: 'Default'
+};
+export const WithError = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    validation: true,
+    invalid: true,
+    invalidMessage: "Something went wrong"
+  }),
+  name: 'With error'
+};
+export const WithLoading = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    loading: true
+  }),
+  name: 'With loading'
+};
+export const WithSecondaryLabel = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    labelSecondary: /*#__PURE__*/_jsx(Text, {
+      small: true,
+      italic: true,
+      children: "Secondary label"
+    })
+  }),
+  name: 'With secondary label'
+};
+export const WithActions = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    loading: true,
+    actions: /*#__PURE__*/_jsx(Text, {
+      small: true,
+      primary: true,
+      children: "Hello"
+    })
+  }),
+  name: 'With actions'
+};
+export const WithTags = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    renderOptions: /*#__PURE__*/_jsxs("div", {
+      style: {
+        margin: '5px 0',
+        display: 'flex',
+        gap: '0.25em'
+      },
+      children: [/*#__PURE__*/_jsx(Tag, {
+        strictClose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      })]
+    })
+  }),
+  name: 'With tags'
+};
+export const WithButtonForLabelText = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    onLabelClick: () => console.log('clicked'),
+    label: "Label",
+    placeholder: "Placeholder text"
+  }),
+  name: 'With button for label text'
+};
+export const WithValuesAndTags = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    validation: true,
+    invalid: true,
+    onSelectItem: action('onChange'),
+    invalidMessage: "Something went wrong",
+    renderOptions: /*#__PURE__*/_jsxs("div", {
+      style: {
+        margin: '5px 0',
+        display: 'flex',
+        gap: '0.25em'
+      },
+      children: [/*#__PURE__*/_jsx(Tag, {
+        strictClose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      })]
+    }),
+    values: [{
+      label: 'Here',
+      key: '1'
+    }, {
+      label: 'Here two',
+      key: '2'
+    }, {
+      label: 'Here three',
+      key: '3'
+    }]
+  }),
+  name: 'With values and tags'
+};
+export const WithValues = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    values: [{
+      label: 'Here',
+      key: '1'
+    }, {
+      label: 'Here two',
+      key: '2'
+    }, {
+      label: 'Here three',
+      key: '3'
+    }]
+  }),
+  name: 'With values'
+};
+export const WithCustomObjectsValues = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    labelFromValues: "option",
+    keyFromValues: "id",
+    onSelectItem: action('onChange'),
+    values: [{
+      id: '1',
+      option: 'One'
+    }, {
+      id: '2',
+      option: 'Two'
+    }, {
+      id: '3',
+      option: 'Three'
+    }]
+  }),
+  name: 'With custom objects values'
+};
+export const WithNormalValuesAndFuzzy = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      height: '12em'
+    },
+    children: /*#__PURE__*/_jsx(Autocomplete, {
+      fuzzy: true,
+      chevron: true,
+      value: "Hello",
+      placeholder: "Placeholder",
+      onSelectItem: console.log,
+      values: [{
+        key: '1',
+        label: 'Hello'
+      }, {
+        key: '2',
+        label: 'I am '
+      }, {
+        key: '3',
+        label: 'I am north'
+      }, {
+        key: '4',
+        label: 'I am south'
+      }, {
+        key: '5',
+        label: 'I am east'
+      }, {
+        key: '6',
+        label: 'I am west'
+      }, {
+        key: '7',
+        label: 'Testtext'
+      }]
+    })
+  }),
+  name: 'With normal values and fuzzy'
+};
+export const WithCustomValueInput = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    renderCustomValueInput: /*#__PURE__*/_jsx(Card, {
+      withhover: true,
+      children: "Hover me!"
+    })
+  }),
+  name: 'With custom value input'
+};
+export const WithCustomValueInputAndTags = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    renderCustomValueInput: /*#__PURE__*/_jsx(Card, {
+      withhover: true,
+      children: "Hover me!"
+    }),
+    renderOptions: /*#__PURE__*/_jsxs("div", {
+      style: {
+        margin: '5px 0',
+        display: 'flex',
+        gap: '0.25em'
+      },
+      children: [/*#__PURE__*/_jsx(Tag, {
+        strictClose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      })]
+    })
+  }),
+  name: 'With custom value input and tags'
+};
+export const WithCustomValueInputAndTagsWithCustomValueHeight = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    dynamicallyPlaceInput: true,
+    label: "Label",
+    placeholder: "Placeholder text",
+    renderCustomValueInput: /*#__PURE__*/_jsx(Card, {
+      withhover: true,
+      children: "Hover me!"
+    }),
+    renderOptions: /*#__PURE__*/_jsxs("div", {
+      style: {
+        margin: '5px 0',
+        display: 'flex',
+        gap: '0.25em'
+      },
+      children: [/*#__PURE__*/_jsx(Tag, {
+        strictClose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      })]
+    })
+  }),
+  name: 'With custom value input and tags with custom value height'
+};
+export const WithCustomOpen = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    label: "Label",
+    placeholder: "Placeholder text",
+    isOpen: true,
+    renderCustomValueInput: /*#__PURE__*/_jsx(Card, {
+      withhover: true,
+      children: "Hover me!"
+    })
+  }),
+  name: 'With custom open'
+};
+export const WithAlmostAllProps = {
+  render: () => /*#__PURE__*/_jsx(Autocomplete, {
+    dynamicallyPlaceInput: true,
+    label: "Label",
+    placeholder: "Placeholder text",
+    onSelectItem: v => console.log('action', v),
+    onKeyDown: e => console.log('keydown', e),
+    openCustomValueInputOnKeyPress: true,
+    renderCustomValueInput: /*#__PURE__*/_jsxs(Card, {
+      children: ["Hover me!", /*#__PURE__*/_jsx(Button, {
+        children: "This is here to click on"
+      })]
+    }),
+    renderOptions: /*#__PURE__*/_jsxs("div", {
+      style: {
+        margin: '5px 0',
+        display: 'flex',
+        gap: '0.25em'
+      },
+      children: [/*#__PURE__*/_jsx(Tag, {
+        strictClose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      }), /*#__PURE__*/_jsx(Tag, {
+        withclose: true,
+        children: "Here"
+      })]
+    }),
+    validation: true,
+    invalid: true,
+    invalidMessage: "Something went wrong",
+    actions: /*#__PURE__*/_jsx(Text, {
+      small: true,
+      primary: true,
+      children: "Hello"
+    })
+  }),
+  name: 'With almost all props'
+};