@cashub/ui 0.17.1 → 0.17.3

package/button/IconButton.js

@@ -21,7 +21,7 @@ var IconButton = _styledComponents.default.div.attrs(function () {
   return {
     role: 'button'
   };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 40px;\n  height: 40px;\n  transition: 0.3s;\n  position: relative;\n  border-radius: var(--border-radius-l);\n  color: ", ";\n  cursor: ", ";\n  margin: auto;\n\n  ", "\n\n  &:hover {\n    ", "\n  }\n\n  > svg {\n    font-size: 1.5rem;\n    position: relative;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    ", "\n\n    ", "\n  }\n"])), function (_ref) {
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 40px;\n  height: 40px;\n  transition: 0.3s;\n  position: relative;\n  border-radius: var(--border-radius-l);\n  color: ", ";\n  cursor: ", ";\n  margin: auto;\n\n  ", "\n\n  &:hover {\n    ", "\n  }\n\n  > svg {\n    font-size: 1.5rem;\n\n    ", "\n\n    ", "\n  }\n"])), function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? 'var(--color-grey)' : 'var(--font-on-background)';
 }, function (_ref2) {

package/figure/IconFigure.js

@@ -0,0 +1,40 @@
+"use strict";
+
+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 IconFigure = _styledComponents.default.figure.attrs(function (_ref) {
+  var size = _ref.size;
+  return {
+    size: size || 'medium'
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+  var size = _ref2.size;
+
+  switch (size) {
+    case 'small':
+      return "\n          width: 16px;\n          height: 16px;\n        ";
+
+    case 'medium':
+      return "\n          width: 24px;\n          height: 24px;\n        ";
+
+    case 'large':
+      return "\n          width: 32px;\n          height: 32px;\n        ";
+
+    default:
+      break;
+  }
+});
+
+var _default = IconFigure;
+exports.default = _default;

package/{icon → figure}/index.js

@@ -9,7 +9,15 @@ Object.defineProperty(exports, "IconFigure", {
     return _IconFigure.default;
   }
 });
+Object.defineProperty(exports, "ImageFigure", {
+  enumerable: true,
+  get: function get() {
+    return _ImageFigure.default;
+  }
+});
 
 var _IconFigure = _interopRequireDefault(require("./IconFigure"));
 
+var _ImageFigure = _interopRequireDefault(require("./ImageFigure"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/image/UploadImage.js

@@ -21,7 +21,7 @@ var _toast = require("../toast");
 
 var _HiddenFileInput = _interopRequireDefault(require("../file/HiddenFileInput"));
 
-var _ImageFigure = _interopRequireDefault(require("./ImageFigure"));
+var _ImageFigure = _interopRequireDefault(require("../figure/ImageFigure"));
 
 var _ImageFluid = _interopRequireDefault(require("./ImageFluid"));
 

package/image/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ImageFigure", {
-  enumerable: true,
-  get: function get() {
-    return _ImageFigure.default;
-  }
-});
 Object.defineProperty(exports, "ImageFluid", {
   enumerable: true,
   get: function get() {
@@ -22,8 +16,6 @@ Object.defineProperty(exports, "UploadImage", {
   }
 });
 
-var _ImageFigure = _interopRequireDefault(require("./ImageFigure"));
-
 var _ImageFluid = _interopRequireDefault(require("./ImageFluid"));
 
 var _UploadImage = _interopRequireDefault(require("./UploadImage"));

package/index.js

@@ -218,6 +218,20 @@ Object.keys(_dropzone).forEach(function (key) {
   });
 });
 
+var _figure = require("./figure");
+
+Object.keys(_figure).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _figure[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _figure[key];
+    }
+  });
+});
+
 var _file = require("./file");
 
 Object.keys(_file).forEach(function (key) {
@@ -302,20 +316,6 @@ Object.keys(_heading).forEach(function (key) {
   });
 });
 
-var _icon = require("./icon");
-
-Object.keys(_icon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _icon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _icon[key];
-    }
-  });
-});
-
 var _iconbox = require("./iconbox");
 
 Object.keys(_iconbox).forEach(function (key) {

package/layout/MenuIcon.js

@@ -9,7 +9,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _IconButton = _interopRequireDefault(require("../button/IconButton"));
 
-var _IconFigure = _interopRequireDefault(require("../icon/IconFigure"));
+var _IconFigure = _interopRequireDefault(require("../figure/IconFigure"));
 
 var _ImageFluid = _interopRequireDefault(require("../image/ImageFluid"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.17.1",
+  "version": "0.17.3",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/styles/mixin/rounded.js

@@ -11,11 +11,14 @@ 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"])), function (_ref) {
-  var rounded = _ref.rounded;
-  return rounded && 'border-radius: var(--border-radius);';
+var rounded = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+  var roundedS = _ref.roundedS;
+  return roundedS && 'border-radius: var(--border-radius-s);';
 }, function (_ref2) {
-  var roundedCircle = _ref2.roundedCircle;
+  var rounded = _ref2.rounded;
+  return rounded && 'border-radius: var(--border-radius);';
+}, function (_ref3) {
+  var roundedCircle = _ref3.roundedCircle;
   return roundedCircle && 'border-radius: var(--border-radius-round);';
 });
 var _default = rounded;

package/table/ImageBox.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _Logo = _interopRequireDefault(require("./subComponent/Logo"));
+var _IconFigure = _interopRequireDefault(require("../figure/IconFigure"));
+
+var _ImageFluid = _interopRequireDefault(require("../image/ImageFluid"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -21,10 +23,13 @@ var ImageBox = function ImageBox(_ref) {
   var image = _ref.image,
       text = _ref.text;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
-      image: image,
-      alt: "".concat(text, "'s pic"),
-      round: true
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconFigure.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageFluid.default, {
+        crossOrigin: "anonymous",
+        src: image,
+        alt: "".concat(text, "'s pic"),
+        roundedCircle: true
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
       children: text
     })]

package/icon/IconFigure.js

@@ -1,36 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var IconFigure = _styledComponents.default.figure(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  ", "\n"])), function (_ref) {
-  var size = _ref.size;
-
-  switch (size) {
-    case 'small':
-      return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          width: 16px;\n          height: 16px;\n        "])));
-
-    case 'large':
-      return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          width: 32px;\n          height: 32px;\n        "])));
-
-    default:
-      break;
-  }
-});
-
-var _default = IconFigure;
-exports.default = _default;

package/table/subComponent/Logo.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _ImageFluid = _interopRequireDefault(require("../../image/ImageFluid"));
-
-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 Logo = function Logo(_ref) {
-  var image = _ref.image,
-      round = _ref.round,
-      alt = _ref.alt;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Figure, {
-    round: round,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageFluid.default, {
-      crossOrigin: "anonymous",
-      src: image,
-      alt: alt
-    })
-  });
-};
-
-var Figure = _styledComponents.default.figure(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 32px;\n  height: 32px;\n  border-radius: ", ";\n  overflow: hidden;\n"])), function (_ref2) {
-  var round = _ref2.round;
-  return round ? 'var(--border-radius-round)' : 'var(--border-radius-s)';
-});
-
-var _default = Logo;
-exports.default = _default;