@navikt/ds-react 8.2.1 → 8.2.2

package/cjs/accordion/AccordionItem.d.ts

@@ -1,22 +1,24 @@
 import React from "react";
 export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Content in Accordion.Item
-     * Should include one Accordion.Header and one Accordion.Content
+     * Content in Accordion.Item.
+     *
+     * Should include one Accordion.Header and one Accordion.Content.
      */
     children: React.ReactNode;
     /**
-     * Controlled open-state
-     * Using this removes automatic control of open-state
+     * Controlled open-state.
+     *
+     * Using this removes automatic control of open-state.
      */
     open?: boolean;
     /**
-     * Defaults the accordion to open if not controlled
+     * The open state when initially rendered. Use when you do not need to control the open state.
      * @default false
      */
     defaultOpen?: boolean;
     /**
-     * Callback for current open-state
+     * Callback for current open-state.
      */
     onOpenChange?: (open: boolean) => void;
 }

package/cjs/accordion/AccordionItem.js

@@ -59,21 +59,15 @@ const AccordionItem = (0, react_1.forwardRef)((_a, ref) => {
         onChange: onOpenChange,
     });
     const context = (0, react_1.useContext)(AccordionContext_1.AccordionContext);
-    const shouldAnimate = (0, react_1.useRef)(!(Boolean(open) || defaultOpen));
-    const handleOpen = () => {
-        _setOpen((x) => !x);
-        shouldAnimate.current = true;
-    };
     if (!(context === null || context === void 0 ? void 0 : context.mounted)) {
         console.error("<Accordion.Item> has to be used within an <Accordion>");
     }
     return (react_1.default.createElement("div", Object.assign({ className: (0, helpers_1.cl)("aksel-accordion__item", className, {
             "aksel-accordion__item--open": _open,
-            "aksel-accordion__item--no-animation": !shouldAnimate.current,
         }), "data-expanded": _open, ref: ref }, (0, utils_external_1.omit)(rest, ["onClick"])),
         react_1.default.createElement(exports.AccordionItemContext.Provider, { value: {
                 open: _open,
-                toggleOpen: handleOpen,
+                toggleOpen: () => _setOpen((x) => !x),
             } }, children)));
 });
 exports.default = AccordionItem;

package/cjs/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,sDAAyC;AACzC,8CAAsC;AACtC,0CAAsD;AACtD,yDAAsD;AA8BzC,QAAA,oBAAoB,GAC/B,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,qDACE,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;YACpC,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,8BAAC,4BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,UAAU;aACvB,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqE;AACrE,sDAAyC;AACzC,8CAAsC;AACtC,0CAAsD;AACtD,yDAAsD;AA+BzC,QAAA,oBAAoB,GAC/B,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,qDACE,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;SACrC,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,8BAAC,4BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;aACtC,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/cjs/expansion-card/ExpansionCard.d.ts

@@ -27,16 +27,17 @@ interface ExpansionCardComponent extends React.ForwardRefExoticComponent<Expansi
 interface ExpansionCardCommonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onToggle"> {
     children: React.ReactNode;
     /**
-     * Callback for when Card is toggled open/closed
+     * Callback for when Card is opened/closed.
      */
     onToggle?: (open: boolean) => void;
     /**
-     * Controlled open-state
-     * Using this removes automatic control of open-state
+     * Controlled open-state.
+     *
+     * Using this removes automatic control of open-state.
      */
     open?: boolean;
     /**
-     * Defaults to open if not controlled
+     * The open state when initially rendered. Use when you do not need to control the open state.
      * @default false
      */
     defaultOpen?: boolean;
@@ -71,7 +72,7 @@ export type ExpansionCardProps = ExpansionCardCommonProps & ExpansionCardConditi
  *
  * @example
  * ```jsx
- * <ExpansionCard aria-label="default-demo">
+ * <ExpansionCard aria-label="Utbetaling av sykepenger">
  *   <ExpansionCard.Header>
  *     <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
  *   </ExpansionCard.Header>

package/cjs/expansion-card/ExpansionCard.js

@@ -64,7 +64,7 @@ const context_1 = require("./context");
  *
  * @example
  * ```jsx
- * <ExpansionCard aria-label="default-demo">
+ * <ExpansionCard aria-label="Utbetaling av sykepenger">
  *   <ExpansionCard.Header>
  *     <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
  *   </ExpansionCard.Header>
@@ -76,13 +76,9 @@ const context_1 = require("./context");
  */
 exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onToggle, open, defaultOpen = false, size = "medium", "data-color": color = "neutral" } = _a, rest = __rest(_a, ["className", "onToggle", "open", "defaultOpen", "size", "data-color"]);
-    const shouldFade = (0, react_1.useRef)(!(Boolean(open) || defaultOpen));
     const [_open, _setOpen] = (0, hooks_1.useControllableState)({
         value: open,
-        onChange: (newValue) => {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(newValue);
-            shouldFade.current = true;
-        },
+        onChange: onToggle,
         defaultValue: defaultOpen,
     });
     return (react_1.default.createElement(context_1.ExpansionCardContext.Provider, { value: {
@@ -90,9 +86,7 @@ exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
             toggleOpen: () => _setOpen((x) => !x),
             size,
         } },
-        react_1.default.createElement("section", Object.assign({ "data-color": color }, rest, { className: (0, helpers_1.cl)("aksel-expansioncard", className, `aksel-expansioncard--${size}`, {
-                "aksel-expansioncard--no-animation": !shouldFade.current,
-            }), ref: ref }))));
+        react_1.default.createElement("section", Object.assign({ "data-color": color }, rest, { className: (0, helpers_1.cl)("aksel-expansioncard", className, `aksel-expansioncard--${size}`), ref: ref }))));
 });
 exports.ExpansionCard.Header = ExpansionCardHeader_1.default;
 exports.ExpansionCard.Content = ExpansionCardContent_1.default;

package/cjs/expansion-card/ExpansionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAGlD,8CAAsC;AACtC,0CAAsD;AACtD,kFAEgC;AAChC,yEAGoC;AACpC,gFAE+B;AAC/B,6DAG8B;AAC9B,uCAAiD;AA6EjD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,KAAK,GAAG,SAAS,OAEhC,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;YACrB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,8BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,uEACc,KAAK,IACb,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,mCAAmC,EAAE,CAAC,UAAU,CAAC,OAAO;aACzD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,qBAAa,CAAC,MAAM,GAAG,6BAAmB,CAAC;AAC3C,qBAAa,CAAC,OAAO,GAAG,8BAAoB,CAAC;AAC7C,qBAAa,CAAC,KAAK,GAAG,uCAAkB,CAAC;AACzC,qBAAa,CAAC,WAAW,GAAG,mDAAwB,CAAC;AAErD,kBAAe,qBAAa,CAAC"}
+{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,8CAAsC;AACtC,0CAAsD;AACtD,kFAEgC;AAChC,yEAGoC;AACpC,gFAE+B;AAC/B,6DAG8B;AAC9B,uCAAiD;AA+EjD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,KAAK,GAAG,SAAS,OAEhC,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,8BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,uEACc,KAAK,IACb,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,CAC/B,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,qBAAa,CAAC,MAAM,GAAG,6BAAmB,CAAC;AAC3C,qBAAa,CAAC,OAAO,GAAG,8BAAoB,CAAC;AAC7C,qBAAa,CAAC,KAAK,GAAG,uCAAkB,CAAC;AACzC,qBAAa,CAAC,WAAW,GAAG,mDAAwB,CAAC;AAErD,kBAAe,qBAAa,CAAC"}

package/esm/accordion/AccordionItem.d.ts

@@ -1,22 +1,24 @@
 import React from "react";
 export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Content in Accordion.Item
-     * Should include one Accordion.Header and one Accordion.Content
+     * Content in Accordion.Item.
+     *
+     * Should include one Accordion.Header and one Accordion.Content.
      */
     children: React.ReactNode;
     /**
-     * Controlled open-state
-     * Using this removes automatic control of open-state
+     * Controlled open-state.
+     *
+     * Using this removes automatic control of open-state.
      */
     open?: boolean;
     /**
-     * Defaults the accordion to open if not controlled
+     * The open state when initially rendered. Use when you do not need to control the open state.
      * @default false
      */
     defaultOpen?: boolean;
     /**
-     * Callback for current open-state
+     * Callback for current open-state.
      */
     onOpenChange?: (open: boolean) => void;
 }

package/esm/accordion/AccordionItem.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { createContext, forwardRef, useContext, useRef } from "react";
+import React, { createContext, forwardRef, useContext } from "react";
 import { omit } from "../utils-external/index.js";
 import { cl } from "../utils/helpers/index.js";
 import { useControllableState } from "../utils/hooks/index.js";
@@ -23,21 +23,15 @@ const AccordionItem = forwardRef((_a, ref) => {
         onChange: onOpenChange,
     });
     const context = useContext(AccordionContext);
-    const shouldAnimate = useRef(!(Boolean(open) || defaultOpen));
-    const handleOpen = () => {
-        _setOpen((x) => !x);
-        shouldAnimate.current = true;
-    };
     if (!(context === null || context === void 0 ? void 0 : context.mounted)) {
         console.error("<Accordion.Item> has to be used within an <Accordion>");
     }
     return (React.createElement("div", Object.assign({ className: cl("aksel-accordion__item", className, {
             "aksel-accordion__item--open": _open,
-            "aksel-accordion__item--no-animation": !shouldAnimate.current,
         }), "data-expanded": _open, ref: ref }, omit(rest, ["onClick"])),
         React.createElement(AccordionItemContext.Provider, { value: {
                 open: _open,
-                toggleOpen: handleOpen,
+                toggleOpen: () => _setOpen((x) => !x),
             } }, children)));
 });
 export default AccordionItem;

package/esm/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA8BtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,aAAa,CAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;YACpC,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,UAAU;aACvB,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA+BtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,aAAa,CAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;SACrC,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;aACtC,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/expansion-card/ExpansionCard.d.ts

@@ -27,16 +27,17 @@ interface ExpansionCardComponent extends React.ForwardRefExoticComponent<Expansi
 interface ExpansionCardCommonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onToggle"> {
     children: React.ReactNode;
     /**
-     * Callback for when Card is toggled open/closed
+     * Callback for when Card is opened/closed.
      */
     onToggle?: (open: boolean) => void;
     /**
-     * Controlled open-state
-     * Using this removes automatic control of open-state
+     * Controlled open-state.
+     *
+     * Using this removes automatic control of open-state.
      */
     open?: boolean;
     /**
-     * Defaults to open if not controlled
+     * The open state when initially rendered. Use when you do not need to control the open state.
      * @default false
      */
     defaultOpen?: boolean;
@@ -71,7 +72,7 @@ export type ExpansionCardProps = ExpansionCardCommonProps & ExpansionCardConditi
  *
  * @example
  * ```jsx
- * <ExpansionCard aria-label="default-demo">
+ * <ExpansionCard aria-label="Utbetaling av sykepenger">
  *   <ExpansionCard.Header>
  *     <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
  *   </ExpansionCard.Header>

package/esm/expansion-card/ExpansionCard.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef, useRef } from "react";
+import React, { forwardRef } from "react";
 import { cl } from "../utils/helpers/index.js";
 import { useControllableState } from "../utils/hooks/index.js";
 import ExpansionCardContent from "./ExpansionCardContent.js";
@@ -25,7 +25,7 @@ import { ExpansionCardContext } from "./context.js";
  *
  * @example
  * ```jsx
- * <ExpansionCard aria-label="default-demo">
+ * <ExpansionCard aria-label="Utbetaling av sykepenger">
  *   <ExpansionCard.Header>
  *     <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
  *   </ExpansionCard.Header>
@@ -37,13 +37,9 @@ import { ExpansionCardContext } from "./context.js";
  */
 export const ExpansionCard = forwardRef((_a, ref) => {
     var { className, onToggle, open, defaultOpen = false, size = "medium", "data-color": color = "neutral" } = _a, rest = __rest(_a, ["className", "onToggle", "open", "defaultOpen", "size", "data-color"]);
-    const shouldFade = useRef(!(Boolean(open) || defaultOpen));
     const [_open, _setOpen] = useControllableState({
         value: open,
-        onChange: (newValue) => {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(newValue);
-            shouldFade.current = true;
-        },
+        onChange: onToggle,
         defaultValue: defaultOpen,
     });
     return (React.createElement(ExpansionCardContext.Provider, { value: {
@@ -51,9 +47,7 @@ export const ExpansionCard = forwardRef((_a, ref) => {
             toggleOpen: () => _setOpen((x) => !x),
             size,
         } },
-        React.createElement("section", Object.assign({ "data-color": color }, rest, { className: cl("aksel-expansioncard", className, `aksel-expansioncard--${size}`, {
-                "aksel-expansioncard--no-animation": !shouldFade.current,
-            }), ref: ref }))));
+        React.createElement("section", Object.assign({ "data-color": color }, rest, { className: cl("aksel-expansioncard", className, `aksel-expansioncard--${size}`), ref: ref }))));
 });
 ExpansionCard.Header = ExpansionCardHeader;
 ExpansionCard.Content = ExpansionCardContent;

package/esm/expansion-card/ExpansionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AA6EjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,KAAK,GAAG,SAAS,OAEhC,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,UAAU,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;YACrB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,6DACc,KAAK,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,mCAAmC,EAAE,CAAC,UAAU,CAAC,OAAO;aACzD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,aAAa,CAAC,MAAM,GAAG,mBAAmB,CAAC;AAC3C,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC;AAC7C,aAAa,CAAC,KAAK,GAAG,kBAAkB,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAErD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AA+EjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,KAAK,GAAG,SAAS,OAEhC,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,6DACc,KAAK,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,CAC/B,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,aAAa,CAAC,MAAM,GAAG,mBAAmB,CAAC;AAC3C,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC;AAC7C,aAAa,CAAC,KAAK,GAAG,kBAAkB,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAErD,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "8.2.1",
+  "version": "8.2.2",
   "description": "React components from the Norwegian Labour and Welfare Administration.",
   "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
@@ -705,8 +705,8 @@
   "dependencies": {
     "@floating-ui/react": "0.27.8",
     "@floating-ui/react-dom": "^2.1.6",
-    "@navikt/aksel-icons": "^8.2.1",
-    "@navikt/ds-tokens": "^8.2.1",
+    "@navikt/aksel-icons": "^8.2.2",
+    "@navikt/ds-tokens": "^8.2.2",
     "date-fns": "^4.0.0",
     "react-day-picker": "9.7.0"
   },

package/src/accordion/AccordionItem.tsx

@@ -1,28 +1,29 @@
-import React, { createContext, forwardRef, useContext, useRef } from "react";
+import React, { createContext, forwardRef, useContext } from "react";
 import { omit } from "../utils-external";
 import { cl } from "../utils/helpers";
 import { useControllableState } from "../utils/hooks";
 import { AccordionContext } from "./AccordionContext";
 
-export interface AccordionItemProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
-   * Content in Accordion.Item
-   * Should include one Accordion.Header and one Accordion.Content
+   * Content in Accordion.Item.
+   *
+   * Should include one Accordion.Header and one Accordion.Content.
    */
   children: React.ReactNode;
   /**
-   * Controlled open-state
-   * Using this removes automatic control of open-state
+   * Controlled open-state.
+   *
+   * Using this removes automatic control of open-state.
    */
   open?: boolean;
   /**
-   * Defaults the accordion to open if not controlled
+   * The open state when initially rendered. Use when you do not need to control the open state.
    * @default false
    */
   defaultOpen?: boolean;
   /**
-   * Callback for current open-state
+   * Callback for current open-state.
    */
   onOpenChange?: (open: boolean) => void;
 }
@@ -48,13 +49,6 @@ const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(
 
     const context = useContext(AccordionContext);
 
-    const shouldAnimate = useRef<boolean>(!(Boolean(open) || defaultOpen));
-
-    const handleOpen = () => {
-      _setOpen((x) => !x);
-      shouldAnimate.current = true;
-    };
-
     if (!context?.mounted) {
       console.error("<Accordion.Item> has to be used within an <Accordion>");
     }
@@ -63,7 +57,6 @@ const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(
       <div
         className={cl("aksel-accordion__item", className, {
           "aksel-accordion__item--open": _open,
-          "aksel-accordion__item--no-animation": !shouldAnimate.current,
         })}
         data-expanded={_open}
         ref={ref}
@@ -72,7 +65,7 @@ const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(
         <AccordionItemContext.Provider
           value={{
             open: _open,
-            toggleOpen: handleOpen,
+            toggleOpen: () => _setOpen((x) => !x),
           }}
         >
           {children}

package/src/expansion-card/ExpansionCard.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef } from "react";
+import React, { forwardRef } from "react";
 import type { AkselColor } from "../types";
 import type { OverridableComponent } from "../utils-external";
 import { cl } from "../utils/helpers";
@@ -19,10 +19,9 @@ import {
 } from "./ExpansionCardTitle";
 import { ExpansionCardContext } from "./context";
 
-interface ExpansionCardComponent
-  extends React.ForwardRefExoticComponent<
-    ExpansionCardProps & React.RefAttributes<HTMLDivElement>
-  > {
+interface ExpansionCardComponent extends React.ForwardRefExoticComponent<
+  ExpansionCardProps & React.RefAttributes<HTMLDivElement>
+> {
   /**
    * @see 🏷️ {@link ExpansionCardHeaderProps}
    */
@@ -48,20 +47,23 @@ interface ExpansionCardComponent
   >;
 }
 
-interface ExpansionCardCommonProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, "onToggle"> {
+interface ExpansionCardCommonProps extends Omit<
+  React.HTMLAttributes<HTMLDivElement>,
+  "onToggle"
+> {
   children: React.ReactNode;
   /**
-   * Callback for when Card is toggled open/closed
+   * Callback for when Card is opened/closed.
    */
   onToggle?: (open: boolean) => void;
   /**
-   * Controlled open-state
-   * Using this removes automatic control of open-state
+   * Controlled open-state.
+   *
+   * Using this removes automatic control of open-state.
    */
   open?: boolean;
   /**
-   * Defaults to open if not controlled
+   * The open state when initially rendered. Use when you do not need to control the open state.
    * @default false
    */
   defaultOpen?: boolean;
@@ -102,7 +104,7 @@ export type ExpansionCardProps = ExpansionCardCommonProps &
  *
  * @example
  * ```jsx
- * <ExpansionCard aria-label="default-demo">
+ * <ExpansionCard aria-label="Utbetaling av sykepenger">
  *   <ExpansionCard.Header>
  *     <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
  *   </ExpansionCard.Header>
@@ -125,14 +127,9 @@ export const ExpansionCard = forwardRef<HTMLDivElement, ExpansionCardProps>(
     },
     ref,
   ) => {
-    const shouldFade = useRef<boolean>(!(Boolean(open) || defaultOpen));
-
     const [_open, _setOpen] = useControllableState({
       value: open,
-      onChange: (newValue) => {
-        onToggle?.(newValue);
-        shouldFade.current = true;
-      },
+      onChange: onToggle,
       defaultValue: defaultOpen,
     });
 
@@ -151,9 +148,6 @@ export const ExpansionCard = forwardRef<HTMLDivElement, ExpansionCardProps>(
             "aksel-expansioncard",
             className,
             `aksel-expansioncard--${size}`,
-            {
-              "aksel-expansioncard--no-animation": !shouldFade.current,
-            },
           )}
           ref={ref}
         />