@cashub/ui 0.48.25 → 0.48.27
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.
- package/badge/BadgeFillTriangle.js +10 -7
- package/package.json +1 -1
|
@@ -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");
|
|
@@ -46,21 +47,21 @@ const fillColor = (0, _styledComponents.css)(_templateObject || (_templateObject
|
|
|
46
47
|
} = _ref5;
|
|
47
48
|
return grey && 'fill: var(--color-grey);';
|
|
48
49
|
});
|
|
49
|
-
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:
|
|
50
|
+
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: 2rem;\n width: 2rem;\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 => {
|
|
50
51
|
let {
|
|
51
52
|
extraSmall
|
|
52
53
|
} = _ref6;
|
|
53
|
-
return extraSmall && 'height:
|
|
54
|
+
return extraSmall && 'height: 1rem; width: 1rem; font-size: 0.62rem;';
|
|
54
55
|
}, _ref7 => {
|
|
55
56
|
let {
|
|
56
57
|
small
|
|
57
58
|
} = _ref7;
|
|
58
|
-
return small && 'height:
|
|
59
|
+
return small && 'height: 1.5rem; width: 1.5rem;';
|
|
59
60
|
}, _ref8 => {
|
|
60
61
|
let {
|
|
61
62
|
large
|
|
62
63
|
} = _ref8;
|
|
63
|
-
return large && 'height:
|
|
64
|
+
return large && 'height: 3rem; width: 3rem; font-size: 1.75rem;';
|
|
64
65
|
});
|
|
65
66
|
const TriangleSvg = _styledComponents.default.svg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n"])));
|
|
66
67
|
const TrianglePath = _styledComponents.default.path(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", "\n"])), fillColor);
|
|
@@ -81,17 +82,18 @@ 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, {
|
|
94
|
-
viewBox: "
|
|
96
|
+
viewBox: "1.7 2 20.6 19",
|
|
95
97
|
"aria-hidden": "true",
|
|
96
98
|
focusable: "false",
|
|
97
99
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TrianglePath, _objectSpread(_objectSpread({
|
|
@@ -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;
|