@cashub/ui 0.14.0 → 0.14.1

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 (2) hide show
  1. package/package.json +1 -1
  2. package/popover/Popover.js +14 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "private": false,
5
5
  "author": "CASHUB Team",
6
6
  "description": "CASHUB UI components library",
@@ -21,7 +21,7 @@ var _utils = require("@cashub/utils");
21
21
 
22
22
  var _jsxRuntime = require("react/jsx-runtime");
23
23
 
24
- var _templateObject;
24
+ var _templateObject, _templateObject2;
25
25
 
26
26
  var _excluded = ["container", "id"];
27
27
 
@@ -106,18 +106,22 @@ var Box = function Box(_ref2) {
106
106
  handleClose();
107
107
  }
108
108
  },
109
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverBox, _objectSpread(_objectSpread({
110
- id: id,
111
- ref: setTooltipElement,
112
- style: styles.popper
113
- }, attributes.popper), {}, {
114
- placement: state && state.placement,
115
- children: content
116
- }))
109
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
110
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PopoverBox, _objectSpread(_objectSpread({
111
+ id: id,
112
+ ref: setTooltipElement,
113
+ style: styles.popper
114
+ }, attributes.popper), {}, {
115
+ placement: state && state.placement,
116
+ children: content
117
+ }))
118
+ })
117
119
  });
118
120
  };
119
121
 
120
- var PopoverBox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: 1px solid var(--border-color);\n color: var(--font-on-background);\n background: var(--color-background2);\n box-shadow: var(--box-shadow);\n border-radius: calc(var(--border-radius) / 2);\n padding: var(--spacing-xs);\n z-index: 80;\n font-size: var(--font-body1);\n font-weight: var(--font-normal);\n max-width: 50vw;\n word-break: break-all;\n"])));
122
+ var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
123
+
124
+ var PopoverBox = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border: 1px solid var(--border-color);\n color: var(--font-on-background);\n background: var(--color-background2);\n box-shadow: var(--box-shadow);\n border-radius: calc(var(--border-radius) / 2);\n padding: var(--spacing-xs);\n z-index: 80;\n font-size: var(--font-body1);\n font-weight: var(--font-normal);\n max-width: 50vw;\n word-break: break-all;\n"])));
121
125
 
122
126
  var _default = Popover;
123
127
  exports.default = _default;