@navikt/ds-react 8.0.0 → 8.1.0

package/cjs/form/textarea/TextareaCounter.js

@@ -32,17 +32,13 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../../theme/Theme");
 const typography_1 = require("../../typography");
-const debounce_1 = __importDefault(require("../../util/debounce"));
-const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
+const utils_external_1 = require("../../utils-external");
+const helpers_1 = require("../../utils/helpers");
+const i18n_hooks_1 = require("../../utils/i18n/i18n.hooks");
 const TextareaCounter = ({ maxLengthId, maxLength, currentLength, size, i18n, }) => {
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const translate = (0, i18n_hooks_1.useI18n)("Textarea", {
         charsLeft: (i18n === null || i18n === void 0 ? void 0 : i18n.counterLeft) ? `{chars} ${i18n.counterLeft}` : undefined,
         charsTooMany: (i18n === null || i18n === void 0 ? void 0 : i18n.counterTooMuch)
@@ -52,7 +48,7 @@ const TextareaCounter = ({ maxLengthId, maxLength, currentLength, size, i18n, })
     const difference = maxLength - currentLength;
     const [debouncedDiff, setDebouncedDiff] = (0, react_1.useState)(difference);
     (0, react_1.useEffect)(() => {
-        const debounceFunc = (0, debounce_1.default)(() => {
+        const debounceFunc = (0, utils_external_1.debounce)(() => {
             setDebouncedDiff(difference);
         }, 2000);
         debounceFunc();
@@ -61,10 +57,10 @@ const TextareaCounter = ({ maxLengthId, maxLength, currentLength, size, i18n, })
         };
     }, [difference]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("span", { id: maxLengthId, className: cn("navds-sr-only") }, translate("maxLength", { maxLength })),
-        difference < 20 && (react_1.default.createElement("span", { role: "status", className: cn("navds-textarea__sr-counter navds-sr-only") }, getCounterText(debouncedDiff, translate))),
-        react_1.default.createElement(typography_1.BodyShort, { className: cn("navds-textarea__counter", {
-                "navds-textarea__counter--error": difference < 0,
+        react_1.default.createElement("span", { id: maxLengthId, className: "aksel-sr-only" }, translate("maxLength", { maxLength })),
+        difference < 20 && (react_1.default.createElement("span", { role: "status", className: "aksel-textarea__sr-counter aksel-sr-only" }, getCounterText(debouncedDiff, translate))),
+        react_1.default.createElement(typography_1.BodyShort, { className: (0, helpers_1.cl)("aksel-textarea__counter", {
+                "aksel-textarea__counter--error": difference < 0,
             }), size: size }, getCounterText(difference, translate))));
 };
 const getCounterText = (difference, translate) => difference < 0

package/cjs/form/textarea/TextareaCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,6CAAiD;AACjD,iDAA6C;AAC7C,mEAA2C;AAC3C,2DAAqD;AAWrD,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,EACX,SAAS,EACT,aAAa,EACb,IAAI,EACJ,IAAI,GACE,EAAE,EAAE;IACV,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,EAAE;QACpC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAC,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS;QACxE,YAAY,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;YAChC,CAAC,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IAC7C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YACjC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL;QACE,wCAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAClD,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CACjC;QAEN,UAAU,GAAG,EAAE,IAAI,CAClB,wCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,0CAA0C,CAAC,IAExD,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,CACpC,CACR;QAED,8BAAC,sBAAS,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,gCAAgC,EAAE,UAAU,GAAG,CAAC;aACjD,CAAC,EACF,IAAI,EAAE,IAAI,IAET,cAAc,CAAC,UAAU,EAAE,SAAS,CAAC,CAC5B,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,UAAkB,EAClB,SAGW,EACX,EAAE,CACF,UAAU,GAAG,CAAC;IACZ,CAAC,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IAC5D,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;AAEpD,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,iDAA6C;AAC7C,yDAAgD;AAChD,iDAAyC;AACzC,4DAAsD;AAWtD,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,EACX,SAAS,EACT,aAAa,EACb,IAAI,EACJ,IAAI,GACE,EAAE,EAAE;IACV,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,EAAE;QACpC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAC,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS;QACxE,YAAY,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;YAChC,CAAC,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IAC7C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,IAAA,yBAAQ,EAAC,GAAG,EAAE;YACjC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL;QACE,wCAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAC,eAAe,IAC7C,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CACjC;QAEN,UAAU,GAAG,EAAE,IAAI,CAClB,wCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0CAA0C,IAEnD,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,CACpC,CACR;QAED,8BAAC,sBAAS,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,yBAAyB,EAAE;gBACvC,gCAAgC,EAAE,UAAU,GAAG,CAAC;aACjD,CAAC,EACF,IAAI,EAAE,IAAI,IAET,cAAc,CAAC,UAAU,EAAE,SAAS,CAAC,CAC5B,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,UAAkB,EAClB,SAGW,EACX,EAAE,CACF,UAAU,GAAG,CAAC;IACZ,CAAC,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IAC5D,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;AAEpD,kBAAe,eAAe,CAAC"}

package/cjs/form/textfield/TextField.js

@@ -46,9 +46,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = 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 utils_external_1 = require("../../utils-external");
+const helpers_1 = require("../../utils/helpers");
 const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
 const useFormField_1 = require("../useFormField");
 /**
@@ -63,26 +63,25 @@ const useFormField_1 = require("../useFormField");
  * ```
  */
 exports.TextField = (0, react_1.forwardRef)((props, ref) => {
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, useFormField_1.useFormField)(props, "textField");
     const { label, className, description, htmlSize, hideLabel = false, type = "text", readOnly } = props, rest = __rest(props, ["label", "className", "description", "htmlSize", "hideLabel", "type", "readOnly"]);
-    return (react_1.default.createElement("div", { className: cn(className, "navds-form-field", `navds-form-field--${size}`, {
-            "navds-text-field--error": hasError,
-            "navds-text-field--disabled": !!inputProps.disabled,
-            "navds-form-field--disabled": !!inputProps.disabled,
-            "navds-form-field--readonly": readOnly,
-            "navds-text-field--readonly": readOnly,
+    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)(className, "aksel-form-field", `aksel-form-field--${size}`, {
+            "aksel-text-field--error": hasError,
+            "aksel-text-field--disabled": !!inputProps.disabled,
+            "aksel-form-field--disabled": !!inputProps.disabled,
+            "aksel-form-field--readonly": readOnly,
+            "aksel-text-field--readonly": readOnly,
         }) },
-        react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: cn("navds-form-field__label", {
-                "navds-sr-only": hideLabel,
+        react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, helpers_1.cl)("aksel-form-field__label", {
+                "aksel-sr-only": hideLabel,
             }) },
             readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null),
             label),
-        !!description && (react_1.default.createElement(typography_1.BodyShort, { className: cn("navds-form-field__description", {
-                "navds-sr-only": hideLabel,
+        !!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, helpers_1.cl)("aksel-form-field__description", {
+                "aksel-sr-only": hideLabel,
             }), id: inputDescriptionId, size: size, as: "div" }, description)),
-        react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, type: type, readOnly: readOnly, className: cn("navds-text-field__input", "navds-body-short", `navds-body-short--${size !== null && size !== void 0 ? size : "medium"}`), size: htmlSize })),
-        react_1.default.createElement("div", { className: cn("navds-form-field__error"), id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error)))));
+        react_1.default.createElement("input", Object.assign({}, (0, utils_external_1.omit)(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, type: type, readOnly: readOnly, className: (0, helpers_1.cl)("aksel-text-field__input", "aksel-body-short", `aksel-body-short--${size !== null && size !== void 0 ? size : "medium"}`), size: htmlSize })),
+        react_1.default.createElement("div", { className: "aksel-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error)))));
 });
 exports.default = exports.TextField;
 //# sourceMappingURL=TextField.js.map

package/cjs/form/textfield/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/form/textfield/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+D;AAC/D,6CAAiD;AACjD,iDAAkE;AAClE,qCAAkC;AAClC,kDAA+C;AAC/C,kDAA+D;AAgC/D;;;;;;;;;;GAUG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAErC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAC;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAE3B;YACE,yBAAyB,EAAE,QAAQ;YACnC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;SACvC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAED,QAAQ,IAAI,8BAAC,2BAAY,OAAG;YAC5B,KAAK,CACA;QAEP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,KAAK,IAEP,WAAW,CACF,CACb;QACD,yDACM,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,CACxC,EACD,IAAI,EAAE,QAAQ,IACd;QACF,uCACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACxC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/form/textfield/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+D;AAC/D,iDAAkE;AAClE,yDAA4C;AAC5C,iDAAyC;AACzC,kDAA+C;AAC/C,kDAA+D;AAgC/D;;;;;;;;;;GAUG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAErC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAC;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAE3B;YACE,yBAAyB,EAAE,QAAQ;YACnC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;SACvC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,YAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAED,QAAQ,IAAI,8BAAC,2BAAY,OAAG;YAC5B,KAAK,CACA;QAEP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,KAAK,IAEP,WAAW,CACF,CACb;QACD,yDACM,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,YAAE,EACX,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,CACxC,EACD,IAAI,EAAE,QAAQ,IACd;QACF,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}

package/cjs/form/useFormField.js

@@ -32,16 +32,13 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormField = void 0;
 exports.containsReadMore = containsReadMore;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const ReadMore_1 = require("../read-more/ReadMore");
-const hooks_1 = require("../util/hooks");
+const utils_external_1 = require("../utils-external");
+const helpers_1 = require("../utils/helpers");
 const context_1 = require("./fieldset/context");
 /**
  * Handles props and their state for various form-fields in context with Fieldset
@@ -50,7 +47,7 @@ const useFormField = (props, prefix) => {
     var _a, _b, _c;
     const { size, error, errorId: propErrorId } = props;
     const fieldset = (0, react_1.useContext)(context_1.FieldsetContext);
-    const genId = (0, hooks_1.useId)();
+    const genId = (0, utils_external_1.useId)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${prefix}-${genId}`;
     const errorId = propErrorId !== null && propErrorId !== void 0 ? propErrorId : `${prefix}-error-${genId}`;
     const inputDescriptionId = `${prefix}-description-${genId}`;
@@ -70,7 +67,7 @@ const useFormField = (props, prefix) => {
         inputDescriptionId,
         size: (_b = size !== null && size !== void 0 ? size : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _b !== void 0 ? _b : "medium",
         readOnly,
-        inputProps: Object.assign(Object.assign({ id }, ariaInvalid), { "aria-describedby": (0, clsx_1.default)(props["aria-describedby"], {
+        inputProps: Object.assign(Object.assign({ id }, ariaInvalid), { "aria-describedby": (0, helpers_1.cl)(props["aria-describedby"], {
                 [inputDescriptionId]: props.description && !containsReadMore(props.description),
                 [errorId]: showErrorMsg,
                 [(_c = fieldset === null || fieldset === void 0 ? void 0 : fieldset.errorId) !== null && _c !== void 0 ? _c : ""]: hasError && (fieldset === null || fieldset === void 0 ? void 0 : fieldset.error),

package/cjs/form/useFormField.js.map

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

package/cjs/guide-panel/GuidePanel.js

@@ -47,6 +47,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GuidePanel = void 0;
 const react_1 = __importStar(require("react"));
 const Theme_1 = require("../theme/Theme");
+const helpers_1 = require("../utils/helpers");
 const Illustration_1 = require("./Illustration");
 /**
  * A component for guiding users on the website
@@ -65,16 +66,15 @@ const Illustration_1 = require("./Illustration");
  */
 exports.GuidePanel = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, illustration, poster, "data-color": color = "info" } = _a, rest = __rest(_a, ["children", "className", "illustration", "poster", "data-color"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const themeContext = (0, Theme_1.useThemeInternal)();
-    return (react_1.default.createElement("div", Object.assign({ "data-color": color }, rest, { ref: ref, className: cn("navds-guide-panel", className), "data-responsive": poster === undefined, "data-poster": poster }),
-        react_1.default.createElement("div", { className: cn("navds-guide") }, illustration !== null && illustration !== void 0 ? illustration : react_1.default.createElement(Illustration_1.GudiepanelIllustration, null)),
-        react_1.default.createElement("div", { className: cn("navds-guide-panel__content") },
-            react_1.default.createElement("svg", { viewBox: "0 0 33 22", width: "33", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("navds-guide-panel__tail") },
+    return (react_1.default.createElement("div", Object.assign({ "data-color": color }, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-guide-panel", className), "data-responsive": poster === undefined, "data-poster": poster }),
+        react_1.default.createElement("div", { className: "aksel-guide" }, illustration !== null && illustration !== void 0 ? illustration : react_1.default.createElement(Illustration_1.GudiepanelIllustration, null)),
+        react_1.default.createElement("div", { className: "aksel-guide-panel__content" },
+            react_1.default.createElement("svg", { viewBox: "0 0 33 22", width: "33", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "aksel-guide-panel__tail" },
                 react_1.default.createElement("path", { d: "M8.74229e-08 22L0 20L33 20V22L8.74229e-08 22Z", fill: "var(--ax-bg-raised)" }),
                 react_1.default.createElement("path", { d: "M31 20.0001L2 20.0001C2.09817 10.0296 3 7.00011 6 2.00011C8 12.5001 20 20.0001 31 20.0001Z", fill: "var(--ax-bg-raised)" }),
                 react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 20C-2.87106e-10 19.9934 3.21047e-05 19.987 9.68646e-05 19.9804C0.0494722 14.9659 0.299239 11.5341 0.964025 8.68212C1.64231 5.77217 2.72947 3.56367 4.28501 0.971094C4.71185 0.259692 5.53358 -0.114327 6.35038 0.0310157C7.16718 0.176359 7.80944 0.810884 7.96467 1.62586C8.84145 6.22896 11.9453 10.3172 16.2599 13.2908C20.5715 16.2623 25.9294 18.0001 31 18.0001C32.1046 18.0001 33 18.8954 33 20L0 20ZM6.755 4.70521C8.97688 10.7068 14.4934 15.469 20.8803 18.0001C24.1345 19.2897 27.6146 20.0001 31 20.0001L2 20.0001C2.00689 19.3003 2.01774 18.6346 2.033 18.0001C2.19625 11.2107 2.86405 7.98363 4.58479 4.54371C4.9944 3.72487 5.46367 2.89399 6 2.00011C6.17639 2.92619 6.43058 3.82889 6.755 4.70521Z", fill: "var(--ax-border-default)" })),
-            react_1.default.createElement("div", { className: cn("navds-guide-panel__content-inner"), "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, children))));
+            react_1.default.createElement("div", { className: "aksel-guide-panel__content-inner", "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, children))));
 });
 exports.default = exports.GuidePanel;
 //# sourceMappingURL=GuidePanel.js.map

package/cjs/guide-panel/GuidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAgE;AAChE,iDAAwD;AAkBxD;;;;;;;;;;;;;;GAcG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cANT,iEAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAExC,OAAO,CACL,mEACc,KAAK,IACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,qBAC5B,MAAM,KAAK,SAAS,iBACxB,MAAM;QAEnB,uCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAC9B,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,8BAAC,qCAAsB,OAAG,CACvC;QACN,uCAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC;YAC9C,uCACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC;gBAExC,wCACE,CAAC,EAAC,+CAA+C,EACjD,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yrBAAyrB,EAC3rB,IAAI,EAAC,0BAA0B,GAC/B,CACE;YACN,uCACE,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,gBACrC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAE9B,QAAQ,CACL,CACF,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
+{"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAkD;AAClD,8CAAsC;AACtC,iDAAwD;AAkBxD;;;;;;;;;;;;;;GAcG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cANT,iEAOC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAExC,OAAO,CACL,mEACc,KAAK,IACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,qBAC5B,MAAM,KAAK,SAAS,iBACxB,MAAM;QAEnB,uCAAK,SAAS,EAAC,aAAa,IACzB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,8BAAC,qCAAsB,OAAG,CACvC;QACN,uCAAK,SAAS,EAAC,4BAA4B;YACzC,uCACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,yBAAyB;gBAEnC,wCACE,CAAC,EAAC,+CAA+C,EACjD,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yrBAAyrB,EAC3rB,IAAI,EAAC,0BAA0B,GAC/B,CACE;YACN,uCACE,SAAS,EAAC,kCAAkC,gBAChC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAE9B,QAAQ,CACL,CACF,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}

package/cjs/guide-panel/Illustration.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GudiepanelIllustration = void 0;
 const react_1 = __importDefault(require("react"));
-const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
+const i18n_hooks_1 = require("../utils/i18n/i18n.hooks");
 const GudiepanelIllustration = () => {
     const translate = (0, i18n_hooks_1.useI18n)("GuidePanel");
     return (react_1.default.createElement("svg", { width: "80", height: "80", viewBox: "0 0 80 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": translate("illustrationLabel"), focusable: false, role: "img" },

package/cjs/guide-panel/Illustration.js.map

@@ -1 +1 @@
-{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wDAAkD;AAE3C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,YAAY,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;QAEV,qCAAG,QAAQ,EAAC,wBAAwB;YAClC,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,uBAAuB,GAAG;YAEpE,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gmBAAgmB,EAClmB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gUAAgU,EAClU,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mkCAAmkC,EACrkC,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6wBAA6wB,EAC/wB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yMAAyM,EAC3M,IAAI,EAAC,OAAO,GACZ;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACA;QACJ;YACE,4CAAU,EAAE,EAAC,kBAAkB;gBAC7B,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CAC3C,CACN,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAvFW,QAAA,sBAAsB,0BAuFjC"}
+{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yDAAmD;AAE5C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,YAAY,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;QAEV,qCAAG,QAAQ,EAAC,wBAAwB;YAClC,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,uBAAuB,GAAG;YAEpE,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gmBAAgmB,EAClmB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gUAAgU,EAClU,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mkCAAmkC,EACrkC,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6wBAA6wB,EAC/wB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yMAAyM,EAC3M,IAAI,EAAC,OAAO,GACZ;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACA;QACJ;YACE,4CAAU,EAAE,EAAC,kBAAkB;gBAC7B,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CAC3C,CACN,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAvFW,QAAA,sBAAsB,0BAuFjC"}

package/cjs/help-text/HelpText.js

@@ -47,10 +47,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HelpText = void 0;
 const react_1 = __importStar(require("react"));
 const popover_1 = require("../popover");
-const Theme_1 = require("../theme/Theme");
-const composeEventHandlers_1 = require("../util/composeEventHandlers");
-const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
-const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
+const helpers_1 = require("../utils/helpers");
+const hooks_1 = require("../utils/hooks");
+const i18n_hooks_1 = require("../utils/i18n/i18n.hooks");
 const HelpTextIcon_1 = require("./HelpTextIcon");
 /**
  * A component that displays a help text button with a popover.
@@ -67,18 +66,17 @@ const HelpTextIcon_1 = require("./HelpTextIcon");
  */
 exports.HelpText = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, placement, strategy = "absolute", title, onClick, wrapperClassName, "data-color": color = "info" } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName", "data-color"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const buttonRef = (0, react_1.useRef)(null);
-    const mergedRef = (0, useMergeRefs_1.useMergeRefs)(buttonRef, ref);
+    const mergedRef = (0, hooks_1.useMergeRefs)(buttonRef, ref);
     const [open, setOpen] = (0, react_1.useState)(false);
     const translate = (0, i18n_hooks_1.useI18n)("HelpText");
     const titleWithFallback = title || translate("title");
-    return (react_1.default.createElement("div", { className: cn("navds-help-text", wrapperClassName), "data-color": color },
-        react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: cn(className, "navds-help-text__button"), type: "button", "aria-expanded": open, "aria-label": titleWithFallback }),
+    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)("aksel-help-text", wrapperClassName), "data-color": color },
+        react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, helpers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: (0, helpers_1.cl)(className, "aksel-help-text__button"), type: "button", "aria-expanded": open, "aria-label": titleWithFallback }),
             react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, null),
             react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true })),
-        react_1.default.createElement(popover_1.Popover, { onClose: () => setOpen(false), className: cn("navds-help-text__popover"), open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy },
-            react_1.default.createElement(popover_1.Popover.Content, { className: cn("navds-body-short") }, children))));
+        react_1.default.createElement(popover_1.Popover, { onClose: () => setOpen(false), className: "aksel-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy },
+            react_1.default.createElement(popover_1.Popover.Content, { className: "aksel-body-short" }, children))));
 });
 exports.default = exports.HelpText;
 //# sourceMappingURL=HelpText.js.map

package/cjs/help-text/HelpText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,wCAAmD;AACnD,0CAA8C;AAE9C,uEAAoE;AACpE,6DAA0D;AAC1D,wDAAkD;AAClD,iDAA8C;AA0B9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,gBACtC,KAAK;QAEjB,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI,gBACP,iBAAiB;YAE7B,8BAAC,2BAAY,OAAG;YAChB,8BAAC,2BAAY,IAAC,MAAM,SAAG,CAChB;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,IAC/C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
+{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,wCAAmD;AAEnD,8CAA4D;AAC5D,0CAA8C;AAC9C,yDAAmD;AACnD,iDAA8C;AA0B9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,gBAAgB,CAAC,gBACtC,KAAK;QAEjB,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,8BAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI,gBACP,iBAAiB;YAE7B,8BAAC,2BAAY,OAAG;YAChB,8BAAC,2BAAY,IAAC,MAAM,SAAG,CAChB;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}

package/cjs/help-text/HelpTextIcon.js

@@ -5,11 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HelpTextIcon = void 0;
 const react_1 = __importDefault(require("react"));
-const Theme_1 = require("../theme/Theme");
+const helpers_1 = require("../utils/helpers");
 const HelpTextIcon = ({ filled = false }) => {
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", className: cn("navds-help-text__icon", {
-            "navds-help-text__icon--filled": filled,
+    return (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", className: (0, helpers_1.cl)("aksel-help-text__icon", {
+            "aksel-help-text__icon--filled": filled,
         }), "aria-hidden": true },
         react_1.default.createElement("circle", { cx: "12", cy: "12", r: "11", strokeWidth: "1.5", stroke: "currentColor", fill: filled ? "currentColor" : "transparent" }),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 9C9.75 7.75736 10.7574 6.75 12 6.75H12.1716C13.3195 6.75 14.25 7.68054 14.25 8.82843C14.25 9.37966 14.031 9.90832 13.6412 10.2981L12.6412 11.2981C11.7504 12.1889 11.25 13.3971 11.25 14.6569C11.25 15.0711 11.5858 15.4069 12 15.4069C12.4142 15.4069 12.75 15.0711 12.75 14.6569C12.75 13.7949 13.0924 12.9682 13.7019 12.3588L14.7019 11.3588C15.373 10.6877 15.75 9.77748 15.75 8.82843C15.75 6.85212 14.1479 5.25 12.1716 5.25H12C9.92893 5.25 8.25 6.92893 8.25 9V9.5C8.25 9.91421 8.58579 10.25 9 10.25C9.41421 10.25 9.75 9.91421 9.75 9.5V9ZM12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5Z", fill: filled ? "var(--ax-text-accent-contrast)" : "currentColor" })));

package/cjs/help-text/HelpTextIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA8C;AAEvC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,EAAwB,EAAE,EAAE;IACvE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;YACrC,+BAA+B,EAAE,MAAM;SACxC,CAAC;QAGF,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAC7C;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,cAAc,GAChE,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,YAAY,gBAiCvB"}
+{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8CAAsC;AAE/B,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,EAAwB,EAAE,EAAE;IACvE,OAAO,CACL,uCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE;YACrC,+BAA+B,EAAE,MAAM;SACxC,CAAC;QAGF,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAC7C;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,cAAc,GAChE,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,YAAY,gBA+BvB"}

package/cjs/index.d.ts

@@ -38,7 +38,7 @@ export { Timeline, type TimelinePeriodProps, type TimelinePinProps, type Timelin
 export { ToggleGroup, type ToggleGroupProps } from "./toggle-group";
 export { Tooltip, type TooltipProps } from "./tooltip";
 export { BodyLong, BodyShort, Detail, ErrorMessage, Heading, Ingress, Label, type BodyLongProps, type BodyShortProps, type DetailProps, type ErrorMessageProps, type HeadingProps, type IngressProps, type LabelProps, } from "./typography";
-export { OverridableComponent, debounce, omit, useClientLayoutEffect, useEventListener, useId, } from "./util";
+export { OverridableComponent, debounce, omit, useClientLayoutEffect, useEventListener, useId, } from "./utils-external";
 export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, } from "./form/checkbox";
 export { UNSAFE_Combobox, type ComboboxProps } from "./form/combobox";
 export { ConfirmationPanel, type ConfirmationPanelProps, } from "./form/confirmation-panel";

package/cjs/index.js

@@ -97,12 +97,12 @@ Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function
 Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return typography_1.Heading; } });
 Object.defineProperty(exports, "Ingress", { enumerable: true, get: function () { return typography_1.Ingress; } });
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return typography_1.Label; } });
-var util_1 = require("./util");
-Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return util_1.debounce; } });
-Object.defineProperty(exports, "omit", { enumerable: true, get: function () { return util_1.omit; } });
-Object.defineProperty(exports, "useClientLayoutEffect", { enumerable: true, get: function () { return util_1.useClientLayoutEffect; } });
-Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return util_1.useEventListener; } });
-Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return util_1.useId; } });
+var utils_external_1 = require("./utils-external");
+Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return utils_external_1.debounce; } });
+Object.defineProperty(exports, "omit", { enumerable: true, get: function () { return utils_external_1.omit; } });
+Object.defineProperty(exports, "useClientLayoutEffect", { enumerable: true, get: function () { return utils_external_1.useClientLayoutEffect; } });
+Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return utils_external_1.useEventListener; } });
+Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return utils_external_1.useId; } });
 var checkbox_1 = require("./form/checkbox");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
 Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return checkbox_1.CheckboxGroup; } });

package/cjs/index.js.map

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

package/cjs/inline-message/icon/InlineMessageIcon.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineMessageIcon = InlineMessageIcon;
 const react_1 = __importDefault(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
-const Theme_1 = require("../../theme/Theme");
 const STATUS_ICONS = {
     info: aksel_icons_1.InformationSquareFillIcon,
     success: aksel_icons_1.CheckmarkCircleFillIcon,
@@ -14,11 +13,10 @@ const STATUS_ICONS = {
     error: aksel_icons_1.XMarkOctagonFillIcon,
 };
 function InlineMessageIcon({ status, }) {
-    const { cn } = (0, Theme_1.useRenameCSS)();
     if (!(status in STATUS_ICONS)) {
         return null;
     }
     const Icon = STATUS_ICONS[status];
-    return react_1.default.createElement(Icon, { className: cn("navds-inline-message__icon"), "aria-hidden": true });
+    return react_1.default.createElement(Icon, { className: "aksel-inline-message__icon", "aria-hidden": true });
 }
 //# sourceMappingURL=InlineMessageIcon.js.map

package/cjs/inline-message/icon/InlineMessageIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessageIcon.js","sourceRoot":"","sources":["../../../src/inline-message/icon/InlineMessageIcon.tsx"],"names":[],"mappings":";;;;;AAgCS,8CAAiB;AAhC1B,kDAA0B;AAC1B,qDAK6B;AAC7B,6CAAiD;AAEjD,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,uCAAyB;IAC/B,OAAO,EAAE,qCAAuB;IAChC,OAAO,EAAE,6CAA+B;IACxC,KAAK,EAAE,kCAAoB;CACnB,CAAC;AAEX,SAAS,iBAAiB,CAAC,EACzB,MAAM,GAGP;IACC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IAElC,OAAO,8BAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,wBAAgB,CAAC;AAC3E,CAAC"}
+{"version":3,"file":"InlineMessageIcon.js","sourceRoot":"","sources":["../../../src/inline-message/icon/InlineMessageIcon.tsx"],"names":[],"mappings":";;;;;AA6BS,8CAAiB;AA7B1B,kDAA0B;AAC1B,qDAK6B;AAE7B,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,uCAAyB;IAC/B,OAAO,EAAE,qCAAuB;IAChC,OAAO,EAAE,6CAA+B;IACxC,KAAK,EAAE,kCAAoB;CACnB,CAAC;AAEX,SAAS,iBAAiB,CAAC,EACzB,MAAM,GAGP;IACC,IAAI,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IAElC,OAAO,8BAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,wBAAe,CAAC;AACrE,CAAC"}

package/cjs/inline-message/root/InlineMessage.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type OverridableComponent } from "../../util";
+import { type OverridableComponent } from "../../utils-external";
 interface InlineMessageProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * InlineMessage status.

package/cjs/inline-message/root/InlineMessage.js

@@ -43,17 +43,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineMessage = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const Theme_1 = require("../../theme/Theme");
 const typography_1 = require("../../typography");
-const util_1 = require("../../util");
-const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
+const utils_external_1 = require("../../utils-external");
+const helpers_1 = require("../../utils/helpers");
+const i18n_hooks_1 = require("../../utils/i18n/i18n.hooks");
 const InlineMessageIcon_1 = require("../icon/InlineMessageIcon");
 /**
  * InlineMessage is used to highlight short messages next to other content.
@@ -77,15 +74,14 @@ const InlineMessageIcon_1 = require("../icon/InlineMessageIcon");
  */
 exports.InlineMessage = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { as: Component = "div", children, className, status, size = "medium" } = _a, restProps = __rest(_a, ["as", "children", "className", "status", "size"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     const themeContext = (0, Theme_1.useThemeInternal)();
     const translate = (0, i18n_hooks_1.useI18n)("global");
-    const statusId = (0, util_1.useId)();
-    const contentId = (0, util_1.useId)();
-    return (react_1.default.createElement(typography_1.BodyShort, Object.assign({ ref: forwardedRef, className: cn("navds-inline-message", className), "data-color": status === "error" ? "danger" : status }, restProps, { size: size, as: Component, "data-size": size }),
+    const statusId = (0, utils_external_1.useId)();
+    const contentId = (0, utils_external_1.useId)();
+    return (react_1.default.createElement(typography_1.BodyShort, Object.assign({ ref: forwardedRef, className: (0, helpers_1.cl)("aksel-inline-message", className), "data-color": status === "error" ? "danger" : status }, restProps, { size: size, as: Component, "data-size": size }),
         react_1.default.createElement(InlineMessageIcon_1.InlineMessageIcon, { status: status }),
         status && (react_1.default.createElement(typography_1.BodyShort, { id: statusId, "aria-hidden": true, visuallyHidden: true }, `${translate(status)}: `)),
-        react_1.default.createElement("span", { "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color, id: contentId, "aria-labelledby": (0, clsx_1.default)(statusId, contentId) }, children)));
+        react_1.default.createElement("span", { "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color, id: contentId, "aria-labelledby": (0, helpers_1.cl)(statusId, contentId) }, children)));
 });
 exports.default = exports.InlineMessage;
 //# sourceMappingURL=InlineMessage.js.map

package/cjs/inline-message/root/InlineMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.js","sourceRoot":"","sources":["../../../src/inline-message/root/InlineMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,6CAAmE;AACnE,iDAA6C;AAC7C,qCAA8D;AAC9D,2DAAqD;AACrD,iEAA8D;AAkB9D;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,aAAa,GAGtB,IAAA,kBAAU,EACZ,CACE,EAOkD,EAClD,YAAY,EACZ,EAAE;QATF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,IAAI,GAAG,QAAQ,OAEiC,EAD7C,SAAS,cANd,iDAOC,CADa;IAId,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAExC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,IAAA,YAAK,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,YAAK,GAAE,CAAC;IAE1B,OAAO,CACL,8BAAC,sBAAS,kBACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,gBACpC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IAC9C,SAAS,IACb,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,SAAS,eACF,IAAI;QAEf,8BAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;QACpC,MAAM,IAAI,CACT,8BAAC,sBAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QAED,sDACc,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAC/B,EAAE,EAAE,SAAS,qBACI,IAAA,cAAE,EAAC,QAAQ,EAAE,SAAS,CAAC,IAEvC,QAAQ,CACJ,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,qBAAa,CAAC"}
+{"version":3,"file":"InlineMessage.js","sourceRoot":"","sources":["../../../src/inline-message/root/InlineMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAqD;AACrD,iDAA6C;AAC7C,yDAAwE;AACxE,iDAAyC;AACzC,4DAAsD;AACtD,iEAA8D;AAkB9D;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,aAAa,GAGtB,IAAA,kBAAU,EACZ,CACE,EAOkD,EAClD,YAAY,EACZ,EAAE;QATF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,IAAI,GAAG,QAAQ,OAEiC,EAD7C,SAAS,cANd,iDAOC,CADa;IAId,MAAM,YAAY,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAExC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,IAAA,sBAAK,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE1B,OAAO,CACL,8BAAC,sBAAS,kBACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,gBACpC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IAC9C,SAAS,IACb,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,SAAS,eACF,IAAI;QAEf,8BAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;QACpC,MAAM,IAAI,CACT,8BAAC,sBAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QAED,sDACc,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAC/B,EAAE,EAAE,SAAS,qBACI,IAAA,YAAE,EAAC,QAAQ,EAAE,SAAS,CAAC,IAEvC,QAAQ,CACJ,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,qBAAa,CAAC"}

package/cjs/internal-header/InternalHeader.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../util/types";
+import type { OverridableComponent } from "../utils-external";
 import { InternalHeaderButtonProps } from "./InternalHeaderButton";
 import { InternalHeaderTitleProps } from "./InternalHeaderTitle";
 import { InternalHeaderUserProps } from "./InternalHeaderUser";

package/cjs/internal-header/InternalHeader.js

@@ -50,6 +50,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalHeader = void 0;
 const react_1 = __importStar(require("react"));
 const Theme_1 = require("../theme/Theme");
+const helpers_1 = require("../utils/helpers");
 const InternalHeaderButton_1 = __importDefault(require("./InternalHeaderButton"));
 const InternalHeaderTitle_1 = __importDefault(require("./InternalHeaderTitle"));
 const InternalHeaderUser_1 = __importDefault(require("./InternalHeaderUser"));
@@ -85,12 +86,11 @@ const InternalHeaderUserButton_1 = __importDefault(require("./InternalHeaderUser
  */
 exports.InternalHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
     /*
      * Component is always in "dark" mode, so we manually override global theme.
      */
     return (react_1.default.createElement(Theme_1.Theme, { theme: "dark", asChild: true, hasBackground: false },
-        react_1.default.createElement("header", Object.assign({}, rest, { ref: ref, className: cn("navds-internalheader", className) }))));
+        react_1.default.createElement("header", Object.assign({}, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-internalheader", className) }))));
 });
 exports.InternalHeader.Title = InternalHeaderTitle_1.default;
 exports.InternalHeader.User = InternalHeaderUser_1.default;

package/cjs/internal-header/InternalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAqD;AAErD,kFAEgC;AAChC,gFAE+B;AAC/B,8EAE8B;AAC9B,0FAEoC;AAoCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B;;OAEG;IACH,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,QAAC,aAAa,EAAE,KAAK;QAC9C,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACI,CACT,CAAC;AACJ,CAAC,CAA4B,CAAC;AAE9B,sBAAc,CAAC,KAAK,GAAG,6BAAmB,CAAC;AAC3C,sBAAc,CAAC,IAAI,GAAG,4BAAkB,CAAC;AACzC,sBAAc,CAAC,MAAM,GAAG,8BAAoB,CAAC;AAC7C,sBAAc,CAAC,UAAU,GAAG,kCAAwB,CAAC;AAErD,kBAAe,sBAAc,CAAC"}
+{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAuC;AAEvC,8CAAsC;AACtC,kFAEgC;AAChC,gFAE+B;AAC/B,8EAE8B;AAC9B,0FAEoC;AAoCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D;;OAEG;IACH,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,QAAC,aAAa,EAAE,KAAK;QAC9C,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACI,CACT,CAAC;AACJ,CAAC,CAA4B,CAAC;AAE9B,sBAAc,CAAC,KAAK,GAAG,6BAAmB,CAAC;AAC3C,sBAAc,CAAC,IAAI,GAAG,4BAAkB,CAAC;AACzC,sBAAc,CAAC,MAAM,GAAG,8BAAoB,CAAC;AAC7C,sBAAc,CAAC,UAAU,GAAG,kCAAwB,CAAC;AAErD,kBAAe,sBAAc,CAAC"}

package/cjs/internal-header/InternalHeaderButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import type { OverridableComponent } from "../utils-external";
 export interface InternalHeaderButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Application Button

package/cjs/internal-header/InternalHeaderButton.js

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

package/cjs/internal-header/InternalHeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAUjC,QAAA,oBAAoB,GAG7B,IAAA,kBAAU,EAAC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC5D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,IACxD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}
+{"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,8CAAsC;AASzB,QAAA,oBAAoB,GAG7B,IAAA,kBAAU,EAAC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC5D,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,8BAA8B,EAAE,SAAS,CAAC,IACxD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}

package/cjs/internal-header/InternalHeaderTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import type { OverridableComponent } from "../utils-external";
 export interface InternalHeaderTitleProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Application title

package/cjs/internal-header/InternalHeaderTitle.js

@@ -46,11 +46,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalHeaderTitle = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
+const helpers_1 = require("../utils/helpers");
 exports.InternalHeaderTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "a", children, className } = _a, rest = __rest(_a, ["as", "children", "className"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, size: "xsmall", className: cn("navds-internalheader__title", "navds-body-short", className) }),
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, size: "xsmall", className: (0, helpers_1.cl)("aksel-internalheader__title", "aksel-body-short", className) }),
         react_1.default.createElement("span", null, children)));
 });
 exports.default = exports.InternalHeaderTitle;

package/cjs/internal-header/InternalHeaderTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalHeaderTitle.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAWjC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnD,+BAAqD,CAAF;IACjE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,kBAAkB,EAClB,SAAS,CACV;QAED,4CAAO,QAAQ,CAAQ,CACb,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}
+{"version":3,"file":"InternalHeaderTitle.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,8CAAsC;AAUzB,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnD,+BAAqD,CAAF;IACjE,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,YAAE,EACX,6BAA6B,EAC7B,kBAAkB,EAClB,SAAS,CACV;QAED,4CAAO,QAAQ,CAAQ,CACb,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}

package/cjs/internal-header/InternalHeaderUser.js

@@ -46,12 +46,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalHeaderUser = void 0;
 const react_1 = __importStar(require("react"));
-const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
+const helpers_1 = require("../utils/helpers");
 exports.InternalHeaderUser = (0, react_1.forwardRef)((_a, ref) => {
     var { className, name, description } = _a, rest = __rest(_a, ["className", "name", "description"]);
-    const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-internalheader__user", className) }),
+    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-internalheader__user", className) }),
         react_1.default.createElement("div", null,
             react_1.default.createElement(typography_1.BodyShort, { size: "small", as: "div" }, name),
             description && react_1.default.createElement(typography_1.Detail, { as: "div" }, description))));