@navikt/ds-react 7.40.0 → 8.0.1

package/esm/accordion/AccordionItem.js

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

package/esm/accordion/AccordionItem.js.map

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

package/esm/alert/Alert.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from "react";
 import { CheckmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, InformationSquareFillIcon, XMarkIcon, XMarkOctagonFillIcon, } from "@navikt/aksel-icons";
 import { Button } from "../button/index.js";
-import { useRenameCSS } from "../theme/Theme.js";
 import { BodyLong } from "../typography/index.js";
+import { cl } from "../util/className.js";
 import { useI18n } from "../util/i18n/i18n.hooks.js";
 const IconMap = {
     error: XMarkOctagonFillIcon,
@@ -32,18 +32,17 @@ const IconMap = {
  */
 export const Alert = forwardRef((_a, ref) => {
     var { children, className, variant, size = "medium", fullWidth = false, contentMaxWidth = true, inline = false, closeButton = false, onClose } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "contentMaxWidth", "inline", "closeButton", "onClose"]);
-    const { cn } = useRenameCSS();
     const translate = useI18n("global");
     const Icon = IconMap[variant];
-    return (React.createElement("div", Object.assign({}, rest, { "data-color": variantToRole(variant), "data-variant": variant, ref: ref, className: cn(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, {
-            "navds-alert--full-width": fullWidth,
-            "navds-alert--inline": inline,
-            "navds-alert--close-button": closeButton,
+    return (React.createElement("div", Object.assign({}, rest, { "data-color": variantToRole(variant), "data-variant": variant, ref: ref, className: cl(className, "aksel-alert", `aksel-alert--${variant}`, `aksel-alert--${size}`, {
+            "aksel-alert--full-width": fullWidth,
+            "aksel-alert--inline": inline,
+            "aksel-alert--close-button": closeButton,
         }) }),
-        React.createElement(Icon, { title: translate(variant), className: cn("navds-alert__icon") }),
-        React.createElement(BodyLong, { as: "div", size: size, className: cn("navds-alert__wrapper", contentMaxWidth && "navds-alert__wrapper--maxwidth") }, children),
-        closeButton && !inline && (React.createElement("div", { className: cn("navds-alert__button-wrapper") },
-            React.createElement(Button, { className: cn("navds-alert__button"), size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: translate("close") }) })))));
+        React.createElement(Icon, { title: translate(variant), className: "aksel-alert__icon" }),
+        React.createElement(BodyLong, { as: "div", size: size, className: cl("aksel-alert__wrapper", contentMaxWidth && "aksel-alert__wrapper--maxwidth") }, children),
+        closeButton && !inline && (React.createElement("div", { className: "aksel-alert__button-wrapper" },
+            React.createElement(Button, { className: "aksel-alert__button", size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: translate("close") }) })))));
 });
 function variantToRole(variant) {
     switch (variant) {

package/esm/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,SAAS,EACT,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAkDlD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,+BAA+B;IACxC,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CACL,6CACM,IAAI,kBACI,aAAa,CAAC,OAAO,CAAC,kBACpB,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAAI;QACvE,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,6BAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAC/C,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAA8B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,SAAS,EACT,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAkDlD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,+BAA+B;IACxC,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CACL,6CACM,IAAI,kBACI,aAAa,CAAC,OAAO,CAAC,kBACpB,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACjE,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,MAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAA8B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAED,eAAe,KAAK,CAAC"}

package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
 import { Button } from "../../../button/index.js";
-import { useRenameCSS } from "../../../theme/Theme.js";
+import { cl } from "../../../util/className.js";
 import { useI18n } from "../../../util/i18n/i18n.hooks.js";
 /**
  * @see 🏷️ {@link BaseAlertCloseButtonProps}
@@ -28,9 +28,8 @@ import { useI18n } from "../../../util/i18n/i18n.hooks.js";
  */
 const BaseAlertCloseButton = forwardRef((_a, forwardedRef) => {
     var { className } = _a, restProps = __rest(_a, ["className"]);
-    const { cn } = useRenameCSS();
     const translate = useI18n("global");
-    return (React.createElement(Button, Object.assign({ ref: forwardedRef, type: "button" }, restProps, { "data-color": "neutral", variant: "tertiary-neutral", className: cn(className, "navds-base-alert__close-button"), size: "small", title: translate("close"), icon: React.createElement(XMarkIcon, { "aria-hidden": true }) })));
+    return (React.createElement(Button, Object.assign({ ref: forwardedRef, type: "button" }, restProps, { "data-color": "neutral", variant: "tertiary-neutral", className: cl(className, "aksel-base-alert__close-button"), size: "small", title: translate("close"), icon: React.createElement(XMarkIcon, { "aria-hidden": true }) })));
 });
 export { BaseAlertCloseButton };
 //# sourceMappingURL=BaseAlertCloseButton.js.map

package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/close-button/BaseAlertCloseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAIxD;;;;;;;;;;;GAWG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAGrC,CAAC,EAAsD,EAAE,YAAY,EAAE,EAAE;QAAxE,EAAE,SAAS,OAA2C,EAAtC,SAAS,cAAzB,aAA2B,CAAF;IAC1B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,MAAM,kBACL,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,IACT,SAAS,kBACF,SAAS,EACpB,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gCAAgC,CAAC,EAC1D,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EACzB,IAAI,EAAE,oBAAC,SAAS,0BAAe,IAC/B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/close-button/BaseAlertCloseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAIxD;;;;;;;;;;;GAWG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAGrC,CAAC,EAAsD,EAAE,YAAY,EAAE,EAAE;QAAxE,EAAE,SAAS,OAA2C,EAAtC,SAAS,cAAzB,aAA2B,CAAF;IAC1B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,MAAM,kBACL,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,IACT,SAAS,kBACF,SAAS,EACpB,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gCAAgC,CAAC,EAC1D,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EACzB,IAAI,EAAE,oBAAC,SAAS,0BAAe,IAC/B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/esm/alert/base-alert/content/BaseAlertContent.js

@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS, useThemeInternal } from "../../../theme/Theme.js";
+import { useThemeInternal } from "../../../theme/Theme.js";
+import { cl } from "../../../util/className.js";
 /**
  * @see 🏷️ {@link BaseAlertContentProps}
  * @example
@@ -26,9 +27,8 @@ import { useRenameCSS, useThemeInternal } from "../../../theme/Theme.js";
  */
 const BaseAlertContent = forwardRef((_a, forwardedRef) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    const { cn } = useRenameCSS();
     const themeContext = useThemeInternal();
-    return (React.createElement("div", Object.assign({ ref: forwardedRef, "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, restProps, { className: cn(className, "navds-base-alert__content") }), children));
+    return (React.createElement("div", Object.assign({ ref: forwardedRef, "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, restProps, { className: cl(className, "aksel-base-alert__content") }), children));
 });
 export { BaseAlertContent };
 //# sourceMappingURL=BaseAlertContent.js.map

package/esm/alert/base-alert/content/BaseAlertContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/content/BaseAlertContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMtE;;;;;;;;;;;;GAYG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAA4D,EAC5D,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,OAAuC,EAAlC,SAAS,cAAnC,yBAAqC,CAAF;IAGnC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,gBACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAC3B,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,2BAA2B,CAAC,KAEpD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/content/BaseAlertContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAM7C;;;;;;;;;;;;GAYG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAA4D,EAC5D,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,OAAuC,EAAlC,SAAS,cAAnC,yBAAqC,CAAF;IAGnC,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,gBACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAC3B,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,2BAA2B,CAAC,KAEpD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/alert/base-alert/header/BaseAlertHeader.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../../theme/Theme.js";
 import { BodyShort } from "../../../typography/index.js";
+import { cl } from "../../../util/className.js";
 import { useI18n } from "../../../util/i18n/i18n.hooks.js";
 import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
 import { BaseAlertStatusIcon } from "../root/BaseAlertRoot.utils.js";
@@ -28,12 +28,11 @@ import { BaseAlertStatusIcon } from "../root/BaseAlertRoot.utils.js";
  */
 const BaseAlertHeader = forwardRef((_a, forwardedRef) => {
     var { children, className, icon } = _a, restProps = __rest(_a, ["children", "className", "icon"]);
-    const { cn } = useRenameCSS();
     const { status, color, statusId } = useBaseAlert();
     const translate = useI18n("global");
     const headerIcon = icon !== null && icon !== void 0 ? icon : (status ? React.createElement(BaseAlertStatusIcon, { status: status }) : null);
-    return (React.createElement("div", Object.assign({ ref: forwardedRef }, restProps, { "data-color": color, className: cn(className, "navds-base-alert__header") }),
-        headerIcon && (React.createElement("div", { className: cn("navds-base-alert__icon") }, headerIcon)),
+    return (React.createElement("div", Object.assign({ ref: forwardedRef }, restProps, { "data-color": color, className: cl(className, "aksel-base-alert__header") }),
+        headerIcon && (React.createElement("div", { className: "aksel-base-alert__icon" }, headerIcon)),
         status && (React.createElement(BodyShort, { id: statusId, "aria-hidden": true, visuallyHidden: true }, `${translate(status)}: `)),
         children));
 });

package/esm/alert/base-alert/header/BaseAlertHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/header/BaseAlertHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAUlE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EAAiE,EACjE,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,OAAsC,EAAjC,SAAS,cAAzC,iCAA2C,CAAF;IAGzC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GACd,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpE,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,IACb,SAAS,kBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC;QAEnD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,UAAU,CAAO,CACjE;QACA,MAAM,IAAI,CACT,oBAAC,SAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/header/BaseAlertHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAUlE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EAAiE,EACjE,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,OAAsC,EAAjC,SAAS,cAAzC,iCAA2C,CAAF;IAGzC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GACd,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpE,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,IACb,SAAS,kBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC;QAEnD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,wBAAwB,IAAE,UAAU,CAAO,CAC3D;QACA,MAAM,IAAI,CACT,oBAAC,SAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/esm/alert/base-alert/root/BaseAlertRoot.d.ts

@@ -12,7 +12,9 @@ interface BaseAlertProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     size?: BaseAlertContextProps["size"];
     /**
-     * Overrides color
+     * Overrides inherited color.
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
      */
     "data-color"?: AkselColor;
     /**

package/esm/alert/base-alert/root/BaseAlertRoot.js

@@ -10,19 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../../theme/Theme.js";
 import { useId } from "../../../util/index.js";
+import { cl } from "../../../util/className.js";
 import { useI18n } from "../../../util/i18n/i18n.hooks.js";
 import { BaseAlertProvider, } from "./BaseAlertRoot.context.js";
 import { baseAlertStatusToDataColor } from "./BaseAlertRoot.utils.js";
 const BaseAlert = forwardRef((_a, forwardedRef) => {
     var { children, className, size = "medium", "data-color": dataColor, type, global = false, status, as: Component = "section", "aria-label": ariaLabel, role } = _a, restProps = __rest(_a, ["children", "className", "size", "data-color", "type", "global", "status", "as", "aria-label", "role"]);
-    const { cn } = useRenameCSS();
     const statusId = useId();
     const translate = useI18n("global");
     const alertColor = status ? baseAlertStatusToDataColor(status) : dataColor;
     return (React.createElement(BaseAlertProvider, { size: size, status: status, color: alertColor, statusId: type === "strong" ? statusId : undefined },
-        React.createElement(Component, Object.assign({ "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (!status || Component === "div" ? undefined : translate(status)), ref: forwardedRef }, restProps, { className: cn(className, "navds-base-alert"), "data-size": size, "data-color": alertColor, "data-variant": type, "data-global": global }),
+        React.createElement(Component, Object.assign({ "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (!status || Component === "div" ? undefined : translate(status)), ref: forwardedRef }, restProps, { className: cl(className, "aksel-base-alert"), "data-size": size, "data-color": alertColor, "data-variant": type, "data-global": global }),
             React.createElement("div", { role: role }, children))));
 });
 export { BaseAlert };

package/esm/alert/base-alert/root/BaseAlertRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAEL,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAwCnE,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAYiB,EACjB,YAAY,EACZ,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,SAAS,EACzB,YAAY,EAAE,SAAS,EACvB,IAAI,OAEW,EADZ,SAAS,cAXd,uGAYC,CADa;IAId,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAElD,oBAAC,SAAS,gCAEN,SAAS,aAAT,SAAS,cAAT,SAAS,GACT,CAAC,CAAC,MAAM,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAElE,GAAG,EAAE,YAAY,IACb,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,eACjC,IAAI,gBACH,UAAU,kBACR,IAAI,iBACL,MAAM;YAEnB,6BAAK,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAO,CACvB,CACM,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAEL,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AA0CnE,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAYiB,EACjB,YAAY,EACZ,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,SAAS,EACzB,YAAY,EAAE,SAAS,EACvB,IAAI,OAEW,EADZ,SAAS,cAXd,uGAYC,CADa;IAId,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAElD,oBAAC,SAAS,gCAEN,SAAS,aAAT,SAAS,cAAT,SAAS,GACT,CAAC,CAAC,MAAM,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAElE,GAAG,EAAE,YAAY,IACb,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,eACjC,IAAI,gBACH,UAAU,kBACR,IAAI,iBACL,MAAM;YAEnB,6BAAK,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAO,CACvB,CACM,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/esm/alert/base-alert/title/BaseAlertTitle.js

@@ -9,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import cl from "clsx";
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../../theme/Theme.js";
 import { BodyShort } from "../../../typography/index.js";
 import { useId } from "../../../util/index.js";
+import { cl } from "../../../util/className.js";
 import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
 /**
  * Title component for BaseAlert. Remember to use correct heading-level with the `as` prop.
@@ -29,10 +28,9 @@ import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
  */
 const BaseAlertTitle = forwardRef((_a, forwardedRef) => {
     var { children, className, as = "h2", id: idProp } = _a, restProps = __rest(_a, ["children", "className", "as", "id"]);
-    const { cn } = useRenameCSS();
     const { size, statusId } = useBaseAlert();
     const titleId = useId(idProp);
-    return (React.createElement(BodyShort, Object.assign({ ref: forwardedRef }, restProps, { as: as, size: size === "medium" ? "large" : "medium", weight: "semibold", className: cn(className, "navds-base-alert__title"), id: titleId, "aria-labelledby": statusId ? cl(statusId, titleId) : undefined }), children));
+    return (React.createElement(BodyShort, Object.assign({ ref: forwardedRef }, restProps, { as: as, size: size === "medium" ? "large" : "medium", weight: "semibold", className: cl(className, "aksel-base-alert__title"), id: titleId, "aria-labelledby": statusId ? cl(statusId, titleId) : undefined }), children));
 });
 export { BaseAlertTitle };
 //# sourceMappingURL=BaseAlertTitle.js.map

package/esm/alert/base-alert/title/BaseAlertTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertTitle.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/title/BaseAlertTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAW7D;;;;;;;;;;;GAWG;AACH,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EAMsB,EACtB,YAAY,EACZ,EAAE;QARF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,IAAI,EACT,EAAE,EAAE,MAAM,OAEU,EADjB,SAAS,cALd,qCAMC,CADa;IAId,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,IACb,SAAS,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,EAAE,EAAE,OAAO,qBACM,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,KAE5D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertTitle.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/title/BaseAlertTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAW7D;;;;;;;;;;;GAWG;AACH,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EAMsB,EACtB,YAAY,EACZ,EAAE;QARF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,IAAI,EACT,EAAE,EAAE,MAAM,OAEU,EADjB,SAAS,cALd,qCAMC,CADa;IAId,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,IACb,SAAS,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,EAAE,EAAE,OAAO,qBACM,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,KAE5D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/alert/global-alert/root/GlobalAlertRoot.d.ts

@@ -6,6 +6,10 @@ import { GlobalAlertHeader, type GlobalAlertHeaderProps } from "../header/Global
 import { GlobalAlertTitle, type GlobalAlertTitleProps } from "../title/GlobalAlertTitle.js";
 interface GlobalAlertProps extends Omit<BaseAlert.RootProps, "type" | "global" | "data-color"> {
     status: Exclude<BaseAlert.RootProps["status"], undefined>;
+    /**
+     * data-color has no effect on GlobalAlert.
+     */
+    "data-color"?: never;
     /**
      *  Whether title and content are centered or not.
      * @default true

package/esm/alert/global-alert/root/GlobalAlertRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/global-alert/root/GlobalAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,sBAAsB,GAEvB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,kBAAkB,GAEnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,GAElB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,gBAAgB,GAEjB,MAAM,2BAA2B,CAAC;AAyEnC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAA8C,EAAE,YAAY,EAAE,EAAE;QAAhE,EAAE,QAAQ,GAAG,IAAI,OAA6B,EAAxB,IAAI,cAA1B,YAA4B,CAAF;IACzB,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,IACR,IAAI,IACR,IAAI,EAAC,QAAQ,EACb,MAAM,yBACS,QAAQ,IACvB,CACH,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAEjD,eAAe,WAAW,CAAC;AAC3B,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"GlobalAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/global-alert/root/GlobalAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,sBAAsB,GAEvB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,kBAAkB,GAEnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,GAElB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,gBAAgB,GAEjB,MAAM,2BAA2B,CAAC;AA6EnC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAA8C,EAAE,YAAY,EAAE,EAAE;QAAhE,EAAE,QAAQ,GAAG,IAAI,OAA6B,EAAxB,IAAI,cAA1B,YAA4B,CAAF;IACzB,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,IACR,IAAI,IACR,IAAI,EAAC,QAAQ,EACb,MAAM,yBACS,QAAQ,IACvB,CACH,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAEjD,eAAe,WAAW,CAAC;AAC3B,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC"}

package/esm/alert/local-alert/root/LocalAlertRoot.d.ts

@@ -6,6 +6,10 @@ import { LocalAlertHeader, type LocalAlertHeaderProps } from "../header/LocalAle
 import { LocalAlertTitle, type LocalAlertTitleProps } from "../title/LocalAlertTitle.js";
 interface LocalAlertProps extends Omit<BaseAlert.RootProps, "type" | "global" | "data-color"> {
     status: Exclude<BaseAlert.RootProps["status"], undefined>;
+    /**
+     * data-color has no effect on LocalAlert.
+     */
+    "data-color"?: never;
 }
 interface LocalAlertComponent extends React.ForwardRefExoticComponent<LocalAlertProps & React.RefAttributes<HTMLDivElement>> {
     /**

package/esm/alert/local-alert/root/LocalAlertRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/root/LocalAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,GAEtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,iBAAiB,GAElB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,gBAAgB,GAEjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,GAEhB,MAAM,0BAA0B,CAAC;AAoElC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAyC,EAAE,YAAY,EAAE,EAAE;QAA3D,EAAE,MAAM,OAAiC,EAA5B,SAAS,cAAtB,UAAwB,CAAF;IACrB,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,IACR,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,IACd,CACH,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,UAAU,CAAC,MAAM,GAAG,gBAAgB,CAAC;AACrC,UAAU,CAAC,KAAK,GAAG,eAAe,CAAC;AACnC,UAAU,CAAC,OAAO,GAAG,iBAAiB,CAAC;AACvC,UAAU,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAE/C,eAAe,UAAU,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"LocalAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/root/LocalAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,qBAAqB,GAEtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,iBAAiB,GAElB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,gBAAgB,GAEjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,GAEhB,MAAM,0BAA0B,CAAC;AAwElC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAyC,EAAE,YAAY,EAAE,EAAE;QAA3D,EAAE,MAAM,OAAiC,EAA5B,SAAS,cAAtB,UAAwB,CAAF;IACrB,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,IACR,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,IACd,CACH,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,UAAU,CAAC,MAAM,GAAG,gBAAgB,CAAC;AACrC,UAAU,CAAC,KAAK,GAAG,eAAe,CAAC;AACnC,UAAU,CAAC,OAAO,GAAG,iBAAiB,CAAC;AACvC,UAAU,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAE/C,eAAe,UAAU,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,GACtB,CAAC"}

package/esm/button/Button.d.ts

@@ -1,5 +1,10 @@
 import React from "react";
+import { AkselColor } from "../types/index.js";
 import { OverridableComponent } from "../util/types/index.js";
+type legacyVariants = "primary-neutral" | "secondary-neutral" | "tertiary-neutral" | "danger";
+type HiddenVariant = legacyVariants & {
+    __brand?: never;
+};
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button content.
@@ -9,7 +14,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * Changes design and interaction-visuals.
      * @default "primary"
      */
-    variant?: "primary" | "primary-neutral" | "secondary" | "secondary-neutral" | "tertiary" | "tertiary-neutral" | "danger";
+    variant?: "primary" | "secondary" | "tertiary" | HiddenVariant;
     /**
      * Changes padding, height, and font-size.
      * @default "medium"
@@ -35,6 +40,14 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * @default "left"
      */
     iconPosition?: "left" | "right";
+    /**
+     * Overrides inherited color.
+     *
+     * We recommend only using `accent`, `neutral` and `danger`.
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: AkselColor;
 }
 /**
  * A button component

package/esm/button/Button.js

@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from "react";
 import { Loader } from "../loader/index.js";
-import { useRenameCSS } from "../theme/Theme.js";
 import { Label } from "../typography/index.js";
 import { omit } from "../util/index.js";
+import { cl } from "../util/className.js";
 import { composeEventHandlers } from "../util/composeEventHandlers.js";
 /**
  * A button component
@@ -27,22 +27,21 @@ import { composeEventHandlers } from "../util/composeEventHandlers.js";
  */
 export const Button = forwardRef((_a, ref) => {
     var { as: Component = "button", variant = "primary", className, children, size = "medium", loading = false, disabled, icon, iconPosition = "left", onKeyUp, "data-color": color } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size", "loading", "disabled", "icon", "iconPosition", "onKeyUp", "data-color"]);
-    const { cn } = useRenameCSS();
     const filterProps = disabled || loading ? omit(rest, ["href"]) : rest;
     const handleKeyUp = (e) => {
         if (e.key === " " && !disabled && !loading) {
             e.currentTarget.click();
         }
     };
-    return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), { "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": variantToSimplifiedVariant(variant) }, filterProps, { ref: ref, onKeyUp: composeEventHandlers(onKeyUp, handleKeyUp), className: cn(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, {
-            "navds-button--loading": loading,
-            "navds-button--icon-only": !!icon && !children,
-            "navds-button--disabled": disabled !== null && disabled !== void 0 ? disabled : loading,
+    return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), { "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": variantToSimplifiedVariant(variant) }, filterProps, { ref: ref, onKeyUp: composeEventHandlers(onKeyUp, handleKeyUp), className: cl(className, "aksel-button", `aksel-button--${size}`, {
+            "aksel-button--loading": loading,
+            "aksel-button--icon-only": !!icon && !children,
+            "aksel-button--disabled": disabled !== null && disabled !== void 0 ? disabled : loading,
         }), disabled: (disabled !== null && disabled !== void 0 ? disabled : loading) ? true : undefined }),
-        icon && iconPosition === "left" && (React.createElement("span", { className: cn("navds-button__icon") }, icon)),
+        icon && iconPosition === "left" && (React.createElement("span", { className: "aksel-button__icon" }, icon)),
         loading && React.createElement(Loader, { size: size }),
         children && (React.createElement(Label, { as: "span", size: size === "medium" ? "medium" : "small" }, children)),
-        icon && iconPosition === "right" && (React.createElement("span", { className: cn("navds-button__icon") }, icon))));
+        icon && iconPosition === "right" && (React.createElement("span", { className: "aksel-button__icon" }, icon))));
 });
 function variantToColor(variant) {
     switch (variant) {

package/esm/button/Button.js.map

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

package/esm/chat/Bubble.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 { Detail, Heading } from "../typography/index.js";
+import { cl } from "../util/className.js";
 const Bubble = forwardRef((_a, ref) => {
     var { children, className, name, timestamp, toptextPosition, toptextHeadingLevel = "3" } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "toptextPosition", "toptextHeadingLevel"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat__bubble", className) }, rest),
-        (timestamp || name) && (React.createElement(Heading, { size: "xsmall", level: toptextHeadingLevel, className: cn(`navds-chat__top-text`, toptextPosition && `navds-chat__top-text--${toptextPosition}`) },
+    return (React.createElement("div", Object.assign({ ref: ref, className: cl("aksel-chat__bubble", className) }, rest),
+        (timestamp || name) && (React.createElement(Heading, { size: "xsmall", level: toptextHeadingLevel, className: cl("aksel-chat__top-text", toptextPosition && `aksel-chat__top-text--${toptextPosition}`) },
             name && React.createElement(Detail, { as: "span" }, name),
             name && timestamp && (React.createElement(Detail, { as: "span", "aria-hidden": true }, "\u2022")),
             timestamp && React.createElement(Detail, { as: "span" }, timestamp))),

package/esm/chat/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/chat/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AA0B9D,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,eAAe,EACf,mBAAmB,GAAG,GAAG,OAE1B,EADI,IAAI,cAPT,wFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,IAAI;QACpE,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CACtB,oBAAC,OAAO,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,yBAAyB,eAAe,EAAE,CAC9D;YAEA,IAAI,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAU;YACzC,IAAI,IAAI,SAAS,IAAI,CACpB,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,kCAER,CACV;YACA,SAAS,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,SAAS,CAAU,CAC5C,CACX;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/chat/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AA0BvC,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,eAAe,EACf,mBAAmB,GAAG,GAAG,OAE1B,EADI,IAAI,cAPT,wFAQC,CADQ;IAIT,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,IAAI;QACpE,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CACtB,oBAAC,OAAO,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,yBAAyB,eAAe,EAAE,CAC9D;YAEA,IAAI,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAU;YACzC,IAAI,IAAI,SAAS,IAAI,CACpB,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,kCAER,CACV;YACA,SAAS,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,SAAS,CAAU,CAC5C,CACX;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/chat/Chat.d.ts

@@ -1,4 +1,6 @@
 import React, { HTMLAttributes } from "react";
+import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
+import { AkselColor } from "../types/index.js";
 import { HeadingProps } from "../typography/index.js";
 import Bubble from "./Bubble.js";
 export declare const VARIANTS: readonly ["subtle", "info", "neutral"];
@@ -24,9 +26,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
      */
     avatar?: React.ReactNode;
     /**
-     * Changes background color on avatar and bubbles.
-     * Avoid using the same background as the surface behind Chat.
-     * @default "neutral"
+     * @deprecated Use `data-color` prop instead.
      */
     variant?: (typeof VARIANTS)[number];
     /**
@@ -49,6 +49,14 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
      * @default "3"
      */
     toptextHeadingLevel?: Exclude<HeadingProps["level"], "1">;
+    /**
+     * Overrides inherited color.
+     *
+     * We have disallowed status-colors.
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
 }
 interface ChatComponent extends React.ForwardRefExoticComponent<ChatProps & React.RefAttributes<HTMLDivElement>> {
     /**

package/esm/chat/Chat.js

@@ -10,8 +10,8 @@ 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";
 import Bubble from "./Bubble.js";
 export const VARIANTS = ["subtle", "info", "neutral"];
 export const POSITIONS = ["left", "right"];
@@ -35,10 +35,9 @@ export const SIZES = ["medium", "small"];
  */
 export const Chat = forwardRef((_a, ref) => {
     var { children, className, name, timestamp, avatar, position = "left", variant = "neutral", toptextPosition, size = "medium", toptextHeadingLevel = "3", "data-color": color } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "avatar", "position", "variant", "toptextPosition", "size", "toptextHeadingLevel", "data-color"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat", className, `navds-chat--${position}`, `navds-chat--top-text-${toptextPosition !== null && toptextPosition !== void 0 ? toptextPosition : position}`, `navds-chat--${size}`, `navds-chat--${variant}`), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { "data-variant": variant }),
-        avatar && (React.createElement("div", { className: cn("navds-chat__avatar"), "aria-hidden": true }, avatar)),
-        React.createElement(BodyLong, { as: "div", size: size, className: cn("navds-chat__bubble-wrapper") }, React.Children.map(children, (child, i) => {
+    return (React.createElement("div", Object.assign({ ref: ref, className: cl("aksel-chat", className, `aksel-chat--${position}`, `aksel-chat--top-text-${toptextPosition !== null && toptextPosition !== void 0 ? toptextPosition : position}`, `aksel-chat--${size}`, `aksel-chat--${variant}`), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { "data-variant": variant }),
+        avatar && (React.createElement("div", { className: "aksel-chat__avatar", "aria-hidden": true }, avatar)),
+        React.createElement(BodyLong, { as: "div", size: size, className: "aksel-chat__bubble-wrapper" }, React.Children.map(children, (child, i) => {
             if (!React.isValidElement(child)) {
                 return null;
             }

package/esm/chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AACvD,OAAO,MAAgC,MAAM,UAAU,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AA2DlD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAaY,EACZ,GAAG,EACH,EAAE;QAfF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,GAAG,EACzB,YAAY,EAAE,KAAK,OAET,EADP,IAAI,cAZT,+IAaC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,gBACW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,oBACM,OAAO;QAEpB,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,yBACrC,MAAM,CACH,CACP;QACD,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAE1C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAkB,KAAK,CAAC,EAAE,CAAC;gBAClD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kBAC7B,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,mBAAmB,IAChB,KAAK,CAAC,KAAK,EACd,CAAC;QACL,CAAC,CAAC,CACO,CACP,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,SAAS,cAAc,CAAC,OAA6B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AAErB,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAgC,MAAM,UAAU,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAiElD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAaY,EACZ,GAAG,EACH,EAAE;QAfF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,GAAG,EACzB,YAAY,EAAE,KAAK,OAET,EADP,IAAI,cAZT,+IAaC,CADQ;IAIT,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,gBACW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,oBACM,OAAO;QAEpB,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,oBAAoB,yBAChC,MAAM,CACH,CACP;QACD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,4BAA4B,IAClE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAkB,KAAK,CAAC,EAAE,CAAC;gBAClD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kBAC7B,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,mBAAmB,IAChB,KAAK,CAAC,KAAK,EACd,CAAC;QACL,CAAC,CAAC,CACO,CACP,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,SAAS,cAAc,CAAC,OAA6B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AAErB,eAAe,IAAI,CAAC"}

package/esm/chips/Chips.d.ts

@@ -32,23 +32,23 @@ interface ChipsComponent extends React.ForwardRefExoticComponent<ChipsProps & Re
  *
  * @example
  * ```jsx
-      <Chips size="small">
-        {options.map((c) => (
-          <Chips.Toggle
-            selected={selected.includes(c)}
-            key={c}
-            onClick={() =>
-              setSelected(
-                selected.includes(c)
-                  ? selected.filter((x) => x !== c)
-                  : [...selected, c]
-              )
-            }
-          >
-            {c}
-          </Chips.Toggle>
-        ))}
-      </Chips>
+ *    <Chips size="small">
+ *      {options.map((c) => (
+ *        <Chips.Toggle
+ *          selected={selected.includes(c)}
+ *          key={c}
+ *          onClick={() =>
+ *            setSelected(
+ *              selected.includes(c)
+ *                ? selected.filter((x) => x !== c)
+ *                : [...selected, c]
+ *            )
+ *          }
+ *        >
+ *          {c}
+ *        </Chips.Toggle>
+ *      ))}
+ *    </Chips>
  * ```
  */
 export declare const Chips: ChipsComponent;