@navikt/ds-react 7.40.0 → 8.0.1

package/cjs/layout/utilities/css.js

@@ -2,58 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getResponsiveValue = getResponsiveValue;
 exports.getResponsiveProps = getResponsiveProps;
-function getResponsiveValue(prefix, componentName, componentProp, responsiveProp) {
+const TOKEN_PREFIX = "ax";
+function getResponsiveValue(componentName, componentProp, responsiveProp) {
     if (!responsiveProp) {
         return {};
     }
     if (typeof responsiveProp === "string") {
         return {
-            [`--__${prefix}c-${componentName}-${componentProp}-xs`]: responsiveProp,
+            [`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: responsiveProp,
         };
     }
     return Object.fromEntries(Object.entries(responsiveProp).map(([breakpointAlias, responsiveValue]) => [
-        `--__${prefix}c-${componentName}-${componentProp}-${breakpointAlias}`,
+        `--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`,
         responsiveValue,
     ]));
 }
-/**
- * Temporary lookup for mapping legacy spacing tokens to new space tokens.
- */
-const legacySpacingTokenLookup = {
-    "--ax-spacing-32": "--ax-space-128",
-    "--ax-spacing-24": "--ax-space-96",
-    "--ax-spacing-20": "--ax-space-80",
-    "--ax-spacing-18": "--ax-space-72",
-    "--ax-spacing-16": "--ax-space-64",
-    "--ax-spacing-14": "--ax-space-56",
-    "--ax-spacing-12": "--ax-space-48",
-    "--ax-spacing-11": "--ax-space-44",
-    "--ax-spacing-10": "--ax-space-40",
-    "--ax-spacing-9": "--ax-space-36",
-    "--ax-spacing-8": "--ax-space-32",
-    "--ax-spacing-7": "--ax-space-28",
-    "--ax-spacing-6": "--ax-space-24",
-    "--ax-spacing-5": "--ax-space-20",
-    "--ax-spacing-4": "--ax-space-16",
-    "--ax-spacing-3": "--ax-space-12",
-    "--ax-spacing-2": "--ax-space-8",
-    "--ax-spacing-1-alt": "--ax-space-6",
-    "--ax-spacing-1": "--ax-space-4",
-    "--ax-spacing-05": "--ax-space-2",
-    "--ax-spacing-0": "--ax-space-0",
-};
-const legacyBorderRadiusNameTokenLookup = {
-    full: "full",
-    xlarge: "12",
-    large: "8",
-    medium: "4",
-    small: "2",
-};
-const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert, prefix) => {
+const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert) => {
     return tokenString
         .split(" ")
         .map((propValue, _, arr) => {
-        var _a, _b;
         // Handle special layout cases
         if (specialLayout === "margin-inline" && propValue === "full") {
             return `calc((100vw - ${100 / arr.length}%)/-2)`;
@@ -65,22 +32,15 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
             return "auto";
         }
         // Handle exceptions and space tokens
-        let output = `var(--${prefix}-${tokenSubgroup}-${propValue})`;
+        let output = `var(--${TOKEN_PREFIX}-${tokenSubgroup}-${propValue})`;
         if (tokenExceptions.includes(propValue)) {
-            output = propValue === "px" ? "1px" : propValue;
-        }
-        else if (tokenSubgroup === "spacing" && propValue.startsWith("space")) {
-            /* Use new "space-x" tokens */
-            output = `var(--${prefix}-${propValue})`;
+            output = propValue;
         }
-        else if (tokenSubgroup === "spacing") {
-            /* Translate old "spacing" tokens to new "space" tokens */
-            const spacingTokenName = `--${prefix}-spacing-${propValue}`;
-            output = `var(${(_a = legacySpacingTokenLookup[spacingTokenName]) !== null && _a !== void 0 ? _a : spacingTokenName})`;
+        else if (tokenSubgroup === "space") {
+            output = `var(--${TOKEN_PREFIX}-${propValue})`;
         }
         else if (tokenSubgroup === "radius") {
-            const name = (_b = legacyBorderRadiusNameTokenLookup[propValue]) !== null && _b !== void 0 ? _b : propValue;
-            output = `var(--${prefix}-radius-${name})`;
+            output = `var(--${TOKEN_PREFIX}-radius-${propValue})`;
         }
         // Handle inversion for negative values
         if (invert) {
@@ -92,18 +52,18 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
     })
         .join(" ");
 };
-function getResponsiveProps(prefix, componentName, componentProp, tokenSubgroup, responsiveProp, invert = false, tokenExceptions = []) {
+function getResponsiveProps(componentName, componentProp, tokenSubgroup, responsiveProp, invert = false, tokenExceptions = []) {
     if (!responsiveProp) {
         return {};
     }
     if (typeof responsiveProp === "string") {
         return {
-            [`--__${prefix}c-${componentName}-${componentProp}-xs`]: translateTokenStringToCSS(componentProp, responsiveProp, tokenSubgroup, tokenExceptions, invert, prefix),
+            [`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: translateTokenStringToCSS(componentProp, responsiveProp, tokenSubgroup, tokenExceptions, invert),
         };
     }
     const styleProps = {};
     Object.entries(responsiveProp).forEach(([breakpointAlias, aliasOrScale]) => {
-        styleProps[`--__${prefix}c-${componentName}-${componentProp}-${breakpointAlias}`] = translateTokenStringToCSS(componentProp, aliasOrScale, tokenSubgroup, tokenExceptions, invert, prefix);
+        styleProps[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`] = translateTokenStringToCSS(componentProp, aliasOrScale, tokenSubgroup, tokenExceptions, invert);
     });
     return styleProps;
 }

package/cjs/layout/utilities/css.js.map

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

package/cjs/layout/utilities/types.d.ts

@@ -1,11 +1,7 @@
-import type { AkselBorderRadiusToken, AkselBreakpointToken, AkselLegacyBackgroundColorToken, AkselLegacyBorderColorToken, AkselLegacyBorderRadiusToken, AkselLegacyShadowToken, AkselLegacySpacingToken, AkselLegacySurfaceColorToken, AkselSpaceToken } from "@navikt/ds-tokens/types";
-export type BackgroundColorToken = AkselLegacyBackgroundColorToken;
-export type SurfaceColorToken = AkselLegacySurfaceColorToken;
-export type BorderColorToken = AkselLegacyBorderColorToken;
-export type ShadowToken = AkselLegacyShadowToken;
+import type { AkselBorderRadiusToken, AkselBreakpointToken, AkselSpaceToken } from "@navikt/ds-tokens/types";
 export type BreakpointsAlias = Extract<AkselBreakpointToken, "xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
-export type SpacingScale = AkselLegacySpacingToken | AkselSpaceToken;
-export type BorderRadiusScale = AkselLegacyBorderRadiusToken | AkselBorderRadiusToken;
+export type SpacingScale = AkselSpaceToken;
+export type BorderRadiusScale = AkselBorderRadiusToken;
 export type SpaceDelimitedAttribute<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
 type FixedResponsiveT<T> = {
     [Breakpoint in BreakpointsAlias]?: T;

package/cjs/link/Link.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
+import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
+import { AkselColor } from "../types";
 import { OverridableComponent } from "../util/types";
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
@@ -15,14 +17,21 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
      */
     inlineText?: boolean;
     /**
-     * Variant of the component to use.
-     * @default "action"
+     * @deprecated Deprecated in v8. Use `data-color` prop instead.
      */
     variant?: "action" | "neutral" | "subtle";
     /**
      * Link text
      */
     children: React.ReactNode;
+    /**
+     * Overrides inherited color.
+     *
+     * We recommend only using `accent` and `neutral`. We have disallowed status-colors.
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
 }
 /**
  * A component that displays a hyperlink.

package/cjs/link/Link.js

@@ -46,7 +46,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
+const className_1 = require("../util/className");
 /**
  * A component that displays a hyperlink.
  *
@@ -70,22 +70,9 @@ const Theme_1 = require("../theme/Theme");
  */
 exports.Link = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "a", className, underline = true, variant, inlineText = false, "data-color": color } = _a, rest = __rest(_a, ["as", "className", "underline", "variant", "inlineText", "data-color"]);
-    const themeContext = (0, Theme_1.useThemeInternal)();
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    /*
-     * We avoid defaulting to "action" in darkside.
-     */
-    let localVariant;
-    if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
-        localVariant = variant;
-    }
-    else {
-        localVariant = variant !== null && variant !== void 0 ? variant : "action";
-    }
-    return (react_1.default.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant), "data-variant": localVariant }, rest, { ref: ref, className: cn("navds-link", className, {
-            [`navds-link--${localVariant}`]: localVariant,
-            "navds-link--remove-underline": !underline,
-            "navds-link--inline-text": inlineText,
+    return (react_1.default.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { ref: ref, className: (0, className_1.cl)("aksel-link", className, {
+            "aksel-link--remove-underline": !underline,
+            "aksel-link--inline-text": inlineText,
         }) })));
 });
 function variantToColor(variant) {
@@ -93,7 +80,6 @@ function variantToColor(variant) {
         case "action":
             return "accent";
         case "neutral":
-            return "neutral";
         case "subtle":
             return "neutral";
         default:

package/cjs/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAAgE;AA8BhE;;;;;;;;;;;;;;;;;;;;GAoBG;AACU,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,uEAQC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,GAAE,CAAC;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B;;OAEG;IACH,IAAI,YAAkC,CAAC;IAEvC,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,YAAY,GAAG,OAAO,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC;IACrC,CAAC;IAED,OAAO,CACL,8BAAC,SAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,YAAY,CAAC,kBACnC,YAAY,IACtB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;YACrC,CAAC,eAAe,YAAY,EAAE,CAAC,EAAE,YAAY;YAC7C,8BAA8B,EAAE,CAAC,SAAS;YAC1C,yBAAyB,EAAE,UAAU;SACtC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,cAAc,CACrB,OAA8B;IAE9B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAG1C,iDAAuC;AAoCvC;;;;;;;;;;;;;;;;;;;;GAoBG;AACU,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,uEAQC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,SAAS,EAAE;YACrC,8BAA8B,EAAE,CAAC,SAAS;YAC1C,yBAAyB,EAAE,UAAU;SACtC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,cAAc,CACrB,OAA8B;IAE9B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,YAAI,CAAC"}

package/cjs/link-card/LinkCard.d.ts

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes } from "react";
+import type { AkselColor } from "../types";
 import { LinkAnchorProps } from "../util/link-anchor";
 interface LinkCardProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -15,6 +16,14 @@ interface LinkCardProps extends HTMLAttributes<HTMLDivElement> {
      * @default "medium"
      */
     size?: "small" | "medium";
+    /**
+     * Overrides inherited color.
+     *
+     * We reccomend avoiding status-colors (`info`, `success`, `warning`, `danger`) in LinkCards.
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: AkselColor;
 }
 interface LinkCardComponent extends React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLDivElement>> {
     /**

package/cjs/link-card/LinkCard.js

@@ -46,8 +46,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkCardImage = exports.LinkCardIcon = exports.LinkCardFooter = exports.LinkCardDescription = exports.LinkCardAnchor = exports.LinkCardTitle = exports.LinkCard = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
+const className_1 = require("../util/className");
 const create_strict_context_1 = require("../util/create-strict-context");
 const link_anchor_1 = require("../util/link-anchor");
 const { Provider: LinkCardContextProvider, useContext: useLinkCardContext } = (0, create_strict_context_1.createStrictContext)({
@@ -80,21 +80,19 @@ const { Provider: LinkCardContextProvider, useContext: useLinkCardContext } = (0
  */
 exports.LinkCard = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, className, arrow = true, arrowPosition = "baseline", size = "medium" } = _a, restProps = __rest(_a, ["children", "className", "arrow", "arrowPosition", "size"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     return (react_1.default.createElement(LinkCardContextProvider, { size: size },
         react_1.default.createElement(link_anchor_1.LinkAnchorOverlay, { asChild: true },
-            react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div", size: size, ref: forwardedRef, "data-color": "neutral", className: cn("navds-link-card", className, `navds-link-card--${size}`), "data-align-arrow": arrowPosition }, restProps),
+            react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div", size: size, ref: forwardedRef, "data-color": "neutral", className: (0, className_1.cl)("aksel-link-card", className, `aksel-link-card--${size}`), "data-align-arrow": arrowPosition }, restProps),
                 children,
-                arrow && (react_1.default.createElement(link_anchor_1.LinkAnchorArrow, { fontSize: size === "medium" ? "1.75rem" : "1.5rem", className: cn("navds-link-card__arrow") }))))));
+                arrow && (react_1.default.createElement(link_anchor_1.LinkAnchorArrow, { fontSize: size === "medium" ? "1.75rem" : "1.5rem", className: "aksel-link-card__arrow" }))))));
 });
 /**
  * @see 🏷️ {@link LinkCardTitleProps}
  */
 exports.LinkCardTitle = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, as = "span", className } = _a, restProps = __rest(_a, ["children", "as", "className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const context = useLinkCardContext();
-    return (react_1.default.createElement(typography_1.Heading, Object.assign({ ref: forwardedRef, as: as, size: context.size === "medium" ? "small" : "xsmall", className: cn("navds-link-card__title", className) }, restProps), children));
+    return (react_1.default.createElement(typography_1.Heading, Object.assign({ ref: forwardedRef, as: as, size: context.size === "medium" ? "small" : "xsmall", className: (0, className_1.cl)("aksel-link-card__title", className) }, restProps), children));
 });
 /**
  * @see 🏷️ {@link LinkCardAnchorProps}
@@ -105,32 +103,28 @@ exports.LinkCardAnchor = link_anchor_1.LinkAnchor;
  */
 exports.LinkCardDescription = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__description", className) }, restProps), children));
+    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, className: (0, className_1.cl)("aksel-link-card__description", className) }, restProps), children));
 });
 /**
  * @see 🏷️ {@link LinkCardFooterProps}
  */
 exports.LinkCardFooter = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__footer", className) }, restProps), children));
+    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, className: (0, className_1.cl)("aksel-link-card__footer", className) }, restProps), children));
 });
 /**
  * @see 🏷️ {@link LinkCardIconProps}
  */
 exports.LinkCardIcon = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, "aria-hidden": true, className: cn("navds-link-card__icon", className) }, restProps), children));
+    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, "aria-hidden": true, className: (0, className_1.cl)("aksel-link-card__icon", className) }, restProps), children));
 });
 /**
  * @see 🏷️ {@link LinkCardImageProps}
  */
 exports.LinkCardImage = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { children, className, aspectRatio, style } = _a, restProps = __rest(_a, ["children", "className", "aspectRatio", "style"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, className: cn("navds-link-card__image-container", className), style: Object.assign(Object.assign({}, style), { aspectRatio }) }, restProps), children));
+    return (react_1.default.createElement("div", Object.assign({ ref: forwardedRef, className: (0, className_1.cl)("aksel-link-card__image-container", className), style: Object.assign(Object.assign({}, style), { aspectRatio }) }, restProps), children));
 });
 exports.LinkCard.Title = exports.LinkCardTitle;
 exports.LinkCard.Anchor = exports.LinkCardAnchor;

package/cjs/link-card/LinkCard.js.map

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

package/cjs/link-panel/LinkPanel.js

@@ -48,7 +48,7 @@ exports.LinkPanelComponent = void 0;
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const panel_1 = require("../panel");
-const Theme_1 = require("../theme/Theme");
+const className_1 = require("../util/className");
 const LinkPanelDescription_1 = require("./LinkPanelDescription");
 const LinkPanelTitle_1 = require("./LinkPanelTitle");
 /**
@@ -62,10 +62,9 @@ const LinkPanelTitle_1 = require("./LinkPanelTitle");
  */
 exports.LinkPanelComponent = (0, react_1.forwardRef)((_a, ref) => {
     var { children, as = "a", border = true, className } = _a, rest = __rest(_a, ["children", "as", "border", "className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(panel_1.Panel, Object.assign({}, rest, { as: as, border: border, ref: ref, className: cn("navds-link-panel", className) }),
-        react_1.default.createElement("div", { className: cn("navds-link-panel__content") }, children),
-        react_1.default.createElement(aksel_icons_1.ChevronRightIcon, { className: cn("navds-link-panel__chevron"), "aria-hidden": true })));
+    return (react_1.default.createElement(panel_1.Panel, Object.assign({}, rest, { as: as, border: border, ref: ref, className: (0, className_1.cl)("aksel-link-panel", className) }),
+        react_1.default.createElement("div", { className: "aksel-link-panel__content" }, children),
+        react_1.default.createElement(aksel_icons_1.ChevronRightIcon, { className: "aksel-link-panel__chevron", "aria-hidden": true })));
 });
 const LinkPanel = exports.LinkPanelComponent;
 LinkPanel.Title = LinkPanelTitle_1.LinkPanelTitle;

package/cjs/link-panel/LinkPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAuD;AACvD,oCAAiC;AACjC,0CAA8C;AAE9C,iEAGgC;AAChC,qDAAuE;AA8BvE;;;;;;;;GAQG;AACU,QAAA,kBAAkB,GAG3B,IAAA,kBAAU,EACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,yCAAyD,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,aAAK,oBACA,IAAI,IACR,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QAE5C,uCAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAO;QACjE,8BAAC,8BAAgB,IACf,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,wBAE1C,CACI,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,0BAA4C,CAAC;AAE/D,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,2CAAoB,CAAC;AAE7C,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"LinkPanel.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAuD;AACvD,oCAAiC;AACjC,iDAAuC;AAEvC,iEAGgC;AAChC,qDAAuE;AA8BvE;;;;;;;;GAQG;AACU,QAAA,kBAAkB,GAG3B,IAAA,kBAAU,EACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,EAAE,GAAG,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,OAAW,EAAN,IAAI,cAAvD,yCAAyD,CAAF;IACtD,OAAO,CACL,8BAAC,aAAK,oBACA,IAAI,IACR,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC;QAE5C,uCAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO;QAC3D,8BAAC,8BAAgB,IAAC,SAAS,EAAC,2BAA2B,wBAAe,CAChE,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,0BAA4C,CAAC;AAE/D,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,2CAAoB,CAAC;AAE7C,kBAAe,SAAS,CAAC"}

package/cjs/link-panel/LinkPanelDescription.js

@@ -46,12 +46,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkPanelDescription = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
+const className_1 = require("../util/className");
 exports.LinkPanelDescription = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cn("navds-link-panel__description", className) })));
+    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: (0, className_1.cl)("aksel-link-panel__description", className) })));
 });
 exports.default = exports.LinkPanelDescription;
 //# sourceMappingURL=LinkPanelDescription.js.map

package/cjs/link-panel/LinkPanelDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPanelDescription.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,8CAAyC;AAO5B,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAG5C,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,IACzD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}
+{"version":3,"file":"LinkPanelDescription.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,8CAAyC;AACzC,iDAAuC;AAO1B,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAG5C,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,IACzD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}

package/cjs/link-panel/LinkPanelTitle.js

@@ -46,11 +46,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkPanelTitle = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
+const className_1 = require("../util/className");
 exports.LinkPanelTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, as: Component = "div" } = _a, rest = __rest(_a, ["className", "as"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-link-panel__title", "navds-heading", "navds-heading--medium", className) })));
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, className_1.cl)("aksel-link-panel__title", "aksel-heading", "aksel-heading--medium", className) })));
 });
 exports.default = exports.LinkPanelTitle;
 //# sourceMappingURL=LinkPanelTitle.js.map

package/cjs/link-panel/LinkPanelTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPanelTitle.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAQjC,QAAA,cAAc,GAGvB,IAAA,kBAAU,EAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA3C,mBAA6C,CAAF;IACzD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}
+{"version":3,"file":"LinkPanelTitle.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAAuC;AAQ1B,QAAA,cAAc,GAGvB,IAAA,kBAAU,EAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA3C,mBAA6C,CAAF;IACzD,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}

package/cjs/list/List.Item.js

@@ -46,8 +46,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItem = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
+const className_1 = require("../util/className");
 const List_context_1 = require("./List.context");
 /**
  * @see 🏷️ {@link ListItemProps}
@@ -55,14 +55,13 @@ const List_context_1 = require("./List.context");
 exports.ListItem = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, title, icon } = _a, rest = __rest(_a, ["className", "children", "title", "icon"]);
     const { listType, size } = (0, react_1.useContext)(List_context_1.ListContext);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     if (listType === "ol" && icon) {
         console.warn("<List />: Icon prop is not supported for ordered lists. Please remove the icon prop.");
     }
-    return (react_1.default.createElement("li", Object.assign({}, rest, { ref: ref, className: cn("navds-list__item", className) }),
-        listType === "ul" && (react_1.default.createElement("div", { className: cn("navds-list__item-marker", {
-                "navds-list__item-marker--icon": icon,
-                "navds-list__item-marker--bullet": !icon,
+    return (react_1.default.createElement("li", Object.assign({}, rest, { ref: ref, className: (0, className_1.cl)("aksel-list__item", className) }),
+        listType === "ul" && (react_1.default.createElement("div", { className: (0, className_1.cl)("aksel-list__item-marker", {
+                "aksel-list__item-marker--icon": icon,
+                "aksel-list__item-marker--bullet": !icon,
             }) }, icon ? (icon) : (react_1.default.createElement("svg", { viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, focusable: false, role: "img" },
             react_1.default.createElement("rect", { width: "6", height: "6", rx: "3", fill: "currentColor" }))))),
         react_1.default.createElement("div", null,

package/cjs/list/List.Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAA8C;AAC9C,8CAAyC;AACzC,iDAA6C;AAG7C;;GAEG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,uCACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,uCACE,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,wCAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,8BAAC,qBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,kBAAe,gBAAQ,CAAC"}
+{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,8CAAyC;AACzC,iDAAuC;AACvC,iDAA6C;AAG7C;;GAEG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEnD,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,uCACE,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,wCAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,8BAAC,qBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,kBAAe,gBAAQ,CAAC"}

package/cjs/list/List.js

@@ -46,15 +46,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
+const className_1 = require("../util/className");
 const List_Item_1 = require("./List.Item");
 const List_context_1 = require("./List.context");
-const headingSizeMap = {
-    small: "xsmall",
-    medium: "small",
-    large: "medium",
-};
 /**
  * A list component
  *
@@ -71,30 +66,14 @@ const headingSizeMap = {
  * ```
  */
 exports.List = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, className, as: ListTag = "ul", title, description, headingTag, size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size", "aria-label", "aria-labelledby"]);
+    var { children, className, as: ListTag = "ul", size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "size", "aria-label", "aria-labelledby"]);
     const { size: contextSize } = (0, react_1.useContext)(List_context_1.ListContext);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    const themeContext = (0, Theme_1.useThemeInternal)();
     const listSize = size !== null && size !== void 0 ? size : contextSize;
-    if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
-        if (process.env.NODE_ENV !== "production" &&
-            (title || description || headingTag)) {
-            console.warn("List: title, description and headingTag are deprecated and will not work with updated theme for Aksel.");
-        }
-        return (react_1.default.createElement(List_context_1.ListContext.Provider, { value: {
-                listType: ListTag,
-                size: listSize,
-            } },
-            react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
-                react_1.default.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
-    }
     return (react_1.default.createElement(List_context_1.ListContext.Provider, { value: {
             listType: ListTag,
             size: listSize,
         } },
-        react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
-            title && (react_1.default.createElement(typography_1.Heading, { size: headingSizeMap[listSize], as: headingTag !== null && headingTag !== void 0 ? headingTag : "h3" }, title)),
-            description && react_1.default.createElement(typography_1.BodyShort, { size: listSize }, description),
+        react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: (0, className_1.cl)("aksel-list", `aksel-list--${listSize}`, className) }),
             react_1.default.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
 });
 exports.List.Item = List_Item_1.ListItem;

package/cjs/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAAgE;AAChE,8CAA2E;AAC3E,2CAAuC;AACvC,iDAA6C;AAI7C,MAAM,cAAc,GAGhB;IACF,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAVT,8GAWC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAExC,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,CAAC,KAAK,IAAI,WAAW,IAAI,UAAU,CAAC,EACpC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,wGAAwG,CACzG,CAAC;QACJ,CAAC;QAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE,QAAQ;aACf;YAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;gBAEjE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEhE,KAAK,IAAI,CACR,8BAAC,oBAAO,IAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,IAC5D,KAAK,CACE,CACX;YACA,WAAW,IAAI,8BAAC,sBAAS,IAAC,IAAI,EAAE,QAAQ,IAAG,WAAW,CAAa;YACpE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,IAAI,GAAG,oBAAQ,CAAC;AAErB,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,8CAAyC;AACzC,iDAAuC;AACvC,2CAAuC;AACvC,iDAA6C;AAc7C;;;;;;;;;;;;;;GAcG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAPT,wEAQC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEjE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,IAAI,GAAG,oBAAQ,CAAC;AAErB,kBAAe,YAAI,CAAC"}

package/cjs/list/List.types.d.ts

@@ -6,21 +6,9 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     as?: "ul" | "ol";
     /**
-     * List heading title.
-     * @deprecated Use a "plain" <Heading> instead of `title`, Composition of smaller components preferred over smarter components.
+     * @deprecated Use <Heading> instead of `title`.
      */
-    title?: string;
-    /**
-     * List heading description.
-     * @deprecated Use a "plain" <BodyShort> instead of `description`, Composition of smaller components preferred over smarter components.
-     */
-    description?: string;
-    /**
-     * Allows setting a different HTML h-tag.
-     * @default "h3"
-     * @deprecated The `title` prop gets deprecated, so this one follows suit, as it was a supplementary prop to the title.
-     */
-    headingTag?: React.ElementType<any>;
+    title?: never;
     /**
      * Changes margin-block on list and font size on items.
      * @default "medium"

package/cjs/loader/Loader.d.ts

@@ -23,7 +23,10 @@ export interface LoaderProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
      */
     variant?: "neutral" | "interaction" | "inverted";
     /**
-     * Overrides loader-color
+     * Overrides color.
+     *
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
      */
     "data-color"?: AkselColor;
 }

package/cjs/loader/Loader.js

@@ -46,8 +46,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loader = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
 const util_1 = require("../util");
+const className_1 = require("../util/className");
 const hooks_1 = require("../util/hooks");
 const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
 /**
@@ -63,15 +63,14 @@ const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
  */
 exports.Loader = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", title, transparent = false, variant = "neutral", id, "data-color": color } = _a, rest = __rest(_a, ["className", "size", "title", "transparent", "variant", "id", "data-color"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const internalId = (0, hooks_1.useId)();
     const translate = (0, i18n_hooks_1.useI18n)("Loader");
-    return (react_1.default.createElement("svg", Object.assign({ "aria-labelledby": id !== null && id !== void 0 ? id : `loader-${internalId}`, ref: ref, className: cn("navds-loader", className, `navds-loader--${size}`, `navds-loader--${variant}`, {
-            "navds-loader--transparent": transparent,
+    return (react_1.default.createElement("svg", Object.assign({ "aria-labelledby": id !== null && id !== void 0 ? id : `loader-${internalId}`, ref: ref, className: (0, className_1.cl)("aksel-loader", className, `aksel-loader--${size}`, `aksel-loader--${variant}`, {
+            "aksel-loader--transparent": transparent,
         }), focusable: "false", viewBox: "0 0 50 50", preserveAspectRatio: "xMidYMid", "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, (0, util_1.omit)(rest, ["children"]), { "data-variant": variant }),
         react_1.default.createElement("title", { id: id !== null && id !== void 0 ? id : `loader-${internalId}` }, title || translate("title")),
-        react_1.default.createElement("circle", { className: cn("navds-loader__background"), xmlns: "http://www.w3.org/2000/svg", cx: "25", cy: "25", r: "20", fill: "none" }),
-        react_1.default.createElement("circle", { className: cn("navds-loader__foreground"), cx: "25", cy: "25", r: "20", fill: "none", strokeDasharray: "50 155" })));
+        react_1.default.createElement("circle", { className: "aksel-loader__background", xmlns: "http://www.w3.org/2000/svg", cx: "25", cy: "25", r: "20", fill: "none" }),
+        react_1.default.createElement("circle", { className: "aksel-loader__foreground", cx: "25", cy: "25", r: "20", fill: "none", strokeDasharray: "50 155" })));
 });
 function variantToColor(variant) {
     switch (variant) {

package/cjs/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,0CAA8C;AAE9C,kCAA+B;AAC/B,yCAAsC;AACtC,wDAAkD;AA0ClD;;;;;;;;;;GAUG;AACU,QAAA,MAAM,GAAe,IAAA,kBAAU,EAC1C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,EAAE,EACF,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cART,4EASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,wEACmB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,cAAc,EACd,SAAS,EACT,iBAAiB,IAAI,EAAE,EACvB,iBAAiB,OAAO,EAAE,EAC1B;YACE,2BAA2B,EAAE,WAAW;SACzC,CACF,EACD,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,UAAU,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,oBACd,OAAO;QAErB,yCAAO,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,IACpC,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CACtB;QACR,0CACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,GACX;QACF,0CACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,eAAe,EAAC,QAAQ,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,OAA+B;IAE/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,SAAS,CAAC;QACnB,oEAAoE;QACpE,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,cAAM,CAAC"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AAEpD,kCAA+B;AAC/B,iDAAuC;AACvC,yCAAsC;AACtC,wDAAkD;AA6ClD;;;;;;;;;;GAUG;AACU,QAAA,MAAM,GAAe,IAAA,kBAAU,EAC1C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,EAAE,EACF,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cART,4EASC,CADQ;IAIT,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,wEACmB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,cAAc,EACd,SAAS,EACT,iBAAiB,IAAI,EAAE,EACvB,iBAAiB,OAAO,EAAE,EAC1B;YACE,2BAA2B,EAAE,WAAW;SACzC,CACF,EACD,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,UAAU,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,oBACd,OAAO;QAErB,yCAAO,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,IACpC,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CACtB;QACR,0CACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,GACX;QACF,0CACE,SAAS,EAAC,0BAA0B,EACpC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,eAAe,EAAC,QAAQ,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,OAA+B;IAE/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,SAAS,CAAC;QACnB,oEAAoE;QACpE,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,cAAM,CAAC"}