@cashub/ui 0.21.0 → 0.21.1

package/styles/mixin/backgroundColor.js

@@ -4,25 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var backgroundColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var primary = _ref.primary;
+const backgroundColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    primary
+  } = _ref;
   return primary && 'background-color: var(--color-primary);';
-}, function (_ref2) {
-  var success = _ref2.success;
+}, _ref2 => {
+  let {
+    success
+  } = _ref2;
   return success && 'background-color: var(--color-success);';
-}, function (_ref3) {
-  var warning = _ref3.warning;
+}, _ref3 => {
+  let {
+    warning
+  } = _ref3;
   return warning && 'background-color: var(--color-warning);';
-}, function (_ref4) {
-  var danger = _ref4.danger;
+}, _ref4 => {
+  let {
+    danger
+  } = _ref4;
   return danger && 'background-color: var(--color-danger);';
 });
-var _default = backgroundColor;
-exports.default = _default;
+var _default = exports.default = backgroundColor;

package/styles/mixin/borderColor.js

@@ -4,25 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var borderColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var primary = _ref.primary;
+const borderColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    primary
+  } = _ref;
   return primary && 'border-color: var(--color-primary);';
-}, function (_ref2) {
-  var success = _ref2.success;
+}, _ref2 => {
+  let {
+    success
+  } = _ref2;
   return success && 'border-color: var(--color-success);';
-}, function (_ref3) {
-  var warning = _ref3.warning;
+}, _ref3 => {
+  let {
+    warning
+  } = _ref3;
   return warning && 'border-color: var(--color-warning);';
-}, function (_ref4) {
-  var danger = _ref4.danger;
+}, _ref4 => {
+  let {
+    danger
+  } = _ref4;
   return danger && 'border-color: var(--color-danger);';
 });
-var _default = borderColor;
-exports.default = _default;
+var _default = exports.default = borderColor;

package/styles/mixin/color.js

@@ -4,25 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var color = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var primary = _ref.primary;
+const color = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    primary
+  } = _ref;
   return primary && 'color: var(--color-primary);';
-}, function (_ref2) {
-  var success = _ref2.success;
+}, _ref2 => {
+  let {
+    success
+  } = _ref2;
   return success && 'color: var(--color-success);';
-}, function (_ref3) {
-  var warning = _ref3.warning;
+}, _ref3 => {
+  let {
+    warning
+  } = _ref3;
   return warning && 'color: var(--color-warning);';
-}, function (_ref4) {
-  var danger = _ref4.danger;
+}, _ref4 => {
+  let {
+    danger
+  } = _ref4;
   return danger && 'color: var(--color-danger);';
 });
-var _default = color;
-exports.default = _default;
+var _default = exports.default = color;

package/styles/mixin/colorOnBackground.js

@@ -4,25 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var colorOnBackground = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var primary = _ref.primary;
+const colorOnBackground = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    primary
+  } = _ref;
   return primary && 'color: var(--font-on-primary);';
-}, function (_ref2) {
-  var success = _ref2.success;
+}, _ref2 => {
+  let {
+    success
+  } = _ref2;
   return success && 'color: var(--font-on-success);';
-}, function (_ref3) {
-  var warning = _ref3.warning;
+}, _ref3 => {
+  let {
+    warning
+  } = _ref3;
   return warning && 'color: var(--font-on-warning);';
-}, function (_ref4) {
-  var danger = _ref4.danger;
+}, _ref4 => {
+  let {
+    danger
+  } = _ref4;
   return danger && 'color: var(--font-on-danger);';
 });
-var _default = colorOnBackground;
-exports.default = _default;
+var _default = exports.default = colorOnBackground;

package/styles/mixin/inputPlaceholder.js

@@ -4,16 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var inputPlaceholder = function inputPlaceholder() {
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ::placeholder {\n      ", "\n    }\n\n    ::-moz-placeholder {\n      ", "\n      opacity: 1;\n    }\n\n    // Internet Explorer 10+\n    :-ms-input-placeholder {\n      ", "\n    }\n\n    // Safari and Chrome\n    ::-webkit-input-placeholder {\n      ", "\n    }\n  "])), _styledComponents.css.apply(void 0, arguments), _styledComponents.css.apply(void 0, arguments), _styledComponents.css.apply(void 0, arguments), _styledComponents.css.apply(void 0, arguments));
+const inputPlaceholder = function () {
+  return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ::placeholder {\n      ", "\n    }\n\n    ::-moz-placeholder {\n      ", "\n      opacity: 1;\n    }\n\n    // Internet Explorer 10+\n    :-ms-input-placeholder {\n      ", "\n    }\n\n    // Safari and Chrome\n    ::-webkit-input-placeholder {\n      ", "\n    }\n  "])), (0, _styledComponents.css)(...arguments), (0, _styledComponents.css)(...arguments), (0, _styledComponents.css)(...arguments), (0, _styledComponents.css)(...arguments));
 };
-
-var _default = inputPlaceholder;
-exports.default = _default;
+var _default = exports.default = inputPlaceholder;

package/styles/mixin/media.js

@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _breakpoint = _interopRequireDefault(require("../config/breakpoint.style"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 // Iterate through the breakpoint and create a media template
-var media = Object.keys(_breakpoint.default).reduce(function (func, label) {
+const media = Object.keys(_breakpoint.default).reduce((func, label) => {
   func[label] = function () {
-    return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (max-width: ", "px) {\n      ", "\n    }\n  "])), _breakpoint.default[label], _styledComponents.css.apply(void 0, arguments));
+    return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (max-width: ", "px) {\n      ", "\n    }\n  "])), _breakpoint.default[label], (0, _styledComponents.css)(...arguments));
   };
-
   return func;
 }, {});
-var _default = media;
-exports.default = _default;
+var _default = exports.default = media;

package/styles/mixin/rounded.js

@@ -4,22 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var rounded = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
-  var roundedS = _ref.roundedS;
+const rounded = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    roundedS
+  } = _ref;
   return roundedS && 'border-radius: var(--border-radius-s);';
-}, function (_ref2) {
-  var rounded = _ref2.rounded;
+}, _ref2 => {
+  let {
+    rounded
+  } = _ref2;
   return rounded && 'border-radius: var(--border-radius);';
-}, function (_ref3) {
-  var roundedCircle = _ref3.roundedCircle;
+}, _ref3 => {
+  let {
+    roundedCircle
+  } = _ref3;
   return roundedCircle && 'border-radius: var(--border-radius-round);';
 });
-var _default = rounded;
-exports.default = _default;
+var _default = exports.default = rounded;

package/styles/mixin/scrollbar.js

@@ -4,25 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var scrollbar = function scrollbar(_ref) {
-  var size = _ref.size;
-  var scrollbarWidth = '12px';
-  var thumbWidth = '4px';
-
+const scrollbar = _ref => {
+  let {
+    size
+  } = _ref;
+  let scrollbarWidth = '12px';
+  let thumbWidth = '4px';
   if (size === 'large') {
     scrollbarWidth = '24px';
     thumbWidth = '8px';
   }
-
   return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &::-webkit-scrollbar {\n      width: ", ";\n      height: ", ";\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: var(--color-scroll-bar);\n      background-clip: padding-box;\n      border: ", " solid transparent;\n      border-radius: var(--border-radius);\n    }\n  "])), scrollbarWidth, scrollbarWidth, thumbWidth);
 };
-
-var _default = scrollbar;
-exports.default = _default;
+var _default = exports.default = scrollbar;

package/styles/theme/dark.theme.js

@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
 // Currently, some style is all same for all viewport size
 // Common color style
-var colorStyle = {
+const colorStyle = {
   colorWhite: '#ffffff',
   colorDark: '#000000',
   colorGrey: '#5b5f6f',
@@ -28,9 +21,10 @@ var colorStyle = {
   bgColor2: '#222143',
   bgColor3: '#2d2a5d',
   backdropBg: 'rgba(0, 0, 0, 0.75)'
-}; // Common font style
+};
 
-var fontStyle = {
+// Common font style
+const fontStyle = {
   fontH1: '2.25rem',
   fontH2: '1.5rem',
   fontH3: '1.25rem',
@@ -47,10 +41,13 @@ var fontStyle = {
   fontOnDanger: colorStyle.colorWhite,
   fontOnBg: colorStyle.colorWhite,
   fontMutedColor: 'rgba(255, 255, 255, 0.5)'
-}; // Theme stylesheet
+};
 
-var darkTheme = {
-  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+// Theme stylesheet
+const darkTheme = {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -62,8 +59,10 @@ var darkTheme = {
     spacerS: '1rem',
     spacer: '1.5rem',
     spacerL: '2rem'
-  }),
-  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  },
+  tablet: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -75,8 +74,10 @@ var darkTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  }),
-  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  },
+  mobile: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -88,7 +89,6 @@ var darkTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  })
+  }
 };
-var _default = darkTheme;
-exports.default = _default;
+var _default = exports.default = darkTheme;

package/styles/theme/light.theme.js

@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
 // Currently, some style is all same for all viewport size
 // Common color style
-var colorStyle = {
+const colorStyle = {
   colorWhite: '#ffffff',
   colorDark: '#353351',
   colorGrey: '#989cad',
@@ -28,9 +21,10 @@ var colorStyle = {
   bgColor2: '#F8F4FF',
   bgColor3: '#E6E1FF',
   backdropBg: 'rgba(0, 0, 0, 0.75)'
-}; // Common font style
+};
 
-var fontStyle = {
+// Common font style
+const fontStyle = {
   fontH1: '2.25rem',
   fontH2: '1.5rem',
   fontH3: '1.25rem',
@@ -47,10 +41,13 @@ var fontStyle = {
   fontOnDanger: colorStyle.colorDark,
   fontOnBg: colorStyle.colorDark,
   fontMutedColor: 'rgba(53, 51, 81, 0.6)'
-}; // Theme stylesheet
+};
 
-var lightTheme = {
-  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+// Theme stylesheet
+const lightTheme = {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -62,8 +59,10 @@ var lightTheme = {
     spacerS: '1rem',
     spacer: '1.5rem',
     spacerL: '2rem'
-  }),
-  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  },
+  tablet: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -75,8 +74,10 @@ var lightTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  }),
-  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  },
+  mobile: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -88,7 +89,6 @@ var lightTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  })
+  }
 };
-var _default = lightTheme;
-exports.default = _default;
+var _default = exports.default = lightTheme;

package/styles/theme/white.theme.js

@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
 // Currently, some style is all same for all viewport size
 // Common color style
-var colorStyle = {
+const colorStyle = {
   colorWhite: '#ffffff',
   colorDark: '#353351',
   colorGrey: '#b7bbcd',
@@ -28,9 +21,10 @@ var colorStyle = {
   bgColor2: '#F7F7F7',
   bgColor3: '#FFFFFF',
   backdropBg: 'rgba(0, 0, 0, 0.75)'
-}; // Common font style
+};
 
-var fontStyle = {
+// Common font style
+const fontStyle = {
   fontH1: '2.25rem',
   fontH2: '1.5rem',
   fontH3: '1.25rem',
@@ -47,10 +41,13 @@ var fontStyle = {
   fontOnDanger: colorStyle.colorDark,
   fontOnBg: colorStyle.colorDark,
   fontMutedColor: 'rgba(53, 51, 81, 0.6)'
-}; // Theme stylesheet
+};
 
-var whiteTheme = {
-  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+// Theme stylesheet
+const whiteTheme = {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -62,8 +59,10 @@ var whiteTheme = {
     spacerS: '1rem',
     spacer: '1.5rem',
     spacerL: '2rem'
-  }),
-  tablet: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  },
+  tablet: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -75,8 +74,10 @@ var whiteTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  }),
-  mobile: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  },
+  mobile: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
     borderWidth: '1px',
@@ -88,7 +89,6 @@ var whiteTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  })
+  }
 };
-var _default = whiteTheme;
-exports.default = _default;
+var _default = exports.default = whiteTheme;

package/styles/themes.js

@@ -4,19 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _white = _interopRequireDefault(require("./theme/white.theme"));
-
 var _light = _interopRequireDefault(require("./theme/light.theme"));
-
 var _dark = _interopRequireDefault(require("./theme/dark.theme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var themes = {
+const themes = {
   White: _white.default,
   Light: _light.default,
   Dark: _dark.default
 };
-var _default = themes;
-exports.default = _default;
+var _default = exports.default = themes;