@cypress-design/react-tooltip 0.7.0 → 0.8.0

package/dist/index.umd.js

@@ -36,7 +36,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 
 var __assign = function() {
@@ -70,7 +70,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -33572,6 +33577,7 @@ var Tooltip = function (_a) {
         ],
         whileElementsMounted: autoUpdate,
     }), x = _f.x, y = _f.y, reference = _f.reference, floating = _f.floating, strategy = _f.strategy, calculatedPlacement = _f.placement, context = _f.context, _g = _f.middlewareData.arrow, _h = _g === void 0 ? {} : _g, arrowX = _h.x, arrowY = _h.y;
+    var contextHook = useDismiss(context);
     var _j = useInteractions(__spreadArray([
         useHover(context, {
             handleClose: interactive ? safePolygon() : undefined,
@@ -33581,7 +33587,7 @@ var Tooltip = function (_a) {
             enabled: !disabled && !forceOpen,
         }),
         useRole(context, { role: 'tooltip' })
-    ], (!forceOpen ? [useDismiss(context)] : []), true)), getReferenceProps = _j.getReferenceProps, getFloatingProps = _j.getFloatingProps;
+    ], (!forceOpen ? [contextHook] : []), true)), getReferenceProps = _j.getReferenceProps, getFloatingProps = _j.getFloatingProps;
     var placementSide = calculatedPlacement.split('-')[0];
     var arrowRotate = ROTATE_MAP[placementSide];
     var arrowXRule = 'left', arrowYRule = 'top';
@@ -33602,13 +33608,13 @@ var Tooltip = function (_a) {
             case 'light':
                 return {
                     svg: 'stroke-none fill-white',
-                    block: 'text-gray-900 shadow-gray-100 border-transparent ',
+                    block: 'text-gray-900 border-transparent',
                     background: 'bg-white',
                 };
             case 'dark':
                 return {
                     svg: 'stroke-none fill-gray-900',
-                    block: 'text-white shadow-gray-800 border-transparent',
+                    block: 'text-white border-transparent',
                     background: 'bg-gray-900',
                 };
             default:
@@ -33622,7 +33628,7 @@ var Tooltip = function (_a) {
             ref: floating,
             style: __assign({ position: strategy, top: y !== null && y !== void 0 ? y : '', left: x !== null && x !== void 0 ? x : '' }, (interactive ? { padding: '16px' } : {})),
         })),
-            React__namespace.createElement("div", { className: clsx('rounded shadow border', [
+            React__namespace.createElement("div", { className: clsx('rounded shadow-tooltip border', [
                     colors.background,
                     colors.block,
                     (!x || !y) && 'invisible',
@@ -33644,4 +33650,4 @@ var Tooltip = function (_a) {
 module.exports = Tooltip;
 //# sourceMappingURL=index.umd.js.map
 
-/* <wind-keep class="stroke-none fill-white block text-gray-900 shadow-gray-100 border-transparent bg-white fill-gray-900 text-white shadow-gray-800 bg-gray-900 rounded shadow border invisible absolute z-10 transform filter text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20 drop-shadow"> */
+/* <wind-keep class="stroke-none fill-white block text-gray-900 border-transparent bg-white fill-gray-900 text-white bg-gray-900 rounded shadow-tooltip border invisible absolute z-10 transform filter text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20 drop-shadow"> */