@ntbjs/react-components 1.3.0-rc.9 → 2.0.0-rc.5

package/Tooltip-298f0547.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-fcd45bd0.js');
-var index = require('./index-39bc450c.js');
-var React = require('react');
-var styled = require('styled-components');
-var TippyTooltip = require('@tippyjs/react');
-require('./shift-away-subtle-45129125.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
-
-var _templateObject;
-var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 400;\n  background: ", ";\n  border-radius: 3px;\n  pointer-events: default !important;\n  .tippy-content {\n    padding: 9px 12px;\n  }\n\n  .tippy-arrow {\n    color: ", ";\n  }\n\n  a {\n    color: inherit;\n  }\n"])), function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.theme.getColor('gray-700');
-}, function (props) {
-  return props.theme.getColor('gray-700');
-});
-
-var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
-  var content = _ref.content,
-      interactive = _ref.interactive,
-      placement = _ref.placement,
-      duration = _ref.duration,
-      trigger = _ref.trigger,
-      visible = _ref.visible,
-      children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "visible", "children"]);
-
-  return React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
-    ref: ref,
-    content: content,
-    interactive: interactive,
-    placement: placement,
-    duration: duration,
-    trigger: trigger,
-    visible: visible,
-    animation: 'shift-away-subtle'
-  }, props), children));
-});
-Tooltip.defaultProps = {
-  content: 'Tooltip',
-  interactive: false,
-  placement: 'top',
-  duration: 350
-};
-Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
-  content: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.element]).isRequired,
-  interactive: index.PropTypes.bool,
-  placement: index.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
-  duration: index.PropTypes.number,
-  trigger: index.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
-  visible: index.PropTypes.bool,
-  children: index.PropTypes.node
-} : {};
-
-exports.Tooltip = Tooltip;

package/VerificationStatusIcon-d596165f.js

@@ -1,122 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-fcd45bd0.js');
-var React = require('react');
-var index = require('./index-39bc450c.js');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var VerificationIconWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
-  return props.background && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n    background-color: #000 !important;\n    width: fit-content;\n    padding: 6px 14px 6px 9px;\n    border-radius: 15px;\n}\n    "])));
-});
-var VerificationStatusIcon$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  font: normal normal normal 12px/16px Roboto;\n  ", ";\n\n  ", ";\n\n  svg {\n    height: ", "px;\n  }\n"])), function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
-}, function (props) {
-  return props.background && props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));
-}, function (props) {
-  var _props$iconHeight;
-
-  return (_props$iconHeight = props.iconHeight) !== null && _props$iconHeight !== void 0 ? _props$iconHeight : 15;
-});
-var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  left: ", "px;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  ", ";\n"])), function (props) {
-  var _props$iconHeight2;
-
-  return ((_props$iconHeight2 = props.iconHeight) !== null && _props$iconHeight2 !== void 0 ? _props$iconHeight2 : 15) * 2 / 3;
-}, function (props) {
-  var _props$iconHeight3;
-
-  return ((_props$iconHeight3 = props.iconHeight) !== null && _props$iconHeight3 !== void 0 ? _props$iconHeight3 : 15) * 2 / 3;
-}, function (props) {
-  var _props$iconHeight4;
-
-  return ((_props$iconHeight4 = props.iconHeight) !== null && _props$iconHeight4 !== void 0 ? _props$iconHeight4 : 15) * 2 / 3;
-}, function (props) {
-  var darkThemeColor = props.theme.getColor('gray-100');
-  var lightThemeColor = props.theme.getColor('gray-500');
-
-  if (props.status === 'verified') {
-    darkThemeColor = props.theme.getColor('emerald-500');
-    lightThemeColor = props.theme.getColor('emerald-500');
-  } else if (props.status === 'pending') {
-    darkThemeColor = props.theme.getColor('signal-yellow-500');
-    lightThemeColor = props.theme.getColor('signal-yellow-500');
-  } else if (props.status === 'rejected') {
-    darkThemeColor = props.theme.getColor('red-600');
-    lightThemeColor = props.theme.getColor('red-600');
-  } else if (props.status === 'mixed') {
-    darkThemeColor = '#008CDB';
-    lightThemeColor = '#008CDB';
-  }
-
-  return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);
-});
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632q0-1.697 1.166-2.864T9.3 4.602q1.698 0 2.864 1.166t1.166 2.864q0 1.698-1.166 2.864T9.3 12.662zm0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547q-.623-.623-1.548-.623t-1.548.623q-.622.622-.622 1.547t.622 1.548q.623.622 1.548.622zm0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137-2.638 3.639-6.661 4.735zm0-11.744zm0-9.765L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36q1.373.36 2.627 1 .901-1.431 1.408-3.084.507-1.652.507-3.422V4.757L9.3 1.98zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73-1.102-.26-2.301-.26z"
-});
-
-function SvgVerification(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "-2.5 0 24 24"
-  }, props), _ref);
-}
-
-var VerificationStatusIcon = React__default['default'].forwardRef(function VerificationStatusIcon(_ref, forwardedRef) {
-  var status = _ref.status,
-      iconHeight = _ref.iconHeight,
-      background = _ref.background,
-      props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight", "background"]);
-
-  return React__default['default'].createElement(VerificationIconWrapper, {
-    background: background
-  }, React__default['default'].createElement(VerificationStatusIcon$1, defaultTheme._extends({
-    iconHeight: iconHeight,
-    background: background,
-    ref: forwardedRef
-  }, props), React__default['default'].createElement(SvgVerification, null), React__default['default'].createElement(VerificationStatusColor, {
-    iconHeight: iconHeight,
-    status: status,
-    background: background
-  })));
-});
-VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  status: index.PropTypes.oneOf(['verified', 'pending', 'rejected', 'mixed']).isRequired,
-  iconHeight: index.PropTypes.number,
-  background: index.PropTypes.bool
-} : {};
-VerificationStatusIcon.defaultProps = {
-  iconHeight: 15,
-  background: false
-};
-
-exports.VerificationStatusIcon = VerificationStatusIcon;

package/close-ebf2f3cf.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () {
-						return e[k];
-					}
-				});
-			}
-		});
-	}
-	n['default'] = e;
-	return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M2.1 27.3L0 25.2l11.55-11.55L0 2.1 2.1 0l11.55 11.55L25.2 0l2.1 2.1-11.55 11.55L27.3 25.2l-2.1 2.1-11.55-11.55L2.1 27.3z"
-});
-
-function SvgClose(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 27.3 27.3"
-  }, props), _ref);
-}
-
-exports.SvgClose = SvgClose;

package/data/Alert/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var Alert = require('../../Alert-e9f818d6.js');
-require('../../defaultTheme-fcd45bd0.js');
-require('styled-components');
-require('react');
-require('../../index-39bc450c.js');
-require('lodash');
-
-
-
-module.exports = Alert.Alert;

package/data/Badge/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var Badge = require('../../Badge-72b369a6.js');
-require('../../defaultTheme-fcd45bd0.js');
-require('styled-components');
-require('../../index-39bc450c.js');
-require('react');
-
-
-
-module.exports = Badge.Badge;

package/data/Popover/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var Popover = require('../../Popover-a76d0fe5.js');
-require('../../defaultTheme-fcd45bd0.js');
-require('styled-components');
-require('lodash');
-require('../../index-39bc450c.js');
-require('react');
-require('polished');
-require('@tippyjs/react');
-require('../../shift-away-subtle-45129125.js');
-require('popper-max-size-modifier');
-
-
-
-module.exports = Popover.Popover;

package/data/Tab/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var Tab = require('../../Tab-87287c6e.js');
-require('../../defaultTheme-fcd45bd0.js');
-require('styled-components');
-require('../../index-39bc450c.js');
-require('react');
-
-
-
-module.exports = Tab.Tab;

package/data/Tabs/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var Tabs = require('../../Tabs-8e4de5a5.js');
-require('../../defaultTheme-fcd45bd0.js');
-require('styled-components');
-require('lodash');
-require('../../index-39bc450c.js');
-require('react');
-require('../../Tab-87287c6e.js');
-
-
-
-module.exports = Tabs.Tabs;

package/data/Tooltip/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var Tooltip = require('../../Tooltip-298f0547.js');
-require('../../defaultTheme-fcd45bd0.js');
-require('styled-components');
-require('../../index-39bc450c.js');
-require('react');
-require('@tippyjs/react');
-require('../../shift-away-subtle-45129125.js');
-
-
-
-module.exports = Tooltip.Tooltip;

package/data/index.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Alert = require('../Alert-e9f818d6.js');
-var Badge = require('../Badge-72b369a6.js');
-var Popover = require('../Popover-a76d0fe5.js');
-var Tab = require('../Tab-87287c6e.js');
-var Tabs = require('../Tabs-8e4de5a5.js');
-var Tooltip = require('../Tooltip-298f0547.js');
-var VerificationStatusIcon = require('../VerificationStatusIcon-d596165f.js');
-require('../defaultTheme-fcd45bd0.js');
-require('styled-components');
-require('react');
-require('../index-39bc450c.js');
-require('lodash');
-require('polished');
-require('@tippyjs/react');
-require('../shift-away-subtle-45129125.js');
-require('popper-max-size-modifier');
-
-
-
-exports.Alert = Alert.Alert;
-exports.Badge = Badge.Badge;
-exports.Popover = Popover.Popover;
-exports.Tab = Tab.Tab;
-exports.Tabs = Tabs.Tabs;
-exports.Tooltip = Tooltip.Tooltip;
-exports.VerificationStatusIcon = VerificationStatusIcon.VerificationStatusIcon;

package/defaultTheme-fcd45bd0.js

@@ -1,339 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
-    }
-  }));
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-
-      var F = function () {};
-
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var normalCompletion = true,
-      didErr = false,
-      err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = "/**\n * Colors\n */\n";
-var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
-styleInject(css_248z);
-
-var _templateObject;
-var defaultTheme = {
-  getColor: function getColor(name) {
-    if (!importedColors[name]) throw Error("The color \"".concat(name, "\" is not registered."));
-    return importedColors[name];
-  },
-  primaryFontFamily: "'Roboto', sans-serif",
-  secondaryFontFamily: "'Overpass', sans-serif",
-  themeProp: themeProp
-};
-
-function themeProp(property, darkMode, lightMode) {
-  var specificity = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
-  var specificityString = Array(specificity).fill("&").join("");
-  return styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    body.dark-theme ", " {\n      ", ": ", ";\n    }\n\n    body.light-theme ", " {\n      ", ": ", ";\n    }\n\n    body:not(.light-theme):not(.dark-theme) ", " {\n      ", ": ", ";\n\n      @media (prefers-color-scheme: dark) {\n        ", ": ", ";\n      }\n    }\n  "])), specificityString, property, darkMode, specificityString, property, lightMode, specificityString, property, lightMode, property, darkMode);
-}
-
-function applyDefaultTheme(_ref) {
-  var _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? {} : _ref$theme,
-      props = _objectWithoutProperties(_ref, ["theme"]);
-
-  return _objectSpread2(_objectSpread2({}, props), {}, {
-    theme: Object.assign({}, defaultTheme, theme)
-  });
-}
-
-exports._createForOfIteratorHelper = _createForOfIteratorHelper;
-exports._extends = _extends;
-exports._objectSpread2 = _objectSpread2;
-exports._objectWithoutProperties = _objectWithoutProperties;
-exports._slicedToArray = _slicedToArray;
-exports._taggedTemplateLiteral = _taggedTemplateLiteral;
-exports._toConsumableArray = _toConsumableArray;
-exports._typeof = _typeof;
-exports.applyDefaultTheme = applyDefaultTheme;
-exports.styleInject = styleInject;