@navikt/ds-react 7.14.3 → 7.16.0

package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map

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

package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js

@@ -22,29 +22,27 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthPickerStandalone = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../../theme/Theme");
 const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
 const Date_locale_1 = require("../../Date.locale");
 const MonthPicker_context_1 = require("../MonthPicker.context");
 const MonthPicker_Caption_1 = require("./MonthPicker.Caption");
 const MonthPicker_Table_1 = require("./MonthPicker.Table");
 exports.MonthPickerStandalone = (0, react_1.forwardRef)(({ dropdownCaption = false, fromDate, toDate, disabled = [], selected, className, locale, translations, onMonthSelect, defaultSelected, year, onYearChange, }, ref) => {
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
     const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
     if (dropdownCaption && (!fromDate || !toDate)) {
         console.warn("Using dropdownCaption required fromDate and toDate");
         return null;
     }
-    return (react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("navds-date__wrapper", className) },
+    return (react_1.default.createElement("div", { ref: ref, className: cn("navds-date__wrapper", className) },
         react_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
             react_1.default.createElement(MonthPicker_context_1.MonthPickerProvider, { dropdownCaption: dropdownCaption, defaultSelected: defaultSelected, selected: selected, disabled: disabled, fromDate: fromDate, toDate: toDate, year: year, onYearChange: onYearChange, onMonthSelect: onMonthSelect, locale: locale ? (0, Date_locale_1.getLocaleFromString)(locale) : langProviderLocale },
-                react_1.default.createElement("div", { className: "navds-date rdp-month" },
+                react_1.default.createElement("div", { className: cn("navds-date rdp-month") },
                     react_1.default.createElement(MonthPicker_Caption_1.MonthPickerCaption, null),
                     react_1.default.createElement(MonthPicker_Table_1.MonthPickerTable, null))))));
 });

package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthPicker.Standalone.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Standalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,8DAAuE;AACvE,mDAI2B;AAC3B,gEAA6D;AAE7D,+DAA2D;AAC3D,2DAAuD;AAiB1C,QAAA,qBAAqB,GAAG,IAAA,kBAAU,EAI7C,CACE,EACE,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAe,EACf,IAAI,EACJ,YAAY,GACb,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,YAAY,EACZ,IAAA,6BAAe,EAAC,MAAM,CAAC,CACxB,CAAC;IACF,MAAM,kBAAkB,GAAG,IAAA,0BAAa,GAAE,CAAC;IAE3C,IAAI,eAAe,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9C,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC;QAC5D,8BAAC,4CAA8B,IAAC,SAAS,EAAE,SAAS;YAClD,8BAAC,yCAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAA,iCAAmB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,kBAAkB;gBAEjE,uCAAK,SAAS,EAAC,sBAAsB;oBACnC,8BAAC,wCAAkB,OAAG;oBACtB,8BAAC,oCAAgB,OAAG,CAChB,CACc,CACS,CAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"MonthPicker.Standalone.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Standalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AACpD,8DAAuE;AACvE,mDAI2B;AAC3B,gEAA6D;AAE7D,+DAA2D;AAC3D,2DAAuD;AAiB1C,QAAA,qBAAqB,GAAG,IAAA,kBAAU,EAI7C,CACE,EACE,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAe,EACf,IAAI,EACJ,YAAY,GACb,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,YAAY,EACZ,IAAA,6BAAe,EAAC,MAAM,CAAC,CACxB,CAAC;IACF,MAAM,kBAAkB,GAAG,IAAA,0BAAa,GAAE,CAAC;IAE3C,IAAI,eAAe,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9C,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;QAC5D,8BAAC,4CAA8B,IAAC,SAAS,EAAE,SAAS;YAClD,8BAAC,yCAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAA,iCAAmB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,kBAAkB;gBAEjE,uCAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC;oBACxC,8BAAC,wCAAkB,OAAG;oBACtB,8BAAC,oCAAgB,OAAG,CAChB,CACc,CACS,CAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/cjs/dropdown/Menu/Divider.js

@@ -33,16 +33,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.Divider = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
 exports.Divider = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("hr", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-dropdown__divider", className) })));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("hr", Object.assign({}, rest, { ref: ref, className: cn("navds-dropdown__divider", className) })));
 });
 exports.default = exports.Divider;
 //# sourceMappingURL=Divider.js.map

package/cjs/dropdown/Menu/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/dropdown/Menu/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAE7B,QAAA,OAAO,GAAG,IAAA,kBAAU,EAG/B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,IACnD,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,eAAO,CAAC"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/dropdown/Menu/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAEpC,QAAA,OAAO,GAAG,IAAA,kBAAU,EAG/B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,IACnD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,eAAO,CAAC"}

package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js

@@ -33,16 +33,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.GroupedHeading = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../../theme/Theme");
 exports.GroupedHeading = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("dt", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-dropdown__list-heading", "navds-heading", "navds-heading--xsmall", className) })));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("dt", Object.assign({}, rest, { ref: ref, className: cn("navds-dropdown__list-heading", "navds-heading", "navds-heading--xsmall", className) })));
 });
 exports.default = exports.GroupedHeading;
 //# sourceMappingURL=GroupedHeading.js.map

package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedHeading.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/GroupedHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAU7B,QAAA,cAAc,GAAG,IAAA,kBAAU,EAGtC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,8BAA8B,EAC9B,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}
+{"version":3,"file":"GroupedHeading.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/GroupedHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAUvC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAGtC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}

package/cjs/dropdown/Menu/GroupedList/GroupedItem.js

@@ -33,20 +33,18 @@ 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.GroupedItem = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../../theme/Theme");
 const composeEventHandlers_1 = require("../../../util/composeEventHandlers");
 const context_1 = require("../../context");
 exports.GroupedItem = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "button", className, onClick } = _a, rest = __rest(_a, ["as", "className", "onClick"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const context = (0, react_1.useContext)(context_1.DropdownContext);
-    return (react_1.default.createElement("dd", { className: "navds-dropdown__list-item" },
-        react_1.default.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, context === null || context === void 0 ? void 0 : context.onSelect), ref: ref, className: (0, clsx_1.default)("navds-dropdown__item", "navds-body-short", "navds-body-short--small", className) }))));
+    return (react_1.default.createElement("dd", { className: cn("navds-dropdown__list-item") },
+        react_1.default.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, context === null || context === void 0 ? void 0 : context.onSelect), ref: ref, className: cn("navds-dropdown__item", "navds-body-short", "navds-body-short--small", className) }))));
 });
 exports.default = exports.GroupedItem;
 //# sourceMappingURL=GroupedItem.js.map

package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedItem.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/GroupedItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,6EAA0E;AAE1E,2CAAgD;AAUnC,QAAA,WAAW,GAGpB,IAAA,kBAAU,EACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvD,8BAAyD,CAAF;IACtD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,OAAO,CACL,sCAAI,SAAS,EAAC,2BAA2B;QACvC,8BAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"GroupedItem.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/GroupedItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,gDAAoD;AACpD,6EAA0E;AAE1E,2CAAgD;AAUnC,QAAA,WAAW,GAGpB,IAAA,kBAAU,EACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvD,8BAAyD,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,OAAO,CACL,sCAAI,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC;QAC5C,8BAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,mBAAW,CAAC"}

package/cjs/dropdown/Menu/GroupedList/index.js

@@ -38,13 +38,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DescriptionList = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../../theme/Theme");
 const GroupedHeading_1 = __importDefault(require("./GroupedHeading"));
 const GroupedItem_1 = __importDefault(require("./GroupedItem"));
 exports.DescriptionList = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    return (react_1.default.createElement("dl", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-dropdown__list", className) }), children));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("dl", Object.assign({}, rest, { ref: ref, className: cn("navds-dropdown__list", className) }), children));
 });
 exports.DescriptionList.Heading = GroupedHeading_1.default;
 exports.DescriptionList.Item = GroupedItem_1.default;

package/cjs/dropdown/Menu/GroupedList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAE1C,sEAAuE;AACvE,gEAA8D;AA2BjD,QAAA,eAAe,GAAG,IAAA,kBAAU,EACvC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAA;CAAA,CACiB,CAAC;AAErB,uBAAe,CAAC,OAAO,GAAG,wBAAc,CAAC;AACzC,uBAAe,CAAC,IAAI,GAAG,qBAAW,CAAC;AAEnC,kBAAe,uBAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAEpD,sEAAuE;AACvE,gEAA8D;AA2BjD,QAAA,eAAe,GAAG,IAAA,kBAAU,EACvC,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;IAC9B,OAAO,CACL,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACiB,CAAC;AAErB,uBAAe,CAAC,OAAO,GAAG,wBAAc,CAAC;AACzC,uBAAe,CAAC,IAAI,GAAG,qBAAW,CAAC;AAEnC,kBAAe,uBAAe,CAAC"}

package/cjs/dropdown/Menu/List/Item.js

@@ -33,20 +33,18 @@ 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.ListItem = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../../theme/Theme");
 const composeEventHandlers_1 = require("../../../util/composeEventHandlers");
 const context_1 = require("../../context");
 exports.ListItem = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "button", className, onClick } = _a, rest = __rest(_a, ["as", "className", "onClick"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const context = (0, react_1.useContext)(context_1.DropdownContext);
-    return (react_1.default.createElement("li", { className: "navds-dropdown__list-item" },
-        react_1.default.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, context === null || context === void 0 ? void 0 : context.onSelect), ref: ref, className: (0, clsx_1.default)("navds-dropdown__item", "navds-body-short", "navds-body-short--small", className) }))));
+    return (react_1.default.createElement("li", { className: cn("navds-dropdown__list-item") },
+        react_1.default.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, context === null || context === void 0 ? void 0 : context.onSelect), ref: ref, className: cn("navds-dropdown__item", "navds-body-short", "navds-body-short--small", className) }))));
 });
 exports.default = exports.ListItem;
 //# sourceMappingURL=Item.js.map

package/cjs/dropdown/Menu/List/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/List/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,6EAA0E;AAE1E,2CAAgD;AASnC,QAAA,QAAQ,GACnB,IAAA,kBAAU,EACR,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvD,8BAAyD,CAAF;IACtD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,OAAO,CACL,sCAAI,SAAS,EAAC,2BAA2B;QACvC,8BAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,gBAAQ,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/List/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,gDAAoD;AACpD,6EAA0E;AAE1E,2CAAgD;AASnC,QAAA,QAAQ,GACnB,IAAA,kBAAU,EACR,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvD,8BAAyD,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,OAAO,CACL,sCAAI,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC;QAC5C,8BAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,gBAAQ,CAAC"}

package/cjs/dropdown/Menu/List/index.js

@@ -38,12 +38,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../../theme/Theme");
 const Item_1 = __importDefault(require("./Item"));
 exports.List = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    return (react_1.default.createElement("ul", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-dropdown__list", className) }), children));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("ul", Object.assign({}, rest, { ref: ref, className: cn("navds-dropdown__list", className) }), children));
 });
 exports.List.Item = Item_1.default;
 exports.List.displayName = "Dropdown.Menu.List";

package/cjs/dropdown/Menu/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/List/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAE1C,kDAAiD;AAoBpC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACxE,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAA;CAAA,CAAa,CAAC;AAEf,YAAI,CAAC,IAAI,GAAG,cAAQ,CAAC;AACrB,YAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACxC,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/List/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAEpD,kDAAiD;AAoBpC,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC5D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,sDAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAa,CAAC;AAEf,YAAI,CAAC,IAAI,GAAG,cAAQ,CAAC;AACrB,YAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACxC,kBAAe,YAAI,CAAC"}

package/cjs/dropdown/Menu/index.js

@@ -38,22 +38,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const popover_1 = require("../../popover");
+const Theme_1 = require("../../theme/Theme");
 const context_1 = require("../context");
 const Divider_1 = __importDefault(require("./Divider"));
 const GroupedList_1 = __importDefault(require("./GroupedList"));
 const List_1 = __importDefault(require("./List"));
 exports.Menu = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onClose, placement = "bottom-end" } = _a, rest = __rest(_a, ["className", "onClose", "placement"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const context = (0, react_1.useContext)(context_1.DropdownContext);
     if (!context) {
         console.warn("Dropdown.Menu has to be wrapped in <Dropdown />");
         return null;
     }
     const { isOpen, anchorEl, handleToggle } = context;
-    return (react_1.default.createElement(popover_1.Popover, Object.assign({}, rest, { placement: placement, ref: ref, arrow: false, className: (0, clsx_1.default)("navds-dropdown__menu", className), offset: -4, anchorEl: anchorEl, open: isOpen, onClose: () => {
+    return (react_1.default.createElement(popover_1.Popover, Object.assign({}, rest, { placement: placement, ref: ref, arrow: false, className: cn("navds-dropdown__menu", className), offset: -4, anchorEl: anchorEl, open: isOpen, onClose: () => {
             handleToggle(false);
             onClose === null || onClose === void 0 ? void 0 : onClose();
         } })));

package/cjs/dropdown/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,2CAAwC;AACxC,wCAA6C;AAC7C,wDAAgC;AAChC,gEAA6D;AAC7D,kDAAwC;AAuD3B,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAG,YAAY,OAAW,EAAN,IAAI,cAAvD,qCAAyD,CAAF;IACtD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAEnD,OAAO,CACL,8BAAC,iBAAO,oBACF,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,CAAC,CAAC,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACd,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CACU,CAAC;AAEd,YAAI,CAAC,IAAI,GAAG,cAAI,CAAC;AACjB,YAAI,CAAC,WAAW,GAAG,qBAAW,CAAC;AAC/B,YAAI,CAAC,OAAO,GAAG,iBAAO,CAAC;AAEvB,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,2CAAwC;AACxC,6CAAiD;AACjD,wCAA6C;AAC7C,wDAAgC;AAChC,gEAA6D;AAC7D,kDAAwC;AAuD3B,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAG,YAAY,OAAW,EAAN,IAAI,cAAvD,qCAAyD,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAEnD,OAAO,CACL,8BAAC,iBAAO,oBACF,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,CAAC,CAAC,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACd,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CACU,CAAC;AAEd,YAAI,CAAC,IAAI,GAAG,cAAI,CAAC;AACjB,YAAI,CAAC,WAAW,GAAG,qBAAW,CAAC;AAC/B,YAAI,CAAC,OAAO,GAAG,iBAAO,CAAC;AAEvB,kBAAe,YAAI,CAAC"}

package/cjs/dropdown/Toggle.js

@@ -33,18 +33,16 @@ 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.DropdownToggle = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../theme/Theme");
 const composeEventHandlers_1 = require("../util/composeEventHandlers");
 const context_1 = require("./context");
 exports.DropdownToggle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onClick } = _a, rest = __rest(_a, ["className", "onClick"]);
     const context = (0, react_1.useContext)(context_1.DropdownContext);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     if (!context) {
         console.warn("Dropdown.Toggle has to be wrapped in <Dropdown />");
         return null;
@@ -62,7 +60,7 @@ exports.DropdownToggle = (0, react_1.forwardRef)((_a, ref) => {
             else if (ref != null) {
                 ref.current = el;
             }
-        }, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick), "aria-expanded": isOpen, className: (0, clsx_1.default)("navds-dropdown__toggle", className) })));
+        }, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick), "aria-expanded": isOpen, className: cn("navds-dropdown__toggle", className) })));
 });
 exports.default = exports.DropdownToggle;
 //# sourceMappingURL=Toggle.js.map

package/cjs/dropdown/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/dropdown/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,uEAAoE;AACpE,uCAA4C;AAU/B,QAAA,cAAc,GAAG,IAAA,kBAAU,EAGtC,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;QAAxC,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;QAClE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAEtD,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAC7B,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,WAAW,CAAC,EAAE,CAAC,CAAC;YAEhB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,EAAE,CAAC,CAAC;YACV,CAAC;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;gBACvB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,CAAC;QACH,CAAC,EACD,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,mBACpC,MAAM,EACrB,SAAS,EAAE,IAAA,cAAE,EAAC,wBAAwB,EAAE,SAAS,CAAC,IAClD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/dropdown/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAA8C;AAC9C,uEAAoE;AACpE,uCAA4C;AAU/B,QAAA,cAAc,GAAG,IAAA,kBAAU,EAGtC,CAAC,EAA+B,EAAE,GAAG,EAAE,EAAE;QAAxC,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAC5C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,mDAAmD,CAAC,CAAC;QAClE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAEtD,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAC7B,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,WAAW,CAAC,EAAE,CAAC,CAAC;YAEhB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,EAAE,CAAC,CAAC;YACV,CAAC;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;gBACvB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,CAAC;QACH,CAAC,EACD,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,mBACpC,MAAM,EACrB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAClD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}

package/cjs/expansion-card/ExpansionCard.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpansionCard = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../theme/Theme");
 const hooks_1 = require("../util/hooks");
 const ExpansionCardContent_1 = __importDefault(require("./ExpansionCardContent"));
 const ExpansionCardDescription_1 = require("./ExpansionCardDescription");
@@ -66,6 +66,7 @@ const context_1 = require("./context");
  */
 exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onToggle, open, defaultOpen = false, size = "medium" } = _a, rest = __rest(_a, ["className", "onToggle", "open", "defaultOpen", "size"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const shouldFade = (0, react_1.useRef)(!(Boolean(open) || defaultOpen));
     const [_open, _setOpen] = (0, hooks_1.useControllableState)({
         value: open,
@@ -80,7 +81,7 @@ exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
             toggleOpen: () => _setOpen((x) => !x),
             size,
         } },
-        react_1.default.createElement("section", Object.assign({}, rest, { className: (0, clsx_1.default)("navds-expansioncard", className, `navds-expansioncard--${size}`, {
+        react_1.default.createElement("section", Object.assign({}, rest, { className: cn("navds-expansioncard", className, `navds-expansioncard--${size}`, {
                 "navds-expansioncard--open": open !== null && open !== void 0 ? open : _open,
                 "navds-expansioncard--no-animation": !shouldFade.current,
             }), ref: ref }))));

package/cjs/expansion-card/ExpansionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkD;AAClD,yCAAqD;AAErD,kFAEgC;AAChC,yEAGoC;AACpC,gFAE+B;AAC/B,6DAG8B;AAC9B,uCAAiD;AAuEjD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cANT,wDAOC,CADQ;IAIT,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;YACrB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,8BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,2DACM,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,2BAA2B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;gBAC1C,mCAAmC,EAAE,CAAC,UAAU,CAAC,OAAO;aACzD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,qBAAa,CAAC,MAAM,GAAG,6BAAmB,CAAC;AAC3C,qBAAa,CAAC,OAAO,GAAG,8BAAoB,CAAC;AAC7C,qBAAa,CAAC,KAAK,GAAG,uCAAkB,CAAC;AACzC,qBAAa,CAAC,WAAW,GAAG,mDAAwB,CAAC;AAErD,kBAAe,qBAAa,CAAC"}
+{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,0CAA8C;AAC9C,yCAAqD;AAErD,kFAEgC;AAChC,yEAGoC;AACpC,gFAE+B;AAC/B,6DAG8B;AAC9B,uCAAiD;AAuEjD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cANT,wDAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;YACrB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,8BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,2DACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,2BAA2B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;gBAC1C,mCAAmC,EAAE,CAAC,UAAU,CAAC,OAAO;aACzD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,qBAAa,CAAC,MAAM,GAAG,6BAAmB,CAAC;AAC3C,qBAAa,CAAC,OAAO,GAAG,8BAAoB,CAAC;AAC7C,qBAAa,CAAC,KAAK,GAAG,uCAAkB,CAAC;AACzC,qBAAa,CAAC,WAAW,GAAG,mDAAwB,CAAC;AAErD,kBAAe,qBAAa,CAAC"}

package/cjs/expansion-card/ExpansionCardContent.js

@@ -33,25 +33,23 @@ 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 });
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../theme/Theme");
 const typography_1 = require("../typography");
 const context_1 = require("./context");
 const ExpansionCardContent = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const panelContext = (0, react_1.useContext)(context_1.ExpansionCardContext);
     if (panelContext === null) {
         console.error("<ExpansionCard.Content> has to be used within an <ExpansionCard>");
         return null;
     }
-    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { ref: ref, as: "div", className: (0, clsx_1.default)("navds-expansioncard__content", className, {
+    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { ref: ref, as: "div", className: cn("navds-expansioncard__content", className, {
             "navds-expansioncard__content--closed": !panelContext.open,
         }), "aria-hidden": !panelContext.open, size: panelContext.size, "data-open": panelContext.open }),
-        react_1.default.createElement("div", { className: "navds-expansioncard__content-inner" }, children)));
+        react_1.default.createElement("div", { className: cn("navds-expansioncard__content-inner") }, children)));
 });
 exports.default = ExpansionCardContent;
 //# sourceMappingURL=ExpansionCardContent.js.map

package/cjs/expansion-card/ExpansionCardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCardContent.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAAyC;AACzC,uCAAiD;AAOjD,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAGrC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IAEtD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,kEAAkE,CACnE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,sCAAsC,EAAE,CAAC,YAAY,CAAC,IAAI;SAC3D,CAAC,iBACW,CAAC,YAAY,CAAC,IAAI,EAC/B,IAAI,EAAE,YAAY,CAAC,IAAI,eACZ,YAAY,CAAC,IAAI;QAE5B,uCAAK,SAAS,EAAC,oCAAoC,IAAE,QAAQ,CAAO,CAC3D,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ExpansionCardContent.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAA8C;AAC9C,8CAAyC;AACzC,uCAAiD;AAOjD,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAGrC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IAEtD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,kEAAkE,CACnE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,sCAAsC,EAAE,CAAC,YAAY,CAAC,IAAI;SAC3D,CAAC,iBACW,CAAC,YAAY,CAAC,IAAI,EAC/B,IAAI,EAAE,YAAY,CAAC,IAAI,eACZ,YAAY,CAAC,IAAI;QAE5B,uCAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,IAAG,QAAQ,CAAO,CACjE,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,oBAAoB,CAAC"}

package/cjs/expansion-card/ExpansionCardDescription.js

@@ -33,23 +33,21 @@ 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.ExpansionCardDescription = 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 context_1 = require("./context");
 exports.ExpansionCardDescription = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const panelContext = (0, react_1.useContext)(context_1.ExpansionCardContext);
     if (panelContext === null) {
         console.error("<ExpansionCard.Description> has to be used within an <ExpansionCard>");
         return null;
     }
-    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { as: "p", ref: ref, className: (0, clsx_1.default)("navds-link-panel__description", className), size: panelContext.size })));
+    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { as: "p", ref: ref, className: cn("navds-link-panel__description", className), size: panelContext.size })));
 });
 exports.default = exports.ExpansionCardDescription;
 //# sourceMappingURL=ExpansionCardDescription.js.map

package/cjs/expansion-card/ExpansionCardDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCardDescription.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAAyC;AACzC,uCAAiD;AAOpC,QAAA,wBAAwB,GAAG,IAAA,kBAAU,EAGhD,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IAEtD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,sEAAsE,CACvE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,GAAG,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,EACzD,IAAI,EAAE,YAAY,CAAC,IAAI,IACvB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,gCAAwB,CAAC"}
+{"version":3,"file":"ExpansionCardDescription.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAA8C;AAC9C,8CAAyC;AACzC,uCAAiD;AAOpC,QAAA,wBAAwB,GAAG,IAAA,kBAAU,EAGhD,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IAEtD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,sEAAsE,CACvE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,GAAG,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,EACzD,IAAI,EAAE,YAAY,CAAC,IAAI,IACvB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,gCAAwB,CAAC"}

package/cjs/expansion-card/ExpansionCardHeader.js

@@ -33,27 +33,25 @@ 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 });
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
+const Theme_1 = require("../theme/Theme");
 const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
 const context_1 = require("./context");
 const ExpansionCardHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const panelContext = (0, react_1.useContext)(context_1.ExpansionCardContext);
     const translate = (0, i18n_hooks_1.useI18n)("global");
     if (panelContext === null) {
         console.error("<ExpansionCard.Header> has to be used within an <ExpansionCard>");
         return null;
     }
-    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-expansioncard__header", className), "data-open": panelContext.open }),
-        react_1.default.createElement("div", { className: "navds-expansioncard__header-content" }, children),
-        react_1.default.createElement("button", { className: "navds-expansioncard__header-button", onClick: panelContext.toggleOpen, type: "button", "aria-expanded": panelContext.open },
-            react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "navds-expansioncard__header-chevron", title: translate("showMore") }))));
+    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-expansioncard__header", className), "data-open": panelContext.open }),
+        react_1.default.createElement("div", { className: cn("navds-expansioncard__header-content") }, children),
+        react_1.default.createElement("button", { className: cn("navds-expansioncard__header-button"), onClick: panelContext.toggleOpen, type: "button", "aria-expanded": panelContext.open },
+            react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: cn("navds-expansioncard__header-chevron"), title: translate("showMore") }))));
 });
 exports.default = ExpansionCardHeader;
 //# sourceMappingURL=ExpansionCardHeader.js.map

package/cjs/expansion-card/ExpansionCardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCardHeader.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAAsD;AACtD,wDAAkD;AAClD,uCAAiD;AAOjD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAGpC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IAEpC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,iEAAiE,CAClE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,eAC5C,YAAY,CAAC,IAAI;QAE5B,uCAAK,SAAS,EAAC,qCAAqC,IAAE,QAAQ,CAAO;QAErE,0CACE,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,YAAY,CAAC,UAAU,EAChC,IAAI,EAAC,QAAQ,mBACE,YAAY,CAAC,IAAI;YAEhC,8BAAC,6BAAe,IACd,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,GAC5B,CACK,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ExpansionCardHeader.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,qDAAsD;AACtD,0CAA8C;AAC9C,wDAAkD;AAClD,uCAAiD;AAOjD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAGpC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IAEpC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,iEAAiE,CAClE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,eAC5C,YAAY,CAAC,IAAI;QAE5B,uCAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,IACtD,QAAQ,CACL;QAEN,0CACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,CAAC,EACnD,OAAO,EAAE,YAAY,CAAC,UAAU,EAChC,IAAI,EAAC,QAAQ,mBACE,YAAY,CAAC,IAAI;YAEhC,8BAAC,6BAAe,IACd,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,EACpD,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,GAC5B,CACK,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,mBAAmB,CAAC"}

package/cjs/expansion-card/ExpansionCardTitle.js

@@ -33,16 +33,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.ExpansionCardTitle = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../theme/Theme");
 exports.ExpansionCardTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, as: Component = "h3", size = "medium" } = _a, rest = __rest(_a, ["className", "as", "size"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-expansioncard__title", `navds-expansioncard__title--${size}`, "navds-heading", `navds-heading--${size}`, className) })));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-expansioncard__title", `navds-expansioncard__title--${size}`, "navds-heading", `navds-heading--${size}`, className) })));
 });
 exports.default = exports.ExpansionCardTitle;
 //# sourceMappingURL=ExpansionCardTitle.js.map

package/cjs/expansion-card/ExpansionCardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCardTitle.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAa7B,QAAA,kBAAkB,GAG3B,IAAA,kBAAU,EACZ,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,OAAW,EAAN,IAAI,cAA3D,2BAA6D,CAAF;IAAY,OAAA,CACtE,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,4BAA4B,EAC5B,+BAA+B,IAAI,EAAE,EACrC,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,0BAAkB,CAAC"}
+{"version":3,"file":"ExpansionCardTitle.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAajC,QAAA,kBAAkB,GAG3B,IAAA,kBAAU,EACZ,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,OAAW,EAAN,IAAI,cAA3D,2BAA6D,CAAF;IAC1D,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,4BAA4B,EAC5B,+BAA+B,IAAI,EAAE,EACrC,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,0BAAkB,CAAC"}

package/cjs/form/ReadOnlyIcon.js

@@ -6,9 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadOnlyIconWithTitle = exports.ReadOnlyIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
+const Theme_1 = require("../theme/Theme");
 const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
-const ReadOnlyIcon = () => (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, { "aria-hidden": true, className: "navds-form-field__readonly-icon" }));
+const ReadOnlyIcon = () => {
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, { "aria-hidden": true, className: cn("navds-form-field__readonly-icon") }));
+};
 exports.ReadOnlyIcon = ReadOnlyIcon;
-const ReadOnlyIconWithTitle = () => (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, { title: (0, i18n_hooks_1.useI18n)("global")("readOnly"), className: "navds-form-field__readonly-icon" }));
+const ReadOnlyIconWithTitle = () => {
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement(aksel_icons_1.PadlockLockedFillIcon, { title: (0, i18n_hooks_1.useI18n)("global")("readOnly"), className: cn("navds-form-field__readonly-icon") }));
+};
 exports.ReadOnlyIconWithTitle = ReadOnlyIconWithTitle;
 //# sourceMappingURL=ReadOnlyIcon.js.map

package/cjs/form/ReadOnlyIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyIcon.js","sourceRoot":"","sources":["../../src/form/ReadOnlyIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA4D;AAC5D,wDAAkD;AAE3C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAChC,8BAAC,mCAAqB,yBAEpB,SAAS,EAAC,iCAAiC,GAC3C,CACH,CAAC;AALW,QAAA,YAAY,gBAKvB;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,8BAAC,mCAAqB,IACpB,KAAK,EAAE,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EACpC,SAAS,EAAC,iCAAiC,GAC3C,CACH,CAAC;AALW,QAAA,qBAAqB,yBAKhC"}
+{"version":3,"file":"ReadOnlyIcon.js","sourceRoot":"","sources":["../../src/form/ReadOnlyIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA4D;AAC5D,0CAA8C;AAC9C,wDAAkD;AAE3C,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,OAAO,CACL,8BAAC,mCAAqB,yBAEpB,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,GAChD,CACH,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,OAAO,CACL,8BAAC,mCAAqB,IACpB,KAAK,EAAE,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EACpC,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,GAChD,CACH,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,qBAAqB,yBAQhC"}

package/cjs/form/checkbox/Checkbox.js

@@ -27,18 +27,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = 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 hooks_1 = require("../../util/hooks");
 const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
 const useCheckbox_1 = __importDefault(require("./useCheckbox"));
 exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const { inputProps, hasError, size, readOnly, nested } = (0, useCheckbox_1.default)(props);
     const labelId = (0, hooks_1.useId)();
     const descriptionId = (0, hooks_1.useId)();
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)(props.className, "navds-checkbox", `navds-checkbox--${size}`, {
+    return (react_1.default.createElement("div", { className: cn(props.className, "navds-checkbox", `navds-checkbox--${size}`, {
             "navds-checkbox--error": hasError,
             "navds-checkbox--disabled": inputProps.disabled,
             "navds-checkbox--readonly": readOnly,
@@ -52,7 +53,7 @@ exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
             "indeterminate",
             "errorId",
             "readOnly",
-        ]), (0, util_1.omit)(inputProps, ["aria-invalid"]), { type: "checkbox", className: "navds-checkbox__input", ref: (el) => {
+        ]), (0, util_1.omit)(inputProps, ["aria-invalid"]), { type: "checkbox", className: cn("navds-checkbox__input"), ref: (el) => {
                 var _a;
                 if (el) {
                     el.indeterminate = (_a = props.indeterminate) !== null && _a !== void 0 ? _a : false;
@@ -63,21 +64,21 @@ exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
                 else if (ref != null) {
                     ref.current = el;
                 }
-            }, "aria-labelledby": (0, clsx_1.default)(labelId, !!props["aria-labelledby"] && props["aria-labelledby"], {
+            }, "aria-labelledby": cn(labelId, !!props["aria-labelledby"] && props["aria-labelledby"], {
                 [descriptionId]: props.description,
             }) })),
-        react_1.default.createElement("label", { htmlFor: inputProps.id, className: "navds-checkbox__label" },
-            react_1.default.createElement("span", { className: "navds-checkbox__icon" },
+        react_1.default.createElement("label", { htmlFor: inputProps.id, className: cn("navds-checkbox__label") },
+            react_1.default.createElement("span", { className: cn("navds-checkbox__icon") },
                 react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "0.8125rem", height: "0.625rem", viewBox: "0 0 13 10", fill: "none", focusable: false, role: "img", "aria-hidden": true },
                     react_1.default.createElement("path", { d: "M4.03524 6.41478L10.4752 0.404669C11.0792 -0.160351 12.029 -0.130672 12.5955 0.47478C13.162 1.08027 13.1296 2.03007 12.5245 2.59621L5.02111 9.59934C4.74099 9.85904 4.37559 10 4.00025 10C3.60651 10 3.22717 9.84621 2.93914 9.56111L0.439143 7.06111C-0.146381 6.47558 -0.146381 5.52542 0.439143 4.93989C1.02467 4.35437 1.97483 4.35437 2.56036 4.93989L4.03524 6.41478Z", fill: "currentColor" }))),
-            react_1.default.createElement("span", { className: "navds-checkbox__icon-indeterminate" }),
-            react_1.default.createElement("span", { className: (0, clsx_1.default)("navds-checkbox__content", {
+            react_1.default.createElement("span", { className: cn("navds-checkbox__icon-indeterminate") }),
+            react_1.default.createElement("span", { className: cn("navds-checkbox__content", {
                     "navds-sr-only": props.hideLabel,
                 }) },
-                react_1.default.createElement(typography_1.BodyShort, { as: "span", id: labelId, size: size, className: "navds-checkbox__label-text", "aria-hidden": true },
+                react_1.default.createElement(typography_1.BodyShort, { as: "span", id: labelId, size: size, className: cn("navds-checkbox__label-text"), "aria-hidden": true },
                     !nested && readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
                     props.children),
-                props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span", id: descriptionId, size: size, className: "navds-form-field__subdescription navds-checkbox__description", "aria-hidden": true }, props.description))))));
+                props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span", id: descriptionId, size: size, className: cn("navds-form-field__subdescription navds-checkbox__description"), "aria-hidden": true }, props.description))))));
 });
 exports.default = exports.Checkbox;
 //# sourceMappingURL=Checkbox.js.map