@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/TabNav/styles.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = exports.TabNavWrapper = exports.TabNavActions = exports.SelectWrapper = exports.SelectLinkWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const TabNavWrapper = exports.TabNavWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evtutk53"
-} : {
-  target: "evtutk53",
-  label: "TabNavWrapper"
-})(props => /*#__PURE__*/(0, _react.css)("display:flex;width:100%;position:relative;padding:0;margin:0;align-content:space-between;align-items:flex-end;&:after{content:'';display:block;width:100%;position:absolute;bottom:0;height:4px;background:", props.theme.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavWrapper;")));
-const TabNavActions = exports.TabNavActions = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "evtutk52"
-} : {
-  target: "evtutk52",
-  label: "TabNavActions"
-})("position:absolute;right:0;bottom:1em;@media (max-width: ", _breakpoints.default.medium, "){bottom:0;padding:1em;&:after{display:none;}}");
-const SelectLinkWrapper = exports.SelectLinkWrapper = /*#__PURE__*/(0, _base.default)("li", process.env.NODE_ENV === "production" ? {
-  target: "evtutk51"
-} : {
-  target: "evtutk51",
-  label: "SelectLinkWrapper"
-})();
-const SelectWrapper = exports.SelectWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "evtutk50"
-} : {
-  target: "evtutk50",
-  label: "SelectWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cickod",
-  styles: "display:flex;flex-direction:column;gap:0.5em;&>span>div>ul>li>button{word-break:break-all;text-align:left;}"
-} : {
-  name: "1cickod",
-  styles: "display:flex;flex-direction:column;gap:0.5em;&>span>div>ul>li>button{word-break:break-all;text-align:left;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const styles = exports.styles = {
-  maxWidth: width => /*#__PURE__*/(0, _react.css)("max-width:", width, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:maxWidth;")),
-  color: color => /*#__PURE__*/(0, _react.css)("& button{color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:color;")),
-  underlineColor: color => /*#__PURE__*/(0, _react.css)("& button::after,& button:hover::after{background:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:underlineColor;")),
-  vertical: process.env.NODE_ENV === "production" ? {
-    name: "1yrkr6r",
-    styles: "flex-direction:column;align-items:flex-start;&:after{left:0;top:0;width:4px;height:100%;}& button::after,& button:hover::after{height:100%;width:4px;top:0;}"
-  } : {
-    name: "qxb6uv-vertical",
-    styles: "flex-direction:column;align-items:flex-start;&:after{left:0;top:0;width:4px;height:100%;}& button::after,& button:hover::after{height:100%;width:4px;top:0;};label:vertical;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
-};
-var _default = exports.default = styles;

package/esm/core/TabNav/utils/useContainerDimensions.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContainerDimensions = void 0;
-var _react = require("react");
-const useContainerDimensions = ref => {
-  const [dimensions, setDimensions] = (0, _react.useState)({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    bottom: 0
-  });
-  const getDimensions = (0, _react.useCallback)(() => ({
-    width: ref.current?.offsetWidth || 0,
-    height: ref.current?.offsetHeight || 0,
-    top: ref.current?.offsetTop || 0,
-    left: ref.current?.offsetLeft || 0,
-    bottom: Number(ref.current?.offsetTop) + Number(ref.current?.offsetHeight) || 0
-  }), [ref]);
-  (0, _react.useEffect)(() => {
-    const handleResize = () => setDimensions(getDimensions());
-    if (ref.current) setDimensions(getDimensions());
-    window.addEventListener('resize', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [getDimensions, ref]);
-  return dimensions;
-};
-exports.useContainerDimensions = useContainerDimensions;

package/esm/core/Table/Cell.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Cell = ({
-  startAlign,
-  centerAlign,
-  children,
-  colSpan,
-  endAlign,
-  header,
-  truncate,
-  wrap,
-  ...props
-}) => {
-  const Tag = header ? 'th' : 'td';
-  return (0, _jsxRuntime.jsx)(Tag, {
-    ...props,
-    css: () => [_styles.styles.cell_defaults, startAlign && _styles.styles.cell_left, centerAlign && _styles.styles.cell_center, endAlign && _styles.styles.cell_right, truncate && _styles.styles.cell_truncate, wrap && _styles.styles.cell_wrap],
-    children: children
-  });
-};
-var _default = exports.default = Cell;

package/esm/core/Table/Row.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Row = ({
-  children,
-  danger,
-  info,
-  muted,
-  notice,
-  success,
-  warning,
-  border,
-  ...props
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
-    ...props,
-    css: theme => [border && _styles.styles.row_border(theme), danger && _styles.styles.row_danger(theme), info && _styles.styles.row_info(theme), muted && _styles.styles.row_muted(theme), notice && _styles.styles.row_notice(theme), success && _styles.styles.row_success(theme), warning && _styles.styles.row_warning(theme)],
-    children: children
-  });
-};
-var _default = exports.default = Row;

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

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SeveralArgsTable = exports.Default = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Cell = _interopRequireDefault(require("./Cell"));
-var _Row = _interopRequireDefault(require("./Row"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Table',
-  component: _.default
-};
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 3"
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          centerAlign: true,
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        })]
-      })
-    })]
-  }),
-  name: 'Default'
-};
-const SeveralArgsTable = exports.SeveralArgsTable = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        border: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          header: true,
-          children: "Header 3"
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tbody", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        danger: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          startAlign: true,
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          centerAlign: true,
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          endAlign: true,
-          children: "Content"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.default, {
-        success: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          truncate: true,
-          children: "Alot of content goes here, is it to much??"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cell.default, {
-          children: "Content"
-        })]
-      })]
-    })]
-  }),
-  name: 'Several ArgsTable'
-};

package/esm/core/Table/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Cell", {
-  enumerable: true,
-  get: function () {
-    return _Cell.default;
-  }
-});
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _Row.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _Cell = _interopRequireDefault(require("./Cell"));
-var _Row = _interopRequireDefault(require("./Row"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Table(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TableWrapper, {
-    children: props.children
-  });
-}
-Table.Cell = _Cell.default;
-Table.Row = _Row.default;
-var _default = exports.default = Table;

package/esm/core/Table/styles.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.TableWrapper = exports.TableBodyWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const TableWrapper = exports.TableWrapper = /*#__PURE__*/(0, _base.default)("table", process.env.NODE_ENV === "production" ? {
-  target: "e1hlre5g1"
-} : {
-  target: "e1hlre5g1",
-  label: "TableWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "tkxk5i",
-  styles: "border-collapse:collapse"
-} : {
-  name: "tkxk5i",
-  styles: "border-collapse:collapse",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TableBodyWrapper = exports.TableBodyWrapper = /*#__PURE__*/(0, _base.default)("tbody", process.env.NODE_ENV === "production" ? {
-  target: "e1hlre5g0"
-} : {
-  target: "e1hlre5g0",
-  label: "TableBodyWrapper"
-})();
-const styles = exports.styles = {
-  cell_defaults: process.env.NODE_ENV === "production" ? {
-    name: "rt24rc",
-    styles: "text-align:left;line-height:24px;padding:5px 0;padding-right:16px"
-  } : {
-    name: "12b51o9-cell_defaults",
-    styles: "text-align:left;line-height:24px;padding:5px 0;padding-right:16px;label:cell_defaults;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  row_defaults: /*#__PURE__*/(0, _react.css)(process.env.NODE_ENV === "production" ? "" : ";label:row_defaults;"),
-  row_border: theme => /*#__PURE__*/(0, _react.css)("border-top:1px solid ", theme.primary, ";border-bottom:1px solid ", theme.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_border;")),
-  row_danger: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.alert, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_danger;")),
-  row_info: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.info, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_info;")),
-  row_muted: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_muted;")),
-  row_notice: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.gray10, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_notice;")),
-  row_success: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.success, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_success;")),
-  row_warning: theme => /*#__PURE__*/(0, _react.css)("background-color:", theme.alertLight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row_warning;")),
-  cell_right: process.env.NODE_ENV === "production" ? {
-    name: "2qga7i",
-    styles: "text-align:right"
-  } : {
-    name: "hd1p5l-cell_right",
-    styles: "text-align:right;label:cell_right;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_left: process.env.NODE_ENV === "production" ? {
-    name: "1flj9lk",
-    styles: "text-align:left"
-  } : {
-    name: "u5gdxj-cell_left",
-    styles: "text-align:left;label:cell_left;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_center: process.env.NODE_ENV === "production" ? {
-    name: "1azakc",
-    styles: "text-align:center"
-  } : {
-    name: "1fsb877-cell_center",
-    styles: "text-align:center;label:cell_center;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_truncate: process.env.NODE_ENV === "production" ? {
-    name: "l9a0se",
-    styles: "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&:hover{max-width:none;overflow:inherit;white-space:inherit;word-wrap:break-word;}"
-  } : {
-    name: "we2dqx-cell_truncate",
-    styles: "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&:hover{max-width:none;overflow:inherit;white-space:inherit;word-wrap:break-word;};label:cell_truncate;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  cell_wrap: process.env.NODE_ENV === "production" ? {
-    name: "19u0omh",
-    styles: "white-space:normal;word-wrap:break-word"
-  } : {
-    name: "rj41nf-cell_wrap",
-    styles: "white-space:normal;word-wrap:break-word;label:cell_wrap;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
-};

package/esm/core/Tag/Tag.stories.js

@@ -1,127 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithIcon = exports.TagWithLoading = exports.TagWithCloseLoadingAndStrictClick = exports.TagWithCloseAndStrictClickWithColor = exports.TagWithCloseAndStrictClick = exports.TagWithClose = exports.Success = exports.Outline = exports.Neutral = exports.Light = exports.Info = exports.Dotted = exports.Default = exports.Dark = exports.Danger = void 0;
-var _ = _interopRequireDefault(require("."));
-var _IconComment = _interopRequireDefault(require("../../icons/General/IconComment"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'Core/Tag',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: 'Default',
-  args: {
-    children: 'Here'
-  }
-};
-const Neutral = exports.Neutral = {
-  name: 'Neutral',
-  args: {
-    children: 'Here',
-    neutral: true
-  }
-};
-const Success = exports.Success = {
-  name: 'Success',
-  args: {
-    children: 'here',
-    success: true
-  }
-};
-const Info = exports.Info = {
-  name: 'Info',
-  args: {
-    children: 'here',
-    info: true
-  }
-};
-const Danger = exports.Danger = {
-  name: 'Danger',
-  args: {
-    children: 'here',
-    danger: true
-  }
-};
-const Dark = exports.Dark = {
-  name: 'Dark',
-  args: {
-    children: 'here',
-    dark: true
-  }
-};
-const Light = exports.Light = {
-  name: 'Light',
-  args: {
-    children: 'here',
-    light: true
-  }
-};
-const Outline = exports.Outline = {
-  name: 'Outline',
-  args: {
-    children: 'here',
-    outline: true
-  }
-};
-const Dotted = exports.Dotted = {
-  name: 'Dotted',
-  args: {
-    children: 'Hola',
-    dotted: true
-  }
-};
-const TagWithClose = exports.TagWithClose = {
-  name: 'Tag with close',
-  args: {
-    children: 'Click me',
-    withclose: true,
-    onClick: () => console.log('close')
-  }
-};
-const TagWithLoading = exports.TagWithLoading = {
-  name: 'Tag with loading',
-  args: {
-    children: 'Here',
-    loading: true
-  }
-};
-const TagWithCloseAndStrictClick = exports.TagWithCloseAndStrictClick = {
-  name: 'Tag with close and strict click',
-  args: {
-    children: 'Have to close by clicking the "x"',
-    strictClose: true,
-    onClick: () => console.log('close')
-  }
-};
-const TagWithCloseLoadingAndStrictClick = exports.TagWithCloseLoadingAndStrictClick = {
-  name: 'Tag with close, loading and strict click',
-  args: {
-    children: 'With loading',
-    strictClose: true,
-    loading: true,
-    onClick: () => console.log('close')
-  }
-};
-const TagWithCloseAndStrictClickWithColor = exports.TagWithCloseAndStrictClickWithColor = {
-  name: 'Tag with close and strict click with color',
-  args: {
-    children: 'With custom close color',
-    strictClose: true,
-    closeColor: 'red',
-    onClick: () => console.log('close')
-  }
-};
-const WithIcon = exports.WithIcon = {
-  name: 'With icon',
-  args: {
-    children: '3',
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconComment.default, {
-      size: 14
-    })
-  }
-};

package/esm/core/Tag/index.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _IconClose = _interopRequireDefault(require("../../icons/General/IconClose"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Spinner = _interopRequireDefault(require("../Spinner"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const Tag = ({
-  icon,
-  trackingEvent,
-  trackingName,
-  disabled,
-  ...props
-}) => {
-  const Tag = (props.withclose || props.onClick) && !props.strictClose ? 'button' : 'div';
-  return (0, _jsxRuntime.jsxs)(Tag, {
-    title: props.title,
-    className: props.className,
-    onClick: !props.strictClose ? props.onClick : undefined,
-    disabled: disabled,
-    role: !props.strictClose && props.onClick ? 'button' : undefined,
-    css: theme => [_styles.styles.default(theme), props.neutral && _styles.styles.neutral(theme), props.success && _styles.styles.success(theme), props.info && _styles.styles.info(theme), props.danger && _styles.styles.danger(theme), props.dark && _styles.styles.dark(theme), props.light && _styles.styles.light(theme), props.outline && _styles.styles.outline(theme), props.dotted && _styles.styles.dotted(theme), props.withclose && _styles.styles.withclose, props.strictClose && _styles.styles.strictClose, icon && _styles.styles.withicon, props.loading && _styles.styles.loading],
-    children: [icon && icon, props.children, props.loading ? (0, _jsxRuntime.jsx)(_Spinner.default, {
-      margin: "0 0 0 8px",
-      size: 6,
-      color: props.loadingColor
-    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [props.withclose ? (0, _jsxRuntime.jsx)(_IconClose.default, {
-        color: props.closeColor || 'white',
-        size: '14px'
-      }) : null, props.strictClose ? (0, _jsxRuntime.jsx)(_Button.default, {
-        nostyle: true,
-        onClick: props.onClick,
-        trackingEvent: trackingEvent,
-        trackingName: trackingEvent,
-        disabled: disabled,
-        children: (0, _jsxRuntime.jsx)(_IconClose.default, {
-          color: props.closeColor || 'white',
-          size: '14px'
-        })
-      }) : null]
-    })]
-  });
-};
-var _default = exports.default = Tag;

package/esm/core/Tag/styles.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = void 0;
-var _react = require("@emotion/react");
-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)."; }
-const styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)({
-    display: 'inline-block',
-    minHeight: '24px',
-    lineHeight: '24px',
-    padding: '0px 12px',
-    textAlign: 'center',
-    outline: 'none',
-    border: 'none',
-    borderRadius: '12px',
-    fontSize: '14px',
-    color: 'white',
-    backgroundColor: theme.primary,
-    '& > span': {
-      paddingLeft: '5px'
-    },
-    '&:focus': {
-      textDecoration: 'underline'
-    }
-  }, process.env.NODE_ENV === "production" ? "" : ";label:default;"),
-  neutral: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.defaultText,
-    backgroundColor: theme.gray20
-  }, process.env.NODE_ENV === "production" ? "" : ";label:neutral;"),
-  success: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.defaultText,
-    backgroundColor: theme.successMedium
-  }, process.env.NODE_ENV === "production" ? "" : ";label:success;"),
-  info: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.bgDark,
-    backgroundColor: theme.infoMedium
-  }, process.env.NODE_ENV === "production" ? "" : ";label:info;"),
-  danger: theme => /*#__PURE__*/(0, _react.css)({
-    color: 'white',
-    backgroundColor: theme.alert
-  }, process.env.NODE_ENV === "production" ? "" : ";label:danger;"),
-  dark: theme => /*#__PURE__*/(0, _react.css)({
-    color: 'white',
-    backgroundColor: theme.bgDark
-  }, process.env.NODE_ENV === "production" ? "" : ";label:dark;"),
-  light: theme => /*#__PURE__*/(0, _react.css)({
-    color: theme.bgDark,
-    backgroundColor: theme.bgLight
-  }, process.env.NODE_ENV === "production" ? "" : ";label:light;"),
-  outline: theme => /*#__PURE__*/(0, _react.css)("color:", theme.defaultText, ";min-height:20px;line-height:20px;border:2px solid ", theme.bgLight, ";background-color:white;" + (process.env.NODE_ENV === "production" ? "" : ";label:outline;")),
-  dotted: theme => /*#__PURE__*/(0, _react.css)("color:", theme.defaultText, ";min-height:20px;line-height:20px;border:2px dotted ", theme.border, ";background-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:dotted;")),
-  withclose: process.env.NODE_ENV === "production" ? {
-    name: "aymhac",
-    styles: "display:flex;align-items:center;min-height:24px;line-height:unset;&>svg{margin-left:0.5em;}"
-  } : {
-    name: "1eravii-withclose",
-    styles: "display:flex;align-items:center;min-height:24px;line-height:unset;&>svg{margin-left:0.5em;};label:withclose;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  strictClose: process.env.NODE_ENV === "production" ? {
-    name: "sqodq5",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;&>button{margin-left:0.5em;}"
-  } : {
-    name: "v4s7sa-strictClose",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;&>button{margin-left:0.5em;};label:strictClose;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  loading: process.env.NODE_ENV === "production" ? {
-    name: "10i8va3",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;gap:0.5em;&>div{margin-right:0.5em;}"
-  } : {
-    name: "10cwrar-loading",
-    styles: "display:flex;width:fit-content;align-items:center;min-height:24px;line-height:unset;gap:0.5em;&>div{margin-right:0.5em;};label:loading;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  withicon: process.env.NODE_ENV === "production" ? {
-    name: "uoujw6",
-    styles: "display:flex;align-items:center;gap:5px;width:fit-content"
-  } : {
-    name: "4g9093-withicon",
-    styles: "display:flex;align-items:center;gap:5px;width:fit-content;label:withicon;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
-};
-var _default = exports.default = styles;