@fremtind/jkl-tooltip-react - npm Package Compare versions

Comparing version 4.0.3 to 4.1.0

build/cjs/TooltipContent.js

@@ -80,3 +80,10 @@ "use strict";
   const contentId = (0, import_jkl_react_hooks.useId)("jkl-tooltip-content");
-  return /* @__PURE__ */ import_react2.default.createElement(import_framer_motion.AnimatePresence, null, triggerOn === "hover" && /* @__PURE__ */ import_react2.default.createElement("span", { ref: refs.setDescription, hidden: true }, children), isOpen && /* @__PURE__ */ import_react2.default.createElement(
+  let theme;
+  if (refs.reference.current) {
+    const backgroundColor = getComputedStyle(refs.reference.current).getPropertyValue(
+      "--jkl-background-color"
+    );
+    theme = parseInt(backgroundColor.replace("#", ""), 16) < 16777215 / 2 ? "dark" : "light";
+  }
+  return /* @__PURE__ */ import_react2.default.createElement(import_react.FloatingPortal, null, /* @__PURE__ */ import_react2.default.createElement(import_framer_motion.AnimatePresence, null, triggerOn === "hover" && /* @__PURE__ */ import_react2.default.createElement("span", { ref: refs.setDescription, hidden: true }, children), isOpen && /* @__PURE__ */ import_react2.default.createElement(
     import_framer_motion.motion.span,
@@ -98,3 +105,4 @@ {
       ...getFloatingProps({ ...props, id: contentId }),
-      style: { ...floatingStyles }
+      style: { ...floatingStyles },
+      "data-theme": theme
     },
@@ -114,4 +122,4 @@ children,
     )
-  ));
+  )));
 });
 //# sourceMappingURL=TooltipContent.js.map

build/esm/TooltipContent.js

@@ -1,2 +0,2 @@
-import { useMergeRefs } from "@floating-ui/react";
+import { useMergeRefs, FloatingPortal } from "@floating-ui/react";
 import { useId } from "@fremtind/jkl-react-hooks";
@@ -47,3 +47,10 @@ import cn from "classnames";
   const contentId = useId("jkl-tooltip-content");
-  return /* @__PURE__ */ React.createElement(AnimatePresence, null, triggerOn === "hover" && /* @__PURE__ */ React.createElement("span", { ref: refs.setDescription, hidden: true }, children), isOpen && /* @__PURE__ */ React.createElement(
+  let theme;
+  if (refs.reference.current) {
+    const backgroundColor = getComputedStyle(refs.reference.current).getPropertyValue(
+      "--jkl-background-color"
+    );
+    theme = parseInt(backgroundColor.replace("#", ""), 16) < 16777215 / 2 ? "dark" : "light";
+  }
+  return /* @__PURE__ */ React.createElement(FloatingPortal, null, /* @__PURE__ */ React.createElement(AnimatePresence, null, triggerOn === "hover" && /* @__PURE__ */ React.createElement("span", { ref: refs.setDescription, hidden: true }, children), isOpen && /* @__PURE__ */ React.createElement(
     motion.span,
@@ -65,3 +72,4 @@ {
       ...getFloatingProps({ ...props, id: contentId }),
-      style: { ...floatingStyles }
+      style: { ...floatingStyles },
+      "data-theme": theme
     },
@@ -81,3 +89,3 @@ children,
     )
-  ));
+  )));
 });
@@ -84,0 +92,0 @@ export {

package.json

 {
     "name": "@fremtind/jkl-tooltip-react",
-    "version": "4.0.3",
+    "version": "4.1.0",
     "publishConfig": {
@@ -61,3 +61,3 @@ "access": "public"
     },
-    "gitHead": "a3f698343dbc966239d274bb0b55b193c5c23a9e"
+    "gitHead": "2e7ece1d39f3013cd907f8d7f4a904fe18964958"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

75463

increased by4.41%

Lines of code

868

increased by2%

No dependency changes