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

Comparing version 7.0.14 to 8.0.0

build/Accordion.d.ts

@@ -1,6 +0,7 @@
-import { WithChildren } from "@fremtind/jkl-core";
+import { Density, WithChildren } from "@fremtind/jkl-core";
 import { FC } from "react";
 export interface AccordionProps extends WithChildren {
     className?: string;
+    density?: Density;
 }
 export declare const Accordion: FC<AccordionProps>;

build/cjs/Accordion.js

@@ -32,6 +32,7 @@ "use strict";
 var import_react = __toESM(require("react"));
-const Accordion = ({ className, ...rest }) => {
+const Accordion = ({ className, density, ...rest }) => {
   return /* @__PURE__ */ import_react.default.createElement("div", {
     "data-testid": "jkl-accordion",
     className: (0, import_classnames.default)("jkl-accordion", className),
+    "data-density": density,
     ...rest
@@ -38,0 +39,0 @@ });

build/cjs/AccordionItem.js

@@ -33,3 +33,3 @@ "use strict";
 var import_react = __toESM(require("react"));
-var import_ExpandArrow = require("./ExpandArrow");
+var import_AccordionExpandArrow = require("./AccordionExpandArrow");
 const AccordionItem = ({
@@ -46,5 +46,5 @@ children,
   const [isOpen, setIsOpen] = (0, import_react.useState)(startExpanded);
-  const [elementRef] = (0, import_jkl_react_hooks.useAnimatedHeight)(isOpen);
-  const componentClassName = (0, import_classnames.default)("jkl-accordion-item", className, {
-    "jkl-accordion-item--expanded": isOpen
+  const [elementRef] = (0, import_jkl_react_hooks.useAnimatedHeight)(isOpen, {
+    easing: "exit",
+    timing: "expressive"
   });
@@ -54,3 +54,5 @@ return /* @__PURE__ */ import_react.default.createElement("div", {
     ...rest,
-    className: componentClassName
+    className: (0, import_classnames.default)("jkl-accordion-item", className, {
+      "jkl-accordion-item--expanded": isOpen
+    })
   }, /* @__PURE__ */ import_react.default.createElement("button", {
@@ -71,4 +73,3 @@ id: buttonId,
     className: "jkl-accordion-item__title-text"
-  }, title), /* @__PURE__ */ import_react.default.createElement(import_ExpandArrow.ExpandArrow, {
-    className: "jkl-accordion-item__title__arrow",
+  }, title), /* @__PURE__ */ import_react.default.createElement(import_AccordionExpandArrow.AccordionExpandArrow, {
     expanded: isOpen
@@ -75,0 +76,0 @@ })), /* @__PURE__ */ import_react.default.createElement("div", {

build/esm/Accordion.js

 import cn from "classnames";
 import React from "react";
-const Accordion = ({ className, ...rest }) => {
+const Accordion = ({ className, density, ...rest }) => {
   return /* @__PURE__ */ React.createElement("div", {
     "data-testid": "jkl-accordion",
     className: cn("jkl-accordion", className),
+    "data-density": density,
     ...rest
@@ -8,0 +9,0 @@ });

build/esm/AccordionItem.js

 import { useAnimatedHeight, useId } from "@fremtind/jkl-react-hooks";
-import classNames from "classnames";
+import cn from "classnames";
 import React, { useState } from "react";
-import { ExpandArrow } from "./ExpandArrow";
+import { AccordionExpandArrow } from "./AccordionExpandArrow";
 const AccordionItem = ({
@@ -16,5 +16,5 @@ children,
   const [isOpen, setIsOpen] = useState(startExpanded);
-  const [elementRef] = useAnimatedHeight(isOpen);
-  const componentClassName = classNames("jkl-accordion-item", className, {
-    "jkl-accordion-item--expanded": isOpen
+  const [elementRef] = useAnimatedHeight(isOpen, {
+    easing: "exit",
+    timing: "expressive"
   });
@@ -24,3 +24,5 @@ return /* @__PURE__ */ React.createElement("div", {
     ...rest,
-    className: componentClassName
+    className: cn("jkl-accordion-item", className, {
+      "jkl-accordion-item--expanded": isOpen
+    })
   }, /* @__PURE__ */ React.createElement("button", {
@@ -41,4 +43,3 @@ id: buttonId,
     className: "jkl-accordion-item__title-text"
-  }, title), /* @__PURE__ */ React.createElement(ExpandArrow, {
-    className: "jkl-accordion-item__title__arrow",
+  }, title), /* @__PURE__ */ React.createElement(AccordionExpandArrow, {
     expanded: isOpen
@@ -45,0 +46,0 @@ })), /* @__PURE__ */ React.createElement("div", {

package.json

 {
     "name": "@fremtind/jkl-accordion-react",
-    "version": "7.0.14",
+    "version": "8.0.0",
     "publishConfig": {
@@ -41,4 +41,4 @@ "access": "public"
     "dependencies": {
-        "@fremtind/jkl-accordion": "^7.0.12",
-        "@fremtind/jkl-react-hooks": "^9.1.9",
+        "@fremtind/jkl-accordion": "^8.0.0",
+        "@fremtind/jkl-react-hooks": "^10.0.0",
         "classnames": "^2.2.6"
@@ -59,3 +59,3 @@ },
     },
-    "gitHead": "38fdb174d241566022023fa3bc75196312f62707"
+    "gitHead": "a223b8f8d61c99d9adb16415cd8888f5a418b1ea"
 }

No alert changes

Improved metrics

Total package byte prevSize

30144

increased by0.91%

Worsened metrics

Lines of code

341

decreased by-1.45%

Dependency changes

• + Added@fremtind/jkl-accordion@8.0.3(transitive)

• + Added@fremtind/jkl-core@11.4.0(transitive)

• + Added@fremtind/jkl-react-hooks@10.2.9(transitive)

• - Removed@fremtind/jkl-accordion@7.0.12(transitive)

• - Removed@fremtind/jkl-core@10.1.0(transitive)

• - Removed@fremtind/jkl-react-hooks@9.1.9(transitive)

• Updated@fremtind/jkl-accordion@^8.0.0

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