@cashub/ui 0.48.26 → 0.48.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/badge/BadgeFillTriangle.js +5 -2
  2. package/package.json +1 -1
  3. package/styles/mixin/borderColor.js +6 -1
  4. package/styles/mixin/color.js +6 -1
package/badge/BadgeFillTriangle.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+ var _react = require("react");
7
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
8
9
  var _colorOnBackground = _interopRequireDefault(require("../styles/mixin/colorOnBackground"));
9
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -81,13 +82,14 @@ const Content = _styledComponents.default.span(_templateObject5 || (_templateObj
81
82
  return large && 'transform: translateY(0.3rem);';
82
83
  });
83
84
  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';
84
- const BadgeFillTriangle = _ref12 => {
85
+ const BadgeFillTriangle = /*#__PURE__*/(0, _react.forwardRef)((_ref12, ref) => {
85
86
  let {
86
87
  children,
87
88
  primary = true
88
89
  } = _ref12,
89
90
  rest = _objectWithoutProperties(_ref12, _excluded);
90
91
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({
92
+ ref: ref,
91
93
  primary: primary
92
94
  }, rest), {}, {
93
95
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TriangleSvg, {
@@ -103,5 +105,6 @@ const BadgeFillTriangle = _ref12 => {
103
105
  children: children
104
106
  }))]
105
107
  }));
106
- };
108
+ });
109
+ BadgeFillTriangle.displayName = 'BadgeFillTriangle';
107
110
  var _default = exports.default = BadgeFillTriangle;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.48.26",
3
+ "version": "0.48.28",
4
4
  "private": false,
5
5
  "author": "CasHUB Team",
6
6
  "description": "CasHUB UI components library",
package/styles/mixin/borderColor.js CHANGED
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
  var _styledComponents = require("styled-components");
8
8
  var _templateObject;
9
9
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
10
- const borderColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _ref => {
10
+ const borderColor = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _ref => {
11
11
  let {
12
12
  primary
13
13
  } = _ref;
@@ -27,5 +27,10 @@ const borderColor = (0, _styledComponents.css)(_templateObject || (_templateObje
27
27
  danger
28
28
  } = _ref4;
29
29
  return danger && 'border-color: var(--color-danger);';
30
+ }, _ref5 => {
31
+ let {
32
+ grey
33
+ } = _ref5;
34
+ return grey && 'border-color: var(--color-grey);';
30
35
  });
31
36
  var _default = exports.default = borderColor;
package/styles/mixin/color.js CHANGED
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
  var _styledComponents = require("styled-components");
8
8
  var _templateObject;
9
9
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
10
- const color = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _ref => {
10
+ const color = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _ref => {
11
11
  let {
12
12
  primary
13
13
  } = _ref;
@@ -27,5 +27,10 @@ const color = (0, _styledComponents.css)(_templateObject || (_templateObject = _
27
27
  danger
28
28
  } = _ref4;
29
29
  return danger && 'color: var(--color-danger);';
30
+ }, _ref5 => {
31
+ let {
32
+ grey
33
+ } = _ref5;
34
+ return grey && 'color: var(--color-grey);';
30
35
  });
31
36
  var _default = exports.default = color;