@cashub/ui 0.48.24 → 0.48.25

package/badge/BadgeFillTriangle.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _colorOnBackground = _interopRequireDefault(require("../styles/mixin/colorOnBackground"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "primary"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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 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; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const fillColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref => {
+  let {
+    primary
+  } = _ref;
+  return primary && 'fill: var(--color-primary);';
+}, _ref2 => {
+  let {
+    success
+  } = _ref2;
+  return success && 'fill: var(--color-success);';
+}, _ref3 => {
+  let {
+    warning
+  } = _ref3;
+  return warning && 'fill: var(--color-warning);';
+}, _ref4 => {
+  let {
+    danger
+  } = _ref4;
+  return danger && 'fill: var(--color-danger);';
+}, _ref5 => {
+  let {
+    grey
+  } = _ref5;
+  return grey && 'fill: var(--color-grey);';
+});
+const Wrapper = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  height: 3rem;\n  width: 3rem;\n  font-size: 1rem;\n  margin: 0;\n  color: var(--font-on-background);\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _colorOnBackground.default, _ref6 => {
+  let {
+    extraSmall
+  } = _ref6;
+  return extraSmall && 'height: 1.5rem; width: 1.5rem; font-size: 0.75rem;';
+}, _ref7 => {
+  let {
+    small
+  } = _ref7;
+  return small && 'height: 2.25rem; width: 2.25rem;';
+}, _ref8 => {
+  let {
+    large
+  } = _ref8;
+  return large && 'height: 4.5rem; width: 4.5rem; font-size: 2rem;';
+});
+const TriangleSvg = _styledComponents.default.svg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n"])));
+const TrianglePath = _styledComponents.default.path(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), fillColor);
+const Content = _styledComponents.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-flex;\n  transform: translateY(0.2rem);\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref9 => {
+  let {
+    extraSmall
+  } = _ref9;
+  return extraSmall && 'transform: translateY(0.1rem);';
+}, _ref10 => {
+  let {
+    small
+  } = _ref10;
+  return small && 'transform: translateY(0.15rem);';
+}, _ref11 => {
+  let {
+    large
+  } = _ref11;
+  return large && 'transform: translateY(0.3rem);';
+});
+const TRIANGLE_PATH = 'M12 2 C12.7 2 13.3 2.4 13.7 3 L22 18 C22.8 19.5 21.7 21 20 21 H4 C2.3 21 1.2 19.5 2 18 L10.3 3 C10.7 2.4 11.3 2 12 2Z';
+const BadgeFillTriangle = _ref12 => {
+  let {
+      children,
+      primary = true
+    } = _ref12,
+    rest = _objectWithoutProperties(_ref12, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({
+    primary: primary
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TriangleSvg, {
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TrianglePath, _objectSpread(_objectSpread({
+        primary: primary
+      }, rest), {}, {
+        d: TRIANGLE_PATH
+      }))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, _objectSpread(_objectSpread({}, rest), {}, {
+      children: children
+    }))]
+  }));
+};
+var _default = exports.default = BadgeFillTriangle;

package/badge/index.js

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

package/package.json

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