@navikt/ds-react 7.40.0 → 8.0.1

package/esm/popover/Popover.js

@@ -9,11 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { autoUpdate, arrow as flArrow, offset as flOffset, flip, shift, useFloating, } from "@floating-ui/react";
-import React, { forwardRef, useRef } from "react";
+import { autoUpdate, offset as flOffset, flip, shift, useFloating, } from "@floating-ui/react";
+import React, { forwardRef } from "react";
 import { useModalContext } from "../modal/Modal.context.js";
 import { DismissableLayer } from "../overlays/dismissablelayer/DismissableLayer.js";
-import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
+import { omit } from "../util/index.js";
+import { cl } from "../util/className.js";
 import { useClientLayoutEffect } from "../util/hooks/index.js";
 import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
 import PopoverContent from "./PopoverContent.js";
@@ -38,25 +39,21 @@ import PopoverContent from "./PopoverContent.js";
  * ```
  */
 export const Popover = forwardRef((_a, ref) => {
-    var { className, children, anchorEl, arrow = true, open, onClose, placement = "top", offset, strategy: userStrategy, flip: _flip = true } = _a, rest = __rest(_a, ["className", "children", "anchorEl", "arrow", "open", "onClose", "placement", "offset", "strategy", "flip"]);
-    const { cn } = useRenameCSS();
-    const arrowRef = useRef(null);
+    var { className, children, anchorEl, open, onClose, placement = "top", offset, strategy: userStrategy, flip: _flip = true } = _a, restProps = __rest(_a, ["className", "children", "anchorEl", "open", "onClose", "placement", "offset", "strategy", "flip"]);
     const isInModal = useModalContext(false) !== undefined;
     const chosenStrategy = userStrategy !== null && userStrategy !== void 0 ? userStrategy : (isInModal ? "fixed" : "absolute");
-    const themeContext = useThemeInternal();
-    const { update, refs, placement: flPlacement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }, floatingStyles, } = useFloating({
+    const { update, refs, placement: flPlacement, floatingStyles, } = useFloating({
         strategy: chosenStrategy,
         placement,
         open,
         middleware: [
-            flOffset(offset !== null && offset !== void 0 ? offset : ((themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? 8 : arrow ? 16 : 4)),
+            flOffset(offset !== null && offset !== void 0 ? offset : 8),
             _flip &&
                 flip({
                     padding: 5,
                     fallbackPlacements: getOppositePlacement(placement),
                 }),
             shift({ padding: 12 }),
-            flArrow({ element: arrowRef, padding: 8 }),
         ],
     });
     useClientLayoutEffect(() => {
@@ -69,22 +66,12 @@ export const Popover = forwardRef((_a, ref) => {
         const cleanup = autoUpdate(refs.reference.current, refs.floating.current, update);
         return () => cleanup();
     }, [refs.floating, refs.reference, update, open, anchorEl]);
-    const staticSide = {
-        top: "bottom",
-        right: "left",
-        bottom: "top",
-        left: "right",
-    }[flPlacement.split("-")[0]];
     return (React.createElement(DismissableLayer, { asChild: true, safeZone: {
             anchor: anchorEl,
         }, onDismiss: () => open && (onClose === null || onClose === void 0 ? void 0 : onClose()), enabled: open },
-        React.createElement("div", Object.assign({ ref: floatingRef }, rest, { className: cn("navds-popover", className, {
-                "navds-popover--hidden": !open || !anchorEl,
-            }), style: Object.assign(Object.assign({}, rest.style), floatingStyles), "data-placement": flPlacement, "aria-hidden": !open || !anchorEl }),
-            children,
-            arrow && !(themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) && (React.createElement("div", { ref: (node) => {
-                    arrowRef.current = node;
-                }, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-popover__arrow") })))));
+        React.createElement("div", Object.assign({ ref: floatingRef }, omit(restProps, ["arrow"]), { className: cl("aksel-popover", className, {
+                "aksel-popover--hidden": !open || !anchorEl,
+            }), style: Object.assign(Object.assign({}, restProps.style), floatingStyles), "data-placement": flPlacement, "aria-hidden": !open || !anchorEl }), children)));
 });
 const oppositeSideMap = {
     top: "bottom",

package/esm/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/popover/Popover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/popover/Popover.tsx"],"names":[],"mappings":"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"}

package/esm/popover/PopoverContent.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";
 const PopoverContent = forwardRef((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-popover__content", className) })));
+    return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("aksel-popover__content", className) })));
 });
 export default PopoverContent;
 //# sourceMappingURL=PopoverContent.js.map

package/esm/popover/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sourceRoot":"","sources":["../../src/popover/PopoverContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,cAAc,GAAuB,UAAU,CACnD,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAClD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PopoverContent.js","sourceRoot":"","sources":["../../src/popover/PopoverContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAWvC,MAAM,cAAc,GAAuB,UAAU,CACnD,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAClD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/portal/Portal.js

@@ -61,11 +61,8 @@ export const Portal = forwardRef((_a, forwardedRef) => {
 });
 const PortalDiv = forwardRef((props, forwardedRef) => {
     const themeContext = useThemeInternal();
-    if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
-        return (React.createElement(Theme, { theme: themeContext === null || themeContext === void 0 ? void 0 : themeContext.theme, asChild: true, hasBackground: false, "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color },
-            React.createElement("div", Object.assign({ ref: forwardedRef }, props))));
-    }
-    return React.createElement("div", Object.assign({ ref: forwardedRef }, props));
+    return (React.createElement(Theme, { theme: themeContext === null || themeContext === void 0 ? void 0 : themeContext.theme, asChild: true, hasBackground: false, "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color },
+        React.createElement("div", Object.assign({ ref: forwardedRef }, props))));
 });
 export default Portal;
 //# sourceMappingURL=Portal.js.map

package/esm/portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":"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"}

package/esm/process/Process.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef, useCallback, useEffect, useRef, useState, } from "react";
-import { useRenameCSS } from "../theme/Theme.js";
 import { BodyLong, BodyShort, Heading } from "../typography/index.js";
 import { useId } from "../util/index.js";
+import { cl } from "../util/className.js";
 import { createStrictContext } from "../util/create-strict-context.js";
 import { useMergeRefs } from "../util/hooks/index.js";
 import { useI18n } from "../util/i18n/i18n.hooks.js";
@@ -64,7 +64,6 @@ const { Provider: ProcessContextProvider, useContext: useProcessContext } = crea
  */
 export const Process = forwardRef((_a, forwardedRef) => {
     var { children, className, hideStatusText = false, id, isTruncated } = _a, restProps = __rest(_a, ["children", "className", "hideStatusText", "id", "isTruncated"]);
-    const { cn } = useRenameCSS();
     const rootId = useId(id);
     const rootRef = useRef(null);
     const mergedRef = useMergeRefs(forwardedRef, rootRef);
@@ -97,49 +96,43 @@ export const Process = forwardRef((_a, forwardedRef) => {
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
     React.createElement("ol", Object.assign({ ref: mergedRef, "data-color": "info", 
         // biome-ignore lint/a11y/noRedundantRoles: See comment above
-        role: "list" }, restProps, { className: cn("navds-process", className), id: rootId, "aria-controls": activeChildId, "data-truncated": isTruncated }),
+        role: "list" }, restProps, { className: cl("aksel-process", className), id: rootId, "aria-controls": activeChildId, "data-truncated": isTruncated }),
         React.createElement(ProcessContextProvider, { hideStatusText: hideStatusText, rootId: rootId, syncAriaControls: syncAriaControls }, children)));
 });
 export const ProcessEvent = forwardRef((_a, forwardedRef) => {
     var { title, timestamp, children, bullet, hideContent, className, id, status = "uncompleted" } = _a, restProps = __rest(_a, ["title", "timestamp", "children", "bullet", "hideContent", "className", "id", "status"]);
     const translate = useI18n("Process");
-    const { cn } = useRenameCSS();
     const eventId = useId();
     const { syncAriaControls, hideStatusText, rootId } = useProcessContext();
     // syncAriaControls is already memoized with useCallback
     // biome-ignore lint/correctness/useExhaustiveDependencies: We want to run this only when status changes
     useEffect(syncAriaControls, [status]); // eslint-disable-line react-hooks/exhaustive-deps
     const isActive = status === "active";
-    return (React.createElement("li", Object.assign({ ref: forwardedRef, "aria-current": isActive, id: id !== null && id !== void 0 ? id : eventId }, restProps, { "aria-controls": isActive ? rootId : undefined, className: cn("navds-process__event", className), "data-dot": bullet === undefined, "data-process-event": "", "data-status": status }),
+    return (React.createElement("li", Object.assign({ ref: forwardedRef, "aria-current": isActive, id: id !== null && id !== void 0 ? id : eventId }, restProps, { "aria-controls": isActive ? rootId : undefined, className: cl("aksel-process__event", className), "data-dot": bullet === undefined, "data-process-event": "", "data-status": status }),
         React.createElement(ProcessLine, { position: "start" }),
-        React.createElement("div", { className: cn("navds-process__item") },
+        React.createElement("div", { className: "aksel-process__item" },
             React.createElement(ProcessBullet, null, bullet),
-            React.createElement("div", { className: cn("navds-process__body") },
+            React.createElement("div", { className: "aksel-process__body" },
                 title && React.createElement(ProcessTitle, null, title),
-                isActive && !hideStatusText && (React.createElement(BodyShort, { size: "small", className: cn("navds-process__active-label") }, translate("active"))),
+                isActive && !hideStatusText && (React.createElement(BodyShort, { size: "small", className: "aksel-process__active-label" }, translate("active"))),
                 timestamp && React.createElement(ProcessTimestamp, null, timestamp),
                 !hideContent && !!children && (React.createElement(ProcessContent, null, children)))),
         React.createElement(ProcessLine, { position: "end" })));
 });
 const ProcessTitle = ({ children }) => {
-    const { cn } = useRenameCSS();
-    return (React.createElement(Heading, { size: "small", as: "div", className: cn("navds-process__title") }, children));
+    return (React.createElement(Heading, { size: "small", as: "div", className: "aksel-process__title" }, children));
 };
 const ProcessTimestamp = ({ children }) => {
-    const { cn } = useRenameCSS();
-    return (React.createElement(BodyShort, { spacing: true, as: "div", size: "small", textColor: "subtle", className: cn("navds-process__timestamp") }, children));
+    return (React.createElement(BodyShort, { spacing: true, as: "div", size: "small", textColor: "subtle", className: "aksel-process__timestamp" }, children));
 };
 const ProcessContent = ({ children }) => {
-    const { cn } = useRenameCSS();
-    return (React.createElement(BodyLong, { as: "div", className: cn("navds-process__content") }, children));
+    return (React.createElement(BodyLong, { as: "div", className: "aksel-process__content" }, children));
 };
 const ProcessBullet = ({ children }) => {
-    const { cn } = useRenameCSS();
-    return (React.createElement(BodyShort, { as: "span", weight: "semibold", className: cn("navds-process__bullet"), "aria-hidden": true }, children));
+    return (React.createElement(BodyShort, { as: "span", weight: "semibold", className: "aksel-process__bullet", "aria-hidden": true }, children));
 };
 const ProcessLine = ({ position }) => {
-    const { cn } = useRenameCSS();
-    return (React.createElement("span", { className: cn("navds-process__line"), "data-position": position }));
+    return React.createElement("span", { className: "aksel-process__line", "data-position": position });
 };
 /* -------------------------- Process exports ------------------------- */
 Process.Event = ProcessEvent;

package/esm/process/Process.js.map

@@ -1 +1 @@
-{"version":3,"file":"Process.js","sourceRoot":"","sources":["../../src/process/Process.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Process.js","sourceRoot":"","sources":["../../src/process/Process.tsx"],"names":[],"mappings":"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"}

package/esm/progress-bar/ProgressBar.d.ts

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes } from "react";
+import type { AkselColor } from "../types/index.js";
 interface ProgressBarPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
     /**
      * Changes height.
@@ -39,6 +40,12 @@ interface ProgressBarPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, "rol
      * Not needed if `aria-labelledby` is used.
      */
     "aria-label"?: string;
+    /**
+     * Overrides inherited color.
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: AkselColor;
 }
 export type ProgressBarProps = ProgressBarPropsBase & ({
     "aria-hidden": true;

package/esm/progress-bar/ProgressBar.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef, useEffect } from "react";
-import { useRenameCSS } from "../theme/Theme.js";
+import { cl } from "../util/className.js";
 import { useTimeout } from "../util/hooks/useTimeout.js";
 import { useValueAsRef } from "../util/hooks/useValueAsRef.js";
 import { useI18n } from "../util/i18n/i18n.hooks.js";
@@ -35,7 +35,6 @@ import { useI18n } from "../util/i18n/i18n.hooks.js";
  */
 export const ProgressBar = forwardRef((_a, ref) => {
     var { size = "medium", value = 0, valueMax = 100, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, className, simulated } = _a, rest = __rest(_a, ["size", "value", "valueMax", "aria-labelledby", "aria-label", "className", "simulated"]);
-    const { cn } = useRenameCSS();
     const translateX = 100 - (Math.round(value) / valueMax) * 100;
     const onTimeoutRef = useValueAsRef(simulated === null || simulated === void 0 ? void 0 : simulated.onTimeout);
     const translate = useI18n("ProgressBar");
@@ -47,7 +46,7 @@ export const ProgressBar = forwardRef((_a, ref) => {
         timeout.start(simulated.seconds * 1000, onTimeoutRef.current);
         return timeout.clear;
     }, [onTimeoutRef, simulated === null || simulated === void 0 ? void 0 : simulated.seconds, timeout]);
-    return (React.createElement("div", Object.assign({ ref: ref, className: cn("navds-progress-bar", `navds-progress-bar--${size}`, className), "aria-valuemax": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) ? 0 : Math.round(valueMax), "aria-valuenow": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) ? 0 : Math.round(value), "aria-valuetext": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds)
+    return (React.createElement("div", Object.assign({ ref: ref, className: cl("aksel-progress-bar", `aksel-progress-bar--${size}`, className), "aria-valuemax": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) ? 0 : Math.round(valueMax), "aria-valuenow": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) ? 0 : Math.round(value), "aria-valuetext": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds)
             ? translate("progressUnknown", {
                 seconds: Math.round(simulated === null || simulated === void 0 ? void 0 : simulated.seconds),
             })
@@ -55,13 +54,13 @@ export const ProgressBar = forwardRef((_a, ref) => {
                 current: Math.round(value),
                 max: Math.round(valueMax),
             }), role: "progressbar", "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel }, rest),
-        React.createElement("div", { className: cn("navds-progress-bar__foreground", {
-                "navds-progress-bar__foreground--indeterminate": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined,
+        React.createElement("div", { className: cl("aksel-progress-bar__foreground", {
+                "aksel-progress-bar__foreground--indeterminate": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined,
             }), style: {
-                "--__ac-progress-bar-simulated": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined
+                "--__axc-progress-bar-simulated": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined
                     ? `${simulated === null || simulated === void 0 ? void 0 : simulated.seconds}s`
                     : undefined,
-                "--__ac-progress-bar-translate": `-${translateX}%`,
+                "--__axc-progress-bar-translate": `-${translateX}%`,
             } })));
 });
 export default ProgressBar;

package/esm/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"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"}

package/esm/read-more/ReadMore.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
+import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
+import type { AkselColor } from "../types/index.js";
 export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Content inside ReadMore.
@@ -27,6 +29,15 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
      * @default "medium"
      */
     size?: "large" | "medium" | "small";
+    /**
+     * Overrides inherited color.
+     *
+     * We recommend only using `accent`. We have disallowed status-colors.
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     * @private
+     */
+    "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
 }
 /**
  * ReadMore

package/esm/read-more/ReadMore.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from "react";
 import { ChevronDownIcon } from "@navikt/aksel-icons";
-import { useRenameCSS } from "../theme/Theme.js";
 import { BodyLong } from "../typography/index.js";
+import { cl } from "../util/className.js";
 import { composeEventHandlers } from "../util/composeEventHandlers.js";
 import { useControllableState } from "../util/hooks/useControllableState.js";
 /**
@@ -27,21 +27,20 @@ import { useControllableState } from "../util/hooks/useControllableState.js";
  */
 export const ReadMore = forwardRef((_a, ref) => {
     var { className, header, children, open, defaultOpen = false, onClick, size = "medium", onOpenChange } = _a, rest = __rest(_a, ["className", "header", "children", "open", "defaultOpen", "onClick", "size", "onOpenChange"]);
-    const { cn } = useRenameCSS();
     const [_open, _setOpen] = useControllableState({
         defaultValue: defaultOpen,
         value: open,
         onChange: onOpenChange,
     });
     const typoSize = size === "small" ? "small" : "medium";
-    return (React.createElement("div", { className: cn("navds-read-more", `navds-read-more--${size}`, className, { "navds-read-more--open": _open }), "data-volume": "low" },
-        React.createElement("button", Object.assign({}, rest, { ref: ref, type: "button", className: cn("navds-read-more__button", "navds-body-short", {
-                "navds-body-short--small": size === "small",
+    return (React.createElement("div", { className: cl("aksel-read-more", `aksel-read-more--${size}`, className, { "aksel-read-more--open": _open }), "data-volume": "low" },
+        React.createElement("button", Object.assign({}, rest, { ref: ref, type: "button", className: cl("aksel-read-more__button", "aksel-body-short", {
+                "aksel-body-short--small": size === "small",
             }), onClick: composeEventHandlers(onClick, () => _setOpen((x) => !x)), "aria-expanded": _open, "data-state": _open ? "open" : "closed" }),
-            React.createElement(ChevronDownIcon, { className: cn("navds-read-more__expand-icon"), "aria-hidden": true }),
+            React.createElement(ChevronDownIcon, { className: "aksel-read-more__expand-icon", "aria-hidden": true }),
             React.createElement("span", null, header)),
-        React.createElement(BodyLong, { as: "div", className: cn("navds-read-more__content", {
-                "navds-read-more__content--closed": !_open,
+        React.createElement(BodyLong, { as: "div", className: cl("aksel-read-more__content", {
+                "aksel-read-more__content--closed": !_open,
             }), size: typoSize, "data-state": _open ? "open" : "closed" }, children)));
 });
 export default ReadMore;

package/esm/read-more/ReadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAiC1E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUgB,EAChB,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,OAEE,EADX,IAAI,cATT,6FAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,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,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK,gBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAErC,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,kCAAkC,EAAE,CAAC,KAAK;aAC3C,CAAC,EACF,IAAI,EAAE,QAAQ,gBACF,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAEpC,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AA0C1E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUgB,EAChB,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,OAEE,EADX,IAAI,cATT,6FAUC,CADQ;IAIT,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,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK,gBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAErC,oBAAC,eAAe,IACd,SAAS,EAAC,8BAA8B,wBAExC;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,kCAAkC,EAAE,CAAC,KAAK;aAC3C,CAAC,EACF,IAAI,EAAE,QAAQ,gBACF,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAEpC,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/skeleton/Skeleton.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";
 /**
  * Simple skeleton loader
  * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/skeleton)
@@ -22,12 +22,11 @@ import { useRenameCSS } from "../theme/Theme.js";
  */
 export const Skeleton = forwardRef((_a, ref) => {
     var { className, children, height, width, style, variant = "text", as: As = "div" } = _a, rest = __rest(_a, ["className", "children", "height", "width", "style", "variant", "as"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement(As, Object.assign({}, rest, { ref: ref, className: cn("navds-skeleton", className, `navds-skeleton--${variant}`, {
-            "navds-skeleton--has-children": Boolean(children),
-            "navds-skeleton--no-height": !height,
-            "navds-skeleton--no-width": !width,
-            "navds-skeleton--inline": As === "span",
+    return (React.createElement(As, Object.assign({}, rest, { ref: ref, className: cl("aksel-skeleton", className, `aksel-skeleton--${variant}`, {
+            "aksel-skeleton--has-children": Boolean(children),
+            "aksel-skeleton--no-height": !height,
+            "aksel-skeleton--no-width": !width,
+            "aksel-skeleton--inline": As === "span",
         }), style: Object.assign(Object.assign({}, style), { width, height }), "aria-hidden": true }), children));
 });
 export default Skeleton;

package/esm/skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAuB9C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,EAAE,EAAE,EAAE,GAAG,KAAK,OAEf,EADI,IAAI,cART,sEASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,oBAAC,EAAE,oBACG,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,SAAS,EACT,mBAAmB,OAAO,EAAE,EAC5B;YACE,8BAA8B,EAAE,OAAO,CAAC,QAAQ,CAAC;YACjD,2BAA2B,EAAE,CAAC,MAAM;YACpC,0BAA0B,EAAE,CAAC,KAAK;YAClC,wBAAwB,EAAE,EAAE,KAAK,MAAM;SACxC,CACF,EACD,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,MAAM,6BAG/B,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAuBvC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,EAAE,EAAE,EAAE,GAAG,KAAK,OAEf,EADI,IAAI,cART,sEASC,CADQ;IAIT,OAAO,CACL,oBAAC,EAAE,oBACG,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,SAAS,EACT,mBAAmB,OAAO,EAAE,EAC5B;YACE,8BAA8B,EAAE,OAAO,CAAC,QAAQ,CAAC;YACjD,2BAA2B,EAAE,CAAC,MAAM;YACpC,0BAA0B,EAAE,CAAC,KAAK;YAClC,wBAAwB,EAAE,EAAE,KAAK,MAAM;SACxC,CACF,EACD,KAAK,kCAAO,KAAK,KAAE,KAAK,EAAE,MAAM,6BAG/B,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/stepper/Step.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 { Label } from "../typography/index.js";
+import { cl } from "../util/className.js";
 import { composeEventHandlers } from "../util/composeEventHandlers.js";
 import { useStepperContext } from "./context.js";
 export const Step = forwardRef((_a, ref) => {
     var { className, children, as: Component = "a", completed = false, interactive, onClick } = _a, rest = __rest(_a, ["className", "children", "as", "completed", "interactive", "onClick"]);
-    const { cn } = useRenameCSS();
     const context = useStepperContext();
     const { activeStep } = context;
     const isInteractive = interactive !== null && interactive !== void 0 ? interactive : context === null || context === void 0 ? void 0 : context.interactive;
@@ -24,16 +23,16 @@ export const Step = forwardRef((_a, ref) => {
     const handleStepClick = () => {
         isInteractive && context.onStepChange(context.index + 1);
     };
-    return (React.createElement(Comp, Object.assign({}, rest, { "aria-current": activeStep === context.index ? "step" : undefined, ref: ref, className: cn("navds-stepper__step", className, {
-            "navds-stepper__step--active": activeStep === context.index,
-            "navds-stepper__step--behind": activeStep > context.index,
-            "navds-stepper__step--non-interactive": !isInteractive,
-            "navds-stepper__step--completed": completed,
+    return (React.createElement(Comp, Object.assign({}, rest, { "aria-current": activeStep === context.index ? "step" : undefined, ref: ref, className: cl("aksel-stepper__step", className, {
+            "aksel-stepper__step--active": activeStep === context.index,
+            "aksel-stepper__step--behind": activeStep > context.index,
+            "aksel-stepper__step--non-interactive": !isInteractive,
+            "aksel-stepper__step--completed": completed,
         }), "data-active": activeStep === context.index, "data-completed": completed, "data-interactive": isInteractive, onClick: composeEventHandlers(onClick, handleStepClick) }),
-        completed ? (React.createElement("span", { className: cn("navds-stepper__circle navds-stepper__circle--success") },
+        completed ? (React.createElement("span", { className: "aksel-stepper__circle aksel-stepper__circle--success" },
             React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: false, role: "img", "aria-hidden": true },
-                React.createElement("path", { d: "M10.0352 13.4148L16.4752 7.40467C17.0792 6.83965 18.029 6.86933 18.5955 7.47478C19.162 8.08027 19.1296 9.03007 18.5245 9.59621L11.0211 16.5993C10.741 16.859 10.3756 17 10.0002 17C9.60651 17 9.22717 16.8462 8.93914 16.5611L6.43914 14.0611C5.85362 13.4756 5.85362 12.5254 6.43914 11.9399C7.02467 11.3544 7.97483 11.3544 8.56036 11.9399L10.0352 13.4148Z", fill: "currentColor" })))) : (React.createElement(Label, { className: cn("navds-stepper__circle"), as: "span", "aria-hidden": "true" }, context.index + 1)),
-        React.createElement(Label, { as: "span", className: cn("navds-stepper__content") }, children)));
+                React.createElement("path", { d: "M10.0352 13.4148L16.4752 7.40467C17.0792 6.83965 18.029 6.86933 18.5955 7.47478C19.162 8.08027 19.1296 9.03007 18.5245 9.59621L11.0211 16.5993C10.741 16.859 10.3756 17 10.0002 17C9.60651 17 9.22717 16.8462 8.93914 16.5611L6.43914 14.0611C5.85362 13.4756 5.85362 12.5254 6.43914 11.9399C7.02467 11.3544 7.97483 11.3544 8.56036 11.9399L10.0352 13.4148Z", fill: "currentColor" })))) : (React.createElement(Label, { className: "aksel-stepper__circle", as: "span", "aria-hidden": "true" }, context.index + 1)),
+        React.createElement(Label, { as: "span", className: "aksel-stepper__content" }, children)));
 });
 export default Step;
 //# sourceMappingURL=Step.js.map

package/esm/stepper/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/stepper/Step.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAoB9C,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAE1D,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,oBACM,UAAU,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/D,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,6BAA6B,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK;YAC3D,6BAA6B,EAAE,UAAU,GAAG,OAAO,CAAC,KAAK;YACzD,sCAAsC,EAAE,CAAC,aAAa;YACtD,gCAAgC,EAAE,SAAS;SAC5C,CAAC,iBACW,UAAU,KAAK,OAAO,CAAC,KAAK,oBACzB,SAAS,sBACP,aAAa,EAC/B,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,eAAe,CAAC;QAEtD,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,SAAS,EAAE,EAAE,CACX,sDAAsD,CACvD;YAED,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;gBAGV,8BACE,CAAC,EAAC,gWAAgW,EAClW,IAAI,EAAC,cAAc,GACnB,CACE,CACD,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EACtC,EAAE,EAAC,MAAM,iBACG,MAAM,IAEjB,OAAO,CAAC,KAAK,GAAG,CAAC,CACZ,CACT;QACD,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IACrD,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/stepper/Step.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAoB9C,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAE1D,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,oBACM,UAAU,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/D,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,6BAA6B,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK;YAC3D,6BAA6B,EAAE,UAAU,GAAG,OAAO,CAAC,KAAK;YACzD,sCAAsC,EAAE,CAAC,aAAa;YACtD,gCAAgC,EAAE,SAAS;SAC5C,CAAC,iBACW,UAAU,KAAK,OAAO,CAAC,KAAK,oBACzB,SAAS,sBACP,aAAa,EAC/B,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,eAAe,CAAC;QAEtD,SAAS,CAAC,CAAC,CAAC,CACX,8BAAM,SAAS,EAAC,sDAAsD;YACpE,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;gBAGV,8BACE,CAAC,EAAC,gWAAgW,EAClW,IAAI,EAAC,cAAc,GACnB,CACE,CACD,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IACJ,SAAS,EAAC,uBAAuB,EACjC,EAAE,EAAC,MAAM,iBACG,MAAM,IAEjB,OAAO,CAAC,KAAK,GAAG,CAAC,CACZ,CACT;QACD,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,wBAAwB,IAChD,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,IAAI,CAAC"}

package/esm/stepper/Stepper.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 Step from "./Step.js";
 import { StepperContextProvider } from "./context.js";
 /**
@@ -39,21 +39,15 @@ import { StepperContextProvider } from "./context.js";
  */
 export const Stepper = forwardRef((_a, ref) => {
     var { children, className, activeStep, orientation = "vertical", onStepChange = () => { }, interactive = true } = _a, rest = __rest(_a, ["children", "className", "activeStep", "orientation", "onStepChange", "interactive"]);
-    const { cn } = useRenameCSS();
     activeStep = activeStep - 1;
-    return (React.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper", orientation === "horizontal" ? "navds-stepper--horizontal" : "", className), "data-orientation": orientation }), React.Children.map(children, (step, index) => {
+    return (React.createElement("ol", Object.assign({}, rest, { ref: ref, className: cl("aksel-stepper", className), "data-orientation": orientation }), React.Children.map(children, (step, index) => {
         var _a, _b, _c;
         const stepProps = React.isValidElement(step) ? step.props : {};
         const isInteractive = (_a = stepProps.interactive) !== null && _a !== void 0 ? _a : interactive;
-        return (React.createElement("li", { className: cn("navds-stepper__item", {
-                /* TODO: Remove these 3 classNames in darkmode update */
-                "navds-stepper__item--behind": activeStep > index,
-                "navds-stepper__item--completed": stepProps.completed,
-                "navds-stepper__item--non-interactive": !isInteractive,
-            }), "data-color": isInteractive ? undefined : "neutral", key: index + ((_c = (_b = children === null || children === void 0 ? void 0 : children.toString) === null || _b === void 0 ? void 0 : _b.call(children)) !== null && _c !== void 0 ? _c : "") },
-            React.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--1") }),
+        return (React.createElement("li", { className: "aksel-stepper__item", "data-interactive": isInteractive, "data-color": isInteractive ? undefined : "neutral", key: index + ((_c = (_b = children === null || children === void 0 ? void 0 : children.toString) === null || _b === void 0 ? void 0 : _b.call(children)) !== null && _c !== void 0 ? _c : "") },
+            React.createElement("span", { className: "aksel-stepper__line aksel-stepper__line--1" }),
             React.createElement(StepperContextProvider, { interactive: interactive, activeStep: activeStep, lastIndex: React.Children.count(children), index: index, onStepChange: onStepChange, orientation: orientation }, step),
-            React.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--2") })));
+            React.createElement("span", { className: "aksel-stepper__line aksel-stepper__line--2" })));
     })));
 });
 Stepper.Step = Step;

package/esm/stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,EACf,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAC/D,SAAS,CACV,sBACiB,WAAW,KAE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAEjE,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,WAAW,mCAAI,WAAW,CAAC;QAE3D,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;gBACnC,wDAAwD;gBACxD,6BAA6B,EAAE,UAAU,GAAG,KAAK;gBACjD,gCAAgC,EAAE,SAAS,CAAC,SAAS;gBACrD,sCAAsC,EAAE,CAAC,aAAa;aACvD,CAAC,gBACU,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;YAE3C,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D;YACF,oBAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,sBACvB,WAAW,KAE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAEjE,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,WAAW,mCAAI,WAAW,CAAC;QAE3D,OAAO,CACL,4BACE,SAAS,EAAC,qBAAqB,sBACb,aAAa,gBACnB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;YAE3C,8BAAM,SAAS,EAAC,4CAA4C,GAAG;YAC/D,oBAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,8BAAM,SAAS,EAAC,4CAA4C,GAAG,CAC5D,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}

package/esm/table/AnimateHeight.js

@@ -11,7 +11,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 /* https://github.com/Stanko/react-animate-height/blob/v3/src/index.tsx */
 import React, { useEffect, useRef, useState } from "react";
-import { useRenameCSS } from "../theme/Theme.js";
 import { useTimeout } from "../util/hooks/useTimeout.js";
 // ------------------ Helpers
 const prefersReducedMotion = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.matchMedia)
@@ -43,7 +42,6 @@ function showContent(element, height) {
 }
 const AnimateHeight = (_a) => {
     var { children, className, innerClassName, duration: userDuration = 250, easing = "ease", height } = _a, props = __rest(_a, ["children", "className", "innerClassName", "duration", "easing", "height"]);
-    const { cn } = useRenameCSS();
     // ------------------ Initialization
     const prevHeight = useRef(height);
     const contentElement = useRef(null);
@@ -173,8 +171,8 @@ const AnimateHeight = (_a) => {
     // Check if user passed aria-hidden prop
     const hasAriaHiddenProp = typeof props["aria-hidden"] !== "undefined";
     const ariaHidden = hasAriaHiddenProp ? props["aria-hidden"] : height === 0;
-    return (React.createElement("div", Object.assign({}, props, { className: cn(className), style: componentStyle }),
-        React.createElement("div", { "aria-hidden": ariaHidden, className: cn(innerClassName), ref: contentElement }, children)));
+    return (React.createElement("div", Object.assign({}, props, { className: className, style: componentStyle }),
+        React.createElement("div", { "aria-hidden": ariaHidden, className: innerClassName, ref: contentElement }, children)));
 };
 export default AnimateHeight;
 //# sourceMappingURL=AnimateHeight.js.map