@cashub/ui 0.48.28 → 0.48.30

package/styles/mixin/backgroundColor.js

@@ -5,32 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = require("styled-components");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const backgroundColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+const backgroundColor = (0, _styledComponents.css)`
+  ${_ref => {
   let {
     primary
   } = _ref;
   return primary && 'background-color: var(--color-primary);';
-}, _ref2 => {
+}}
+
+  ${_ref2 => {
   let {
     success
   } = _ref2;
   return success && 'background-color: var(--color-success);';
-}, _ref3 => {
+}}
+
+  ${_ref3 => {
   let {
     warning
   } = _ref3;
   return warning && 'background-color: var(--color-warning);';
-}, _ref4 => {
+}}
+
+  ${_ref4 => {
   let {
     danger
   } = _ref4;
   return danger && 'background-color: var(--color-danger);';
-}, _ref5 => {
+}}
+
+  ${_ref5 => {
   let {
     grey
   } = _ref5;
   return grey && 'background-color: var(--color-grey);';
-});
+}}
+`;
 var _default = exports.default = backgroundColor;

package/styles/mixin/borderColor.js

@@ -5,32 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = require("styled-components");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const borderColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+const borderColor = (0, _styledComponents.css)`
+  ${_ref => {
   let {
     primary
   } = _ref;
   return primary && 'border-color: var(--color-primary);';
-}, _ref2 => {
+}}
+
+  ${_ref2 => {
   let {
     success
   } = _ref2;
   return success && 'border-color: var(--color-success);';
-}, _ref3 => {
+}}
+
+  ${_ref3 => {
   let {
     warning
   } = _ref3;
   return warning && 'border-color: var(--color-warning);';
-}, _ref4 => {
+}}
+
+  ${_ref4 => {
   let {
     danger
   } = _ref4;
   return danger && 'border-color: var(--color-danger);';
-}, _ref5 => {
+}}
+
+  ${_ref5 => {
   let {
     grey
   } = _ref5;
   return grey && 'border-color: var(--color-grey);';
-});
+}}
+`;
 var _default = exports.default = borderColor;

package/styles/mixin/color.js

@@ -5,32 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = require("styled-components");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const color = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+const color = (0, _styledComponents.css)`
+  ${_ref => {
   let {
     primary
   } = _ref;
   return primary && 'color: var(--color-primary);';
-}, _ref2 => {
+}}
+
+  ${_ref2 => {
   let {
     success
   } = _ref2;
   return success && 'color: var(--color-success);';
-}, _ref3 => {
+}}
+
+  ${_ref3 => {
   let {
     warning
   } = _ref3;
   return warning && 'color: var(--color-warning);';
-}, _ref4 => {
+}}
+
+  ${_ref4 => {
   let {
     danger
   } = _ref4;
   return danger && 'color: var(--color-danger);';
-}, _ref5 => {
+}}
+
+  ${_ref5 => {
   let {
     grey
   } = _ref5;
   return grey && 'color: var(--color-grey);';
-});
+}}
+`;
 var _default = exports.default = color;

package/styles/mixin/colorOnBackground.js

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

package/styles/mixin/inputPlaceholder.js

@@ -5,9 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = require("styled-components");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 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));
+  return (0, _styledComponents.css)`
+    ::placeholder {
+      ${(0, _styledComponents.css)(...arguments)}
+    }
+
+    ::-moz-placeholder {
+      ${(0, _styledComponents.css)(...arguments)}
+      opacity: 1;
+    }
+
+    // Internet Explorer 10+
+    :-ms-input-placeholder {
+      ${(0, _styledComponents.css)(...arguments)}
+    }
+
+    // Safari and Chrome
+    ::-webkit-input-placeholder {
+      ${(0, _styledComponents.css)(...arguments)}
+    }
+  `;
 };
 var _default = exports.default = inputPlaceholder;

package/styles/mixin/media.js

@@ -6,13 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = require("styled-components");
 var _breakpoint = _interopRequireDefault(require("../config/breakpoint.style"));
-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) } })); }
 // Iterate through the breakpoint and create a media template
 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], (0, _styledComponents.css)(...arguments));
+    return (0, _styledComponents.css)`
+    @media (max-width: ${_breakpoint.default[label]}px) {
+      ${(0, _styledComponents.css)(...arguments)}
+    }
+  `;
   };
   return func;
 }, {});

package/styles/mixin/rounded.js

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

package/styles/mixin/scrollbar.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = require("styled-components");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 const scrollbar = _ref => {
   let {
     size
@@ -17,6 +15,18 @@ const scrollbar = _ref => {
     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);
+  return (0, _styledComponents.css)`
+    &::-webkit-scrollbar {
+      width: ${scrollbarWidth};
+      height: ${scrollbarWidth};
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--color-scroll-bar);
+      background-clip: padding-box;
+      border: ${thumbWidth} solid transparent;
+      border-radius: var(--border-radius);
+    }
+  `;
 };
 var _default = exports.default = scrollbar;

package/styles/theme/dark.theme.js

@@ -4,11 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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); }
 // Currently, some style is all same for all viewport size
 // Common color style
 const colorStyle = {
@@ -50,10 +45,12 @@ const fontStyle = {
 
 // Theme stylesheet
 const darkTheme = {
-  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -63,11 +60,13 @@ const 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,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -77,11 +76,13 @@ const 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,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -91,6 +92,6 @@ const darkTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  })
+  }
 };
 var _default = exports.default = darkTheme;

package/styles/theme/light.theme.js

@@ -4,11 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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); }
 // Currently, some style is all same for all viewport size
 // Common color style
 const colorStyle = {
@@ -50,10 +45,12 @@ const fontStyle = {
 
 // Theme stylesheet
 const lightTheme = {
-  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -63,11 +60,13 @@ const 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,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -77,11 +76,13 @@ const 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,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -91,6 +92,6 @@ const lightTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  })
+  }
 };
 var _default = exports.default = lightTheme;

package/styles/theme/white.theme.js

@@ -4,11 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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); }
 // Currently, some style is all same for all viewport size
 // Common color style
 const colorStyle = {
@@ -50,10 +45,12 @@ const fontStyle = {
 
 // Theme stylesheet
 const whiteTheme = {
-  desktop: _objectSpread(_objectSpread(_objectSpread({}, fontStyle), colorStyle), {}, {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
     boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
     borderColor: colorStyle.colorGrey,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -63,11 +60,13 @@ const 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,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -77,11 +76,13 @@ const 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,
-    borderColorTransparent: "".concat(colorStyle.colorGrey, "80"),
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
     borderWidth: '1px',
     borderRadiusS: '0.5rem',
     borderRadius: '1rem',
@@ -91,6 +92,6 @@ const whiteTheme = {
     spacerS: '0.75rem',
     spacer: '1rem',
     spacerL: '1.25rem'
-  })
+  }
 };
 var _default = exports.default = whiteTheme;