@navikt/ds-react 7.40.0 → 8.0.1

package/cjs/timeline/period/NonClickablePeriod.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/NonClickablePeriod.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAAiD;AACjD,2DAAqD;AACrD,4CAAmE;AAOnE,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,GACuB,EAAE,EAAE;;IACpC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,SAAS,kBACD,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,YAAY,CAAC,mCAAI,MAAM,EAC/C,SAAS,EAAE,EAAE,CACX,IAAA,8BAAqB,EAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,EACjD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,EACD,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,GAAG;YAClB,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG;SACxB;QAED,wCAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YACjD,IAAI;YACL,wCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IACjC,IAAA,kBAAS,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CACjD,CACF,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"NonClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/NonClickablePeriod.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,oDAA0C;AAC1C,2DAAqD;AACrD,4CAAmE;AAOnE,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,GACuB,EAAE,EAAE;;IACpC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,SAAS,kBACD,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,YAAY,CAAC,mCAAI,MAAM,EAC/C,SAAS,EAAE,IAAA,cAAE,EACX,IAAA,8BAAqB,EAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,EACjD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,EACD,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,GAAG;YAClB,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG;SACxB;QAED,wCAAM,SAAS,EAAC,+BAA+B;YAC5C,IAAI;YACL,wCAAM,SAAS,EAAC,eAAe,IAC5B,IAAA,kBAAS,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CACjD,CACF,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/cjs/timeline/period/index.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { AkselColor } from "../../types";
 import type { TimelineComponentTypes } from "../utils/types.internal";
 export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -18,6 +19,13 @@ export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement
      * @default "neutral"
      */
     status?: "success" | "warning" | "danger" | "info" | "neutral";
+    /**
+     * Overrides color set by status.
+     *
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: AkselColor;
     /**
      * Status label for screen-readers
      * e.g "Sykemeldt", "foreldrepermisjon"

package/cjs/timeline/period/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gEAA6D;AAC7D,0DAAuD;AAEvD,wEAAgD;AAChD,8EAAsD;AAyDzC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,8BAAC,yBAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,cAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,kBAAe,cAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,gEAA6D;AAC7D,0DAAuD;AAEvD,wEAAgD;AAChD,8EAAsD;AAgEzC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,8BAAC,yBAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,cAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,kBAAe,cAAM,CAAC"}

package/cjs/timeline/pin/PinInternal.js

@@ -48,14 +48,12 @@ exports.PinInternal = void 0;
 const react_1 = require("@floating-ui/react");
 const date_fns_1 = require("date-fns");
 const react_2 = __importStar(require("react"));
-const Theme_1 = require("../../theme/Theme");
 const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
 const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
 const useTimelineContext_1 = require("../hooks/useTimelineContext");
 const calc_1 = require("../utils/calc");
 exports.PinInternal = (0, react_2.forwardRef)((_a, ref) => {
     var { date, children } = _a, rest = __rest(_a, ["date", "children"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const { startDate, endDate, direction } = (0, useTimelineContext_1.useTimelineContext)();
     const [open, setOpen] = (0, react_2.useState)(false);
     const translate = (0, i18n_hooks_1.useI18n)("Timeline");
@@ -88,8 +86,8 @@ exports.PinInternal = (0, react_2.forwardRef)((_a, ref) => {
         date: (0, date_fns_1.format)(date, translate("dateFormat")),
     });
     return (react_2.default.createElement(react_2.default.Fragment, null,
-        react_2.default.createElement("div", { className: cn("navds-timeline__pin-wrapper"), style: { [direction]: `${(0, calc_1.position)(date, startDate, endDate)}%` } },
-            react_2.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: cn("navds-timeline__pin-button"), "aria-label": label, type: "button", "aria-expanded": children ? open : undefined }, getReferenceProps({
+        react_2.default.createElement("div", { className: "aksel-timeline__pin-wrapper", style: { [direction]: `${(0, calc_1.position)(date, startDate, endDate)}%` } },
+            react_2.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: "aksel-timeline__pin-button", "aria-label": label, type: "button", "aria-expanded": children ? open : undefined }, getReferenceProps({
                 onKeyDown: (e) => {
                     var _a;
                     (_a = rest === null || rest === void 0 ? void 0 : rest.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(rest, e);
@@ -102,7 +100,7 @@ exports.PinInternal = (0, react_2.forwardRef)((_a, ref) => {
                 },
             })))),
         children && open && (react_2.default.createElement(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
-            react_2.default.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog", "aria-label": label }, getFloatingProps(), { style: floatingStyles }), children)))));
+            react_2.default.createElement("div", Object.assign({ className: "aksel-timeline__popover", "data-placement": placement, ref: refs.setFloating, role: "dialog", "aria-label": label }, getFloatingProps(), { style: floatingStyles }), children)))));
 });
 exports.default = exports.PinInternal;
 //# sourceMappingURL=PinInternal.js.map

package/cjs/timeline/pin/PinInternal.js.map

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

package/cjs/timeline/utils/period.js

@@ -1,18 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ariaLabel = exports.getConditionalClasses = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const date_fns_1 = require("date-fns");
+const className_1 = require("../../util/className");
 const getConditionalClasses = (cropped, direction, status) => {
-    /* Renaming to aksel-* happends where these are used, so no need to rename here */
-    return (0, clsx_1.default)(`navds-timeline__period navds-timeline__period--${status}`, {
-        "navds-timeline__period--connected-both": cropped === "both",
-        "navds-timeline__period--connected-right": (cropped === "right" && direction === "left") ||
+    return (0, className_1.cl)(`aksel-timeline__period aksel-timeline__period--${status}`, {
+        "aksel-timeline__period--connected-both": cropped === "both",
+        "aksel-timeline__period--connected-right": (cropped === "right" && direction === "left") ||
             (cropped === "left" && direction === "right"),
-        "navds-timeline__period--connected-left": (cropped === "left" && direction === "left") ||
+        "aksel-timeline__period--connected-left": (cropped === "left" && direction === "left") ||
             (cropped === "right" && direction === "right"),
     });
 };

package/cjs/timeline/utils/period.js.map

@@ -1 +1 @@
-{"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAsB;AACtB,uCAAkC;AAI3B,MAAM,qBAAqB,GAAG,CACnC,OAAe,EACf,SAAiB,EACjB,MAA6B,EAC7B,EAAE;IACF,kFAAkF;IAClF,OAAO,IAAA,cAAE,EAAC,kDAAkD,MAAM,EAAE,EAAE;QACpE,wCAAwC,EAAE,OAAO,KAAK,MAAM;QAC5D,yCAAyC,EACvC,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,CAAC;YAC7C,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC;QAC/C,wCAAwC,EACtC,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,MAAM,CAAC;YAC5C,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,CAAC;KACjD,CAAC,CAAC;AACL,CAAC,CAAC;AAfW,QAAA,qBAAqB,yBAehC;AAEK,MAAM,SAAS,GAAG,CACvB,SAAe,EACf,OAAa,EACb,MAA6B,EAC7B,WAA+B,EAC/B,SAAgC,EACxB,EAAE;IACV,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAA,iBAAM,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAA,iBAAM,EAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACxC,OAAO,SAAS,CAAC,eAAe,EAAE;QAChC,MAAM,EAAE,WAAW,IAAI,SAAS,CAAC,UAAU,MAAM,EAAE,CAAC;QACpD,KAAK;QACL,GAAG;KACJ,CAAC,CAAC;AACL,CAAC,CAAC;AAfW,QAAA,SAAS,aAepB"}
+{"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":";;;AAAA,uCAAkC;AAClC,oDAA0C;AAInC,MAAM,qBAAqB,GAAG,CACnC,OAAe,EACf,SAAiB,EACjB,MAA6B,EAC7B,EAAE;IACF,OAAO,IAAA,cAAE,EAAC,kDAAkD,MAAM,EAAE,EAAE;QACpE,wCAAwC,EAAE,OAAO,KAAK,MAAM;QAC5D,yCAAyC,EACvC,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,CAAC;YAC7C,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC;QAC/C,wCAAwC,EACtC,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,MAAM,CAAC;YAC5C,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,CAAC;KACjD,CAAC,CAAC;AACL,CAAC,CAAC;AAdW,QAAA,qBAAqB,yBAchC;AAEK,MAAM,SAAS,GAAG,CACvB,SAAe,EACf,OAAa,EACb,MAA6B,EAC7B,WAA+B,EAC/B,SAAgC,EACxB,EAAE;IACV,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAA,iBAAM,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAA,iBAAM,EAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACxC,OAAO,SAAS,CAAC,eAAe,EAAE;QAChC,MAAM,EAAE,WAAW,IAAI,SAAS,CAAC,UAAU,MAAM,EAAE,CAAC;QACpD,KAAK;QACL,GAAG;KACJ,CAAC,CAAC;AACL,CAAC,CAAC;AAfW,QAAA,SAAS,aAepB"}

package/cjs/timeline/zoom/ZoomButton.js

@@ -47,7 +47,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZoomButton = void 0;
 const date_fns_1 = require("date-fns");
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../../theme/Theme");
 const Detail_1 = require("../../typography/Detail");
 const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
 const useTimelineContext_1 = require("../hooks/useTimelineContext");
@@ -56,7 +55,6 @@ exports.ZoomButton = (0, react_1.forwardRef)((_a, ref) => {
     const { setStart, endDate, startDate, direction } = (0, useTimelineContext_1.useTimelineContext)();
     const translate = (0, i18n_hooks_1.useI18n)("Timeline");
     const dateFormat = translate("dateFormat");
-    const { cn } = (0, Theme_1.useRenameCSS)();
     let startOfRange;
     if (interval === "month") {
         startOfRange =
@@ -79,7 +77,7 @@ exports.ZoomButton = (0, react_1.forwardRef)((_a, ref) => {
                     start: (0, date_fns_1.format)(startOfRange, dateFormat),
                     end: (0, date_fns_1.format)(endDate, dateFormat),
                 })
-                : translate("Zoom.reset"), ref: ref }, rest, { className: cn("navds-timeline__zoom-button"), onClick: () => {
+                : translate("Zoom.reset"), ref: ref }, rest, { className: "aksel-timeline__zoom-button", onClick: () => {
                 setStart(startOfRange);
             }, "aria-pressed": currentZoom }), label)));
 });

package/cjs/timeline/zoom/ZoomButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomButton.js","sourceRoot":"","sources":["../../../src/timeline/zoom/ZoomButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAOkB;AAClB,+CAA0C;AAC1C,6CAAiD;AACjD,oDAAiD;AACjD,2DAAqD;AACrD,oEAAiE;AAsBpD,QAAA,UAAU,GAAmB,IAAA,kBAAU,EAClD,CAAC,EAAmC,EAAE,GAAG,EAAE,EAAE;QAA5C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,OAAW,EAAN,IAAI,cAAjC,8BAAmC,CAAF;IAChC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IACzE,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAE3C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,YAAkB,CAAC;IAEvB,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;QACzB,YAAY;YACV,SAAS,KAAK,MAAM;gBAClB,CAAC,CAAC,IAAA,oBAAS,EAAC,OAAO,EAAE,KAAK,CAAC;gBAC3B,CAAC,CAAC,IAAA,oBAAS,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;SAAM,CAAC;QACN,YAAY;YACV,SAAS,KAAK,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAQ,EAAC,OAAO,EAAE,KAAK,CAAC;gBAC1B,CAAC,CAAC,IAAA,mBAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,WAAW,GACf,SAAS,KAAK,MAAM;QAClB,CAAC,CAAC,IAAA,oBAAS,EAAC,SAAS,EAAE,YAAY,CAAC;QACpC,CAAC,CAAC,IAAA,oBAAS,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAEvC,OAAO,CACL,8BAAC,eAAM,IAAC,EAAE,EAAC,IAAI;QACb,wDACE,IAAI,EAAC,QAAQ,gBAEX,CAAC,WAAW;gBACV,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE;oBACrB,KAAK,EAAE,IAAA,iBAAM,EAAC,YAAY,EAAE,UAAU,CAAC;oBACvC,GAAG,EAAE,IAAA,iBAAM,EAAC,OAAO,EAAE,UAAU,CAAC;iBACjC,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,EAE7B,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,YAAY,CAAC,CAAC;YACzB,CAAC,kBACa,WAAW,KAExB,KAAK,CACC,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
+{"version":3,"file":"ZoomButton.js","sourceRoot":"","sources":["../../../src/timeline/zoom/ZoomButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAOkB;AAClB,+CAA0C;AAC1C,oDAAiD;AACjD,2DAAqD;AACrD,oEAAiE;AAsBpD,QAAA,UAAU,GAAmB,IAAA,kBAAU,EAClD,CAAC,EAAmC,EAAE,GAAG,EAAE,EAAE;QAA5C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,OAAW,EAAN,IAAI,cAAjC,8BAAmC,CAAF;IAChC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IACzE,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAE3C,IAAI,YAAkB,CAAC;IAEvB,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;QACzB,YAAY;YACV,SAAS,KAAK,MAAM;gBAClB,CAAC,CAAC,IAAA,oBAAS,EAAC,OAAO,EAAE,KAAK,CAAC;gBAC3B,CAAC,CAAC,IAAA,oBAAS,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;SAAM,CAAC;QACN,YAAY;YACV,SAAS,KAAK,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAQ,EAAC,OAAO,EAAE,KAAK,CAAC;gBAC1B,CAAC,CAAC,IAAA,mBAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,WAAW,GACf,SAAS,KAAK,MAAM;QAClB,CAAC,CAAC,IAAA,oBAAS,EAAC,SAAS,EAAE,YAAY,CAAC;QACpC,CAAC,CAAC,IAAA,oBAAS,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAEvC,OAAO,CACL,8BAAC,eAAM,IAAC,EAAE,EAAC,IAAI;QACb,wDACE,IAAI,EAAC,QAAQ,gBAEX,CAAC,WAAW;gBACV,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE;oBACrB,KAAK,EAAE,IAAA,iBAAM,EAAC,YAAY,EAAE,UAAU,CAAC;oBACvC,GAAG,EAAE,IAAA,iBAAM,EAAC,OAAO,EAAE,UAAU,CAAC;iBACjC,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,EAE7B,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,YAAY,CAAC,CAAC;YACzB,CAAC,kBACa,WAAW,KAExB,KAAK,CACC,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}

package/cjs/timeline/zoom/index.js

@@ -49,12 +49,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Zoom = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../../theme/Theme");
+const className_1 = require("../../util/className");
 const ZoomButton_1 = __importDefault(require("./ZoomButton"));
 exports.Zoom = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("ul", Object.assign({ ref: ref, className: cn(className, "navds-timeline__zoom") }, rest), children));
+    return (react_1.default.createElement("ul", Object.assign({ ref: ref, className: (0, className_1.cl)(className, "aksel-timeline__zoom") }, rest), children));
 });
 exports.Zoom.Button = ZoomButton_1.default;
 exports.Zoom.componentType = "zoom";

package/cjs/timeline/zoom/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/zoom/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,8DAA0D;AAc7C,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,oDAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,IAAM,IAAI,GACrE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACU,CAAC;AAEd,YAAI,CAAC,MAAM,GAAG,oBAAU,CAAC;AACzB,YAAI,CAAC,aAAa,GAAG,MAAM,CAAC;AAE5B,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/zoom/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA0C;AAC1C,8DAA0D;AAc7C,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,oDAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,sBAAsB,CAAC,IAAM,IAAI,GACrE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACU,CAAC;AAEd,YAAI,CAAC,MAAM,GAAG,oBAAU,CAAC;AACzB,YAAI,CAAC,aAAa,GAAG,MAAM,CAAC;AAE5B,kBAAe,YAAI,CAAC"}

package/cjs/toggle-group/ToggleGroup.context.d.ts

@@ -20,7 +20,7 @@ export declare const ToggleGroupDescendantsProvider: import("react").Provider<im
     }>;
     index: number;
     enabledIndex: number;
-    register: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
+    register: ((instance: HTMLButtonElement | null) => void) | null;
 };
 type ToggleGroupProviderProps = ReturnType<typeof useToggleGroup> & Pick<ToggleGroupProps, "size">;
 export declare const ToggleGroupProvider: import("react").FC<{

package/cjs/toggle-group/ToggleGroup.js

@@ -49,9 +49,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleGroup = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
 const util_1 = require("../util");
+const className_1 = require("../util/className");
 const ToggleGroup_context_1 = require("./ToggleGroup.context");
 const ToggleItem_1 = __importDefault(require("./parts/ToggleItem"));
 const useToggleGroup_1 = require("./useToggleGroup");
@@ -72,8 +72,6 @@ const useToggleGroup_1 = require("./useToggleGroup");
  */
 exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, onChange, size = "medium", label, value, defaultValue, variant, fill = false, "data-color": color } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "variant", "fill", "data-color"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    const themeContext = (0, Theme_1.useThemeInternal)();
     const descendants = (0, ToggleGroup_context_1.useToggleGroupDescendants)();
     const toggleGroupContext = (0, useToggleGroup_1.useToggleGroup)({
         defaultValue,
@@ -91,20 +89,13 @@ exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
     if (!value && !defaultValue) {
         console.error("ToggleGroup needs either a value or defaultValue");
     }
-    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(ToggleGroup_context_1.ToggleGroupDescendantsProvider, { value: descendants },
         react_1.default.createElement(ToggleGroup_context_1.ToggleGroupProvider, Object.assign({}, context),
-            react_1.default.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
-                    "navds-toggle-group__wrapper--fill": fill,
-                }), "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant) },
-                label && (react_1.default.createElement(typography_1.Label, { as: "div", size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
-                react_1.default.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`, { [`navds-toggle-group--${localVariant}`]: localVariant }), role: "radiogroup" }), children)))));
+            react_1.default.createElement("div", { className: (0, className_1.cl)("aksel-toggle-group__wrapper", className, {
+                    "aksel-toggle-group__wrapper--fill": fill,
+                }), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) },
+                label && (react_1.default.createElement(typography_1.Label, { as: "div", size: size, className: "aksel-toggle-group__label", id: labelId }, label)),
+                react_1.default.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: (0, className_1.cl)("aksel-toggle-group", `aksel-toggle-group--${size}`), role: "radiogroup" }), children)))));
 });
 function variantToColor(variant) {
     switch (variant) {

package/cjs/toggle-group/ToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,8CAAsC;AACtC,kCAAgC;AAChC,iDAAuC;AACvC,+DAI+B;AAE/B,oEAA4C;AAC5C,qDAAkD;AAYlD;;;;;;;;;;;;;;GAcG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAXT,gHAYC,CADQ;IAIT,MAAM,WAAW,GAAG,IAAA,+CAAyB,GAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,IAAA,+BAAc,EAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,YAAK,GAAE,CAAC;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,8BAAC,oDAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,8BAAC,yCAAmB,oBAAK,OAAO;YAC9B,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,6BAA6B,EAAE,SAAS,EAAE;oBACtD,mCAAmC,EAAE,IAAI;iBAC1C,CAAC,gBACU,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC;gBAE3C,KAAK,IAAI,CACR,8BAAC,kBAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2BAA2B,EACrC,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,wEACmB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IACxC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,CAC9B,EACD,IAAI,EAAC,YAAY,KAEhB,QAAQ,CACL,CACF,CACc,CACS,CAClC,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,SAAS,cAAc,CACrB,OAAqC;IAErC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,mBAAW,CAAC,IAAI,GAAG,oBAAU,CAAC;AAE9B,kBAAe,mBAAW,CAAC"}

package/cjs/toggle-group/ToggleGroup.types.d.ts

@@ -1,4 +1,6 @@
 import { HTMLAttributes } from "react";
+import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
+import type { AkselColor } from "../types";
 export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
     /**
      * Toggles.Item elements.
@@ -26,10 +28,17 @@ export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "
      */
     label?: React.ReactNode;
     /**
-     * Changes design and interaction-visuals.
-     * @default "action"
+     * @deprecated Use `data-color` prop instead.
      */
     variant?: "action" | "neutral";
+    /**
+     * 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>;
     /**
      * Stretch each button to fill avaliable space in container.
      * @default false

package/cjs/toggle-group/parts/ToggleItem.js

@@ -45,17 +45,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../../theme/Theme");
 const BodyShort_1 = require("../../typography/BodyShort");
+const className_1 = require("../../util/className");
 const ToggleGroup_context_1 = require("../ToggleGroup.context");
 const useToggleItem_1 = require("./useToggleItem");
 const ToggleItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { className, children, icon, label, value, onClick, onFocus, onKeyDown } = _a, rest = __rest(_a, ["className", "children", "icon", "label", "value", "onClick", "onFocus", "onKeyDown"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const itemCtx = (0, useToggleItem_1.useToggleItem)({ value, onClick, onFocus, disabled: false, onKeyDown }, forwardedRef);
     const ctx = (0, ToggleGroup_context_1.useToggleGroupContext)();
-    return (react_1.default.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className: cn("navds-toggle-group__button", className), type: "button", role: "radio", "aria-checked": itemCtx.isSelected, "data-selected": itemCtx.isSelected, tabIndex: itemCtx.isFocused ? 0 : -1, onClick: itemCtx.onClick, onFocus: itemCtx.onFocus, onKeyDown: itemCtx.onKeyDown }),
-        react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: cn("navds-toggle-group__button-inner"), size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className: (0, className_1.cl)("aksel-toggle-group__button", className), type: "button", role: "radio", "aria-checked": itemCtx.isSelected, "data-selected": itemCtx.isSelected, tabIndex: itemCtx.isFocused ? 0 : -1, onClick: itemCtx.onClick, onFocus: itemCtx.onFocus, onKeyDown: itemCtx.onKeyDown }),
+        react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: "aksel-toggle-group__button-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
             icon,
             label)))));
 });

package/cjs/toggle-group/parts/ToggleItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,0DAAuD;AACvD,gEAA+D;AAC/D,mDAAgD;AA6ChD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAUC,EACD,YAAY,EACZ,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,OAEV,EADI,IAAI,cATT,sFAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,6BAAa,EAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EACvD,YAAY,CACb,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,2CAAqB,GAAE,CAAC;IAEpC,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,CAAC,UAAU,mBACjB,OAAO,CAAC,UAAU,EACjC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAE5B,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,EACjD,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,IAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX;YACG,IAAI;YACJ,KAAK,CACL,CACJ,CACS,CACL,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0DAAuD;AACvD,oDAA0C;AAC1C,gEAA+D;AAC/D,mDAAgD;AA6ChD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAUC,EACD,YAAY,EACZ,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,OAEV,EADI,IAAI,cATT,sFAUC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,6BAAa,EAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EACvD,YAAY,CACb,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,2CAAqB,GAAE,CAAC;IAEpC,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,CAAC,UAAU,mBACjB,OAAO,CAAC,UAAU,EACjC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAE5B,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,IAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX;YACG,IAAI;YACJ,KAAK,CACL,CACJ,CACS,CACL,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/cjs/toggle-group/parts/useToggleItem.d.ts

@@ -10,7 +10,7 @@ export interface UseToggleItemProps {
     value: string;
 }
 export declare function useToggleItem<P extends UseToggleItemProps>({ value, disabled, onFocus: _onFocus, onClick, onKeyDown: _onKeyDown, }: P, ref: React.ForwardedRef<HTMLButtonElement>): {
-    ref: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
+    ref: ((instance: HTMLButtonElement | null) => void) | null;
     isSelected: boolean;
     isFocused: boolean;
     onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;

package/cjs/tooltip/Tooltip.js

@@ -50,8 +50,8 @@ const react_2 = __importStar(require("react"));
 const Modal_context_1 = require("../modal/Modal.context");
 const portal_1 = require("../portal");
 const Slot_1 = require("../slot/Slot");
-const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
+const className_1 = require("../util/className");
 const hooks_1 = require("../util/hooks");
 const useControllableState_1 = require("../util/hooks/useControllableState");
 const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
@@ -70,7 +70,6 @@ const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
  */
 exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
     var { children, className, arrow: _arrow = true, placement: _placement = "top", open, defaultOpen = false, onOpenChange, offset: _offset, content, delay = 150, id, keys, maxChar = 80, describesChild = false } = _a, rest = __rest(_a, ["children", "className", "arrow", "placement", "open", "defaultOpen", "onOpenChange", "offset", "content", "delay", "id", "keys", "maxChar", "describesChild"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const [_open, _setOpen] = (0, useControllableState_1.useControllableState)({
         defaultValue: defaultOpen,
         value: open,
@@ -129,12 +128,12 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
                     top: y !== null && y !== void 0 ? y : 0,
                     left: x !== null && x !== void 0 ? x : 0,
                     visibility: referenceHidden ? "hidden" : "visible",
-                }, role: "tooltip", id: ariaId, className: cn("navds-tooltip", "navds-detail navds-detail--small", className) })), { "data-side": placement, "data-state": "open" }),
+                }, role: "tooltip", id: ariaId, className: (0, className_1.cl)("aksel-tooltip", "aksel-detail aksel-detail--small", className) })), { "data-side": placement, "data-state": "open" }),
                 content,
-                keys && (react_2.default.createElement("span", { className: cn("navds-tooltip__keys"), "aria-hidden": true }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { as: "kbd", key: key, className: cn("navds-tooltip__key") }, key))))),
+                keys && (react_2.default.createElement("span", { className: "aksel-tooltip__keys", "aria-hidden": true }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { as: "kbd", key: key, className: "aksel-tooltip__key" }, key))))),
                 _arrow && (react_2.default.createElement("div", { ref: (node) => {
                         arrowRef.current = node;
-                    }, className: cn("navds-tooltip__arrow"), style: {
+                    }, className: "aksel-tooltip__arrow", style: {
                         left: arrowX != null ? `${arrowX}px` : "",
                         top: arrowY != null ? `${arrowY}px` : "",
                         right: "",

package/cjs/tooltip/Tooltip.js.map

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

package/cjs/typography/BodyLong.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { AkselColor } from "../types";
 import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
@@ -11,6 +12,14 @@ export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParag
      * Text.
      */
     children: React.ReactNode;
+    /**
+     * Overrides inherited color.
+     * @default "neutral"
+     *
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: AkselColor;
 }
 /**
  * Part of a set of components for displaying text with consistent typography.

package/cjs/typography/BodyLong.js

@@ -46,7 +46,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyLong = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
+const className_1 = require("../util/className");
 const util_1 = require("./util");
 /**
  * Part of a set of components for displaying text with consistent typography.
@@ -66,8 +66,7 @@ const util_1 = require("./util");
  */
 exports.BodyLong = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", as: Component = "p", spacing, truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-body-long", `navds-body-long--${size}`, (0, util_1.typoClassNames)({
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, className_1.cl)(className, "aksel-body-long", `aksel-body-long--${size}`, (0, util_1.typoClassNames)({
             spacing,
             truncate,
             weight,

package/cjs/typography/BodyLong.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;;;GAeG;AACU,QAAA,QAAQ,GAGjB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,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,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
+{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAAuC;AAGvC,iCAAwC;AAwBxC;;;;;;;;;;;;;;;GAeG;AACU,QAAA,QAAQ,GAGjB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}

package/cjs/typography/BodyShort.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { AkselColor } from "../types";
 import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
@@ -11,6 +12,14 @@ export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLPara
      * Paragraph text.
      */
     children: React.ReactNode;
+    /**
+     * Overrides inherited color.
+     * @default "neutral"
+     *
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: AkselColor;
 }
 /**
  * Part of a set of components for displaying text with consistent typography.

package/cjs/typography/BodyShort.js

@@ -46,7 +46,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyShort = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
+const className_1 = require("../util/className");
 const util_1 = require("./util");
 /**
  * Part of a set of components for displaying text with consistent typography.
@@ -64,8 +64,7 @@ const util_1 = require("./util");
  */
 exports.BodyShort = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", as: Component = "p", spacing, truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-body-short", `navds-body-short--${size}`, (0, util_1.typoClassNames)({
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, className_1.cl)(className, "aksel-body-short", `aksel-body-short--${size}`, (0, util_1.typoClassNames)({
             spacing,
             truncate,
             weight,

package/cjs/typography/BodyShort.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,SAAS,GAGlB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,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,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}
+{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAAuC;AAGvC,iCAAwC;AAwBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,SAAS,GAGlB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}

package/cjs/typography/Detail.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { AkselColor } from "../types";
 import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
@@ -14,6 +15,14 @@ export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagra
      * ALL CAPS.
      */
     uppercase?: boolean;
+    /**
+     * Overrides inherited color.
+     * @default "neutral"
+     *
+     * @see 🏷️ {@link AkselColor}
+     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
+     */
+    "data-color"?: AkselColor;
 }
 /**
  * Part of a set of components for displaying text with consistent typography.

package/cjs/typography/Detail.js

@@ -46,7 +46,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Detail = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
+const className_1 = require("../util/className");
 const util_1 = require("./util");
 /**
  * Part of a set of components for displaying text with consistent typography.
@@ -64,8 +64,7 @@ const util_1 = require("./util");
  */
 exports.Detail = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", spacing, uppercase, as: Component = "p", truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "spacing", "uppercase", "as", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-detail", (0, util_1.typoClassNames)({
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, className_1.cl)(className, "aksel-detail", (0, util_1.typoClassNames)({
             spacing,
             truncate,
             weight,
@@ -74,7 +73,7 @@ exports.Detail = (0, react_1.forwardRef)((_a, ref) => {
             textColor,
             uppercase,
         }), {
-            "navds-detail--small": size === "small",
+            "aksel-detail--small": size === "small",
         }) })));
 });
 exports.default = exports.Detail;

package/cjs/typography/Detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAmBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAXT,iHAYC,CADQ;IAIT,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,SAAS,EACT,cAAc,EACd,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;YACT,SAAS;SACV,CAAC,EACF;YACE,qBAAqB,EAAE,IAAI,KAAK,OAAO;SACxC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
+{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAAuC;AAGvC,iCAAwC;AA2BxC;;;;;;;;;;;;;GAaG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAXT,iHAYC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,cAAc,EACd,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;YACT,SAAS;SACV,CAAC,EACF;YACE,qBAAqB,EAAE,IAAI,KAAK,OAAO;SACxC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}

package/cjs/typography/ErrorMessage.js

@@ -46,7 +46,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
+const className_1 = require("../util/className");
 const util_1 = require("./util");
 /**
  * Part of a set of components for displaying text with consistent typography.
@@ -64,12 +64,11 @@ const util_1 = require("./util");
  */
 exports.ErrorMessage = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, size, spacing, as: Component = "p", showIcon = false } = _a, rest = __rest(_a, ["children", "className", "size", "spacing", "as", "showIcon"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-error-message", "navds-label", className, (0, util_1.typoClassNames)({
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, className_1.cl)("aksel-error-message", "aksel-label", className, (0, util_1.typoClassNames)({
             spacing,
         }), {
-            "navds-label--small": size === "small",
-            "navds-error-message--show-icon": showIcon,
+            "aksel-label--small": size === "small",
+            "aksel-error-message--show-icon": showIcon,
         }) }),
         showIcon && (react_1.default.createElement("svg", { viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, "aria-hidden": true },
             react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.49209 11.534L8.11398 2.7594C8.48895 2.04752 9.50833 2.04743 9.88343 2.75924L14.5073 11.5339C14.8582 12.1998 14.3753 13 13.6226 13H4.37685C3.6242 13 3.14132 12.1999 3.49209 11.534ZM9.74855 10.495C9.74855 10.9092 9.41276 11.245 8.99855 11.245C8.58433 11.245 8.24855 10.9092 8.24855 10.495C8.24855 10.0808 8.58433 9.74497 8.99855 9.74497C9.41276 9.74497 9.74855 10.0808 9.74855 10.495ZM9.49988 5.49997C9.49988 5.22383 9.27602 4.99997 8.99988 4.99997C8.72373 4.99997 8.49988 5.22383 8.49988 5.49997V7.99997C8.49988 8.27611 8.72373 8.49997 8.99988 8.49997C9.27602 8.49997 9.49988 8.27611 9.49988 7.99997V5.49997Z", fill: "currentColor" }))),

package/cjs/typography/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/typography/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAoBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,YAAY,GAGrB,IAAA,kBAAU,EACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,GAAG,KAAK,OAEjB,EADI,IAAI,cAPT,8DAQC,CADQ;IAIT,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,qBAAqB,EACrB,aAAa,EACb,SAAS,EACT,IAAA,qBAAc,EAAC;YACb,OAAO;SACR,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;YACtC,gCAAgC,EAAE,QAAQ;SAC3C,CACF;QAEA,QAAQ,IAAI,CACX,uCACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK;YAGhB,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,omBAAomB,EACtmB,IAAI,EAAC,cAAc,GACnB,CACE,CACP;QACA,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,oBAAY,CAAC"}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/typography/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAAuC;AAGvC,iCAAwC;AAoBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,YAAY,GAGrB,IAAA,kBAAU,EACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,GAAG,KAAK,OAEjB,EADI,IAAI,cAPT,8DAQC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,qBAAqB,EACrB,aAAa,EACb,SAAS,EACT,IAAA,qBAAc,EAAC;YACb,OAAO;SACR,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;YACtC,gCAAgC,EAAE,QAAQ;SAC3C,CACF;QAEA,QAAQ,IAAI,CACX,uCACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK;YAGhB,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,omBAAomB,EACtmB,IAAI,EAAC,cAAc,GACnB,CACE,CACP;QACA,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,oBAAY,CAAC"}