@cashub/ui 0.20.0 → 0.21.1

package/backdrop/BaseBackdrop.js

@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 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) } })); }
-
-var BaseBackdrop = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--color-backdrop);\n  z-index: 50;\n"])));
-
-var _default = BaseBackdrop;
-exports.default = _default;
+const BaseBackdrop = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--color-backdrop);\n  z-index: 50;\n"])));
+var _default = exports.default = BaseBackdrop;

package/backdrop/LoadingBackdrop.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
-
 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) } })); }
-
-var LoadingBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--color-primary);\n"])));
-var _default = LoadingBackdrop;
-exports.default = _default;
+const LoadingBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--color-primary);\n"])));
+var _default = exports.default = LoadingBackdrop;

package/backdrop/ModalBackdrop.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
-
 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) } })); }
-
-var ModalBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var _default = ModalBackdrop;
-exports.default = _default;
+const ModalBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var _default = exports.default = ModalBackdrop;

package/backdrop/index.js

@@ -5,27 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "BaseBackdrop", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _BaseBackdrop.default;
   }
 });
 Object.defineProperty(exports, "LoadingBackdrop", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LoadingBackdrop.default;
   }
 });
 Object.defineProperty(exports, "ModalBackdrop", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ModalBackdrop.default;
   }
 });
-
 var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
-
 var _LoadingBackdrop = _interopRequireDefault(require("./LoadingBackdrop"));
-
 var _ModalBackdrop = _interopRequireDefault(require("./ModalBackdrop"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/badge/Badge.js

@@ -4,20 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _color = _interopRequireDefault(require("../styles/mixin/color"));
-
 var _borderColor = _interopRequireDefault(require("../styles/mixin/borderColor"));
-
 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) } })); }
-
-var Badge = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  height: auto;\n  width: auto;\n  font-size: inherit;\n  padding: 0.25rem 0.5rem;\n  margin: 0 var(--spacing-xs) var(--spacing-xs) 0;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius-l);\n\n  ", "\n  ", "\n"])), _color.default, _borderColor.default);
-
-var _default = Badge;
-exports.default = _default;
+const Badge = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  height: auto;\n  width: auto;\n  font-size: inherit;\n  padding: 0.25rem 0.5rem;\n  margin: 0 var(--spacing-xs) var(--spacing-xs) 0;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius-l);\n\n  ", "\n  ", "\n"])), _color.default, _borderColor.default);
+var _default = exports.default = Badge;

package/badge/BadgeDot.js

@@ -4,18 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroundColor"));
-
 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) } })); }
-
-var BadgeDot = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 8px;\n  width: 8px;\n  border-radius: var(--border-radius);\n\n  ", "\n"])), _backgroundColor.default);
-
-var _default = BadgeDot;
-exports.default = _default;
+const BadgeDot = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 8px;\n  width: 8px;\n  border-radius: var(--border-radius);\n\n  ", "\n"])), _backgroundColor.default);
+var _default = exports.default = BadgeDot;

package/badge/BadgeFill.js

@@ -4,33 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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;
-
 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) } })); }
-
-var BadgeFill = _styledComponents.default.span.attrs(function () {
-  return {
-    primary: true
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  height: auto;\n  width: auto;\n  border-radius: var(--border-radius-l);\n  font-size: 1rem;\n  padding: 0.5rem;\n  margin: 0;\n  color: var(--font-on-background);\n\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _backgroundColor.default, _colorOnBackground.default, function (_ref) {
-  var extraSmall = _ref.extraSmall;
+const BadgeFill = _styledComponents.default.span.attrs(() => ({
+  primary: true
+}))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  height: auto;\n  width: auto;\n  border-radius: var(--border-radius-l);\n  font-size: 1rem;\n  padding: 0.5rem;\n  margin: 0;\n  color: var(--font-on-background);\n\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _backgroundColor.default, _colorOnBackground.default, _ref => {
+  let {
+    extraSmall
+  } = _ref;
   return extraSmall && 'font-size: 0.75rem; padding: 0.125rem;';
-}, function (_ref2) {
-  var small = _ref2.small;
+}, _ref2 => {
+  let {
+    small
+  } = _ref2;
   return small && 'font-size: 1rem; padding: 0.25rem;';
-}, function (_ref3) {
-  var large = _ref3.large;
+}, _ref3 => {
+  let {
+    large
+  } = _ref3;
   return large && 'font-size: 2rem;';
 });
-
-var _default = BadgeFill;
-exports.default = _default;
+var _default = exports.default = BadgeFill;

package/badge/BadgeWithText.js

@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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) } })); }
-
-var BadgeWithText = function BadgeWithText(_ref) {
-  var children = _ref.children;
+const BadgeWithText = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
     children: children
   });
 };
-
-var Wrapper = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  margin-bottom: var(--spacing-s);\n\n  :not(:last-child) {\n    margin-right: var(--spacing-s);\n  }\n\n  > :first-child {\n    margin-right: var(--spacing-xs);\n  }\n"])));
-
-var _default = BadgeWithText;
-exports.default = _default;
+const Wrapper = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  margin-bottom: var(--spacing-s);\n\n  :not(:last-child) {\n    margin-right: var(--spacing-s);\n  }\n\n  > :first-child {\n    margin-right: var(--spacing-xs);\n  }\n"])));
+var _default = exports.default = BadgeWithText;

package/badge/index.js

@@ -5,35 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Badge.default;
   }
 });
 Object.defineProperty(exports, "BadgeDot", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _BadgeDot.default;
   }
 });
 Object.defineProperty(exports, "BadgeFill", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _BadgeFill.default;
   }
 });
 Object.defineProperty(exports, "BadgeWithText", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _BadgeWithText.default;
   }
 });
-
 var _Badge = _interopRequireDefault(require("./Badge"));
-
 var _BadgeDot = _interopRequireDefault(require("./BadgeDot"));
-
 var _BadgeFill = _interopRequireDefault(require("./BadgeFill"));
-
 var _BadgeWithText = _interopRequireDefault(require("./BadgeWithText"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/billing/BarChart.js

@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingBarChart = function BillingBarChart(_ref) {
-  var theme = _ref.theme,
-      percentage = _ref.percentage,
-      success = _ref.success,
-      warning = _ref.warning,
-      danger = _ref.danger;
-  var styles = {
+const BillingBarChart = _ref => {
+  let {
+    theme,
+    percentage,
+    success,
+    warning,
+    danger
+  } = _ref;
+  const styles = {
     chart: {
       position: 'relative',
       width: '100%',
@@ -33,19 +32,15 @@ var BillingBarChart = function BillingBarChart(_ref) {
       backgroundColor: theme.colorPrimary
     }
   };
-
   if (success) {
     styles.bar.backgroundColor = theme.colorSuccess;
   }
-
   if (warning) {
     styles.bar.backgroundColor = theme.colorWarning;
   }
-
   if (danger) {
     styles.bar.backgroundColor = theme.colorDanger;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
     style: styles.chart,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
@@ -53,6 +48,4 @@ var BillingBarChart = function BillingBarChart(_ref) {
     })
   });
 };
-
-var _default = BillingBarChart;
-exports.default = _default;
+var _default = exports.default = BillingBarChart;

package/billing/Grid.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BillingGrid = exports.BillingColumn = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingGrid = function BillingGrid(_ref) {
-  var children = _ref.children;
-  var styles = {
+const BillingGrid = _ref => {
+  let {
+    children
+  } = _ref;
+  const styles = {
     display: 'flex',
     flexWrap: 'wrap',
     flexDirection: 'row',
@@ -22,28 +21,25 @@ var BillingGrid = function BillingGrid(_ref) {
     children: children
   });
 };
-
 exports.BillingGrid = BillingGrid;
-
-var BillingColumn = function BillingColumn(_ref2) {
-  var children = _ref2.children,
-      flex = _ref2.flex;
-  var styles = {
+const BillingColumn = _ref2 => {
+  let {
+    children,
+    flex
+  } = _ref2;
+  const styles = {
     padding: '0 8',
     width: '50%'
   };
-
   if (flex) {
     styles.display = 'flex';
     styles.alignContent = 'stretch';
     styles.alignItems = 'stretch';
     styles.flexDirection = 'column';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
     style: styles,
     children: children
   });
 };
-
 exports.BillingColumn = BillingColumn;

package/billing/Header2.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingHeader2 = function BillingHeader2(_ref) {
-  var children = _ref.children;
-  var styles = {
+const BillingHeader2 = _ref => {
+  let {
+    children
+  } = _ref;
+  const styles = {
     fontSize: 20,
     wordBreak: 'break-word',
     textAlign: 'center',
@@ -23,6 +22,4 @@ var BillingHeader2 = function BillingHeader2(_ref) {
     children: children
   });
 };
-
-var _default = BillingHeader2;
-exports.default = _default;
+var _default = exports.default = BillingHeader2;

package/billing/Header3.js

@@ -4,41 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingHeader3 = function BillingHeader3(_ref) {
-  var children = _ref.children,
-      fontWeightNormal = _ref.fontWeightNormal,
-      noMarginBottom = _ref.noMarginBottom,
-      paddingBottom = _ref.paddingBottom;
-  var styles = {
+const BillingHeader3 = _ref => {
+  let {
+    children,
+    fontWeightNormal,
+    noMarginBottom,
+    paddingBottom
+  } = _ref;
+  const styles = {
     fontSize: 14,
     lineHeight: 1.25,
     wordBreak: 'break-word',
     fontWeight: 'bold',
     marginBottom: 8
   };
-
   if (fontWeightNormal) {
     styles.fontWeight = 'normal';
   }
-
   if (noMarginBottom) {
     styles.marginBottom = 0;
   }
-
   if (paddingBottom) {
     styles.paddingBottom = 8;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
     style: styles,
     children: children
   });
 };
-
-var _default = BillingHeader3;
-exports.default = _default;
+var _default = exports.default = BillingHeader3;

package/billing/Paragraph.js

@@ -4,36 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingParagraph = function BillingParagraph(_ref) {
-  var children = _ref.children,
-      marginRight = _ref.marginRight,
-      justifyContentBetween = _ref.justifyContentBetween;
-  var styles = {
+const BillingParagraph = _ref => {
+  let {
+    children,
+    marginRight,
+    justifyContentBetween
+  } = _ref;
+  const styles = {
     margin: 0,
     display: 'flex',
     flexDirection: 'row',
     wordBreak: 'break-word',
     overflowWrap: 'break-word'
   };
-
   if (marginRight) {
     styles.marginRight = 16;
   }
-
   if (justifyContentBetween) {
     styles.justifyContent = 'space-between';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
     style: styles,
     children: children
   });
 };
-
-var _default = BillingParagraph;
-exports.default = _default;
+var _default = exports.default = BillingParagraph;

package/billing/ParagraphGroup.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingParagraphGroup = function BillingParagraphGroup(_ref) {
-  var children = _ref.children;
-  var styles = {
+const BillingParagraphGroup = _ref => {
+  let {
+    children
+  } = _ref;
+  const styles = {
     display: 'flex',
     flexDirection: 'row'
   };
@@ -20,6 +19,4 @@ var BillingParagraphGroup = function BillingParagraphGroup(_ref) {
     children: children
   });
 };
-
-var _default = BillingParagraphGroup;
-exports.default = _default;
+var _default = exports.default = BillingParagraphGroup;

package/billing/ParagraphText.js

@@ -4,28 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingParagraphText = function BillingParagraphText(_ref) {
-  var children = _ref.children,
-      fontWeightBold = _ref.fontWeightBold;
-  var styles = {
+const BillingParagraphText = _ref => {
+  let {
+    children,
+    fontWeightBold
+  } = _ref;
+  const styles = {
     fontSize: 12,
     lineHeight: 1.5
   };
-
   if (fontWeightBold) {
     styles.fontWeight = 'bold';
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
     style: styles,
     children: children
   });
 };
-
-var _default = BillingParagraphText;
-exports.default = _default;
+var _default = exports.default = BillingParagraphText;

package/billing/Section.js

@@ -4,57 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingSection = function BillingSection(_ref) {
-  var children = _ref.children,
-      theme = _ref.theme,
-      backgroundReverse = _ref.backgroundReverse,
-      noPadding = _ref.noPadding,
-      noMarginBottom = _ref.noMarginBottom,
-      paddingS = _ref.paddingS,
-      marginBottomS = _ref.marginBottomS,
-      flexGrow = _ref.flexGrow;
-  var styles = {
+const BillingSection = _ref => {
+  let {
+    children,
+    theme,
+    backgroundReverse,
+    noPadding,
+    noMarginBottom,
+    paddingS,
+    marginBottomS,
+    flexGrow
+  } = _ref;
+  const styles = {
     backgroundColor: theme.bgColor1,
     borderRadius: 16,
     color: theme.fontOnBg,
     padding: 12,
     marginBottom: 16
   };
-
   if (backgroundReverse) {
     styles.backgroundColor = theme.bgColor2;
   }
-
   if (noPadding) {
     styles.padding = 0;
   }
-
   if (noMarginBottom) {
     styles.marginBottom = 0;
   }
-
   if (paddingS) {
     styles.padding = 8;
   }
-
   if (marginBottomS) {
     styles.marginBottom = 12;
   }
-
   if (flexGrow) {
     styles.flexGrow = 1;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
     style: styles,
     children: children
   });
 };
-
-var _default = BillingSection;
-exports.default = _default;
+var _default = exports.default = BillingSection;

package/billing/SectionBody.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _renderer = require("@react-pdf/renderer");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var BillingSectionBody = function BillingSectionBody(_ref) {
-  var children = _ref.children;
+const BillingSectionBody = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
     children: children
   });
 };
-
-var _default = BillingSectionBody;
-exports.default = _default;
+var _default = exports.default = BillingSectionBody;