@navikt/ds-react 7.40.0 → 8.0.1

package/esm/form/file-upload/parts/item/Item.js

@@ -10,18 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { Spacer } from "../../../../layout/stack/index.js";
-import { useRenameCSS } from "../../../../theme/Theme.js";
-import { BodyShort, ErrorMessage } from "../../../../typography/index.js";
+import { BodyLong, BodyShort, ErrorMessage } from "../../../../typography/index.js";
+import { cl } from "../../../../util/className.js";
 import { useI18n } from "../../../../util/i18n/i18n.hooks.js";
 import { useFileUploadTranslation } from "../../FileUpload.context.js";
-import ItemButton from "./ItemButton.js";
-import ItemIcon from "./ItemIcon.js";
-import ItemName from "./ItemName.js";
+import { ItemActionField } from "./ItemActionField.js";
+import { ItemHeader } from "./ItemHeader.js";
 import { formatFileSize } from "./utils/format-file-size.js";
 export const Item = forwardRef((_a, ref) => {
     var { as: Component = "div", file, status = "idle", error, className, href, onFileClick, button, translations, description } = _a, rest = __rest(_a, ["as", "file", "status", "error", "className", "href", "onFileClick", "button", "translations", "description"]);
-    const { cn } = useRenameCSS();
     const context = useFileUploadTranslation(false);
     const translate = useI18n("FileUpload", { item: translations }, context === null || context === void 0 ? void 0 : context.translations);
     const showError = !!error && status === "idle";
@@ -34,25 +31,15 @@ export const Item = forwardRef((_a, ref) => {
         }
         return description !== null && description !== void 0 ? description : formatFileSize(file);
     }
-    const renderButton = status === "idle" && button;
-    const renderCustomButton = isCustomButton(button);
-    return (React.createElement(Component, Object.assign({ ref: ref }, rest, { className: cn("navds-file-item", className, {
-            "navds-file-item--error": showError,
+    return (React.createElement(Component, Object.assign({ ref: ref }, rest, { className: cl("aksel-file-item", className, {
+            "aksel-file-item--error": showError,
         }) }),
-        React.createElement("div", { className: cn("navds-file-item__inner") },
-            React.createElement(ItemIcon, { isLoading: status !== "idle", file: file, showError: showError }),
-            React.createElement("div", { className: cn("navds-file-item__file-info") },
-                React.createElement(ItemName, { file: file, href: href, onClick: onFileClick }),
+        React.createElement("div", { className: "aksel-file-item__inner" },
+            React.createElement(BodyLong, { as: "div", className: "aksel-file-item__file-info" },
+                React.createElement(ItemHeader, { file: file, href: href, onClick: onFileClick }),
                 React.createElement(BodyShort, { as: "div", size: "small" }, getStatusText()),
-                React.createElement("div", { className: cn("navds-file-item__error"), "aria-relevant": "additions removals", "aria-live": "polite" }, showError && (React.createElement(ErrorMessage, { size: "small", showIcon: true }, error)))),
-            renderButton && React.createElement(Spacer, null),
-            renderButton && !renderCustomButton && (React.createElement(ItemButton, Object.assign({}, button, { title: translate(button.action === "retry"
-                    ? "item.retryButtonTitle"
-                    : "item.deleteButtonTitle") }))),
-            renderButton && renderCustomButton && button)));
+                React.createElement("div", { className: "aksel-file-item__error", "aria-relevant": "additions removals", "aria-live": "polite" }, showError && (React.createElement(ErrorMessage, { size: "small", showIcon: true }, error)))),
+            React.createElement(ItemActionField, { isLoading: status !== "idle", button: button, translate: translate }))));
 });
-function isCustomButton(button) {
-    return React.isValidElement(button);
-}
 export default Item;
 //# sourceMappingURL=Item.js.map

package/esm/form/file-upload/parts/item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAc,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAuD1D,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAYsB,EACtB,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,EACZ,WAAW,OAES,EADjB,IAAI,cAXT,8GAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,OAAO,CACvB,YAAY,EACZ,EAAE,IAAI,EAAE,YAAY,EAAE,EACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC;IAE/C,SAAS,aAAa;QACpB,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,KAAK,MAAM,IAAI,MAAM,CAAC;IACjD,MAAM,kBAAkB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAElD,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,wBAAwB,EAAE,SAAS;SACpC,CAAC;QAEF,6BAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;YAC1C,oBAAC,QAAQ,IACP,SAAS,EAAE,MAAM,KAAK,MAAM,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB;YACF,6BAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC;gBAC9C,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;gBAC1D,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC7B,aAAa,EAAE,CACN;gBACZ,6BACE,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,mBACzB,oBAAoB,eACxB,QAAQ,IAEjB,SAAS,IAAI,CACZ,oBAAC,YAAY,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UAChC,KAAK,CACO,CAChB,CACG,CACF;YACL,YAAY,IAAI,oBAAC,MAAM,OAAG;YAE1B,YAAY,IAAI,CAAC,kBAAkB,IAAI,CACtC,oBAAC,UAAU,oBACL,MAAM,IACV,KAAK,EAAE,SAAS,CACd,MAAM,CAAC,MAAM,KAAK,OAAO;oBACvB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,wBAAwB,CAC7B,IACD,CACH;YACA,YAAY,IAAI,kBAAkB,IAAI,MAAM,CACzC,CACI,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,cAAc,CACrB,MAAqC;IAErC,OAAO,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AACtC,CAAC;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAc,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAuD1D,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAYsB,EACtB,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,EACZ,WAAW,OAES,EADjB,IAAI,cAXT,8GAYC,CADQ;IAIT,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,OAAO,CACvB,YAAY,EACZ,EAAE,IAAI,EAAE,YAAY,EAAE,EACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC;IAE/C,SAAS,aAAa;QACpB,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,wBAAwB,EAAE,SAAS;SACpC,CAAC;QAEF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,4BAA4B;gBACvD,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;gBAC5D,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC7B,aAAa,EAAE,CACN;gBACZ,6BACE,SAAS,EAAC,wBAAwB,mBACpB,oBAAoB,eACxB,QAAQ,IAEjB,SAAS,IAAI,CACZ,oBAAC,YAAY,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UAChC,KAAK,CACO,CAChB,CACG,CACG;YACX,oBAAC,eAAe,IACd,SAAS,EAAE,MAAM,KAAK,MAAM,EAC5B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACE,CACI,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,IAAI,CAAC"}

package/esm/form/file-upload/parts/item/ItemActionField.d.ts

@@ -0,0 +1,13 @@
+import React, { MouseEvent } from "react";
+import { TFunction } from "../../../../util/i18n/i18n.types.js";
+interface ItemActionFieldProps {
+    isLoading: boolean;
+    button?: {
+        action: "delete" | "retry";
+        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+        id?: string;
+    } | React.ReactNode;
+    translate: TFunction<"FileUpload">;
+}
+declare function ItemActionField({ isLoading, button, translate, }: ItemActionFieldProps): React.JSX.Element | null;
+export { ItemActionField };

package/esm/form/file-upload/parts/item/ItemActionField.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { ArrowsCirclepathIcon, TrashIcon } from "@navikt/aksel-icons";
+import { Button } from "../../../../button/index.js";
+import Spacer from "../../../../layout/stack/Spacer.js";
+import { Loader } from "../../../../loader/index.js";
+function ItemActionField({ isLoading, button, translate, }) {
+    if (isLoading) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Spacer, null),
+            React.createElement("div", { className: "aksel-file-item__icon--loading" },
+                React.createElement(Loader, { size: "medium" }))));
+    }
+    if (!button) {
+        return null;
+    }
+    if (isCustomButton(button)) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Spacer, null),
+            button));
+    }
+    const Icon = button.action === "delete" ? TrashIcon : ArrowsCirclepathIcon;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Spacer, null),
+        React.createElement(Button, { id: button.id, className: "aksel-file-item__button", type: "button", variant: "tertiary-neutral", onClick: button.onClick, icon: React.createElement(Icon, { title: translate(button.action === "retry"
+                    ? "item.retryButtonTitle"
+                    : "item.deleteButtonTitle") }) })));
+}
+function isCustomButton(button) {
+    return React.isValidElement(button);
+}
+export { ItemActionField };
+//# sourceMappingURL=ItemActionField.js.map

package/esm/form/file-upload/parts/item/ItemActionField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemActionField.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemActionField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,MAAM,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAe5C,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,MAAM,EACN,SAAS,GACY;IACrB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL;YACE,oBAAC,MAAM,OAAG;YACV,6BAAK,SAAS,EAAC,gCAAgC;gBAC7C,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,GAAG,CACpB,CACL,CACJ,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3B,OAAO,CACL;YACE,oBAAC,MAAM,OAAG;YACT,MAAM,CACN,CACJ,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE3E,OAAO,CACL;QACE,oBAAC,MAAM,OAAG;QACV,oBAAC,MAAM,IACL,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,IAAI,EACF,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,CACd,MAAM,CAAC,MAAM,KAAK,OAAO;oBACvB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,wBAAwB,CAC7B,GACD,GAEJ,CACD,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,MAMmB;IAEnB,OAAO,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AACtC,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/esm/form/file-upload/parts/item/ItemButton.js

@@ -1,11 +1,9 @@
 import React from "react";
 import { ArrowsCirclepathIcon, TrashIcon } from "@navikt/aksel-icons";
 import { Button } from "../../../../button/index.js";
-import { useRenameCSS } from "../../../../theme/Theme.js";
 const ItemButton = ({ action, onClick, id, title }) => {
-    const { cn } = useRenameCSS();
     const Icon = action === "delete" ? TrashIcon : ArrowsCirclepathIcon;
-    return (React.createElement(Button, { id: id, className: cn("navds-file-item__button"), type: "button", variant: "tertiary-neutral", onClick: onClick, icon: React.createElement(Icon, { title: title }) }));
+    return (React.createElement(Button, { id: id, className: "aksel-file-item__button", type: "button", variant: "tertiary-neutral", onClick: onClick, icon: React.createElement(Icon, { title: title }) }));
 };
 export default ItemButton;
 //# sourceMappingURL=ItemButton.js.map

package/esm/form/file-upload/parts/item/ItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemButton.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AASvD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAS,EAAE,EAAE;IAC3D,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEpE,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACxC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ItemButton.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAS5C,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAS,EAAE,EAAE;IAC3D,MAAM,IAAI,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEpE,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts}

@@ -5,5 +5,5 @@ interface Props {
     href?: string;
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
 }
-declare const ItemName: ({ file, href, onClick }: Props) => React.JSX.Element;
-export default ItemName;
+declare const ItemHeader: ({ file, href, onClick }: Props) => React.JSX.Element;
+export { ItemHeader };

package/esm/form/file-upload/parts/item/ItemHeader.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { useThemeInternal } from "../../../../theme/Theme.js";
+import { LinkAnchor } from "../../../../util/link-anchor/index.js";
+import ItemIcon from "./ItemIcon.js";
+import { downloadFile } from "./utils/download-file.js";
+import { isNativeFile } from "./utils/file-type-checker.js";
+const ItemHeader = ({ file, href, onClick }) => {
+    const ctx = useThemeInternal();
+    if (onClick && href) {
+        return (React.createElement(LinkAnchor, { href: href, onClick: onClick, className: "aksel-file-item__link", "data-color": ctx.color },
+            React.createElement(ItemIcon, { file: file }),
+            file.name));
+    }
+    if (onClick) {
+        return (React.createElement(LinkAnchor, { href: "#", onClick: (event) => {
+                event.preventDefault();
+                onClick(event);
+            }, className: "aksel-file-item__link", "data-color": ctx.color },
+            React.createElement(ItemIcon, { file: file }),
+            file.name));
+    }
+    if (href) {
+        return (React.createElement(LinkAnchor, { href: href, className: "aksel-file-item__link", "data-color": ctx.color },
+            React.createElement(ItemIcon, { file: file }),
+            file.name));
+    }
+    if (isNativeFile(file)) {
+        return (React.createElement(LinkAnchor, { href: "#", download: file.name, onClick: (event) => {
+                event.preventDefault();
+                downloadFile(file);
+            }, className: "aksel-file-item__link", "data-color": ctx.color },
+            React.createElement(ItemIcon, { file: file }),
+            file.name));
+    }
+    return (React.createElement("span", { className: "aksel-file-item__link" },
+        React.createElement(ItemIcon, { file: file }),
+        file.name));
+};
+export { ItemHeader };
+//# sourceMappingURL=ItemHeader.js.map

package/esm/form/file-upload/parts/item/ItemHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHeader.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQzD,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,EAAE;IACpD,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAE/B,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,uBAAuB,gBACrB,GAAG,CAAC,KAAK;YAErB,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI;YACvB,IAAI,CAAC,IAAI,CACC,CACd,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EACD,SAAS,EAAC,uBAAuB,gBACrB,GAAG,CAAC,KAAK;YAErB,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI;YACvB,IAAI,CAAC,IAAI,CACC,CACd,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,uBAAuB,gBACrB,GAAG,CAAC,KAAK;YAErB,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI;YACvB,IAAI,CAAC,IAAI,CACC,CACd,CAAC;IACJ,CAAC;IAED,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QACvB,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EACD,SAAS,EAAC,uBAAuB,gBACrB,GAAG,CAAC,KAAK;YAErB,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI;YACvB,IAAI,CAAC,IAAI,CACC,CACd,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAM,SAAS,EAAC,uBAAuB;QACrC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI;QACvB,IAAI,CAAC,IAAI,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/esm/form/file-upload/parts/item/ItemIcon.d.ts

@@ -1,9 +1,7 @@
 import React from "react";
 import { FileItem } from "./Item.types.js";
 interface ItemIconProps {
-    isLoading?: boolean;
     file: FileItem;
-    showError: boolean;
 }
-declare function ItemIcon({ isLoading, file, showError }: ItemIconProps): React.JSX.Element;
+declare function ItemIcon({ file }: ItemIconProps): React.JSX.Element;
 export default ItemIcon;

package/esm/form/file-upload/parts/item/ItemIcon.js

@@ -1,22 +1,11 @@
 import React from "react";
-import { FileCsvIcon, FileExcelIcon, FileIcon, FileImageIcon, FilePdfIcon, FileTextIcon, FileWordIcon, FileXMarkIcon, } from "@navikt/aksel-icons";
-import { Loader } from "../../../../loader/index.js";
-import { useRenameCSS } from "../../../../theme/Theme.js";
+import { FileCsvIcon, FileExcelIcon, FileIcon, FileImageIcon, FilePdfIcon, FileTextIcon, FileWordIcon, } from "@navikt/aksel-icons";
 const iconProps = {
     fontSize: "2rem",
     "aria-hidden": true,
 };
-function ItemIcon({ isLoading, file, showError }) {
-    const { cn } = useRenameCSS();
-    if (isLoading) {
-        return (React.createElement("div", { className: cn("navds-file-item__icon navds-file-item__icon--loading") },
-            React.createElement(Loader, { size: "large" })));
-    }
-    if (showError) {
-        return (React.createElement("div", { className: cn("navds-file-item__icon") },
-            React.createElement(FileXMarkIcon, Object.assign({}, iconProps))));
-    }
-    return (React.createElement("div", { className: cn("navds-file-item__icon") },
+function ItemIcon({ file }) {
+    return (React.createElement("div", { className: "aksel-file-item__icon" },
         React.createElement(Icon, { file: file })));
 }
 function Icon({ file }) {

package/esm/form/file-upload/parts/item/ItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemIcon.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AASvD,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,MAAM;IAChB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAiB;IAC7D,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,sDAAsD,CAAC;YAErE,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,CACnB,CACP,CAAC;IACJ,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;YACzC,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAC5B,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;QACzC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EAAE,IAAI,EAAsB;IACxC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtE,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK;YACR,OAAO,oBAAC,WAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK;YACR,OAAO,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAAC;QACzC,KAAK,KAAK;YACR,OAAO,oBAAC,WAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAAC;QACzC;YACE,OAAO,oBAAC,QAAQ,oBAAK,SAAS,EAAI,CAAC;IACvC,CAAC;AACH,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ItemIcon.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC;AAO7B,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,MAAM;IAChB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAiB;IACvC,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EAAE,IAAI,EAAsB;IACxC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtE,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK;YACR,OAAO,oBAAC,WAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK;YACR,OAAO,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAAC;QACzC,KAAK,KAAK;YACR,OAAO,oBAAC,WAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,aAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAAC;QACzC;YACE,OAAO,oBAAC,QAAQ,oBAAK,SAAS,EAAI,CAAC;IACvC,CAAC;AACH,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/esm/form/file-upload/useFileUpload.d.ts

@@ -7,5 +7,5 @@ export declare const useFileUpload: ({ ref, accept, onSelect, validator, maxSize
     upload: (fileList: FileList) => void;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     inputRef: import("react").MutableRefObject<HTMLInputElement | null>;
-    mergedRef: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
+    mergedRef: ((instance: HTMLInputElement | null) => void) | null;
 };

package/esm/form/form-progress/FormProgress.js

@@ -16,7 +16,6 @@ import Collapsible from "../../collapsible/Collapsible.js";
 import { HStack } from "../../layout/stack/index.js";
 import { ProgressBar } from "../../progress-bar/index.js";
 import { Stepper } from "../../stepper/index.js";
-import { useRenameCSS } from "../../theme/Theme.js";
 import { BodyShort } from "../../typography/index.js";
 import { useI18n } from "../../util/i18n/i18n.hooks.js";
 /**
@@ -34,20 +33,19 @@ import { useI18n } from "../../util/i18n/i18n.hooks.js";
  */
 export const FormProgress = forwardRef((_a, ref) => {
     var { totalSteps, activeStep, open, onOpenChange, children, onStepChange, interactiveSteps, translations } = _a, rest = __rest(_a, ["totalSteps", "activeStep", "open", "onOpenChange", "children", "onStepChange", "interactiveSteps", "translations"]);
-    const { cn } = useRenameCSS();
     const translate = useI18n("FormProgress", translations);
     return (React.createElement("div", Object.assign({ ref: ref }, rest),
-        React.createElement(ProgressBar, { "aria-hidden": true, value: activeStep, valueMax: totalSteps, className: cn("navds-form-progress__bar") }),
+        React.createElement(ProgressBar, { "aria-hidden": true, value: activeStep, valueMax: totalSteps, className: "aksel-form-progress__bar" }),
         React.createElement(Collapsible, { lazy: true, open: open, onOpenChange: onOpenChange },
             React.createElement(HStack, { justify: "space-between", align: "center" },
                 React.createElement(BodyShort, { as: "span" }, translate("step", { activeStep, totalSteps })),
                 React.createElement(Collapsible.Trigger, { asChild: true, "aria-expanded": undefined },
-                    React.createElement(Button, { variant: "tertiary", size: "small", className: cn("navds-form-progress__button"), icon: React.createElement(ChevronDownIcon, { "aria-hidden": true }) },
-                        React.createElement("span", { className: cn("navds-form-progress__btn-txt-hide") }, translate("hideAllSteps")),
-                        React.createElement("span", { className: cn("navds-form-progress__btn-txt-show") }, translate("showAllSteps"))))),
-            React.createElement(Collapsible.Content, { className: cn("navds-form-progress__collapsible") },
-                React.createElement("div", { className: cn("navds-form-progress__collapsible-content") },
-                    React.createElement("div", { className: cn("navds-form-progress__stepper") },
+                    React.createElement(Button, { variant: "tertiary", size: "small", className: "aksel-form-progress__button", icon: React.createElement(ChevronDownIcon, { "aria-hidden": true }) },
+                        React.createElement("span", { className: "aksel-form-progress__btn-txt-hide" }, translate("hideAllSteps")),
+                        React.createElement("span", { className: "aksel-form-progress__btn-txt-show" }, translate("showAllSteps"))))),
+            React.createElement(Collapsible.Content, { className: "aksel-form-progress__collapsible" },
+                React.createElement("div", { className: "aksel-form-progress__collapsible-content" },
+                    React.createElement("div", { className: "aksel-form-progress__stepper" },
                         React.createElement(Stepper, { activeStep: activeStep, onStepChange: onStepChange, interactive: interactiveSteps }, children)))))));
 });
 FormProgress.Step = Stepper.Step;

package/esm/form/form-progress/FormProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,WAAW,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAoB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAyDrD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EAUoB,EACpB,GAAG,EACH,EAAE;QAZF,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,OAEM,EADf,IAAI,cATT,oHAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,IAAM,IAAI;QACrB,oBAAC,WAAW,yBAEV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,GACzC;QAEF,oBAAC,WAAW,IAAC,IAAI,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;YACtD,oBAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ;gBAC5C,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,IACjB,SAAS,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACpC;gBACZ,oBAAC,WAAW,CAAC,OAAO,IAAC,OAAO,yBAAgB,SAAS;oBACnD,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,EAC5C,IAAI,EAAE,oBAAC,eAAe,0BAAe;wBAErC,8BAAM,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,IACrD,SAAS,CAAC,cAAc,CAAC,CACrB;wBACP,8BAAM,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,IACrD,SAAS,CAAC,cAAc,CAAC,CACrB,CACA,CACW,CACf;YAET,oBAAC,WAAW,CAAC,OAAO,IAClB,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC;gBAEjD,6BAAK,SAAS,EAAE,EAAE,CAAC,0CAA0C,CAAC;oBAC5D,6BAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC;wBAChD,oBAAC,OAAO,IACN,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,gBAAgB,IAE5B,QAAQ,CACD,CACN,CACF,CACc,CACV,CACV,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,YAAY,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;AAE7C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,WAAW,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAoB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAyDrD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EAUoB,EACpB,GAAG,EACH,EAAE;QAZF,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,OAEM,EADf,IAAI,cATT,oHAUC,CADQ;IAIT,MAAM,SAAS,GAAG,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,IAAM,IAAI;QACrB,oBAAC,WAAW,yBAEV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAC,0BAA0B,GACpC;QAEF,oBAAC,WAAW,IAAC,IAAI,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;YACtD,oBAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ;gBAC5C,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,IACjB,SAAS,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACpC;gBACZ,oBAAC,WAAW,CAAC,OAAO,IAAC,OAAO,yBAAgB,SAAS;oBACnD,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,oBAAC,eAAe,0BAAe;wBAErC,8BAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB;wBACP,8BAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB,CACA,CACW,CACf;YAET,oBAAC,WAAW,CAAC,OAAO,IAAC,SAAS,EAAC,kCAAkC;gBAC/D,6BAAK,SAAS,EAAC,0CAA0C;oBACvD,6BAAK,SAAS,EAAC,8BAA8B;wBAC3C,oBAAC,OAAO,IACN,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,gBAAgB,IAE5B,QAAQ,CACD,CACN,CACF,CACc,CACV,CACV,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,YAAY,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;AAE7C,eAAe,YAAY,CAAC"}

package/esm/form/form-summary/FormSummary.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../theme/Theme.js";
+import { cl } from "../../util/className.js";
 import FormSummaryAnswer from "./FormSummaryAnswer.js";
 import FormSummaryAnswers from "./FormSummaryAnswers.js";
 import FormSummaryEditLink from "./FormSummaryEditLink.js";
@@ -42,8 +42,7 @@ import FormSummaryValue from "./FormSummaryValue.js";
  */
 export const FormSummary = forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary", className) }), children));
+    return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: cl("aksel-form-summary", className) }), children));
 });
 FormSummary.Header = FormSummaryHeader;
 FormSummary.Heading = FormSummaryHeading;

package/esm/form/form-summary/FormSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummary.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAmDlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KACpE,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,QAAQ,GAAG,mBAAmB,CAAC;AAC3C,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AAEvC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FormSummary.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAmDlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KACpE,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,QAAQ,GAAG,mBAAmB,CAAC;AAC3C,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AAEvC,eAAe,WAAW,CAAC"}

package/esm/form/form-summary/FormSummaryAnswer.js

@@ -10,11 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-import { useRenameCSS } from "../../theme/Theme.js";
+import { useThemeInternal } from "../../theme/Theme.js";
+import { cl } from "../../util/className.js";
 export const FormSummaryAnswer = React.forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__answer", className) }), children));
+    const ctx = useThemeInternal();
+    return (React.createElement("div", Object.assign({ ref: ref, "data-color": ctx.color }, rest, { className: cl("aksel-form-summary__answer", className) }), children));
 });
 export default FormSummaryAnswer;
 //# sourceMappingURL=FormSummaryAnswer.js.map

package/esm/form/form-summary/FormSummaryAnswer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryAnswer.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FormSummaryAnswer.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAY1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,GAAG,GAAG,gBAAgB,EAAE,CAAC;IAE/B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,gBACI,GAAG,CAAC,KAAK,IACjB,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/esm/form/form-summary/FormSummaryAnswers.js

@@ -10,11 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../theme/Theme.js";
+import { cl } from "../../util/className.js";
+const FormSummaryAnswersContext = React.createContext(false);
 export const FormSummaryAnswers = forwardRef((_a, ref) => {
-    var { children, className, "data-color": color = "info" } = _a, rest = __rest(_a, ["children", "className", "data-color"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("dl", Object.assign({ ref: ref, "data-color": color }, rest, { className: cn("navds-form-summary__answers", className) }), children));
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const isNested = React.useContext(FormSummaryAnswersContext);
+    return (React.createElement(FormSummaryAnswersContext.Provider, { value: true },
+        React.createElement("dl", Object.assign({ ref: ref, "data-color": isNested ? "info" : undefined }, rest, { className: cl("aksel-form-summary__answers", className) }), children)));
 });
 export default FormSummaryAnswers;
 //# sourceMappingURL=FormSummaryAnswers.js.map

package/esm/form/form-summary/FormSummaryAnswers.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryAnswers.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswers.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAUjD,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAI1C,CACE,EAK0B,EAC1B,GAAG,EACH,EAAE;QAPF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,KAAK,GAAG,MAAM,OAEJ,EADrB,IAAI,cAJT,uCAKC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,gBACI,KAAK,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAEtD,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FormSummaryAnswers.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswers.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAU7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,SAAS,OAAoC,EAA/B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAE7D,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK;QACvC,0CACE,GAAG,EAAE,GAAG,gBACI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAEtD,QAAQ,CACN,CAC8B,CACtC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/esm/form/form-summary/FormSummaryEditLink.js

@@ -12,15 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from "react";
 import { PencilIcon } from "@navikt/aksel-icons";
 import { Link } from "../../link/index.js";
-import { useRenameCSS } from "../../theme/Theme.js";
+import { cl } from "../../util/className.js";
 import { CompositionWarning } from "../../util/composition-warning/index.js";
 import { useI18n } from "../../util/i18n/i18n.hooks.js";
 export const FormSummaryEditLink = forwardRef((_a, ref) => {
     var { children, className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
-    const { cn } = useRenameCSS();
     const translate = useI18n("FormSummary");
     return (React.createElement(CompositionWarning.Forbidden, { name: "FormSummary.Header", message: "<FormSummary.EditLink> should not be placed in <FormSummary.Header> anymore. See https://aksel.nav.no/komponenter/core/formsummary" },
-        React.createElement(Link, Object.assign({ ref: ref, as: as }, rest, { className: cn("navds-form-summary__edit", className) }),
+        React.createElement(Link, Object.assign({ ref: ref, as: as }, rest, { className: cl("aksel-form-summary__edit", className) }),
             React.createElement(PencilIcon, { "aria-hidden": true, fontSize: "1.5rem" }),
             children || translate("editAnswer"))));
 });

package/esm/form/form-summary/FormSummaryEditLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAkBrD,MAAM,CAAC,MAAM,mBAAmB,GAG5B,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;IAEzC,OAAO,CACL,oBAAC,kBAAkB,CAAC,SAAS,IAC3B,IAAI,EAAC,oBAAoB,EACzB,OAAO,EAAC,oIAAoI;QAE5I,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC;YAEpD,oBAAC,UAAU,yBAAa,QAAQ,EAAC,QAAQ,GAAG;YAC3C,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACsB,CAChC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAkBrD,MAAM,CAAC,MAAM,mBAAmB,GAG5B,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;IAEzC,OAAO,CACL,oBAAC,kBAAkB,CAAC,SAAS,IAC3B,IAAI,EAAC,oBAAoB,EACzB,OAAO,EAAC,oIAAoI;QAE5I,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC;YAEpD,oBAAC,UAAU,yBAAa,QAAQ,EAAC,QAAQ,GAAG;YAC3C,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACsB,CAChC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/esm/form/form-summary/FormSummaryFooter.js

@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../theme/Theme.js";
+import { cl } from "../../util/className.js";
 export const FormSummaryFooter = forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({ ref: ref, "data-color": "info" }, rest, { className: cn("navds-form-summary__footer", className) }), children));
+    return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: cl("aksel-form-summary__footer", className) }), children));
 });
 export default FormSummaryFooter;
 //# sourceMappingURL=FormSummaryFooter.js.map

package/esm/form/form-summary/FormSummaryFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryFooter.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAajD,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,gBACG,MAAM,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FormSummaryFooter.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAa1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/esm/form/form-summary/FormSummaryHeader.js

@@ -10,13 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../theme/Theme.js";
+import { cl } from "../../util/className.js";
 import { CompositionWarning } from "../../util/composition-warning/index.js";
 export const FormSummaryHeader = forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const { cn } = useRenameCSS();
     return (React.createElement(CompositionWarning.Root, { name: "FormSummary.Header" },
-        React.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__header", className) }), children)));
+        React.createElement("div", Object.assign({ ref: ref }, rest, { className: cl("aksel-form-summary__header", className) }), children)));
 });
 export default FormSummaryHeader;
 //# sourceMappingURL=FormSummaryHeader.js.map

package/esm/form/form-summary/FormSummaryHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAUpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,SAAS,OAAmC,EAA9B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,kBAAkB,CAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB;QAChD,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACkB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAUpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,SAAS,OAAmC,EAA9B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,OAAO,CACL,oBAAC,kBAAkB,CAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB;QAChD,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACkB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/esm/form/form-summary/FormSummaryValue.js

@@ -10,12 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../theme/Theme.js";
 import { BodyLong } from "../../typography/index.js";
+import { cl } from "../../util/className.js";
 export const FormSummaryValue = forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement(BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: cn("navds-form-summary__value", className) }), children));
+    return (React.createElement(BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: cl("aksel-form-summary__value", className) }), children));
 });
 export default FormSummaryValue;
 //# sourceMappingURL=FormSummaryValue.js.map

package/esm/form/form-summary/FormSummaryValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryValue.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryValue.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,QAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAEpD,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"FormSummaryValue.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryValue.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAO1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,OAAO,CACL,oBAAC,QAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAEpD,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/esm/form/radio/Radio.js

@@ -1,36 +1,21 @@
-import cl from "clsx";
 import React, { forwardRef } from "react";
-import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
 import { BodyShort } from "../../typography/index.js";
 import { omit, useId } from "../../util/index.js";
+import { cl } from "../../util/className.js";
 import { useRadio } from "./useRadio.js";
 export const Radio = forwardRef((props, ref) => {
-    const { cn } = useRenameCSS();
     const { inputProps, size, hasError, readOnly } = useRadio(props);
     const descriptionId = useId();
-    const themeContext = useThemeInternal();
-    if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
-        return (React.createElement("div", { className: cn(props.className, "navds-radio", `navds-radio--${size}`, {
-                "navds-radio--error": hasError,
-                "navds-radio--disabled": inputProps.disabled,
-                "navds-radio--readonly": readOnly,
-            }), "data-color": hasError ? "danger" : props["data-color"] },
-            React.createElement("input", Object.assign({}, omit(props, ["children", "size", "description", "readOnly"]), omit(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": cl(inputProps["aria-describedby"], {
-                    [descriptionId]: props.description,
-                }) || undefined, className: cn("navds-radio__input"), ref: ref })),
-            React.createElement(BodyShort, { as: "label", htmlFor: inputProps.id, className: cn("navds-radio__label"), size: size }, props.children),
-            props.description && (React.createElement(BodyShort, { id: descriptionId, size: size, className: cn("navds-form-field__subdescription navds-radio__description") }, props.description))));
-    }
-    return (React.createElement("div", { className: cn(props.className, "navds-radio", `navds-radio--${size}`, {
-            "navds-radio--error": hasError,
-            "navds-radio--disabled": inputProps.disabled,
-            "navds-radio--readonly": readOnly,
+    return (React.createElement("div", { className: cl(props.className, "aksel-radio", `aksel-radio--${size}`, {
+            "aksel-radio--error": hasError,
+            "aksel-radio--disabled": inputProps.disabled,
+            "aksel-radio--readonly": readOnly,
         }), "data-color": hasError ? "danger" : props["data-color"] },
-        React.createElement("input", Object.assign({}, omit(props, ["children", "size", "description", "readOnly"]), omit(inputProps, ["aria-invalid"]), { className: cn("navds-radio__input"), ref: ref })),
-        React.createElement("label", { htmlFor: inputProps.id, className: cn("navds-radio__label") },
-            React.createElement("span", { className: cn("navds-radio__content") },
-                React.createElement(BodyShort, { as: "span", size: size }, props.children),
-                props.description && (React.createElement(BodyShort, { as: "span", size: size, className: cn("navds-form-field__subdescription navds-radio__description") }, props.description))))));
+        React.createElement("input", Object.assign({}, omit(props, ["children", "size", "description", "readOnly"]), omit(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": cl(inputProps["aria-describedby"], {
+                [descriptionId]: props.description,
+            }) || undefined, className: "aksel-radio__input", ref: ref })),
+        React.createElement(BodyShort, { as: "label", htmlFor: inputProps.id, className: "aksel-radio__label", size: size }, props.children),
+        props.description && (React.createElement(BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-radio__description" }, props.description))));
 });
 export default Radio;
 //# sourceMappingURL=Radio.js.map

package/esm/form/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,KAAK,EAAE,CAAC;IAE9B,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,+CACM,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAI,CAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;gBACjC,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;aACnC,CAAC,IAAI,SAAS,EAEjB,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,oBAAC,SAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAET,KAAK,CAAC,QAAQ,CACL;QACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,SAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2DAA2D,IAEpE,KAAK,CAAC,WAAW,CACR,CACb,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/esm/form/radio/RadioGroup.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef, useContext } from "react";
-import { useRenameCSS } from "../../theme/Theme.js";
+import { cl } from "../../util/className.js";
 import { useId } from "../../util/hooks/index.js";
 import { Fieldset } from "../fieldset/index.js";
 import { FieldsetContext } from "../fieldset/context.js";
@@ -28,10 +28,9 @@ export const RadioGroupContext = React.createContext(null);
 export const RadioGroup = forwardRef((_a, ref) => {
     var _b, _c;
     var { children, className, name, defaultValue, value, onChange = () => { }, required, readOnly } = _a, rest = __rest(_a, ["children", "className", "name", "defaultValue", "value", "onChange", "required", "readOnly"]);
-    const { cn } = useRenameCSS();
     const fieldset = useContext(FieldsetContext);
     const nameId = useId();
-    return (React.createElement(Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: cn(className, "navds-radio-group", `navds-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), nativeReadOnly: false }),
+    return (React.createElement(Fieldset, Object.assign({}, rest, { readOnly: readOnly, ref: ref, className: cl(className, "aksel-radio-group", `aksel-radio-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`), nativeReadOnly: false }),
         React.createElement(RadioGroupContext.Provider, { value: {
                 name: name !== null && name !== void 0 ? name : `radioGroupName-${nameId}`,
                 defaultValue,
@@ -39,7 +38,7 @@ export const RadioGroup = forwardRef((_a, ref) => {
                 onChange,
                 required,
             } },
-            React.createElement("div", { className: cn("navds-radio-buttons") }, children))));
+            React.createElement("div", { className: "aksel-radio-buttons" }, children))));
 });
 export default RadioGroup;
 //# sourceMappingURL=RadioGroup.js.map