@bbl-digital/snorre 4.1.34 → 4.1.36

package/esm/v2/core/Chip/Chip.stories.js

@@ -0,0 +1,90 @@
+import Chip from '.';
+import IconArrowRight from '../../../icons/General/IconArrowRight';
+import { jsx as _jsx } from "react/jsx-runtime";
+const meta = {
+  title: 'v2/Core/Chip',
+  component: Chip
+};
+export default meta;
+export const Default = {
+  name: 'Default',
+  args: {
+    label: 'Here'
+  }
+};
+export const DefaultIconAfter = {
+  name: 'Default Icon After',
+  args: {
+    label: 'Here',
+    afterIcon: /*#__PURE__*/_jsx(IconArrowRight, {
+      color: "white",
+      size: "1em"
+    })
+  }
+};
+export const DefaultIconBefore = {
+  name: 'Default Icon Before',
+  args: {
+    label: 'Here',
+    beforeIcon: /*#__PURE__*/_jsx(IconArrowRight, {
+      color: "white",
+      size: "1em"
+    })
+  }
+};
+export const DefaultClosable = {
+  name: 'Default Closable',
+  args: {
+    label: 'Here',
+    onClose: () => alert('Close')
+  }
+};
+export const DefaultOnClick = {
+  name: 'Default On Click',
+  args: {
+    label: 'Here',
+    onClick: () => alert('Click')
+  }
+};
+export const Neutral = {
+  name: 'Neutral',
+  args: {
+    label: 'Here',
+    variant: 'neutral'
+  }
+};
+export const Outline = {
+  name: 'Outline',
+  args: {
+    label: 'Here',
+    variant: 'outline'
+  }
+};
+export const OutlineSecondary = {
+  name: 'Outline Secondary',
+  args: {
+    label: 'Here',
+    variant: 'outline-secondary'
+  }
+};
+export const Success = {
+  name: 'Success',
+  args: {
+    label: 'Here',
+    variant: 'success'
+  }
+};
+export const Warning = {
+  name: 'Warning',
+  args: {
+    label: 'Here',
+    variant: 'warning'
+  }
+};
+export const Error = {
+  name: 'Error',
+  args: {
+    label: 'Here',
+    variant: 'error'
+  }
+};

package/esm/v2/core/Chip/index.js

@@ -0,0 +1,63 @@
+/** @jsxImportSource @emotion/react */
+
+import { useTheme } from '@emotion/react';
+import Text from '../../../core/Text';
+import { useIsMobile } from '../../../hooks/useIsMobile';
+import { CloseButton, styles } from './styles';
+import IconClose from '../../../icons/General/IconClose';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const Chip = ({
+  label,
+  active,
+  afterIcon,
+  beforeIcon,
+  variant = 'default',
+  size = 'medium',
+  onClose,
+  onClick
+}) => {
+  const Tag = onClick ? 'button' : 'div';
+  const theme = useTheme();
+  const isMobile = useIsMobile();
+  const handleClose = e => {
+    e.stopPropagation();
+    onClose && onClose();
+  };
+  const resolveTextColor = () => {
+    switch (variant) {
+      case 'default':
+        return 'white';
+      case 'neutral':
+        return theme.bgDark;
+      case 'outline':
+        return theme.primary;
+      case 'outline-secondary':
+        return theme.bgDark;
+      case 'success':
+        return 'black';
+      case 'warning':
+        return 'black';
+      case 'error':
+        return 'white';
+      default:
+        return theme.defaultText;
+    }
+  };
+  return _jsxs(Tag, {
+    onClick: onClick && onClick,
+    css: theme => [styles.default(theme), variant === 'neutral' && styles.neutral(theme), variant === 'outline' && styles.outline(theme), variant === 'outline-secondary' && styles['outline-secondary'](theme), variant === 'success' && styles.success(theme), variant === 'warning' && styles.warning(theme), variant === 'error' && styles.error(theme), active && styles.active(theme), onClick && styles.clickable(theme), size === 'small' && styles.small()],
+    children: [beforeIcon, label && _jsx(Text, {
+      color: resolveTextColor(),
+      children: label
+    }), afterIcon, onClose && !afterIcon && _jsx(CloseButton, {
+      onClick: handleClose,
+      theme: theme,
+      isMobile: isMobile,
+      size: size,
+      children: _jsx(IconClose, {
+        color: resolveTextColor()
+      })
+    })]
+  });
+};
+export default Chip;

package/esm/v2/core/Chip/styles.js

@@ -0,0 +1,38 @@
+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';
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "rnbnc6",
+  styles: "padding:2px 6px;font-size:12px;line-height:16px"
+} : {
+  name: "z9a37m-small",
+  styles: "padding:2px 6px;font-size:12px;line-height:16px;label:small;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const styles = {
+  default: theme => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 8px;border-radius:47px;background-color:", theme.primary, ";color:white;font-size:13px;line-height:18px;font-weight:400;outline:none;border:none;width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvdjIvY29yZS9DaGlwL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IElBcHBUaGVtZSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBDbG9zZUJ1dHRvblByb3BzID0ge1xuICBzaXplOiAnc21hbGwnIHwgJ21lZGl1bSdcbiAgdGhlbWU6IElBcHBUaGVtZVxuICBpc01vYmlsZTogYm9vbGVhblxufVxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgZ2FwOiA0cHg7XG4gICAgcGFkZGluZzogM3B4IDhweDtcbiAgICBib3JkZXItcmFkaXVzOiA0N3B4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBsaW5lLWhlaWdodDogMThweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgYCxcbiAgbmV1dHJhbDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnTWVkaXVtfTtcbiAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgYCxcbiAgb3V0bGluZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJnTGlnaHR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBgLFxuICAnb3V0bGluZS1zZWNvbmRhcnknOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGNvbG9yOiAke3RoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLmJnTGlnaHR9O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBgLFxuICBzdWNjZXNzOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuc3VjY2Vzc307XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIHdhcm5pbmc6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbmZvTWVkaXVtfTtcbiAgICBjb2xvcjogJ2JsYWNrJztcbiAgYCxcbiAgZXJyb3I6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5hbGVydH07XG4gICAgY29sb3I6ICd3aGl0ZSc7XG4gIGAsXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnkxMG9wYX07XG4gIGAsXG4gIHNtYWxsOiAoKSA9PiBjc3NgXG4gICAgcGFkZGluZzogMnB4IDZweDtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIGAsXG4gIGNsaWNrYWJsZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnk1ZGFya2VyfTtcbiAgICB9XG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uPENsb3NlQnV0dG9uUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBoZWlnaHQ6IDE0cHg7XG4gIHdpZHRoOiAxNHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMnMsIGNvbG9yIDAuMnM7XG5gXG4iXX0= */"),
+  neutral: theme => /*#__PURE__*/css("background-color:", theme.bgMedium, ";color:", theme.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */"),
+  outline: theme => /*#__PURE__*/css("color:", theme.primary, ";border:2px solid ", theme.bgLight, ";background-color:white;" + (process.env.NODE_ENV === "production" ? "" : ";label:outline;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */"),
+  'outline-secondary': theme => /*#__PURE__*/css("color:", theme.defaultText, ";border:2px solid ", theme.bgLight, ";background-color:white;" + (process.env.NODE_ENV === "production" ? "" : ";label:outline-secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DZ0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */"),
+  success: theme => /*#__PURE__*/css("background-color:", theme.success, ";color:'black';" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */"),
+  warning: theme => /*#__PURE__*/css("background-color:", theme.infoMedium, ";color:'black';" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDb0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */"),
+  error: theme => /*#__PURE__*/css("background-color:", theme.alert, ";color:'white';" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEa0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */"),
+  active: theme => /*#__PURE__*/css("background-color:", theme.primary10opa, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:active;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */"),
+  small: () => _ref,
+  clickable: theme => /*#__PURE__*/css("cursor:pointer;&:hover{background-color:", theme.primary5darker, ";}&:active{background-color:", theme.primary5darker, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:clickable;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */")
+};
+export const CloseButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "erlt5400"
+} : {
+  target: "erlt5400",
+  label: "CloseButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1kx4gyb",
+  styles: "display:flex;align-items:center;justify-content:center;padding:0;outline:none;border:none;border-radius:0.25rem;height:14px;width:14px;background-color:transparent;cursor:pointer;transition:background-color 0.2s,color 0.2s"
+} : {
+  name: "1kx4gyb",
+  styles: "display:flex;align-items:center;justify-content:center;padding:0;outline:none;border:none;border-radius:0.25rem;height:14px;width:14px;background-color:transparent;cursor:pointer;transition:background-color 0.2s,color 0.2s",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0NoaXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFMEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQ2hpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBJQXBwVGhlbWUgZnJvbSAnLi4vLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nXG4gIHRoZW1lOiBJQXBwVGhlbWVcbiAgaXNNb2JpbGU6IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogNHB4O1xuICAgIHBhZGRpbmc6IDNweCA4cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNDdweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGAsXG4gIG5ldXRyYWw6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5iZ01lZGl1bX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIG91dGxpbmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgJ291dGxpbmUtc2Vjb25kYXJ5JzogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBjb2xvcjogJHt0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZS5iZ0xpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYCxcbiAgc3VjY2VzczogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnN1Y2Nlc3N9O1xuICAgIGNvbG9yOiAnYmxhY2snO1xuICBgLFxuICB3YXJuaW5nOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaW5mb01lZGl1bX07XG4gICAgY29sb3I6ICdibGFjayc7XG4gIGAsXG4gIGVycm9yOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuYWxlcnR9O1xuICAgIGNvbG9yOiAnd2hpdGUnO1xuICBgLFxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5MTBvcGF9O1xuICBgLFxuICBzbWFsbDogKCkgPT4gY3NzYFxuICAgIHBhZGRpbmc6IDJweCA2cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICBgLFxuICBjbGlja2FibGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxDbG9zZUJ1dHRvblByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgaGVpZ2h0OiAxNHB4O1xuICB3aWR0aDogMTRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzLCBjb2xvciAwLjJzO1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/v2/index.js

@@ -0,0 +1,3 @@
+import Chip from './core/Chip';
+import Button from './core/Button';
+export { Chip, Button };

package/lib/v2/core/Button/Button.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Button from '.';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const IconBefore: Story;
+export declare const IconAfter: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const Highlighted: Story;
+export declare const OutlineHighlighted: Story;
+export declare const Back: Story;
+export declare const Small: Story;
+export declare const DangerOutline: Story;
+export declare const TransparentBackground: Story;
+export declare const NoStyle: Story;
+export declare const EventKeyPresses: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

package/lib/v2/core/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,MAAM,MAAM,GAAG,CAAA;AAGtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA"}

package/lib/v2/core/Button/Button.stories.js

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

package/lib/v2/core/Button/index.d.ts

@@ -0,0 +1,86 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { SerializedStyles } from '@emotion/react';
+import { Props as ButtonOrLinkProps } from '../../../core/private/ButtonOrLink';
+export type IProps = ButtonOrLinkProps & {
+    /** Success color styling */
+    success?: boolean;
+    /** Danger color styling */
+    danger?: boolean;
+    /** Bigger button */
+    highlight?: boolean;
+    /** Outlined button styling */
+    outline?: boolean;
+    /** Without style */
+    nostyle?: boolean;
+    /** Adds focus outline, i.e. for nostyle buttons */
+    focusable?: boolean;
+    /** Custom border */
+    border?: string;
+    /** Custom css */
+    css?: SerializedStyles;
+    /** Shows loader instead of children */
+    loading?: boolean;
+    /** Backbutton style */
+    back?: boolean;
+    /** Smaller button size */
+    small?: boolean;
+    /** Transparent bg toggle */
+    transparentBg?: boolean;
+    /** Set tabindex */
+    tabIndex?: number;
+};
+declare const Button: React.ForwardRefExoticComponent<React.HTMLAttributes<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes> & {
+    afterIcon?: React.ReactNode;
+    beforeIcon?: React.ReactNode;
+    children: NonNullable<React.ReactNode>;
+    disabled?: boolean;
+    href?: string;
+    loading?: boolean;
+    onClick?: (event: React.MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes>) => void;
+    onMouseUp?: (event: React.MouseEvent<import("../../../core/private/ButtonOrLink").ButtonOrLinkTypes>) => void;
+    onCustomKeyPress?: {
+        key: string;
+        action: (event: KeyboardEvent) => void;
+    };
+    onKeyPress?: (event: KeyboardEvent) => void;
+    onEnterKeyPress?: (event: KeyboardEvent) => void;
+    onEscapeKeyPress?: (event: KeyboardEvent) => void;
+    openInNewWindow?: boolean;
+    rel?: string;
+    trackingEvent?: string;
+    trackingName?: string;
+    type?: "button" | "submit" | "reset";
+    target?: string;
+    download?: any;
+    tabIndex?: number;
+} & {
+    /** Success color styling */
+    success?: boolean;
+    /** Danger color styling */
+    danger?: boolean;
+    /** Bigger button */
+    highlight?: boolean;
+    /** Outlined button styling */
+    outline?: boolean;
+    /** Without style */
+    nostyle?: boolean;
+    /** Adds focus outline, i.e. for nostyle buttons */
+    focusable?: boolean;
+    /** Custom border */
+    border?: string;
+    /** Custom css */
+    css?: SerializedStyles;
+    /** Shows loader instead of children */
+    loading?: boolean;
+    /** Backbutton style */
+    back?: boolean;
+    /** Smaller button size */
+    small?: boolean;
+    /** Transparent bg toggle */
+    transparentBg?: boolean;
+    /** Set tabindex */
+    tabIndex?: number;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=index.d.ts.map

package/lib/v2/core/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,oCAAoC,CAAA;AAM3C,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;sBAlC2B,SAAS;uBAEN,SAAS;gCAG3C,SAAS;;;;4BAYf,UADQ;8BAIN,UAAU;;;;;;;;;;;;;;;;;IAdZ,4BAA4B;cAClB,OAAO;IACjB,2BAA2B;aAClB,OAAO;IAChB,oBAAoB;gBACR,OAAO;IACnB,8BAA8B;cACpB,OAAO;IACjB,oBAAoB;cACV,OAAO;IACjB,mDAAmD;gBACvC,OAAO;IACnB,oBAAoB;aACX,MAAM;IACf,iBAAiB;UACX,gBAAgB;IACtB,uCAAuC;cAC7B,OAAO;IACjB,uBAAuB;WAChB,OAAO;IACd,0BAA0B;YAClB,OAAO;IACf,4BAA4B;oBACZ,OAAO;IACvB,mBAAmB;eACR,MAAM;2CAqFjB,CAAA;AACF,eAAe,MAAM,CAAA"}

package/lib/v2/core/Button/index.js

@@ -0,0 +1,65 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import ButtonOrLink from '../../../core/private/ButtonOrLink';
+import styles from './styles';
+import IconChevronLeft from '../../../icons/General/IconChevronLeft';
+import AppLoader from '../../../core/AppLoader';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    danger,
+    success,
+    highlight,
+    disabled,
+    outline,
+    afterIcon,
+    beforeIcon,
+    border,
+    nostyle,
+    css,
+    loading,
+    back,
+    small,
+    transparentBg,
+    focusable,
+    tabIndex,
+    ...restProps
+  } = props;
+  const theme = useTheme();
+  const accessibilityProps = {};
+  const getLoaderColor = () => {
+    if (!outline && !transparentBg || success) return theme.btnDefaultFontColor;
+    if (danger) return theme.btnDanger;
+    return theme.secondary;
+  };
+  if (loading) {
+    accessibilityProps['aria-busy'] = props.loading;
+    accessibilityProps['aria-disabled'] = props.loading;
+    accessibilityProps['aria-live'] = props['aria-live'] || 'polite';
+    accessibilityProps['aria-label'] = props['aria-label'] || 'Laster';
+  }
+  if (disabled) {
+    accessibilityProps['aria-disabled'] = props.disabled;
+  }
+  if (back) {
+    accessibilityProps['aria-label'] = props['aria-label'] || 'Gå tilbake';
+  }
+  return _jsx(ButtonOrLink, {
+    tabIndex: tabIndex,
+    disabled: disabled,
+    loading: loading,
+    ref: ref,
+    css: theme => [styles.default(theme), outline && styles.outline(theme), danger && styles.danger(theme), success && styles.success(theme), highlight && styles.highlighted, disabled && styles.disabled(theme), (beforeIcon || afterIcon) && styles.icon(theme), beforeIcon && styles.beforeIcon, afterIcon && styles.afterIcon, border && styles.border(border), nostyle && styles.nostyle, loading && styles.loading(theme), back && styles.back(theme), css && css, small && styles.small, danger && outline && styles.dangerOutline(theme), success && outline && styles.successOutline(theme), transparentBg && styles.transparentBg, focusable && styles.focusable],
+    afterIcon: afterIcon,
+    beforeIcon: back ? _jsx(IconChevronLeft, {
+      size: '12px'
+    }) : beforeIcon,
+    ...accessibilityProps,
+    ...restProps,
+    children: loading ? _jsx(AppLoader, {
+      color: getLoaderColor()
+    }) : props.children
+  });
+});
+export default Button;

package/lib/v2/core/Button/styles.d.ts

@@ -0,0 +1,25 @@
+import IAppTheme from '../../../app-shell/theme';
+export declare const Btn: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare const styles: {
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    highlighted: import("@emotion/react").SerializedStyles;
+    icon: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    beforeIcon: import("@emotion/react").SerializedStyles;
+    afterIcon: import("@emotion/react").SerializedStyles;
+    outline: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    success: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    danger: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    disabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    border: (color: string) => import("@emotion/react").SerializedStyles;
+    loading: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    nostyle: import("@emotion/react").SerializedStyles;
+    back: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    small: import("@emotion/react").SerializedStyles;
+    dangerOutline: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    successOutline: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    transparentBg: import("@emotion/react").SerializedStyles;
+    focusable: import("@emotion/react").SerializedStyles;
+};
+export default styles;
+export { styles };
+//# sourceMappingURL=styles.d.ts.map

package/lib/v2/core/Button/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/styles.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAEhD,eAAO,MAAM,GAAG,mKAAuB,CAAA;AAEvC,QAAA,MAAM,MAAM;qBACO,SAAS;;kBAmCZ,SAAS;;;qBAsBN,SAAS;qBAqBT,SAAS;oBAgBV,SAAS;sBAcP,SAAS;oBAWX,MAAM;qBAGL,SAAS;;kBA6BZ,SAAS;;2BA8BA,SAAS;4BAIR,SAAS;;;CAalC,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}