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

Comparing version 1.0.19 to 1.0.20

build/cjs/Tooltip.js

@@ -60,43 +60,48 @@ "use strict";
   ]);
-  return /* @__PURE__ */ import_react.default.createElement("span", {
-    className: (0, import_classnames.default)("jkl-tooltip", className)
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "jkl-tooltip__wrapper"
-  }, /* @__PURE__ */ import_react.default.createElement("button", {
-    "aria-expanded": open,
-    "aria-controls": tooltipId,
-    type: "button",
-    className: "jkl-tooltip__button",
-    ...getReferenceProps({ ref: reference })
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    "aria-hidden": "true"
-  }, "?"), /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "jkl-sr-only"
-  }, `${open ? "Skjul" : "Vis"} hjelpetekst`)), /* @__PURE__ */ import_react.default.createElement(import_framer_motion.AnimatePresence, null, open && /* @__PURE__ */ import_react.default.createElement(import_framer_motion.motion.span, {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { ease: "easeIn", duration: 0.1 },
-    "data-placement": placement,
-    "aria-live": "assertive",
-    className: "jkl-tooltip__content",
-    ...getFloatingProps({
-      id: tooltipId,
-      ref: floating,
-      style: {
-        position: strategy,
-        top: y != null ? y : "",
-        left: x != null ? x : ""
+  return /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)("jkl-tooltip", className) }, /* @__PURE__ */ import_react.default.createElement("span", { className: "jkl-tooltip__wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      "aria-expanded": open,
+      "aria-controls": tooltipId,
+      type: "button",
+      className: "jkl-tooltip__button",
+      ...getReferenceProps({ ref: reference })
+    },
+    /* @__PURE__ */ import_react.default.createElement("span", { "aria-hidden": "true" }, "?"),
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "jkl-sr-only" }, `${open ? "Skjul" : "Vis"} hjelpetekst`)
+  ), /* @__PURE__ */ import_react.default.createElement(import_framer_motion.AnimatePresence, null, open && /* @__PURE__ */ import_react.default.createElement(
+    import_framer_motion.motion.span,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { ease: "easeIn", duration: 0.1 },
+      "data-placement": placement,
+      "aria-live": "assertive",
+      className: "jkl-tooltip__content",
+      ...getFloatingProps({
+        id: tooltipId,
+        ref: floating,
+        style: {
+          position: strategy,
+          top: y != null ? y : "",
+          left: x != null ? x : ""
+        }
+      })
+    },
+    content,
+    /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "jkl-tooltip__arrow",
+        ref: arrowElement,
+        style: {
+          left: arrowX != null ? `${arrowX}px` : "",
+          top: arrowY != null ? `${arrowY}px` : ""
+        }
       }
-    })
-  }, content, /* @__PURE__ */ import_react.default.createElement("span", {
-    "aria-hidden": true,
-    className: "jkl-tooltip__arrow",
-    ref: arrowElement,
-    style: {
-      left: arrowX != null ? `${arrowX}px` : "",
-      top: arrowY != null ? `${arrowY}px` : ""
-    }
-  })))));
+    )
+  ))));
 };
 //# sourceMappingURL=Tooltip.js.map

build/esm/Tooltip.js

@@ -42,42 +42,47 @@ import {
   ]);
-  return /* @__PURE__ */ React.createElement("span", {
-    className: cn("jkl-tooltip", className)
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "jkl-tooltip__wrapper"
-  }, /* @__PURE__ */ React.createElement("button", {
-    "aria-expanded": open,
-    "aria-controls": tooltipId,
-    type: "button",
-    className: "jkl-tooltip__button",
-    ...getReferenceProps({ ref: reference })
-  }, /* @__PURE__ */ React.createElement("span", {
-    "aria-hidden": "true"
-  }, "?"), /* @__PURE__ */ React.createElement("span", {
-    className: "jkl-sr-only"
-  }, `${open ? "Skjul" : "Vis"} hjelpetekst`)), /* @__PURE__ */ React.createElement(AnimatePresence, null, open && /* @__PURE__ */ React.createElement(motion.span, {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { ease: "easeIn", duration: 0.1 },
-    "data-placement": placement,
-    "aria-live": "assertive",
-    className: "jkl-tooltip__content",
-    ...getFloatingProps({
-      id: tooltipId,
-      ref: floating,
-      style: {
-        position: strategy,
-        top: y != null ? y : "",
-        left: x != null ? x : ""
+  return /* @__PURE__ */ React.createElement("span", { className: cn("jkl-tooltip", className) }, /* @__PURE__ */ React.createElement("span", { className: "jkl-tooltip__wrapper" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      "aria-expanded": open,
+      "aria-controls": tooltipId,
+      type: "button",
+      className: "jkl-tooltip__button",
+      ...getReferenceProps({ ref: reference })
+    },
+    /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, "?"),
+    /* @__PURE__ */ React.createElement("span", { className: "jkl-sr-only" }, `${open ? "Skjul" : "Vis"} hjelpetekst`)
+  ), /* @__PURE__ */ React.createElement(AnimatePresence, null, open && /* @__PURE__ */ React.createElement(
+    motion.span,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { ease: "easeIn", duration: 0.1 },
+      "data-placement": placement,
+      "aria-live": "assertive",
+      className: "jkl-tooltip__content",
+      ...getFloatingProps({
+        id: tooltipId,
+        ref: floating,
+        style: {
+          position: strategy,
+          top: y != null ? y : "",
+          left: x != null ? x : ""
+        }
+      })
+    },
+    content,
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "jkl-tooltip__arrow",
+        ref: arrowElement,
+        style: {
+          left: arrowX != null ? `${arrowX}px` : "",
+          top: arrowY != null ? `${arrowY}px` : ""
+        }
       }
-    })
-  }, content, /* @__PURE__ */ React.createElement("span", {
-    "aria-hidden": true,
-    className: "jkl-tooltip__arrow",
-    ref: arrowElement,
-    style: {
-      left: arrowX != null ? `${arrowX}px` : "",
-      top: arrowY != null ? `${arrowY}px` : ""
-    }
-  })))));
+    )
+  ))));
 };
@@ -84,0 +89,0 @@ export {

package.json

 {
     "name": "@fremtind/jkl-tooltip-react",
-    "version": "1.0.19",
+    "version": "1.0.20",
     "publishConfig": {
@@ -41,3 +41,3 @@ "access": "public"
         "@floating-ui/react-dom": "^1.0.1",
-        "@floating-ui/react-dom-interactions": "^0.10.3",
+        "@floating-ui/react-dom-interactions": "^0.12.0",
         "@fremtind/jkl-core": "^11.3.0",
@@ -47,3 +47,3 @@ "@fremtind/jkl-react-hooks": "^10.2.7",
         "classnames": "^2.3.2",
-        "framer-motion": "^7.6.9"
+        "framer-motion": "^7.6.17"
     },
@@ -66,3 +66,3 @@ "devDependencies": {
     },
-    "gitHead": "3050e499141b7bda269ab740af93083976ec2679"
+    "gitHead": "74df45f5fa75fad8c6a20f38c534c573797492a1"
 }

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

24648

increased by1.13%

Lines of code

238

increased by4.85%

Worsened metrics

Number of versions

88

decreased by-2.22%

Published versions last months

8

decreased by-11.11%

Published versions last two months

16

decreased by-11.11%

Published versions last week

1

decreased by-66.67%

Published versions last year

31

decreased by-6.06%

Dependency changes

• + Added@floating-ui/react-dom-interactions@0.12.0(transitive)

• + Addedtabbable@6.2.0(transitive)

• - Removed@floating-ui/react-dom-interactions@0.10.3(transitive)

• Updated@floating-ui/react-dom-interactions@^0.12.0

• Updatedframer-motion@^7.6.17