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

Comparing version 4.3.2 to 4.4.0

build/cjs/TooltipContent.js

@@ -35,2 +35,3 @@ "use strict";
 var import_react = require("@floating-ui/react");
+var import_jkl_core = require("@fremtind/jkl-core");
 var import_jkl_react_hooks = require("@fremtind/jkl-react-hooks");
@@ -81,9 +82,3 @@ var import_classnames = __toESM(require("classnames"));
   const contentId = (0, import_jkl_react_hooks.useId)("jkl-tooltip-content");
-  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";
-  }
+  const { density, theme } = (0, import_jkl_core.getThemeAndDensity)(refs.reference.current);
   return /* @__PURE__ */ import_react2.default.createElement(import_react.FloatingPortal, null, /* @__PURE__ */ import_react2.default.createElement(import_framer_motion.LazyMotion, { features: import_framer_motion.domAnimation }, /* @__PURE__ */ import_react2.default.createElement(import_framer_motion.AnimatePresence, null, triggerOn === "hover" && /* @__PURE__ */ import_react2.default.createElement("span", { ref: refs.setDescription, hidden: true, key: "".concat(contentId, "-trigger") }, children), isOpen && /* @__PURE__ */ import_react2.default.createElement("span", { className: "jkl", key: "".concat(contentId, "-wrapper") }, /* @__PURE__ */ import_react2.default.createElement(
@@ -107,3 +102,4 @@ import_framer_motion.m.span,
       style: { ...floatingStyles },
-      "data-theme": theme
+      "data-theme": theme,
+      "data-layout-density": density
     },
@@ -110,0 +106,0 @@ children,

build/esm/TooltipContent.js

 import { useMergeRefs, FloatingPortal } from "@floating-ui/react";
+import { getThemeAndDensity } from "@fremtind/jkl-core";
 import { useId } from "@fremtind/jkl-react-hooks";
@@ -47,9 +48,3 @@ import cn from "classnames";
   const contentId = useId("jkl-tooltip-content");
-  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";
-  }
+  const { density, theme } = getThemeAndDensity(refs.reference.current);
   return /* @__PURE__ */ React.createElement(FloatingPortal, null, /* @__PURE__ */ React.createElement(LazyMotion, { features: domAnimation }, /* @__PURE__ */ React.createElement(AnimatePresence, null, triggerOn === "hover" && /* @__PURE__ */ React.createElement("span", { ref: refs.setDescription, hidden: true, key: "".concat(contentId, "-trigger") }, children), isOpen && /* @__PURE__ */ React.createElement("span", { className: "jkl", key: "".concat(contentId, "-wrapper") }, /* @__PURE__ */ React.createElement(
@@ -73,3 +68,4 @@ m.span,
       style: { ...floatingStyles },
-      "data-theme": theme
+      "data-theme": theme,
+      "data-layout-density": density
     },
@@ -76,0 +72,0 @@ children,

package.json

 {
     "name": "@fremtind/jkl-tooltip-react",
-    "version": "4.3.2",
+    "version": "4.4.0",
     "publishConfig": {
@@ -41,6 +41,6 @@ "access": "public"
         "@floating-ui/react": "^0.24.2",
-        "@fremtind/jkl-core": "^14.6.0",
-        "@fremtind/jkl-icons-react": "^9.1.9",
-        "@fremtind/jkl-react-hooks": "^12.2.2",
-        "@fremtind/jkl-tooltip": "^4.2.3",
+        "@fremtind/jkl-core": "^14.7.0",
+        "@fremtind/jkl-icons-react": "^9.1.10",
+        "@fremtind/jkl-react-hooks": "^12.2.3",
+        "@fremtind/jkl-tooltip": "^4.2.4",
         "classnames": "^2.3.2",
@@ -62,3 +62,3 @@ "framer-motion": ">7.10.3 <12"
     },
-    "gitHead": "b933f67a1a71f05254b569f1f6f6ebcb90af71a8"
+    "gitHead": "4202b284881c914ef01e40aa098dd7a002a57bd2"
 }

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

Worsened metrics

Total package byte prevSize

74289

decreased by-1.32%

Lines of code

839

decreased by-0.94%

Dependency changes

• Updated@fremtind/jkl-core@^14.7.0

• Updated@fremtind/jkl-icons-react@^9.1.10

• Updated@fremtind/jkl-react-hooks@^12.2.3

• Updated@fremtind/jkl-tooltip@^4.2.4