@cypress-design/react-tooltip 0.3.1 → 0.3.3

package/dist/index.umd.js

@@ -30366,7 +30366,7 @@ var Tooltip = function (_a) {
                     fn: function (obj) { return obj; }
                 }
                 : flip(),
-            offset(0),
+            offset(interactive ? 0 : 16),
             arrow({ element: arrowRef, padding: 24 }),
         ],
         whileElementsMounted: autoUpdate
@@ -30401,14 +30401,14 @@ var Tooltip = function (_a) {
         switch (color) {
             case 'light':
                 return {
-                    svg: 'stroke-gray-100 fill-white',
-                    block: 'text-gray-900 border-gray-100 shadow-gray-100',
+                    svg: 'stroke-none fill-white',
+                    block: 'text-gray-900 shadow-gray-100 border-transparent ',
                     background: 'bg-white'
                 };
             case 'dark':
                 return {
-                    svg: 'stroke-gray-800 fill-gray-900',
-                    block: 'text-white shadow-gray-800 border-gray-800',
+                    svg: 'stroke-none fill-gray-900',
+                    block: 'text-white shadow-gray-800 border-transparent',
                     background: 'bg-gray-900'
                 };
             default:
@@ -30420,26 +30420,21 @@ var Tooltip = function (_a) {
         React__namespace.createElement("div", __assign({}, getReferenceProps(), { ref: reference, className: className }, rest), children),
         React__namespace.createElement(FloatingPortal, null, open && !disabled && (React__namespace.createElement("div", __assign({}, getFloatingProps({
             ref: floating,
-            style: {
-                position: strategy,
-                top: y !== null && y !== void 0 ? y : '',
-                left: x !== null && x !== void 0 ? x : '',
-                padding: '16px'
-            }
+            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__default["default"]('rounded shadow border', [
                     colors.background,
                     colors.block,
                     (!x || !y) && 'invisible',
                 ]) },
-                React__namespace.createElement("svg", { ref: arrowRef, viewBox: "0 0 48 48", width: "24", height: "24", className: clsx__default["default"]('absolute z-10', colors.svg), style: (_b = {
+                React__namespace.createElement("svg", { ref: arrowRef, viewBox: "0 0 48 24", width: "24", height: "12", className: clsx__default["default"]('absolute z-10', colors.svg), style: (_b = {
                             transform: "rotate(" + arrowRotate + "deg)",
                             filter: placementSide === 'bottom' || color === 'dark'
-                                ? undefined
+                                ? 'drop-shadow(0 1px 1px rgba(225, 227, 237, .3))'
                                 : 'drop-shadow(0 1px 1px rgba(225, 227, 237, .8))'
                         },
-                        _b[arrowXRule] = (arrowX !== null && arrowX !== void 0 ? arrowX : -6) + "px",
-                        _b[arrowYRule] = (arrowY !== null && arrowY !== void 0 ? arrowY : -6) + "px",
+                        _b[arrowXRule] = (arrowX !== null && arrowX !== void 0 ? arrowX : (interactive ? 0 : -16)) + "px",
+                        _b[arrowYRule] = (arrowY ? arrowY + 6 : interactive ? 6 : -10) + "px",
                         _b), fill: "none" },
                     React__namespace.createElement("rect", { x: "0", y: "0", width: "48", height: "4", strokeWidth: "0" }),
                     React__namespace.createElement("path", { d: "M 0 3 C 12 3 18 18 24 18 C 30 18 36 3 48 3", strokeWidth: "2" })),
@@ -30448,5 +30443,5 @@ var Tooltip = function (_a) {
 
 module.exports = Tooltip;
 
-/* <windicss-keep class="container stroke-gray-100 fill-white text-gray-900 border-gray-100 shadow-gray-100 bg-white stroke-gray-800 fill-gray-900 text-white shadow-gray-800 border-gray-800 bg-gray-900 rounded shadow border invisible absolute z-10 text-16px leading-24px min-w-160px text-center p-8px relative z-20"> */
+/* <windicss-keep class="container stroke-none fill-white 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 text-16px leading-24px min-w-160px text-center p-8px relative z-20"> */
 //# sourceMappingURL=index.umd.js.map