@lets-events/react 12.6.2 → 12.6.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@12.6.2 build
+> @lets-events/react@12.6.3 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -9,11 +9,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist\index.mjs 389.19 KB
-ESM ⚡️ Build success in 252ms
-CJS dist\index.js 404.20 KB
-CJS ⚡️ Build success in 253ms
+ESM dist\index.mjs 389.21 KB
+ESM ⚡️ Build success in 204ms
+CJS dist\index.js 404.22 KB
+CJS ⚡️ Build success in 205ms
 DTS Build start
-DTS ⚡️ Build success in 4784ms
+DTS ⚡️ Build success in 4468ms
 DTS dist\index.d.mts 402.87 KB
 DTS dist\index.d.ts  402.87 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 12.6.3
+
+### Patch Changes
+
+- fix tooltip
+
 ## 12.6.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -12758,7 +12758,7 @@ interface TooltipProps {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
     delayDuration?: number;
-    side?: 'top' | 'right' | 'bottom' | 'left';
+    side?: "top" | "right" | "bottom" | "left";
 }
 declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -12758,7 +12758,7 @@ interface TooltipProps {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
     delayDuration?: number;
-    side?: 'top' | 'right' | 'bottom' | 'left';
+    side?: "top" | "right" | "bottom" | "left";
 }
 declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -9690,7 +9690,7 @@ function Tooltip({
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipRoot, { delayDuration, children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipTrigger, { asChild: true, children }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipContent, { side, sideOffset: 5, children: [
-      typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "tooltip", children: content }) : content,
+      typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "tooltip", color: "grey50", children: content }) : content,
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipArrow, {})
     ] })
   ] }) });

package/dist/index.mjs

@@ -9576,7 +9576,7 @@ function Tooltip({
   return /* @__PURE__ */ jsx26(TooltipProvider, { children: /* @__PURE__ */ jsxs15(TooltipRoot, { delayDuration, children: [
     /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children }),
     /* @__PURE__ */ jsxs15(TooltipContent, { side, sideOffset: 5, children: [
-      typeof content === "string" ? /* @__PURE__ */ jsx26(Text, { typography: "tooltip", children: content }) : content,
+      typeof content === "string" ? /* @__PURE__ */ jsx26(Text, { typography: "tooltip", color: "grey50", children: content }) : content,
       /* @__PURE__ */ jsx26(TooltipArrow, {})
     ] })
   ] }) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.6.2",
+  "version": "12.6.3",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Tooltip/index.tsx

@@ -1,67 +1,73 @@
-import * as React from 'react'
-import * as TooltipPrimitive from '@radix-ui/react-tooltip'
-import { styled } from '../../styles'
-import { Text } from '../Text'
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { styled } from "../../styles";
+import { Text } from "../Text";
 
-const TooltipProvider = TooltipPrimitive.Provider
-const TooltipRoot = TooltipPrimitive.Root
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipProvider = TooltipPrimitive.Provider;
+const TooltipRoot = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
 
 const TooltipContent = styled(TooltipPrimitive.Content, {
-  backgroundColor: '$dark800',
-  color: '$neutral50',
-  borderRadius: '4px',
-  padding: '10px 15px',
-  fontSize: '14px',
+  backgroundColor: "$dark800",
+  color: "$neutral50",
+  borderRadius: "4px",
+  padding: "10px 15px",
+  fontSize: "14px",
   lineHeight: 1,
   zIndex: 100,
-  boxShadow: '0 2px 10px rgba(0, 0, 0, 0.1)',
-  userSelect: 'none',
-  animationDuration: '400ms',
-  animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',
-  willChange: 'transform, opacity',
+  boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
+  userSelect: "none",
+  animationDuration: "400ms",
+  animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
+  willChange: "transform, opacity",
   '&[data-state="delayed-open"][data-side="top"]': {
-    animationName: 'slideDownAndFade',
+    animationName: "slideDownAndFade",
   },
   '&[data-state="delayed-open"][data-side="right"]': {
-    animationName: 'slideLeftAndFade',
+    animationName: "slideLeftAndFade",
   },
   '&[data-state="delayed-open"][data-side="bottom"]': {
-    animationName: 'slideUpAndFade',
+    animationName: "slideUpAndFade",
   },
   '&[data-state="delayed-open"][data-side="left"]': {
-    animationName: 'slideRightAndFade',
+    animationName: "slideRightAndFade",
   },
-})
+});
 
 const TooltipArrow = styled(TooltipPrimitive.Arrow, {
-  fill: '$dark800',
-})
+  fill: "$dark800",
+});
 
 export interface TooltipProps {
-  children: React.ReactNode
-  content: React.ReactNode
-  delayDuration?: number
-  side?: 'top' | 'right' | 'bottom' | 'left'
+  children: React.ReactNode;
+  content: React.ReactNode;
+  delayDuration?: number;
+  side?: "top" | "right" | "bottom" | "left";
 }
 
 export function Tooltip({
   children,
   content,
   delayDuration = 200,
-  side = 'top',
+  side = "top",
 }: TooltipProps) {
   return (
     <TooltipProvider>
       <TooltipRoot delayDuration={delayDuration}>
         <TooltipTrigger asChild>{children}</TooltipTrigger>
         <TooltipContent side={side} sideOffset={5}>
-          {typeof content === 'string' ? <Text typography={'tooltip'}>{content}</Text>:(content)}
+          {typeof content === "string" ? (
+            <Text typography={"tooltip"} color="grey50">
+              {content}
+            </Text>
+          ) : (
+            content
+          )}
           <TooltipArrow />
         </TooltipContent>
       </TooltipRoot>
     </TooltipProvider>
-  )
+  );
 }
 
-export { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent } 
+export { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent };