@cashub/ui 0.19.8 → 0.19.10
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/form/Checkbox.js +16 -11
- package/map/GoogleMap.js +1 -1
- package/map/LeafletMap.js +2 -3
- package/package.json +1 -1
package/form/Checkbox.js
CHANGED
|
@@ -19,7 +19,7 @@ var _md = require("react-icons/md");
|
|
|
19
19
|
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
|
|
22
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
22
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
@@ -36,13 +36,15 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
36
36
|
checked = _ref.checked,
|
|
37
37
|
onChange = _ref.onChange,
|
|
38
38
|
noMargin = _ref.noMargin,
|
|
39
|
-
fontSizeBig = _ref.fontSizeBig
|
|
39
|
+
fontSizeBig = _ref.fontSizeBig,
|
|
40
|
+
marginRight = _ref.marginRight;
|
|
40
41
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledLabel, {
|
|
41
42
|
htmlFor: htmlFor,
|
|
42
43
|
disabled: disabled,
|
|
43
44
|
ref: ref,
|
|
44
45
|
noMargin: noMargin,
|
|
45
46
|
fontSizeBig: fontSizeBig,
|
|
47
|
+
marginRight: marginRight,
|
|
46
48
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCheckbox, {
|
|
47
49
|
checked: checked,
|
|
48
50
|
type: "checkbox",
|
|
@@ -60,22 +62,25 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
60
62
|
});
|
|
61
63
|
});
|
|
62
64
|
var StyledCheckbox = (0, _styledComponents.default)(_Input.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: none;\n\n &:checked + span {\n > div:last-of-type {\n display: block;\n color: var(--color-primary);\n }\n > div:first-of-type {\n display: none;\n }\n }\n"])));
|
|
63
|
-
var StyledLabel = (0, _styledComponents.default)(_Label.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-block;\n cursor: pointer;\n vertical-align: middle;\n\n > span {\n ", "\n display: flex;\n align-items: center;\n\n > div {\n margin-right: var(--spacing-xs);\n width: 24px;\n height: 24px;\n border-radius: 4px;\n }\n\n > div:last-of-type {\n display: none;\n }\n }\n\n ", "\n\n ", "\n"])), function (_ref2) {
|
|
64
|
-
var
|
|
65
|
-
return
|
|
65
|
+
var StyledLabel = (0, _styledComponents.default)(_Label.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-block;\n cursor: pointer;\n vertical-align: middle;\n\n ", "\n\n > span {\n ", "\n display: flex;\n align-items: center;\n\n > div {\n margin-right: var(--spacing-xs);\n width: 24px;\n height: 24px;\n border-radius: 4px;\n }\n\n > div:last-of-type {\n display: none;\n }\n }\n\n ", "\n\n ", "\n"])), function (_ref2) {
|
|
66
|
+
var marginRight = _ref2.marginRight;
|
|
67
|
+
return marginRight && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-right: var(--spacing-l);\n "])));
|
|
66
68
|
}, function (_ref3) {
|
|
67
|
-
var
|
|
68
|
-
return
|
|
69
|
+
var disabled = _ref3.disabled;
|
|
70
|
+
return disabled && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
|
|
69
71
|
}, function (_ref4) {
|
|
70
|
-
var
|
|
72
|
+
var fontSizeBig = _ref4.fontSizeBig;
|
|
73
|
+
return fontSizeBig && 'font-size: var(--font-h3);';
|
|
74
|
+
}, function (_ref5) {
|
|
75
|
+
var noMargin = _ref5.noMargin;
|
|
71
76
|
return noMargin && 'margin: 0;';
|
|
72
77
|
});
|
|
73
78
|
|
|
74
|
-
var Unchecked = _styledComponents.default.div(
|
|
79
|
+
var Unchecked = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex: 0 0 auto;\n border: var(--border-width) solid var(--border-color);\n"])));
|
|
75
80
|
|
|
76
|
-
var Checked = _styledComponents.default.div(
|
|
81
|
+
var Checked = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex: 0 0 auto;\n border: var(--border-width) solid var(--color-primary);\n background: var(--color-primary);\n position: relative;\n\n > svg {\n position: absolute;\n color: var(--font-on-primary);\n font-size: var(--font-h3);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n"])));
|
|
77
82
|
|
|
78
|
-
var Text = _styledComponents.default.p(
|
|
83
|
+
var Text = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n word-break: break-all;\n"])));
|
|
79
84
|
|
|
80
85
|
var _default = Checkbox;
|
|
81
86
|
exports.default = _default;
|
package/map/GoogleMap.js
CHANGED
package/map/LeafletMap.js
CHANGED
|
@@ -58,8 +58,7 @@ var LeafletMap = function LeafletMap(_ref) {
|
|
|
58
58
|
geoFenceOptions = _ref$geoFenceOptions === void 0 ? {} : _ref$geoFenceOptions,
|
|
59
59
|
onError = _ref.onError,
|
|
60
60
|
customPopup = _ref.customPopup,
|
|
61
|
-
checkPrimaryLocation = _ref.checkPrimaryLocation
|
|
62
|
-
children = _ref.children;
|
|
61
|
+
checkPrimaryLocation = _ref.checkPrimaryLocation;
|
|
63
62
|
|
|
64
63
|
var _useState = (0, _react.useState)(true),
|
|
65
64
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -241,7 +240,7 @@ var LeafletMap = function LeafletMap(_ref) {
|
|
|
241
240
|
fillOpacity: 0.5
|
|
242
241
|
}
|
|
243
242
|
})]
|
|
244
|
-
})
|
|
243
|
+
})]
|
|
245
244
|
});
|
|
246
245
|
}
|
|
247
246
|
|