@bbl-digital/snorre 4.1.0-beta.2 → 4.1.0

package/esm/core/EditorQuillReact/EditorQuillReact.stories.js

@@ -0,0 +1,59 @@
+import EditorQuillReact from '.';
+const meta = {
+  title: 'Core/EditorQuillReact',
+  component: EditorQuillReact
+};
+export default meta;
+export const Default = {
+  args: {
+    label: 'Editor-label',
+    onChange: e => console.log(e),
+    invalidMessage: 'Memes are not allowed'
+  },
+  name: 'Default'
+};
+export const Rich = {
+  args: {
+    label: 'Editor-label',
+    onChange: e => console.log(e),
+    type: 'rich',
+    allowImages: true
+  },
+  name: 'Rich'
+};
+
+// export const ValidElements: Story = {
+//   args: {
+//     label: 'Editor-label',
+//     onChange: (e) => console.log(e),
+//     type: 'custom',
+//     customToolbar: 'bold italic underline',
+//     validElements: 'strong,p,span,em',
+//   },
+//   name: 'Valid elements',
+// }
+
+// export const InvalidElements: Story = {
+//   args: {
+//     label: 'Editor-label',
+//     onChange: (e) => console.log(e),
+//     type: 'custom',
+//     customToolbar: 'bold italic underline',
+//     invalidElements: 'button,a,h1,h2,h3,h4,h5,h6',
+//   },
+//   name: 'Invalid elements',
+// }
+
+// export const AllProps: Story = {
+//   args: {
+//     label: 'Editor-label',
+//     onChange: (e) => console.log(e),
+//     type: 'rich',
+//     allowImages: true,
+//     invalidElements: 'button,a,h1,h2,h3,h4,h5,h6',
+//     invalidMessage: 'Memes are not allowed',
+//     height: 400,
+//     maxHeight: 600,
+//   },
+//   name: 'All props',
+// }

package/esm/core/EditorQuillReact/IndentAttributor.js

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

package/esm/core/EditorQuillReact/config.js

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

package/esm/core/EditorQuillReact/index.js

@@ -0,0 +1,103 @@
+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)."; }
+/** @jsxImportSource @emotion/react */
+import { useState, useEffect } from 'react';
+import Text from '../Text';
+import IconErrorOutline from '../../icons/General/IconErrorOutline';
+import { useTheme } from '@emotion/react';
+import { ErrorWrapper, Label, styles } from './styles';
+import ReactQuill, { Quill } from 'react-quill';
+import 'react-quill/dist/quill.snow.css';
+import { basicToolbar, richToolbar } from './config';
+import { IndentAttributor } from './IndentAttributor';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const Parchment = Quill.import('parchment');
+
+//Text direction
+Quill.register(Quill.import('attributors/style/direction'), true);
+//Alignment
+Quill.register(Quill.import('attributors/style/align'), true);
+// Text sizes
+const Size = Quill.import('attributors/style/size');
+Size.whitelist = ['0.75em', '1em', '1.5em', '2.5em'];
+Quill.register(Size, true);
+let IndentStyle = new IndentAttributor('indent', 'text-indent', {
+  scope: Parchment.Scope.BLOCK,
+  whitelist: ['1em', '2em', '3em', '4em', '5em', '6em', '7em', '8em', '9em']
+});
+Quill.register(IndentStyle, true);
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1fttcpj",
+  styles: "display:flex;flex-direction:column"
+} : {
+  name: "beovm0-EditorQuillReact",
+  styles: "display:flex;flex-direction:column;label:EditorQuillReact;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvclF1aWxsUmVhY3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JRdWlsbFJlYWN0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgVGV4dCBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IEljb25FcnJvck91dGxpbmUgZnJvbSAnLi4vLi4vaWNvbnMvR2VuZXJhbC9JY29uRXJyb3JPdXRsaW5lJ1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEVycm9yV3JhcHBlciwgTGFiZWwsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IFJlYWN0UXVpbGwsIHsgUXVpbGwgfSBmcm9tICdyZWFjdC1xdWlsbCdcbmltcG9ydCAncmVhY3QtcXVpbGwvZGlzdC9xdWlsbC5zbm93LmNzcydcbmltcG9ydCB7IGJhc2ljVG9vbGJhciwgcmljaFRvb2xiYXIgfSBmcm9tICcuL2NvbmZpZydcbmltcG9ydCB7IEluZGVudEF0dHJpYnV0b3IgfSBmcm9tICcuL0luZGVudEF0dHJpYnV0b3InXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGluaXRpYWxWYWx1ZT86IHN0cmluZ1xuICBvdmVycmlkZVZhbHVlPzogc3RyaW5nXG4gIHR5cGU/OiAnYmFzaWMnIHwgJ3JpY2gnIHwgJ2N1c3RvbSdcbiAgY3VzdG9tVG9vbGJhcj86IGFueVxuICBsYWJlbD86IHN0cmluZ1xuICBoZWlnaHQ/OiBudW1iZXJcbiAgbWF4SGVpZ2h0PzogbnVtYmVyXG4gIG1heFdpZHRoPzogbnVtYmVyXG4gIGludmFsaWRNZXNzYWdlPzogc3RyaW5nXG4gIGFsbG93SW1hZ2VzPzogYm9vbGVhblxuICBwYXN0ZUFzVGV4dD86IGJvb2xlYW5cbiAgcmVzaXplPzogYm9vbGVhbiB8ICdib3RoJ1xuICBpbnZhbGlkRWxlbWVudHM/OiBzdHJpbmdcbiAgdmFsaWRFbGVtZW50cz86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgb25CbHVyPzogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWRcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nLCBwbGFpblRleHRMZW5ndGg6IG51bWJlcikgPT4gdm9pZFxufVxuXG5jb25zdCBQYXJjaG1lbnQgPSBRdWlsbC5pbXBvcnQoJ3BhcmNobWVudCcpXG5cbi8vVGV4dCBkaXJlY3Rpb25cblF1aWxsLnJlZ2lzdGVyKFF1aWxsLmltcG9ydCgnYXR0cmlidXRvcnMvc3R5bGUvZGlyZWN0aW9uJykgYXMgYW55LCB0cnVlKVxuLy9BbGlnbm1lbnRcblF1aWxsLnJlZ2lzdGVyKFF1aWxsLmltcG9ydCgnYXR0cmlidXRvcnMvc3R5bGUvYWxpZ24nKSBhcyBhbnksIHRydWUpXG4vLyBUZXh0IHNpemVzXG5jb25zdCBTaXplID0gUXVpbGwuaW1wb3J0KCdhdHRyaWJ1dG9ycy9zdHlsZS9zaXplJykgYXMgYW55XG5TaXplLndoaXRlbGlzdCA9IFsnMC43NWVtJywgJzFlbScsICcxLjVlbScsICcyLjVlbSddXG5RdWlsbC5yZWdpc3RlcihTaXplLCB0cnVlKVxuXG5sZXQgSW5kZW50U3R5bGUgPSBuZXcgSW5kZW50QXR0cmlidXRvcignaW5kZW50JywgJ3RleHQtaW5kZW50Jywge1xuICBzY29wZTogUGFyY2htZW50LlNjb3BlLkJMT0NLLFxuICB3aGl0ZWxpc3Q6IFsnMWVtJywgJzJlbScsICczZW0nLCAnNGVtJywgJzVlbScsICc2ZW0nLCAnN2VtJywgJzhlbScsICc5ZW0nXSxcbn0pXG5cblF1aWxsLnJlZ2lzdGVyKEluZGVudFN0eWxlIGFzIGFueSwgdHJ1ZSlcblxuY29uc3QgRWRpdG9yUXVpbGxSZWFjdCA9ICh7XG4gIGluaXRpYWxWYWx1ZSxcbiAgb3ZlcnJpZGVWYWx1ZSxcbiAgdHlwZSA9ICdiYXNpYycsXG4gIGxhYmVsLFxuICBoZWlnaHQgPSA1MDAsIC8vIHRyZW5nZXIgPz9cbiAgbWF4SGVpZ2h0ID0gNTAwLFxuICBtYXhXaWR0aCxcbiAgY3VzdG9tVG9vbGJhcixcbiAgaW52YWxpZE1lc3NhZ2UsXG4gIGFsbG93SW1hZ2VzLCAvLyB0cmVuZ2VyID8/XG4gIHBhc3RlQXNUZXh0LCAvLyB0cmVuZ2VyID8/XG4gIHJlc2l6ZSA9IHRydWUsIC8vIHRyZW5nZXIgPz9cbiAgdmFsaWRFbGVtZW50cywgLy8gdHJlbmdlciA/P1xuICBpbnZhbGlkRWxlbWVudHMgPSAnYnV0dG9uJywgLy8gdHJlbmdlciA/P1xuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIG9uQmx1cixcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUoaW5pdGlhbFZhbHVlIHx8ICcnKVxuICBjb25zdCB7IGFsZXJ0IH0gPSB1c2VUaGVtZSgpXG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKFxuICAgIGh0bWw6IHN0cmluZyxcbiAgICBfZGVsdGE6IGFueSxcbiAgICBfc291cmNlOiBhbnksXG4gICAgZWRpdG9yOiBSZWFjdFF1aWxsLlVucHJpdmlsZWdlZEVkaXRvclxuICApID0+IHtcbiAgICBzZXRWYWx1ZShodG1sKVxuICAgIG9uQ2hhbmdlKGh0bWwsIGVkaXRvci5nZXRUZXh0KCkudHJpbSgpLmxlbmd0aClcbiAgfVxuXG4gIGNvbnN0IGN1c3RvbU1vZHVsZXMgPSB7XG4gICAgdG9vbGJhcjoge1xuICAgICAgY29udGFpbmVyOlxuICAgICAgICB0eXBlID09PSAnYmFzaWMnXG4gICAgICAgICAgPyBiYXNpY1Rvb2xiYXJcbiAgICAgICAgICA6IHR5cGUgPT09ICdyaWNoJ1xuICAgICAgICAgID8gcmljaFRvb2xiYXJcbiAgICAgICAgICA6IGN1c3RvbVRvb2xiYXIsXG4gICAgfSxcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG92ZXJyaWRlVmFsdWUgPT09IHVuZGVmaW5lZCkgcmV0dXJuXG4gICAgc2V0VmFsdWUoKCkgPT4gb3ZlcnJpZGVWYWx1ZSlcbiAgfSwgW292ZXJyaWRlVmFsdWVdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9eyh0aGVtZSkgPT4gW3N0eWxlcy5kZWZhdWx0KHRoZW1lLCBtYXhIZWlnaHQpXX0+XG4gICAgICB7bGFiZWwgJiYgPExhYmVsPntsYWJlbH08L0xhYmVsPn1cbiAgICAgIDxSZWFjdFF1aWxsXG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIC8vIG1pbkhlaWdodDogMTUwLFxuICAgICAgICAgIC8vIG1heEhlaWdodCxcbiAgICAgICAgICAvLyBtYXhXaWR0aCxcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgICAgIH19XG4gICAgICAgIHRoZW1lPVwic25vd1wiXG4gICAgICAgIHJlYWRPbmx5PXtkaXNhYmxlZH1cbiAgICAgICAgZm9ybWF0cz17W1xuICAgICAgICAgICdoZWFkZXInLFxuICAgICAgICAgICdzaXplJyxcbiAgICAgICAgICAnYm9sZCcsXG4gICAgICAgICAgJ2l0YWxpYycsXG4gICAgICAgICAgJ3VuZGVybGluZScsXG4gICAgICAgICAgJ2xpc3QnLFxuICAgICAgICAgICdpbmRlbnQnLFxuICAgICAgICAgICdsaW5rJyxcbiAgICAgICAgICAnaW1hZ2UnLFxuICAgICAgICAgICdhbGlnbicsXG4gICAgICAgIF19XG4gICAgICAgIG1vZHVsZXM9e2N1c3RvbU1vZHVsZXN9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgb25CbHVyPXsoKSA9PiBvbkJsdXI/Lih2YWx1ZSl9XG4gICAgICAvPlxuXG4gICAgICB7aW52YWxpZE1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JXcmFwcGVyPlxuICAgICAgICAgIHtpbnZhbGlkTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICA8VGV4dCBjb2xvcj17YWxlcnR9PlxuICAgICAgICAgICAgICA8SWNvbkVycm9yT3V0bGluZSBzaXplPVwiMTZweFwiIGNvbG9yPXthbGVydH0gLz4ge2ludmFsaWRNZXNzYWdlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvRXJyb3JXcmFwcGVyPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBFZGl0b3JRdWlsbFJlYWN0XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const EditorQuillReact = ({
+  initialValue,
+  overrideValue,
+  type = 'basic',
+  label,
+  height = 500,
+  // trenger ??
+  maxHeight = 500,
+  maxWidth,
+  customToolbar,
+  invalidMessage,
+  allowImages,
+  // trenger ??
+  pasteAsText,
+  // trenger ??
+  resize = true,
+  // trenger ??
+  validElements,
+  // trenger ??
+  invalidElements = 'button',
+  // trenger ??
+  disabled,
+  onChange,
+  onBlur
+}) => {
+  const [value, setValue] = useState(initialValue || '');
+  const {
+    alert
+  } = useTheme();
+  const handleChange = (html, _delta, _source, editor) => {
+    setValue(html);
+    onChange(html, editor.getText().trim().length);
+  };
+  const customModules = {
+    toolbar: {
+      container: type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar
+    }
+  };
+  useEffect(() => {
+    if (overrideValue === undefined) return;
+    setValue(() => overrideValue);
+  }, [overrideValue]);
+  return _jsxs("div", {
+    css: theme => [styles.default(theme, maxHeight)],
+    children: [label && _jsx(Label, {
+      children: label
+    }), _jsx(ReactQuill, {
+      css: _ref,
+      theme: "snow",
+      readOnly: disabled,
+      formats: ['header', 'size', 'bold', 'italic', 'underline', 'list', 'indent', 'link', 'image', 'align'],
+      modules: customModules,
+      value: value,
+      onChange: handleChange,
+      onBlur: () => onBlur?.(value)
+    }), invalidMessage && _jsx(ErrorWrapper, {
+      children: invalidMessage && _jsxs(Text, {
+        color: alert,
+        children: [_jsx(IconErrorOutline, {
+          size: "16px",
+          color: alert
+        }), " ", invalidMessage]
+      })
+    })]
+  });
+};
+export default EditorQuillReact;

package/esm/core/EditorQuillReact/styles.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+export const styles = {
+  default: (theme, maxHeight) => /*#__PURE__*/css("display:flex;flex-direction:column;gap:4px;.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='0.75em']::before{content:'Small';}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='1em']::before{content:'Normal';}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='1.5em']::before{content:'Large';}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='2.5em']::before{content:'Huge';}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='0.75em']::before{content:'Small';font-size:0.75em!important;}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='1em']::before{content:'Normal';font-size:1em!important;}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='1.5em']::before{content:'Large';font-size:1.5em!important;}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='2.5em']::before{content:'Huge';font-size:2.5em!important;}.ql-toolbar{border:1px solid ", theme.border, ";border-radius:3px 3px 0 0;padding-top:0;padding-bottom:0;.ql-formats{margin-right:0;padding:4px;&:not(:first-of-type){border-left:1px solid ", theme.border, ";}button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;svg{height:65%;}&:hover{background:rgb(222, 224, 226);}&.ql-active{background:rgb(200, 203, 207);}}}.ql-picker-label{border-color:transparent!important;}.ql-picker-options{border-radius:3px;padding-left:0;padding-right:0;margin-top:3px!important;.ql-picker-item{padding:4px;&:hover{background:rgb(222, 224, 226);}}}}.ql-container{border:1px solid ", theme.border, ";border-top:none;border-radius:0 0 3px 3px;font-size:16px;}", maxHeight && /*#__PURE__*/css(".ql-editor{min-height:150px;max-height:", maxHeight, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvclF1aWxsUmVhY3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStHTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JRdWlsbFJlYWN0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lLCBtYXhIZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IDRweDtcblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWxhYmVsW2RhdGEtdmFsdWU9JzAuNzVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ1NtYWxsJztcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScxZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdOb3JtYWwnO1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWxhYmVsW2RhdGEtdmFsdWU9JzEuNWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnTGFyZ2UnO1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWxhYmVsW2RhdGEtdmFsdWU9JzIuNWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnSHVnZSc7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItaXRlbVtkYXRhLXZhbHVlPScwLjc1ZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdTbWFsbCc7XG4gICAgICBmb250LXNpemU6IDAuNzVlbSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWl0ZW1bZGF0YS12YWx1ZT0nMWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnTm9ybWFsJztcbiAgICAgIGZvbnQtc2l6ZTogMWVtICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItaXRlbVtkYXRhLXZhbHVlPScxLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0xhcmdlJztcbiAgICAgIGZvbnQtc2l6ZTogMS41ZW0gIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1pdGVtW2RhdGEtdmFsdWU9JzIuNWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnSHVnZSc7XG4gICAgICBmb250LXNpemU6IDIuNWVtICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnFsLXRvb2xiYXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XG4gICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuXG4gICAgICAucWwtZm9ybWF0cyB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogNHB4O1xuXG4gICAgICAgIC8vIE5vdCB0aGUgbGFzdCBvbmVcbiAgICAgICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgfVxuXG4gICAgICAgIGJ1dHRvbiB7XG4gICAgICAgICAgd2lkdGg6IDM0cHg7XG4gICAgICAgICAgaGVpZ2h0OiAzNHB4O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG5cbiAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgaGVpZ2h0OiA2NSU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjIyLCAyMjQsIDIyNik7XG4gICAgICAgICAgfVxuICAgICAgICAgIC8vIEFjdGl2ZSBidXR0b24gc3RhdGVcbiAgICAgICAgICAmLnFsLWFjdGl2ZSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjAwLCAyMDMsIDIwNyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC8vIERyb3Bkb3duc1xuICAgICAgLnFsLXBpY2tlci1sYWJlbCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgIH1cblxuICAgICAgLy8gRHJvcGRvd24gY29udGVudFxuICAgICAgLnFsLXBpY2tlci1vcHRpb25zIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgICAgIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuXG4gICAgICAgIC5xbC1waWNrZXItaXRlbSB7XG4gICAgICAgICAgcGFkZGluZzogNHB4O1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjIyLCAyMjQsIDIyNik7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgIC5xbC1jb250YWluZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgMCAzcHggM3B4O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgIH1cbiAgICAke21heEhlaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIC5xbC1lZGl0b3Ige1xuICAgICAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9cHg7XG4gICAgICB9XG4gICAgYH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICB9XG5gXG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvclF1aWxsUmVhY3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3JRdWlsbFJlYWN0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lLCBtYXhIZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IDRweDtcblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWxhYmVsW2RhdGEtdmFsdWU9JzAuNzVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ1NtYWxsJztcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScxZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdOb3JtYWwnO1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWxhYmVsW2RhdGEtdmFsdWU9JzEuNWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnTGFyZ2UnO1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWxhYmVsW2RhdGEtdmFsdWU9JzIuNWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnSHVnZSc7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItaXRlbVtkYXRhLXZhbHVlPScwLjc1ZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdTbWFsbCc7XG4gICAgICBmb250LXNpemU6IDAuNzVlbSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWl0ZW1bZGF0YS12YWx1ZT0nMWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnTm9ybWFsJztcbiAgICAgIGZvbnQtc2l6ZTogMWVtICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItaXRlbVtkYXRhLXZhbHVlPScxLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0xhcmdlJztcbiAgICAgIGZvbnQtc2l6ZTogMS41ZW0gIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1pdGVtW2RhdGEtdmFsdWU9JzIuNWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnSHVnZSc7XG4gICAgICBmb250LXNpemU6IDIuNWVtICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnFsLXRvb2xiYXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XG4gICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAwO1xuXG4gICAgICAucWwtZm9ybWF0cyB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogNHB4O1xuXG4gICAgICAgIC8vIE5vdCB0aGUgbGFzdCBvbmVcbiAgICAgICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgICAgfVxuXG4gICAgICAgIGJ1dHRvbiB7XG4gICAgICAgICAgd2lkdGg6IDM0cHg7XG4gICAgICAgICAgaGVpZ2h0OiAzNHB4O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG5cbiAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgaGVpZ2h0OiA2NSU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjIyLCAyMjQsIDIyNik7XG4gICAgICAgICAgfVxuICAgICAgICAgIC8vIEFjdGl2ZSBidXR0b24gc3RhdGVcbiAgICAgICAgICAmLnFsLWFjdGl2ZSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjAwLCAyMDMsIDIwNyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC8vIERyb3Bkb3duc1xuICAgICAgLnFsLXBpY2tlci1sYWJlbCB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgIH1cblxuICAgICAgLy8gRHJvcGRvd24gY29udGVudFxuICAgICAgLnFsLXBpY2tlci1vcHRpb25zIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgICAgIG1hcmdpbi10b3A6IDNweCAhaW1wb3J0YW50O1xuXG4gICAgICAgIC5xbC1waWNrZXItaXRlbSB7XG4gICAgICAgICAgcGFkZGluZzogNHB4O1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjIyLCAyMjQsIDIyNik7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgIC5xbC1jb250YWluZXIge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgMCAzcHggM3B4O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgIH1cbiAgICAke21heEhlaWdodCAmJlxuICAgIGNzc2BcbiAgICAgIC5xbC1lZGl0b3Ige1xuICAgICAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9cHg7XG4gICAgICB9XG4gICAgYH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICB9XG5gXG4iXX0= */")
+};
+export const Label = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e199a0771"
+} : {
+  target: "e199a0771",
+  label: "Label"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px"
+} : {
+  name: "1ge8ozm",
+  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvclF1aWxsUmVhY3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdIZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRWRpdG9yUXVpbGxSZWFjdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgbWF4SGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiA0cHg7XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScwLjc1ZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdTbWFsbCc7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItbGFiZWxbZGF0YS12YWx1ZT0nMWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnTm9ybWFsJztcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScxLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0xhcmdlJztcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScyLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0h1Z2UnO1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWl0ZW1bZGF0YS12YWx1ZT0nMC43NWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnU21hbGwnO1xuICAgICAgZm9udC1zaXplOiAwLjc1ZW0gIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1pdGVtW2RhdGEtdmFsdWU9JzFlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ05vcm1hbCc7XG4gICAgICBmb250LXNpemU6IDFlbSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWl0ZW1bZGF0YS12YWx1ZT0nMS41ZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdMYXJnZSc7XG4gICAgICBmb250LXNpemU6IDEuNWVtICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItaXRlbVtkYXRhLXZhbHVlPScyLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0h1Z2UnO1xuICAgICAgZm9udC1zaXplOiAyLjVlbSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5xbC10b29sYmFyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgcGFkZGluZy10b3A6IDA7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcblxuICAgICAgLnFsLWZvcm1hdHMge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAvLyBOb3QgdGhlIGxhc3Qgb25lXG4gICAgICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIH1cblxuICAgICAgICBidXR0b24ge1xuICAgICAgICAgIHdpZHRoOiAzNHB4O1xuICAgICAgICAgIGhlaWdodDogMzRweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuXG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogNjUlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgICAvLyBBY3RpdmUgYnV0dG9uIHN0YXRlXG4gICAgICAgICAgJi5xbC1hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIwMCwgMjAzLCAyMDcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBEcm9wZG93bnNcbiAgICAgIC5xbC1waWNrZXItbGFiZWwge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgICB9XG5cbiAgICAgIC8vIERyb3Bkb3duIGNvbnRlbnRcbiAgICAgIC5xbC1waWNrZXItb3B0aW9ucyB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcblxuICAgICAgICAucWwtcGlja2VyLWl0ZW0ge1xuICAgICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAucWwtY29udGFpbmVyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICBib3JkZXItcmFkaXVzOiAwIDAgM3B4IDNweDtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gICAgJHttYXhIZWlnaHQgJiZcbiAgICBjc3NgXG4gICAgICAucWwtZWRpdG9yIHtcbiAgICAgICAgbWluLWhlaWdodDogMTUwcHg7XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fXB4O1xuICAgICAgfVxuICAgIGB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDZweDtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ErrorWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e199a0770"
+} : {
+  target: "e199a0770",
+  label: "ErrorWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1t3kewc",
+  styles: "display:grid;&>span{display:flex;align-items:center;gap:6px;}"
+} : {
+  name: "1t3kewc",
+  styles: "display:grid;&>span{display:flex;align-items:center;gap:6px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvclF1aWxsUmVhY3Qvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStIc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvRWRpdG9yUXVpbGxSZWFjdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgbWF4SGVpZ2h0OiBudW1iZXIpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiA0cHg7XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScwLjc1ZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdTbWFsbCc7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItbGFiZWxbZGF0YS12YWx1ZT0nMWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnTm9ybWFsJztcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScxLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0xhcmdlJztcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1sYWJlbFtkYXRhLXZhbHVlPScyLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0h1Z2UnO1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWl0ZW1bZGF0YS12YWx1ZT0nMC43NWVtJ106OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnU21hbGwnO1xuICAgICAgZm9udC1zaXplOiAwLjc1ZW0gIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAucWwtc25vdyAucWwtcGlja2VyLnFsLXNpemUgLnFsLXBpY2tlci1pdGVtW2RhdGEtdmFsdWU9JzFlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ05vcm1hbCc7XG4gICAgICBmb250LXNpemU6IDFlbSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5xbC1zbm93IC5xbC1waWNrZXIucWwtc2l6ZSAucWwtcGlja2VyLWl0ZW1bZGF0YS12YWx1ZT0nMS41ZW0nXTo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICdMYXJnZSc7XG4gICAgICBmb250LXNpemU6IDEuNWVtICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnFsLXNub3cgLnFsLXBpY2tlci5xbC1zaXplIC5xbC1waWNrZXItaXRlbVtkYXRhLXZhbHVlPScyLjVlbSddOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJ0h1Z2UnO1xuICAgICAgZm9udC1zaXplOiAyLjVlbSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5xbC10b29sYmFyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICAgICAgcGFkZGluZy10b3A6IDA7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMDtcblxuICAgICAgLnFsLWZvcm1hdHMge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAvLyBOb3QgdGhlIGxhc3Qgb25lXG4gICAgICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICAgIH1cblxuICAgICAgICBidXR0b24ge1xuICAgICAgICAgIHdpZHRoOiAzNHB4O1xuICAgICAgICAgIGhlaWdodDogMzRweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuXG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogNjUlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgICAvLyBBY3RpdmUgYnV0dG9uIHN0YXRlXG4gICAgICAgICAgJi5xbC1hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIwMCwgMjAzLCAyMDcpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAvLyBEcm9wZG93bnNcbiAgICAgIC5xbC1waWNrZXItbGFiZWwge1xuICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgICB9XG5cbiAgICAgIC8vIERyb3Bkb3duIGNvbnRlbnRcbiAgICAgIC5xbC1waWNrZXItb3B0aW9ucyB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICBtYXJnaW4tdG9wOiAzcHggIWltcG9ydGFudDtcblxuICAgICAgICAucWwtcGlja2VyLWl0ZW0ge1xuICAgICAgICAgIHBhZGRpbmc6IDRweDtcblxuICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiKDIyMiwgMjI0LCAyMjYpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAucWwtY29udGFpbmVyIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgICBib3JkZXItcmFkaXVzOiAwIDAgM3B4IDNweDtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gICAgJHttYXhIZWlnaHQgJiZcbiAgICBjc3NgXG4gICAgICAucWwtZWRpdG9yIHtcbiAgICAgICAgbWluLWhlaWdodDogMTUwcHg7XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fXB4O1xuICAgICAgfVxuICAgIGB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDZweDtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/core/FileInput/index.js

@@ -5,8 +5,7 @@ import { useTheme } from '@emotion/react';
 import Text from '../Text';
 import Alert from '../Alert';
 import { formatBytes, isAllFilesValid } from '../../utils/file';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FileInput = ({
   multiple,
   accept,

package/esm/core/GoogleButton/index.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import IconGmail from '../../icons/Logos/IconGmail';
 import { GButton } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GoogleButton = ({
   disabled,
   onClick
@@ -18,6 +17,7 @@ const GoogleButton = ({
   return /*#__PURE__*/_jsxs(GButton, {
     disabled: disabled,
     onClick: handleClick,
+    "aria-label": "Google-button",
     children: [/*#__PURE__*/_jsx(IconGmail, {}), "Logg p\xE5 med Google"]
   });
 };

package/esm/core/Html/Html.stories.js

@@ -1,6 +1,5 @@
 import Html from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const meta = {
   title: 'Core/Html',
   component: Html
@@ -9,7 +8,7 @@ export default meta;
 export const HtmlDefault = {
   name: 'Html',
   args: {
-    text: '<h3>Html text</h3><p><i>Displays text as html</i></p>'
+    text: '<p>Hei dette er et oppslag med quill</p><p><strong>BOld</strong></p><p><strong><em>Bold og kursiv</em></strong></p><p class="ql-align-center"><u>Bare understrek midtstilt</u></p><ul><li><u>Punkt 1 </u></li><li class="ql-indent-1"><u>2</u></li><li class="ql-indent-2"><u>3</u></li></ul>'
   }
 };
 export const ExternalLinks = {

package/esm/core/Html/index.js

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { styles } from './styles';
+import 'react-quill/dist/quill.snow.css';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const Html = ({
   className,
@@ -12,7 +13,8 @@ const Html = ({
   whiteSpace
 }) => _jsx("div", {
   css: theme => [styles.default(theme), secondary && styles.secondary(theme), dark && styles.dark(theme), size && styles.size(size), styles.whiteSpace(whiteSpace ? whiteSpace : 'pre-wrap'), removeMargins && styles.removeMargins],
-  className: className,
+  className: (className || '') + ' ql-editor' // To apply Quill styles
+  ,
   dangerouslySetInnerHTML: {
     __html: externalLinks ? text.replace(/href/g, "target='_blank' href") : text
   }

package/esm/core/Html/styles.js

@@ -1,27 +1,24 @@
 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({
-    fontSize: '16px',
-    color: theme.defaultText
-  }, process.env.NODE_ENV === "production" ? "" : ";label:default;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBjb2xvcjogdGhlbWUuZGVmYXVsdFRleHQsXG4gICAgfSksXG4gIHNlY29uZGFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnksXG4gICAgfSksXG4gIGRhcms6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogdGhlbWUuc2Vjb25kYXJ5RGFya1RleHQsXG4gICAgfSksXG4gIHNpemU6IChzaXplOiBzdHJpbmcpID0+IGNzcyh7IGZvbnRTaXplOiBzaXplIH0pLFxuICB3aGl0ZVNwYWNlOiAodmFsdWU6IHN0cmluZykgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogJHt2YWx1ZX07XG4gICAgYCxcbiAgcmVtb3ZlTWFyZ2luczogY3NzYFxuICAgIHAge1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIGgxLFxuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0LFxuICAgIGg1IHtcbiAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  default: theme => /*#__PURE__*/css("padding:0px!important;font-size:16px;color:", theme.defaultText, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYCxcbiAgc2Vjb25kYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeSxcbiAgICB9KSxcbiAgZGFyazogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnlEYXJrVGV4dCxcbiAgICB9KSxcbiAgc2l6ZTogKHNpemU6IHN0cmluZykgPT4gY3NzKHsgZm9udFNpemU6IHNpemUgfSksXG4gIHdoaXRlU3BhY2U6ICh2YWx1ZTogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiAke3ZhbHVlfTtcbiAgICBgLFxuICByZW1vdmVNYXJnaW5zOiBjc3NgXG4gICAgcCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgaDEsXG4gICAgaDIsXG4gICAgaDMsXG4gICAgaDQsXG4gICAgaDUge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   secondary: theme => /*#__PURE__*/css({
     color: theme.secondary
-  }, process.env.NODE_ENV === "production" ? "" : ";label:secondary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBjb2xvcjogdGhlbWUuZGVmYXVsdFRleHQsXG4gICAgfSksXG4gIHNlY29uZGFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnksXG4gICAgfSksXG4gIGRhcms6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogdGhlbWUuc2Vjb25kYXJ5RGFya1RleHQsXG4gICAgfSksXG4gIHNpemU6IChzaXplOiBzdHJpbmcpID0+IGNzcyh7IGZvbnRTaXplOiBzaXplIH0pLFxuICB3aGl0ZVNwYWNlOiAodmFsdWU6IHN0cmluZykgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogJHt2YWx1ZX07XG4gICAgYCxcbiAgcmVtb3ZlTWFyZ2luczogY3NzYFxuICAgIHAge1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIGgxLFxuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0LFxuICAgIGg1IHtcbiAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  }, process.env.NODE_ENV === "production" ? "" : ";label:secondary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYCxcbiAgc2Vjb25kYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeSxcbiAgICB9KSxcbiAgZGFyazogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnlEYXJrVGV4dCxcbiAgICB9KSxcbiAgc2l6ZTogKHNpemU6IHN0cmluZykgPT4gY3NzKHsgZm9udFNpemU6IHNpemUgfSksXG4gIHdoaXRlU3BhY2U6ICh2YWx1ZTogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiAke3ZhbHVlfTtcbiAgICBgLFxuICByZW1vdmVNYXJnaW5zOiBjc3NgXG4gICAgcCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgaDEsXG4gICAgaDIsXG4gICAgaDMsXG4gICAgaDQsXG4gICAgaDUge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   dark: theme => /*#__PURE__*/css({
     color: theme.secondaryDarkText
-  }, process.env.NODE_ENV === "production" ? "" : ";label:dark;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGZvbnRTaXplOiAnMTZweCcsXG4gICAgICBjb2xvcjogdGhlbWUuZGVmYXVsdFRleHQsXG4gICAgfSksXG4gIHNlY29uZGFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnksXG4gICAgfSksXG4gIGRhcms6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogdGhlbWUuc2Vjb25kYXJ5RGFya1RleHQsXG4gICAgfSksXG4gIHNpemU6IChzaXplOiBzdHJpbmcpID0+IGNzcyh7IGZvbnRTaXplOiBzaXplIH0pLFxuICB3aGl0ZVNwYWNlOiAodmFsdWU6IHN0cmluZykgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogJHt2YWx1ZX07XG4gICAgYCxcbiAgcmVtb3ZlTWFyZ2luczogY3NzYFxuICAgIHAge1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIGgxLFxuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0LFxuICAgIGg1IHtcbiAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  }, process.env.NODE_ENV === "production" ? "" : ";label:dark;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYCxcbiAgc2Vjb25kYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeSxcbiAgICB9KSxcbiAgZGFyazogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnlEYXJrVGV4dCxcbiAgICB9KSxcbiAgc2l6ZTogKHNpemU6IHN0cmluZykgPT4gY3NzKHsgZm9udFNpemU6IHNpemUgfSksXG4gIHdoaXRlU3BhY2U6ICh2YWx1ZTogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiAke3ZhbHVlfTtcbiAgICBgLFxuICByZW1vdmVNYXJnaW5zOiBjc3NgXG4gICAgcCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgaDEsXG4gICAgaDIsXG4gICAgaDMsXG4gICAgaDQsXG4gICAgaDUge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
   size: size => /*#__PURE__*/css({
     fontSize: size
-  }, process.env.NODE_ENV === "production" ? "" : ";label:size;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSHRtbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgIGNvbG9yOiB0aGVtZS5kZWZhdWx0VGV4dCxcbiAgICB9KSxcbiAgc2Vjb25kYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeSxcbiAgICB9KSxcbiAgZGFyazogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnlEYXJrVGV4dCxcbiAgICB9KSxcbiAgc2l6ZTogKHNpemU6IHN0cmluZykgPT4gY3NzKHsgZm9udFNpemU6IHNpemUgfSksXG4gIHdoaXRlU3BhY2U6ICh2YWx1ZTogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiAke3ZhbHVlfTtcbiAgICBgLFxuICByZW1vdmVNYXJnaW5zOiBjc3NgXG4gICAgcCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgaDEsXG4gICAgaDIsXG4gICAgaDMsXG4gICAgaDQsXG4gICAgaDUge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
-  whiteSpace: value => /*#__PURE__*/css("white-space:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:whiteSpace;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9IdG1sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgICAgY29sb3I6IHRoZW1lLmRlZmF1bHRUZXh0LFxuICAgIH0pLFxuICBzZWNvbmRhcnk6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogdGhlbWUuc2Vjb25kYXJ5LFxuICAgIH0pLFxuICBkYXJrOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeURhcmtUZXh0LFxuICAgIH0pLFxuICBzaXplOiAoc2l6ZTogc3RyaW5nKSA9PiBjc3MoeyBmb250U2l6ZTogc2l6ZSB9KSxcbiAgd2hpdGVTcGFjZTogKHZhbHVlOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgd2hpdGUtc3BhY2U6ICR7dmFsdWV9O1xuICAgIGAsXG4gIHJlbW92ZU1hcmdpbnM6IGNzc2BcbiAgICBwIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICBoMSxcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCxcbiAgICBoNSB7XG4gICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  }, process.env.NODE_ENV === "production" ? "" : ";label:size;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSHRtbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwcHggIWltcG9ydGFudDtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICBgLFxuICBzZWNvbmRhcnk6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogdGhlbWUuc2Vjb25kYXJ5LFxuICAgIH0pLFxuICBkYXJrOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeURhcmtUZXh0LFxuICAgIH0pLFxuICBzaXplOiAoc2l6ZTogc3RyaW5nKSA9PiBjc3MoeyBmb250U2l6ZTogc2l6ZSB9KSxcbiAgd2hpdGVTcGFjZTogKHZhbHVlOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgd2hpdGUtc3BhY2U6ICR7dmFsdWV9O1xuICAgIGAsXG4gIHJlbW92ZU1hcmdpbnM6IGNzc2BcbiAgICBwIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICBoMSxcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCxcbiAgICBoNSB7XG4gICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  whiteSpace: value => /*#__PURE__*/css("white-space:", value, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:whiteSpace;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9IdG1sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6IDBweCAhaW1wb3J0YW50O1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgY29sb3I6ICR7dGhlbWUuZGVmYXVsdFRleHR9O1xuICAgIGAsXG4gIHNlY29uZGFyeTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnksXG4gICAgfSksXG4gIGRhcms6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogdGhlbWUuc2Vjb25kYXJ5RGFya1RleHQsXG4gICAgfSksXG4gIHNpemU6IChzaXplOiBzdHJpbmcpID0+IGNzcyh7IGZvbnRTaXplOiBzaXplIH0pLFxuICB3aGl0ZVNwYWNlOiAodmFsdWU6IHN0cmluZykgPT5cbiAgICBjc3NgXG4gICAgICB3aGl0ZS1zcGFjZTogJHt2YWx1ZX07XG4gICAgYCxcbiAgcmVtb3ZlTWFyZ2luczogY3NzYFxuICAgIHAge1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIGgxLFxuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0LFxuICAgIGg1IHtcbiAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
   removeMargins: process.env.NODE_ENV === "production" ? {
     name: "1r5pl5m",
     styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;}"
   } : {
     name: "zwk3gi-removeMargins",
     styles: "p{margin:0;}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;};label:removeMargins;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSHRtbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICAgIGNvbG9yOiB0aGVtZS5kZWZhdWx0VGV4dCxcbiAgICB9KSxcbiAgc2Vjb25kYXJ5OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeSxcbiAgICB9KSxcbiAgZGFyazogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiB0aGVtZS5zZWNvbmRhcnlEYXJrVGV4dCxcbiAgICB9KSxcbiAgc2l6ZTogKHNpemU6IHN0cmluZykgPT4gY3NzKHsgZm9udFNpemU6IHNpemUgfSksXG4gIHdoaXRlU3BhY2U6ICh2YWx1ZTogc3RyaW5nKSA9PlxuICAgIGNzc2BcbiAgICAgIHdoaXRlLXNwYWNlOiAke3ZhbHVlfTtcbiAgICBgLFxuICByZW1vdmVNYXJnaW5zOiBjc3NgXG4gICAgcCB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgaDEsXG4gICAgaDIsXG4gICAgaDMsXG4gICAgaDQsXG4gICAgaDUge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0h0bWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSHRtbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAwcHggIWltcG9ydGFudDtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICBgLFxuICBzZWNvbmRhcnk6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogdGhlbWUuc2Vjb25kYXJ5LFxuICAgIH0pLFxuICBkYXJrOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IHRoZW1lLnNlY29uZGFyeURhcmtUZXh0LFxuICAgIH0pLFxuICBzaXplOiAoc2l6ZTogc3RyaW5nKSA9PiBjc3MoeyBmb250U2l6ZTogc2l6ZSB9KSxcbiAgd2hpdGVTcGFjZTogKHZhbHVlOiBzdHJpbmcpID0+XG4gICAgY3NzYFxuICAgICAgd2hpdGUtc3BhY2U6ICR7dmFsdWV9O1xuICAgIGAsXG4gIHJlbW92ZU1hcmdpbnM6IGNzc2BcbiAgICBwIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICBoMSxcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCxcbiAgICBoNSB7XG4gICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }
 };

package/esm/core/ImagePicker/UploadButton.js

@@ -3,8 +3,7 @@ import IconWithBackground from './IconWithBackground';
 import Text from '../Text';
 import IconCamera from '../../icons/General/IconCamera';
 import { uploadButtonStyles as styles } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const UploadButton = ({
   css,
   addMore,

package/esm/core/ImagePicker/index.js

@@ -8,8 +8,7 @@ import Text from '../Text';
 import IconWithBackground from './IconWithBackground';
 import { styles } from './styles';
 import UploadButton from './UploadButton';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const ImagePicker = ({
   value = [],
   onChange,

package/esm/core/ImageViewer/index.js

@@ -9,8 +9,7 @@ import IconClose from '../../icons/General/IconClose';
 import { useEffect, useState } from 'react';
 import { Key } from '../../enums/Keyboard';
 import { VisuallyHidden } from 'react-aria';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const ImageViewer = ({
   images,
   initialImage = 0,

package/esm/core/InfoButton/index.js

@@ -3,8 +3,7 @@ import React, { useState, useEffect, createRef } from 'react';
 import { Tooltip, StyledButton, Wrapper, styles } from './styles';
 import { CSSTransition } from 'react-transition-group';
 import Text from '../Text';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const InfoButton = ({
   trackingName,
   icon,

package/esm/core/Input/Input.stories.js

@@ -22,6 +22,14 @@ export const Focused = {
   },
   name: 'Focused'
 };
+export const Stealth = {
+  args: {
+    type: 'stealth',
+    label: 'Stealth',
+    placeholder: 'Placeholder text'
+  },
+  name: 'Stealth'
+};
 export const Disabled = {
   args: {
     type: 'text',
@@ -44,7 +52,8 @@ export const Search = {
   args: {
     type: 'search',
     highlight: true,
-    placeholder: 'Placeholder text'
+    placeholder: 'Placeholder text',
+    label: 'Label'
   },
   name: 'Search'
 };
@@ -170,4 +179,14 @@ export const Controls = {
     onFocus: action('on focus..')
   },
   name: 'Controls'
+};
+export const FormattedNumberOnly = {
+  args: {
+    type: 'text',
+    label: 'Label',
+    placeholder: 'Placeholder text',
+    variant: 'formattedNumber',
+    getFormattedNumber: value => console.log('FormattedNumberOnly', value)
+  },
+  name: 'FormattedNumberOnly'
 };

package/esm/core/Input/index.js

@@ -8,8 +8,7 @@ import { getFormattedPrice } from '../../utils/format';
 import IconErrorOutline from '../../icons/General/IconErrorOutline';
 import InfoButton from '../InfoButton';
 import IconHelp from '../../icons/General/IconHelp';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Input = /*#__PURE__*/React.forwardRef(({
   onDebounceChange,
   debounceDelay,
@@ -19,6 +18,9 @@ const Input = /*#__PURE__*/React.forwardRef(({
   infoPlacement = 'left',
   className,
   cardInput,
+  variant,
+  getFormattedNumber,
+  updateValueOnChange = false,
   ...props
 }, ref) => {
   const [value, setValueChanged] = useState(props.value ? props.value : '');
@@ -32,9 +34,17 @@ const Input = /*#__PURE__*/React.forwardRef(({
     }
     return val;
   };
+  const handleNumberOnlyFormatting = val => {
+    const onlyNumbers = val.replace(/[^\d]/g, '');
+    const formatedNumbersWithSpace = onlyNumbers.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+    getFormattedNumber && getFormattedNumber(onlyNumbers);
+    return formatedNumbersWithSpace;
+  };
   const onInputChange = e => {
     setInputDirty(true);
-    if (props.format) {
+    if (variant === 'formattedNumber') {
+      setValueChanged(handleNumberOnlyFormatting(e.target.value));
+    } else if (props.format) {
       setValueChanged(handleFormatting(e.target.value));
     } else {
       setValueChanged(e.target.value);
@@ -48,6 +58,11 @@ const Input = /*#__PURE__*/React.forwardRef(({
       setValueChanged('');
     }
   }, [props.reset]);
+  useEffect(() => {
+    if (props.value && updateValueOnChange) {
+      setValueChanged(props.value);
+    }
+  }, [props.value]);
 
   // Handle debounce
   useEffect(() => {
@@ -68,30 +83,33 @@ const Input = /*#__PURE__*/React.forwardRef(({
       children: [props.label && _jsx("span", {
         css: info && styles.pr4,
         children: props.label
-      }), _jsx("input", {
-        id: props.id,
-        type: type,
-        ...(type !== 'password' && {
-          value
-        }),
-        placeholder: props.placeholder,
-        disabled: props.disabled,
-        autoFocus: props.focus,
-        onBlur: props.onBlur,
-        onFocus: props.onFocus,
-        onChange: onInputChange,
-        maxLength: maxlength,
-        ref: ref,
-        name: props.name,
-        "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
-        css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
-        children: React.Children.map(props.children, child => {
-          if (!child) {
-            return null;
-          }
-          return child;
-        })
-      }), type === 'search' && _jsx(IconSearch, {}), props.invalidMessage && _jsx(IconErrorOutline, {
+      }), _jsxs("div", {
+        css: theme => [styles.inputWrapper(theme)],
+        children: [_jsx("input", {
+          id: props.id,
+          type: type === 'stealth' ? 'number' : type,
+          ...(type !== 'password' && {
+            value
+          }),
+          placeholder: props.placeholder,
+          disabled: props.disabled,
+          autoFocus: props.focus,
+          onBlur: props.onBlur,
+          onFocus: props.onFocus,
+          onChange: onInputChange,
+          maxLength: maxlength,
+          ref: ref,
+          name: props.name,
+          "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
+          css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'stealth' && styles.stealth(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
+          children: React.Children.map(props.children, child => {
+            if (!child) {
+              return null;
+            }
+            return child;
+          })
+        }), type === 'search' && _jsx(IconSearch, {})]
+      }), props.invalidMessage && _jsx(IconErrorOutline, {
         size: "16px"
       }), props.invalidMessage && _jsx("span", {
         id: "input-error-message",