@paubox/ui 0.8.0 → 0.8.1

package/index.esm.js

@@ -32302,7 +32302,8 @@ function _templateObject() {
 }
 function _templateObject1() {
     var data = _tagged_template_literal([
-        "\n  position: relative;\n  display: inline-block;\n  overflow: visible;\n  width: 100%;\n  max-width: max-content;\n  height: fit-content;\n  cursor: help;\n"
+        "\n  position: relative;\n  display: inline-block;\n  overflow: ",
+        ";\n  width: 100%;\n  max-width: max-content;\n  height: fit-content;\n  cursor: help;\n"
     ]);
     _templateObject1 = function _templateObject() {
         return data;
@@ -32324,12 +32325,15 @@ var TooltipWrapper = styled.div(_templateObject(), neutral900, $paragraph300Regu
     return hover ? 'block' : 'none';
 }, function(param) {
     var size = param.size;
-    return size === 'small' ? 'min-content' : '100%';
+    return size === 'small' ? 'min-content' : 'max-content';
 }, function(param) {
     var _param_x = param.x, x = _param_x === void 0 ? 'bottom' : _param_x, _param_y = param.y, y = _param_y === void 0 ? 'left' : _param_y;
     return "\n  margin-right: ".concat(x === 'left' ? '100%' : 'auto', ";\n  margin-left: ").concat(x === 'right' ? '100%' : 'auto', ";\n  z-index: 50;\n  top: ").concat(y === 'bottom' ? '150%' : y === 'center' ? '0rem' : 'auto', ";\n  bottom: ").concat(y === 'top' ? '150%' : y === 'center' ? '0rem' : 'auto', ";\n  left: ").concat(y === 'center' ? x === 'right' ? '1rem' : 'auto' : x === 'right' ? '-1.5rem' : x === 'center' ? '0' : 'auto', ";\n  right: ").concat(y === 'center' ? x === 'left' ? '1rem' : 'auto' : x === 'left' ? '-1.5rem' : x === 'center' ? '0' : 'auto', ";\n  ");
 });
-var TooltipContainer = styled.div(_templateObject1());
+var TooltipContainer = styled.div(_templateObject1(), function(param) {
+    var hover = param.hover;
+    return hover ? 'visible' : 'hidden';
+});
 var Triangle = function(param) {
     var className = param.className;
     return /*#__PURE__*/ jsx("svg", {
@@ -32362,10 +32366,11 @@ var Tooltip = function(_param) {
         setHover(false);
     };
     return /*#__PURE__*/ jsxs(TooltipContainer, {
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        hover: hover,
         children: [
             /*#__PURE__*/ jsx("div", {
-                onMouseEnter: handleMouseEnter,
-                onMouseLeave: handleMouseLeave,
                 children: children
             }),
             /*#__PURE__*/ jsxs(TooltipWrapper, _object_spread_props(_object_spread({}, rest), {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "type": "module",
   "private": false,
   "publishConfig": {