@cypress-design/react-tooltip 0.7.0 → 0.8.0

package/.turbo/turbo-build.log

@@ -2,5 +2,5 @@ $ yarn build:module && yarn build:types
 $ rollup -c ./rollup.config.mjs
 
 ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
-created ./dist/index.umd.js, ./dist/index.es.mjs in 42.9s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 47.5s
 $ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cypress-design/react-tooltip
 
+## 0.8.0
+
+### Minor Changes
+
+- [#321](https://github.com/cypress-io/cypress-design/pull/321) [`1c61ac8`](https://github.com/cypress-io/cypress-design/commit/1c61ac8b242e085c3a6a0c93890110d8b17072fe) Thanks [@emilmilanov](https://github.com/emilmilanov)! - increasing drop-shadow for two increments
+
+## 0.7.1
+
+### Patch Changes
+
+- [#310](https://github.com/cypress-io/cypress-design/pull/310) [`a3a323f`](https://github.com/cypress-io/cypress-design/commit/a3a323fde7acf5e5407b298b4faa0c90314c6139) Thanks [@elevatebart](https://github.com/elevatebart)! - Add-eslint-react-hooks
+
 ## 0.7.0
 
 ### Minor Changes

package/Tooltip.tsx

@@ -109,6 +109,8 @@ export const Tooltip: React.FC<
     whileElementsMounted: autoUpdate,
   })
 
+  const contextHook = useDismiss(context)
+
   const { getReferenceProps, getFloatingProps } = useInteractions([
     useHover(context, {
       handleClose: interactive ? safePolygon() : undefined,
@@ -118,11 +120,11 @@ export const Tooltip: React.FC<
       enabled: !disabled && !forceOpen,
     }),
     useRole(context, { role: 'tooltip' }),
-    ...(!forceOpen ? [useDismiss(context)] : []),
+    ...(!forceOpen ? [contextHook] : []),
   ])
 
   const placementSide = calculatedPlacement.split(
-    '-'
+    '-',
   )[0] as keyof typeof ROTATE_MAP
   const arrowRotate = ROTATE_MAP[placementSide]
 
@@ -145,13 +147,13 @@ export const Tooltip: React.FC<
       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:
@@ -186,7 +188,7 @@ export const Tooltip: React.FC<
               })}
             >
               <div
-                className={clsx('rounded shadow border', [
+                className={clsx('rounded shadow-tooltip border', [
                   colors.background,
                   colors.block,
                   (!x || !y) && 'invisible',
@@ -220,7 +222,7 @@ export const Tooltip: React.FC<
                 <div
                   className={clsx(
                     'rounded text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20',
-                    colors.background
+                    colors.background,
                   )}
                 >
                   {popper}

package/dist/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"./","sources":["Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAcV,MAAM,qCAAqC,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CA4K/C,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"./","sources":["Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAcV,MAAM,qCAAqC,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CA8K/C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/index.es.mjs

@@ -16,7 +16,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() {
@@ -50,7 +50,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];
@@ -33552,6 +33557,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,
@@ -33561,7 +33567,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';
@@ -33582,13 +33588,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:
@@ -33602,7 +33608,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.createElement("div", { className: clsx('rounded shadow border', [
+            React.createElement("div", { className: clsx('rounded shadow-tooltip border', [
                     colors.background,
                     colors.block,
                     (!x || !y) && 'invisible',
@@ -33624,4 +33630,4 @@ var Tooltip = function (_a) {
 export { Tooltip as default };
 //# sourceMappingURL=index.es.mjs.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"> */