@cashub/ui 0.46.1 → 0.48.0

package/modal/TitleModal.js

@@ -15,19 +15,9 @@ var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
 var _Heading = _interopRequireDefault(require("../heading/Heading3"));
 var _ModalBackdrop = _interopRequireDefault(require("../backdrop/ModalBackdrop"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-const _excluded = ["children"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const TitleModal = props => {
   const rootElement = (0, _utils.appendElementTo)('TitleModalContainer');
   const Container = document.createElement('div');
@@ -55,10 +45,11 @@ const TitleModal = props => {
   const methods = {
     close: handleClose
   };
-  _reactDom.default.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContent, _objectSpread(_objectSpread({}, props), {}, {
+  _reactDom.default.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(ModalContent, {
+    ...props,
     onClose: handleClose,
     methods: methods
-  })), Container);
+  }), Container);
 };
 const ModalContent = _ref => {
   let {
@@ -109,9 +100,9 @@ const ModalHeader = _ref2 => {
 };
 const ModalBody = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
-      children
-    } = _ref3,
-    props = _objectWithoutProperties(_ref3, _excluded);
+    children,
+    ...props
+  } = _ref3;
   const ownRef = (0, _react.useRef)(null);
   const bodyRef = (0, _hooks.useForkRef)(ownRef, ref);
   const recalculateHeight = (0, _react.useCallback)(() => {
@@ -127,18 +118,18 @@ const ModalBody = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     if (ModalFooterElement) {
       needSubtractHeight += ModalFooterElement.offsetHeight;
     }
-    ModalBodyElement.style.maxHeight = "calc(90vh - ".concat(needSubtractHeight, "px)");
+    ModalBodyElement.style.maxHeight = `calc(90vh - ${needSubtractHeight}px)`;
   }, []);
   (0, _react.useEffect)(() => {
     recalculateHeight();
     window.addEventListener('resize', recalculateHeight);
     return () => window.removeEventListener('resize', recalculateHeight);
   }, [recalculateHeight]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread({
-    ref: bodyRef
-  }, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+    ref: bodyRef,
+    ...props,
     children: children
-  }));
+  });
 });
 ModalBody.displayName = 'ModalBody';
 const ModalFooter = _ref4 => {
@@ -149,8 +140,18 @@ const ModalFooter = _ref4 => {
     children: children
   });
 };
-const Wrapper = (0, _styledComponents.default)(_ModalBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  z-index: 80;\n"])));
-const Container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  border-radius: var(--border-radius);\n  background: var(--color-background2);\n  box-shadow: var(--box-shadow);\n  border: var(--border-width) solid var(--border-color);\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref5 => {
+const Wrapper = (0, _styledComponents.default)(_ModalBackdrop.default)`
+  z-index: 80;
+`;
+const Container = _styledComponents.default.div`
+  position: relative;
+  border-radius: var(--border-radius);
+  background: var(--color-background2);
+  box-shadow: var(--box-shadow);
+  border: var(--border-width) solid var(--border-color);
+  width: 100%;
+
+  ${_ref5 => {
   let {
     size
   } = _ref5;
@@ -166,7 +167,10 @@ const Container = _styledComponents.default.div(_templateObject2 || (_templateOb
     default:
       break;
   }
-}, _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n  "])), _ref6 => {
+}}
+
+  ${_media.default.tablet`
+    ${_ref6 => {
   let {
     size
   } = _ref6;
@@ -181,7 +185,11 @@ const Container = _styledComponents.default.div(_templateObject2 || (_templateOb
     default:
       break;
   }
-}), _media.default.mobile(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n  "])), _ref7 => {
+}}
+  `}
+
+  ${_media.default.mobile`
+    ${_ref7 => {
   let {
     size
   } = _ref7;
@@ -193,15 +201,48 @@ const Container = _styledComponents.default.div(_templateObject2 || (_templateOb
     default:
       break;
   }
-}));
-const Header = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: var(--spacing-s) 56px var(--spacing-s) var(--spacing-s);\n  border-bottom: var(--border-width) solid var(--border-color);\n  min-height: 64px;\n  color: var(--font-on-background);\n\n  > svg {\n    position: absolute;\n    top: 24px;\n    right: calc(12px + var(--spacing));\n    color: var(--font-on-mute);\n    font-size: var(--font-body1);\n    cursor: pointer;\n  }\n"])));
-const Body = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: var(--spacing);\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  ", "\n\n  ", "\n"])), _scrollbar.default, _ref8 => {
+}}
+  `}
+`;
+const Header = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-s) 56px var(--spacing-s) var(--spacing-s);
+  border-bottom: var(--border-width) solid var(--border-color);
+  min-height: 64px;
+  color: var(--font-on-background);
+
+  > svg {
+    position: absolute;
+    top: 24px;
+    right: calc(12px + var(--spacing));
+    color: var(--font-on-mute);
+    font-size: var(--font-body1);
+    cursor: pointer;
+  }
+`;
+const Body = _styledComponents.default.div`
+  padding: var(--spacing);
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  ${_scrollbar.default}
+
+  ${_ref8 => {
   let {
     noPaddingBottom
   } = _ref8;
   return noPaddingBottom && 'padding-bottom: 0;';
-});
-const Footer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 var(--spacing);\n  border-top: var(--border-width) solid var(--border-color);\n  height: 64px;\n  line-height: 64px;\n"])));
+}}
+`;
+const Footer = _styledComponents.default.div`
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 var(--spacing);
+  border-top: var(--border-width) solid var(--border-color);
+  height: 64px;
+  line-height: 64px;
+`;
 var _default = exports.default = Object.assign(TitleModal, {
   Header: ModalHeader,
   Body: ModalBody,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.46.1",
+  "version": "0.48.0",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",

package/page/Disclaimer.js

@@ -5,8 +5,124 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const Disclaimer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  color: var(--font-on-background);\n  padding: var(--spacing);\n\n  > article {\n    line-height: 1.5;\n\n    &:not(:last-child) {\n      padding-bottom: var(--spacing-l);\n    }\n\n    > h2 {\n      text-align: center;\n      margin-bottom: var(--spacing-l);\n    }\n\n    > em {\n      display: block;\n      margin-bottom: var(--spacing-s);\n    }\n\n    > section {\n      margin-bottom: var(--spacing);\n\n      > h3 {\n        margin-bottom: var(--spacing-xs);\n      }\n\n      > p {\n        margin-bottom: var(--spacing-xs);\n      }\n\n      ul {\n        margin: var(--spacing-s) 0;\n\n        li {\n          margin: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-s);\n\n          &.disc {\n            list-style: disc;\n          }\n        }\n      }\n\n      ol {\n        padding: 0;\n        margin: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-s);\n\n        &.counter-number {\n          counter-reset: number;\n        }\n\n        &.counter-number-alpha {\n          counter-reset: number alpha;\n        }\n\n        &.nested-counter-number {\n          counter-reset: nested-number;\n        }\n\n        &.ml-0 {\n          margin-left: 0;\n        }\n\n        li {\n          margin: var(--spacing-s) 0;\n\n          &.decimal {\n            list-style: decimal;\n          }\n\n          &.counter-number-increment {\n            counter-increment: number;\n          }\n\n          &.counter-alpha-increment {\n            counter-increment: alpha;\n          }\n\n          &.counter-number {\n            display: flex;\n            margin: var(--spacing-xs) 0;\n\n            &::before {\n              margin-right: var(--spacing-xs);\n              content: counters(number, '.') ' ';\n            }\n          }\n\n          &.counter-alpha {\n            display: flex;\n            margin: var(--spacing-xs) 0;\n\n            &::before {\n              margin-right: var(--spacing-xs);\n              content: '(' counter(alpha, upper-alpha) ')';\n            }\n          }\n\n          &.nested-counter-number-increment {\n            counter-increment: nested-number;\n          }\n\n          &.nested-counter-number {\n            display: flex;\n            margin: var(--spacing-xs) 0;\n\n            &::before {\n              margin-right: var(--spacing-xs);\n              content: counters(number, '.') '.' counters(nested-number, '.');\n            }\n          }\n        }\n      }\n    }\n  }\n"])));
+const Disclaimer = _styledComponents.default.div`
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--border-radius);
+  color: var(--font-on-background);
+  padding: var(--spacing);
+
+  > article {
+    line-height: 1.5;
+
+    &:not(:last-child) {
+      padding-bottom: var(--spacing-l);
+    }
+
+    > h2 {
+      text-align: center;
+      margin-bottom: var(--spacing-l);
+    }
+
+    > em {
+      display: block;
+      margin-bottom: var(--spacing-s);
+    }
+
+    > section {
+      margin-bottom: var(--spacing);
+
+      > h3 {
+        margin-bottom: var(--spacing-xs);
+      }
+
+      > p {
+        margin-bottom: var(--spacing-xs);
+      }
+
+      ul {
+        margin: var(--spacing-s) 0;
+
+        li {
+          margin: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-s);
+
+          &.disc {
+            list-style: disc;
+          }
+        }
+      }
+
+      ol {
+        padding: 0;
+        margin: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-s);
+
+        &.counter-number {
+          counter-reset: number;
+        }
+
+        &.counter-number-alpha {
+          counter-reset: number alpha;
+        }
+
+        &.nested-counter-number {
+          counter-reset: nested-number;
+        }
+
+        &.ml-0 {
+          margin-left: 0;
+        }
+
+        li {
+          margin: var(--spacing-s) 0;
+
+          &.decimal {
+            list-style: decimal;
+          }
+
+          &.counter-number-increment {
+            counter-increment: number;
+          }
+
+          &.counter-alpha-increment {
+            counter-increment: alpha;
+          }
+
+          &.counter-number {
+            display: flex;
+            margin: var(--spacing-xs) 0;
+
+            &::before {
+              margin-right: var(--spacing-xs);
+              content: counters(number, '.') ' ';
+            }
+          }
+
+          &.counter-alpha {
+            display: flex;
+            margin: var(--spacing-xs) 0;
+
+            &::before {
+              margin-right: var(--spacing-xs);
+              content: '(' counter(alpha, upper-alpha) ')';
+            }
+          }
+
+          &.nested-counter-number-increment {
+            counter-increment: nested-number;
+          }
+
+          &.nested-counter-number {
+            display: flex;
+            margin: var(--spacing-xs) 0;
+
+            &::before {
+              margin-right: var(--spacing-xs);
+              content: counters(number, '.') '.' counters(nested-number, '.');
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 var _default = exports.default = Disclaimer;

package/paginate/Paginate.js

@@ -8,10 +8,8 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _fa = require("react-icons/fa");
 var _hooks = require("@cashub/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 const Paginate = props => {
   const {
     currentPage,
@@ -68,28 +66,72 @@ const Paginate = props => {
     })]
   });
 };
-const Container = _styledComponents.default.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  text-align: center;\n\n  ", ";\n"])), _ref => {
+const Container = _styledComponents.default.ul`
+  display: flex;
+  text-align: center;
+
+  ${_ref => {
   let {
     alignRight
   } = _ref;
   return alignRight && 'justify-content: flex-end';
-});
-const Link = _styledComponents.default.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 36px;\n  line-height: 37px;\n  font-size: var(--font-body1);\n  color: var(--font-on-background);\n  border-radius: var(--border-radius-round);\n  cursor: pointer;\n  transition: 0.3s;\n\n  &:not(:last-child) {\n    margin-right: var(--spacing-xs);\n  }\n\n  ", ";\n\n  ", "\n\n  &:hover {\n    ", "\n  }\n\n  &.paginationDots {\n    cursor: default;\n  }\n"])), _ref2 => {
+}};
+`;
+const Link = _styledComponents.default.li`
+  width: 36px;
+  line-height: 37px;
+  font-size: var(--font-body1);
+  color: var(--font-on-background);
+  border-radius: var(--border-radius-round);
+  cursor: pointer;
+  transition: 0.3s;
+
+  &:not(:last-child) {
+    margin-right: var(--spacing-xs);
+  }
+
+  ${_ref2 => {
   let {
     disabled
   } = _ref2;
-  return disabled && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: no-drop;\n    "])));
-}, _ref3 => {
+  return disabled && (0, _styledComponents.css)`
+      opacity: 0.5;
+      cursor: no-drop;
+    `;
+}};
+
+  ${_ref3 => {
   let {
     active
   } = _ref3;
-  return active && "\n      background-color: var(--color-primary);\n      color: var(--font-on-primary);\n    ";
-}, _ref4 => {
+  return active && `
+      background-color: var(--color-primary);
+      color: var(--font-on-primary);
+    `;
+}}
+
+  &:hover {
+    ${_ref4 => {
   let {
     disabled,
     className
   } = _ref4;
-  return !disabled && !className && "\n        background-color: var(--color-primary);\n        color: var(--font-on-primary);\n      ";
-});
-const Icon = _styledComponents.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: var(--font-body1);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n"])));
+  return !disabled && !className && `
+        background-color: var(--color-primary);
+        color: var(--font-on-primary);
+      `;
+}}
+  }
+
+  &.paginationDots {
+    cursor: default;
+  }
+`;
+const Icon = _styledComponents.default.span`
+  font-size: var(--font-body1);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+`;
 var _default = exports.default = Paginate;

package/popover/Popover.js

@@ -11,41 +11,32 @@ var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-cl
 var _hooks = require("@cashub/hooks");
 var _utils = require("@cashub/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-const _excluded = ["container", "id"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const Popover = _ref => {
   let {
-      container,
-      id
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+    container,
+    id,
+    ...props
+  } = _ref;
   const rootElement = (0, _utils.appendElementTo)('PopoverContainer', 'div', container);
   const handleClose = () => {
     // unmount component and clear event handler and state before remove container
     (0, _reactDom.unmountComponentAtNode)(rootElement);
     rootElement.remove();
   };
-  const result = document.getElementById("popover".concat(id));
+  const result = document.getElementById(`popover${id}`);
   // found previous element mean want to close popover now, so remove it
   if (result) {
     handleClose();
     return;
   }
-  _reactDom.default.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(Box, _objectSpread(_objectSpread({}, props), {}, {
-    id: "popover".concat(id),
+  _reactDom.default.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
+    ...props,
+    id: `popover${id}`,
     handleClose: handleClose
-  })), rootElement);
+  }), rootElement);
 };
 const Box = _ref2 => {
   let {
@@ -65,22 +56,36 @@ const Box = _ref2 => {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactOutsideClickHandler.default, {
     onOutsideClick: event => {
-      if ("popover".concat(event.target.id) !== id) {
+      if (`popover${event.target.id}` !== id) {
         handleClose();
       }
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverBox, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverBox, {
         id: id,
         ref: setTooltipElement,
-        style: styles.popper
-      }, attributes.popper), {}, {
+        style: styles.popper,
+        ...attributes.popper,
         placement: state && state.placement,
         children: content
-      }))
+      })
     })
   });
 };
-const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-const PopoverBox = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border: 1px solid var(--border-color);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  box-shadow: var(--box-shadow);\n  border-radius: calc(var(--border-radius) / 2);\n  padding: var(--spacing-xs);\n  z-index: 80;\n  font-size: var(--font-body1);\n  font-weight: var(--font-normal);\n  max-width: 50vw;\n  word-break: break-all;\n"])));
+const Wrapper = _styledComponents.default.div`
+  position: relative;
+`;
+const PopoverBox = _styledComponents.default.div`
+  border: 1px solid var(--border-color);
+  color: var(--font-on-background);
+  background: var(--color-background2);
+  box-shadow: var(--box-shadow);
+  border-radius: calc(var(--border-radius) / 2);
+  padding: var(--spacing-xs);
+  z-index: 80;
+  font-size: var(--font-body1);
+  font-weight: var(--font-normal);
+  max-width: 50vw;
+  word-break: break-all;
+`;
 var _default = exports.default = Popover;

package/qrcode/QRCode.js

@@ -8,9 +8,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _qrcode = _interopRequireDefault(require("qrcode.react"));
 var _cashubLogoOnly = _interopRequireDefault(require("../assets/images/cashub-logo-only.png"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 const QRCodeBox = _ref => {
   let {
     content,
@@ -37,8 +35,24 @@ const QRCodeBox = _ref => {
     })]
   });
 };
-const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: var(--font-on-background);\n  text-align: center;\n  font-weight: var(--font-bold);\n"])));
-const Container = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  padding: var(--spacing);\n  background: #fff;\n  border-radius: var(--border-radius);\n"])));
-const Text = _styledComponents.default.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: var(--spacing-s);\n  font-size: var(--font-h3);\n  color: #000;\n"])));
-const Message = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: var(--spacing);\n  font-size: var(--font-h2);\n"])));
+const Wrapper = _styledComponents.default.div`
+  color: var(--font-on-background);
+  text-align: center;
+  font-weight: var(--font-bold);
+`;
+const Container = _styledComponents.default.div`
+  display: inline-block;
+  padding: var(--spacing);
+  background: #fff;
+  border-radius: var(--border-radius);
+`;
+const Text = _styledComponents.default.p`
+  margin-top: var(--spacing-s);
+  font-size: var(--font-h3);
+  color: #000;
+`;
+const Message = _styledComponents.default.p`
+  margin-top: var(--spacing);
+  font-size: var(--font-h2);
+`;
 var _default = exports.default = QRCodeBox;

package/qrcode/QRCodeContainter.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 const QRCodeContainter = _ref => {
   let {
     src,
@@ -21,6 +19,16 @@ const QRCodeContainter = _ref => {
     })
   });
 };
-const Figure = _styledComponents.default.figure(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 240px;\n  padding: var(--spacing-s);\n  text-align: center;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n"])));
-const Image = _styledComponents.default.img(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 100%;\n  object-fit: contain;\n  border-radius: var(--border-radius);\n"])));
+const Figure = _styledComponents.default.figure`
+  height: 240px;
+  padding: var(--spacing-s);
+  text-align: center;
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--border-radius);
+`;
+const Image = _styledComponents.default.img`
+  height: 100%;
+  object-fit: contain;
+  border-radius: var(--border-radius);
+`;
 var _default = exports.default = QRCodeContainter;

package/ribbon/Ribbon.js

@@ -7,11 +7,36 @@ exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroundColor"));
 var _colorOnBackground = _interopRequireDefault(require("../styles/mixin/colorOnBackground"));
-var _templateObject, _templateObject2;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const Ribbon = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 120px;\n  height: 120px;\n  position: absolute;\n  overflow: hidden;\n  top: -3px;\n  left: -3px;\n"])));
-const RibbonContent = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  text-transform: uppercase;\n  text-align: center;\n  display: block;\n  width: 200px;\n  transform: rotate(-45deg);\n  top: 25px;\n  right: -25px;\n  padding: 5px 0;\n\n  &::before,\n  &::after {\n    display: block;\n    content: '';\n    border: 1px solid rgba(255, 255, 255, 0.4);\n  }\n\n  ", "\n  ", "\n"])), _backgroundColor.default, _colorOnBackground.default);
+const Ribbon = _styledComponents.default.div`
+  width: 120px;
+  height: 120px;
+  position: absolute;
+  overflow: hidden;
+  top: -3px;
+  left: -3px;
+`;
+const RibbonContent = _styledComponents.default.span`
+  position: absolute;
+  text-transform: uppercase;
+  text-align: center;
+  display: block;
+  width: 200px;
+  transform: rotate(-45deg);
+  top: 25px;
+  right: -25px;
+  padding: 5px 0;
+
+  &::before,
+  &::after {
+    display: block;
+    content: '';
+    border: 1px solid rgba(255, 255, 255, 0.4);
+  }
+
+  ${_backgroundColor.default}
+  ${_colorOnBackground.default}
+`;
 var _default = exports.default = Object.assign(Ribbon, {
   Content: RibbonContent
 });