@navikt/ds-react 7.14.3 → 7.16.0

package/cjs/form/error-summary/ErrorSummary.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorSummary = 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 composeEventHandlers_1 = require("../../util/composeEventHandlers");
 const hooks_1 = require("../../util/hooks");
@@ -65,18 +65,19 @@ const ErrorSummaryItem_1 = __importDefault(require("./ErrorSummaryItem"));
  */
 exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, size = "medium", headingTag = "h2", heading } = _a, rest = __rest(_a, ["children", "className", "size", "headingTag", "heading"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const translate = (0, i18n_hooks_1.useI18n)("ErrorSummary");
     const wrapperRef = (0, react_1.useRef)(null);
     const headingRef = (0, react_1.useRef)(null);
     const mergedRef = (0, hooks_1.useMergeRefs)(ref, wrapperRef);
-    return (react_1.default.createElement("div", Object.assign({ ref: mergedRef }, rest, { className: (0, clsx_1.default)(className, "navds-error-summary", `navds-error-summary--${size}`), tabIndex: -1, onFocus: (0, composeEventHandlers_1.composeEventHandlers)(rest.onFocus, (event) => {
+    return (react_1.default.createElement("div", Object.assign({ ref: mergedRef }, rest, { className: cn(className, "navds-error-summary", `navds-error-summary--${size}`), tabIndex: -1, onFocus: (0, composeEventHandlers_1.composeEventHandlers)(rest.onFocus, (event) => {
             var _a;
             if (event.target === wrapperRef.current) {
                 (_a = headingRef === null || headingRef === void 0 ? void 0 : headingRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         }) }),
-        react_1.default.createElement(typography_1.Heading, { className: "navds-error-summary__heading", as: headingTag, size: "small", ref: headingRef, tabIndex: -1 }, heading !== null && heading !== void 0 ? heading : translate("heading")),
-        react_1.default.createElement(typography_1.BodyShort, { as: "ul", size: size, className: "navds-error-summary__list" }, children)));
+        react_1.default.createElement(typography_1.Heading, { className: cn("navds-error-summary__heading"), as: headingTag, size: "small", ref: headingRef, tabIndex: -1 }, heading !== null && heading !== void 0 ? heading : translate("heading")),
+        react_1.default.createElement(typography_1.BodyShort, { as: "ul", size: size, className: cn("navds-error-summary__list") }, children)));
 });
 exports.ErrorSummary.Item = ErrorSummaryItem_1.default;
 exports.default = exports.ErrorSummary;

package/cjs/form/error-summary/ErrorSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkE;AAClE,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD,2DAAqD;AACrD,0EAAkD;AA4ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2BAA2B,IACjE,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}
+{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,6CAAiD;AACjD,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD,2DAAqD;AACrD,0EAAkD;AA4ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,EAC7C,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IACR,EAAE,EAAC,IAAI,EACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAEzC,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}

package/cjs/form/error-summary/ErrorSummaryItem.js

@@ -33,17 +33,15 @@ 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.ErrorSummaryItem = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
 exports.ErrorSummaryItem = (0, react_1.forwardRef)((_a, ref) => {
     var { children, as: Component = "a", className } = _a, rest = __rest(_a, ["children", "as", "className"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     return (react_1.default.createElement("li", null,
-        react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)(className, "navds-error-summary__item", "navds-link") }), children)));
+        react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-error-summary__item", "navds-link") }), children)));
 });
 exports.default = exports.ErrorSummaryItem;
 //# sourceMappingURL=ErrorSummaryItem.js.map

package/cjs/form/error-summary/ErrorSummaryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummaryItem.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummaryItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAoB7B,QAAA,gBAAgB,GAAyB,IAAA,kBAAU,EAC9D,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnD,+BAAqD,CAAF;IAClD,OAAO,CACL;QACE,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,2BAA2B,EAAE,YAAY,CAAC,KAElE,QAAQ,CACC,CACT,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,wBAAgB,CAAC"}
+{"version":3,"file":"ErrorSummaryItem.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummaryItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAoBpC,QAAA,gBAAgB,GAAyB,IAAA,kBAAU,EAC9D,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnD,+BAAqD,CAAF;IAClD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL;QACE,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,2BAA2B,EAAE,YAAY,CAAC,KAElE,QAAQ,CACC,CACT,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,wBAAgB,CAAC"}

package/cjs/form/fieldset/Fieldset.js

@@ -40,6 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fieldset = 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 ReadOnlyIcon_1 = require("../ReadOnlyIcon");
@@ -48,6 +49,7 @@ const useFieldset_1 = require("./useFieldset");
 exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
     var _a, _b, _c;
     const { inputProps, errorId, showErrorMsg, hasError, size, readOnly, inputDescriptionId, } = (0, useFieldset_1.useFieldset)(props);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const fieldset = (0, react_1.useContext)(context_1.FieldsetContext);
     const { children, className, errorPropagation = true, legend, description, hideLegend, nativeReadOnly = true } = props, rest = __rest(props, ["children", "className", "errorPropagation", "legend", "description", "hideLegend", "nativeReadOnly"]);
     return (react_1.default.createElement(context_1.FieldsetContext.Provider, { value: {
@@ -60,21 +62,21 @@ exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
             disabled: (_c = props.disabled) !== null && _c !== void 0 ? _c : false,
             readOnly,
         } },
-        react_1.default.createElement("fieldset", Object.assign({}, (0, util_1.omit)(rest, ["errorId", "error", "size", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-describedby", "aria-invalid"]), { ref: ref, className: (0, clsx_1.default)(className, "navds-fieldset", `navds-fieldset--${size}`, {
+        react_1.default.createElement("fieldset", Object.assign({}, (0, util_1.omit)(rest, ["errorId", "error", "size", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-describedby", "aria-invalid"]), { ref: ref, className: cn(className, "navds-fieldset", `navds-fieldset--${size}`, {
                 "navds-fieldset--error": hasError,
                 "navds-fieldset--readonly": readOnly,
             }) }),
-            react_1.default.createElement(typography_1.Label, { size: size, as: "legend", className: (0, clsx_1.default)("navds-fieldset__legend", {
+            react_1.default.createElement(typography_1.Label, { size: size, as: "legend", className: cn("navds-fieldset__legend", {
                     "navds-sr-only": !!hideLegend,
                 }) },
                 readOnly &&
                     (nativeReadOnly ? react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null) : react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null)),
                 legend),
-            !!description && (react_1.default.createElement(typography_1.BodyShort, { className: (0, clsx_1.default)("navds-fieldset__description", {
+            !!description && (react_1.default.createElement(typography_1.BodyShort, { className: cn("navds-fieldset__description", {
                     "navds-sr-only": !!hideLegend,
                 }), id: inputDescriptionId, size: size !== null && size !== void 0 ? size : "medium", as: "div" }, props.description)),
             children,
-            react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite", className: "navds-fieldset__error" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error))))));
+            react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite", className: cn("navds-fieldset__error") }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error))))));
 });
 exports.default = exports.Fieldset;
 //# sourceMappingURL=Fieldset.js.map

package/cjs/form/fieldset/Fieldset.js.map

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

package/cjs/form/file-upload/FileUpload.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUpload = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
 const FileUpload_context_1 = require("./FileUpload.context");
 const Trigger_1 = __importDefault(require("./parts/Trigger"));
 const Dropzone_1 = __importDefault(require("./parts/dropzone/Dropzone"));
@@ -63,8 +63,9 @@ const Item_1 = __importDefault(require("./parts/item/Item"));
  */
 exports.FileUpload = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, translations } = _a, rest = __rest(_a, ["children", "className", "translations"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     return (react_1.default.createElement(FileUpload_context_1.FileUploadLocaleContextProvider, { translations: translations },
-        react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-file-upload", className) }), children)));
+        react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-file-upload", className) }), children)));
 });
 exports.FileUpload.Dropzone = Dropzone_1.default;
 exports.FileUpload.Item = Item_1.default;

package/cjs/form/file-upload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/form/file-upload/FileUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAE1D,6DAAuE;AACvE,8DAAsC;AACtC,yEAAiD;AACjD,6DAAqC;AAsGrC;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAA+D,EAAE,GAAG,EAAE,EAAE;QAAxE,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,OAA4B,EAAvB,IAAI,cAA5C,yCAA8C,CAAF;IAC3C,OAAO,CACL,8BAAC,oDAA+B,IAAC,YAAY,EAAE,YAAY;QACzD,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,IAAA,cAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACnE,QAAQ,CACL,CAC0B,CACnC,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,kBAAU,CAAC,QAAQ,GAAG,kBAAQ,CAAC;AAC/B,kBAAU,CAAC,IAAI,GAAG,cAAI,CAAC;AACvB,kBAAU,CAAC,OAAO,GAAG,iBAAO,CAAC;AAE7B,kBAAe,kBAAU,CAAC"}
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/form/file-upload/FileUpload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,6CAAiD;AAEjD,6DAAuE;AACvE,8DAAsC;AACtC,yEAAiD;AACjD,6DAAqC;AAsGrC;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAA+D,EAAE,GAAG,EAAE,EAAE;QAAxE,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,OAA4B,EAAvB,IAAI,cAA5C,yCAA8C,CAAF;IAC3C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,OAAO,CACL,8BAAC,oDAA+B,IAAC,YAAY,EAAE,YAAY;QACzD,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACnE,QAAQ,CACL,CAC0B,CACnC,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,kBAAU,CAAC,QAAQ,GAAG,kBAAQ,CAAC;AAC/B,kBAAU,CAAC,IAAI,GAAG,cAAI,CAAC;AACvB,kBAAU,CAAC,OAAO,GAAG,iBAAO,CAAC;AAE7B,kBAAe,kBAAU,CAAC"}

package/cjs/form/file-upload/parts/dropzone/Dropzone.js

@@ -41,6 +41,7 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const button_1 = require("../../../../button");
+const Theme_1 = require("../../../../theme/Theme");
 const typography_1 = require("../../../../typography");
 const composeEventHandlers_1 = require("../../../../util/composeEventHandlers");
 const hooks_1 = require("../../../../util/hooks");
@@ -52,6 +53,7 @@ const useFileUpload_1 = require("../../useFileUpload");
 const useDropzone_1 = require("./useDropzone");
 const Dropzone = (0, react_1.forwardRef)((props, ref) => {
     const { onSelect, error, label, description, className, multiple = true, accept, validator, maxSizeInBytes, fileLimit, icon: DropzoneIcon = aksel_icons_1.CloudUpIcon, disabled, translations, onClick, id: buttonId } = props, rest = __rest(props, ["onSelect", "error", "label", "description", "className", "multiple", "accept", "validator", "maxSizeInBytes", "fileLimit", "icon", "disabled", "translations", "onClick", "id"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const context = (0, FileUpload_context_1.useFileUploadTranslation)(false);
     const translate = (0, i18n_hooks_1.useI18n)("FileUpload", { dropzone: translations }, context === null || context === void 0 ? void 0 : context.translations);
     const fileLimitReached = fileLimit && (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.current) >= (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.max) && (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.max) > 0;
@@ -71,36 +73,36 @@ const Dropzone = (0, react_1.forwardRef)((props, ref) => {
         upload,
         disabled: inputProps.disabled,
     });
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-form-field", "navds-dropzone", className, {
+    return (react_1.default.createElement("div", { className: cn("navds-form-field", "navds-dropzone", className, {
             "navds-dropzone--error": hasError,
             "navds-dropzone--dragging": dropzoneCtx.isDraggingOver,
             "navds-dropzone--disabled": inputProps.disabled,
         }) },
-        react_1.default.createElement(typography_1.Label, { htmlFor: inputId, id: labelId, className: "navds-form-field__label" }, label),
-        !!description && (react_1.default.createElement(typography_1.BodyShort, { id: inputDescriptionId, className: "navds-form-field__description", as: "div" }, description)),
-        react_1.default.createElement("div", { className: "navds-dropzone__area", onDragEnter: dropzoneCtx.onDragEnter, onDragOver: dropzoneCtx.onDragOver, onDragLeave: dropzoneCtx.onDragLeave, onDrop: dropzoneCtx.onDrop, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }), "data-disabled": inputProps.disabled },
+        react_1.default.createElement(typography_1.Label, { htmlFor: inputId, id: labelId, className: cn("navds-form-field__label") }, label),
+        !!description && (react_1.default.createElement(typography_1.BodyShort, { id: inputDescriptionId, className: cn("navds-form-field__description"), as: "div" }, description)),
+        react_1.default.createElement("div", { className: cn("navds-dropzone__area"), onDragEnter: dropzoneCtx.onDragEnter, onDragOver: dropzoneCtx.onDragOver, onDragLeave: dropzoneCtx.onDragLeave, onDrop: dropzoneCtx.onDrop, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }), "data-disabled": inputProps.disabled },
             !inputProps.disabled && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: "navds-dropzone__area-icon" },
+                react_1.default.createElement("div", { className: cn("navds-dropzone__area-icon") },
                     react_1.default.createElement(DropzoneIcon, { fontSize: "1.5rem", "aria-hidden": true })),
-                react_1.default.createElement("div", { className: "navds-dropzone__area-release" },
-                    react_1.default.createElement("div", { className: "navds-dropzone__area-release__icon" },
+                react_1.default.createElement("div", { className: cn("navds-dropzone__area-release") },
+                    react_1.default.createElement("div", { className: cn("navds-dropzone__area-release__icon") },
                         react_1.default.createElement(DropzoneIcon, { "aria-hidden": true })),
-                    react_1.default.createElement("span", { "aria-hidden": !dropzoneCtx.isDraggingOver, className: "navds-dropzone__area-release__text" }, translate("dropzone.drop"))),
+                    react_1.default.createElement("span", { "aria-hidden": !dropzoneCtx.isDraggingOver, className: cn("navds-dropzone__area-release__text") }, translate("dropzone.drop"))),
                 react_1.default.createElement("div", { "aria-hidden": true },
                     react_1.default.createElement(typography_1.BodyShort, { as: "div", spacing: true }, multiple
                         ? translate("dropzone.dragAndDropMultiple")
                         : translate("dropzone.dragAndDrop")),
                     react_1.default.createElement(typography_1.BodyShort, { as: "div" }, translate("dropzone.or"))),
-                react_1.default.createElement(button_1.Button, Object.assign({}, (0, omit_1.omit)(rest, ["errorId"]), inputPropsRest, { id: buttonId, "aria-describedby": (0, clsx_1.default)(labelId, ariaDescribedby), className: "navds-dropzone__area-button", type: "button", variant: "secondary" }), multiple
+                react_1.default.createElement(button_1.Button, Object.assign({}, (0, omit_1.omit)(rest, ["errorId"]), inputPropsRest, { id: buttonId, "aria-describedby": (0, clsx_1.default)(labelId, ariaDescribedby), className: cn("navds-dropzone__area-button"), type: "button", variant: "secondary" }), multiple
                     ? translate("dropzone.buttonMultiple")
                     : translate("dropzone.button")))),
-            inputProps.disabled && (react_1.default.createElement("div", { className: "navds-dropzone__area-disabled" },
+            inputProps.disabled && (react_1.default.createElement("div", { className: cn("navds-dropzone__area-disabled") },
                 react_1.default.createElement(aksel_icons_1.CircleSlashIcon, { "aria-hidden": true, fontSize: "1.75rem" }),
                 react_1.default.createElement(typography_1.BodyShort, { as: "div" }, fileLimitReached
                     ? translate("dropzone.disabledFilelimit")
                     : translate("dropzone.disabled")))),
             react_1.default.createElement("input", { id: inputId, type: "file", style: { display: "none" }, multiple: multiple, accept: accept, onChange: onChange, ref: mergedRef, disabled: inputProps.disabled })),
-        react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && react_1.default.createElement(typography_1.ErrorMessage, { showIcon: true }, error))));
+        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, { showIcon: true }, error))));
 });
 exports.default = Dropzone;
 //# sourceMappingURL=Dropzone.js.map

package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAmE;AACnE,+CAA4C;AAC5C,uDAAwE;AACxE,gFAA6E;AAC7E,kDAA+C;AAC/C,iEAA2D;AAC3D,gDAA6C;AAC7C,wDAAqD;AACrD,iEAAoE;AACpE,uDAAoD;AAEpD,+CAA4C;AAE5C,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CAAC,KAA8B,EAAE,GAAG,EAAE,EAAE;IACtC,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,SAAS,EACT,cAAc,EACd,SAAS,EACT,IAAI,EAAE,YAAY,GAAG,yBAAW,EAChC,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,EAAE,EAAE,QAAQ,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,iLAiBL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,6CAAwB,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,EAAE,QAAQ,EAAE,YAAY,EAAE,EAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC;IAEF,MAAM,gBAAgB,GACpB,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAA,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,IAAG,CAAC,CAAC;IAE1E,MAAM,SAAS,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,gBAAgB,CAAC;IAE/C,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GACvE,IAAA,2BAAY,kCACL,IAAA,WAAI,EAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,KAAE,QAAQ,EAAE,SAAS,KAC7C,YAAY,CACb,CAAC;IACJ,MAAM,EACJ,EAAE,EAAE,OAAO,EACX,kBAAkB,EAAE,eAAe,KAEjC,UAAU,EADT,cAAc,UACf,UAAU,EAJR,0BAIL,CAAa,CAAC;IACf,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAa,EAAC;QAC9D,GAAG;QACH,QAAQ;QACR,SAAS;QACT,MAAM;QACN,cAAc;QACd,QAAQ,EAAE,UAAU,CAAC,QAAQ;KAC9B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,yBAAW,EAAC;QAC9B,MAAM;QACN,QAAQ,EAAE,UAAU,CAAC,QAAQ;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,kBAAkB,EAAE,gBAAgB,EAAE,SAAS,EAAE;YAC7D,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,WAAW,CAAC,cAAc;YACtD,0BAA0B,EAAE,UAAU,CAAC,QAAQ;SAChD,CAAC;QAEF,8BAAC,kBAAK,IACJ,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,yBAAyB,IAElC,KAAK,CACA;QACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,EAAE,EAAE,kBAAkB,EACtB,SAAS,EAAC,+BAA+B,EACzC,EAAE,EAAC,KAAK,IAEP,WAAW,CACF,CACb;QAED,uCACE,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,MAAM,EAAE,WAAW,CAAC,MAAM,EAC1B,OAAO,EAAE,IAAA,2CAAoB,EAC3B,OAAO,EACP,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAChC,mBACc,UAAU,CAAC,QAAQ;YAEjC,CAAC,UAAU,CAAC,QAAQ,IAAI,CACvB;gBACE,uCAAK,SAAS,EAAC,2BAA2B;oBACxC,8BAAC,YAAY,IAAC,QAAQ,EAAC,QAAQ,wBAAe,CAC1C;gBACN,uCAAK,SAAS,EAAC,8BAA8B;oBAC3C,uCAAK,SAAS,EAAC,oCAAoC;wBACjD,8BAAC,YAAY,0BAAe,CACxB;oBACN,uDACe,CAAC,WAAW,CAAC,cAAc,EACxC,SAAS,EAAC,oCAAoC,IAE7C,SAAS,CAAC,eAAe,CAAC,CACtB,CACH;gBACN;oBACE,8BAAC,sBAAS,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,UACxB,QAAQ;wBACP,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC;wBAC3C,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAC3B;oBACZ,8BAAC,sBAAS,IAAC,EAAE,EAAC,KAAK,IAAE,SAAS,CAAC,aAAa,CAAC,CAAa,CACtD;gBACN,8BAAC,eAAM,oBACD,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,EACvB,cAAc,IAClB,EAAE,EAAE,QAAQ,sBACM,IAAA,cAAE,EAAC,OAAO,EAAE,eAAe,CAAC,EAC9C,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,KAElB,QAAQ;oBACP,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC;oBACtC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CACzB,CACR,CACJ;YAEA,UAAU,CAAC,QAAQ,IAAI,CACtB,uCAAK,SAAS,EAAC,+BAA+B;gBAC5C,8BAAC,6BAAe,yBAAa,QAAQ,EAAC,SAAS,GAAG;gBAClD,8BAAC,sBAAS,IAAC,EAAE,EAAC,KAAK,IAChB,gBAAgB;oBACf,CAAC,CAAC,SAAS,CAAC,4BAA4B,CAAC;oBACzC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CACxB,CACR,CACP;YAED,yCACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,UAAU,CAAC,QAAQ,GAC7B,CACE;QACN,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,8BAAC,yBAAY,IAAC,QAAQ,UAAE,KAAK,CAAgB,CAC1D,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}

package/cjs/form/file-upload/parts/item/Item.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = 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 i18n_hooks_1 = require("../../../../util/i18n/i18n.hooks");
 const FileUpload_context_1 = require("../../FileUpload.context");
@@ -49,6 +49,7 @@ const ItemName_1 = __importDefault(require("./ItemName"));
 const format_file_size_1 = require("./utils/format-file-size");
 exports.Item = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "div", file, status = "idle", error, className, href, onFileClick, button, translations, description } = _a, rest = __rest(_a, ["as", "file", "status", "error", "className", "href", "onFileClick", "button", "translations", "description"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const context = (0, FileUpload_context_1.useFileUploadTranslation)(false);
     const translate = (0, i18n_hooks_1.useI18n)("FileUpload", { item: translations }, context === null || context === void 0 ? void 0 : context.translations);
     const showError = !!error && status === "idle";
@@ -61,15 +62,15 @@ exports.Item = (0, react_1.forwardRef)((_a, ref) => {
         }
         return description !== null && description !== void 0 ? description : (0, format_file_size_1.formatFileSize)(file);
     }
-    return (react_1.default.createElement(Component, Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-file-item", className, {
+    return (react_1.default.createElement(Component, Object.assign({ ref: ref }, rest, { className: cn("navds-file-item", className, {
             "navds-file-item--error": showError,
         }) }),
-        react_1.default.createElement("div", { className: "navds-file-item__inner" },
+        react_1.default.createElement("div", { className: cn("navds-file-item__inner") },
             react_1.default.createElement(ItemIcon_1.default, { isLoading: status !== "idle", file: file, showError: showError }),
-            react_1.default.createElement("div", { className: "navds-file-item__file-info" },
+            react_1.default.createElement("div", { className: cn("navds-file-item__file-info") },
                 react_1.default.createElement(ItemName_1.default, { file: file, href: href, onClick: onFileClick }),
                 react_1.default.createElement(typography_1.BodyShort, { as: "div", size: "small" }, getStatusText()),
-                react_1.default.createElement("div", { className: "navds-file-item__error", "aria-relevant": "additions removals", "aria-live": "polite" }, showError && (react_1.default.createElement(typography_1.ErrorMessage, { size: "small", showIcon: true }, error)))),
+                react_1.default.createElement("div", { className: cn("navds-file-item__error"), "aria-relevant": "additions removals", "aria-live": "polite" }, showError && (react_1.default.createElement(typography_1.ErrorMessage, { size: "small", showIcon: true }, error)))),
             status === "idle" && button && (react_1.default.createElement(ItemButton_1.default, Object.assign({}, button, { title: translate(button.action === "retry"
                     ? "item.retryButtonTitle"
                     : "item.deleteButtonTitle") }))))));

package/cjs/form/file-upload/parts/item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,uDAAiE;AAEjE,iEAA2D;AAE3D,iEAAoE;AAEpE,8DAAsC;AACtC,0DAAkC;AAClC,0DAAkC;AAClC,+DAA0D;AAqD7C,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAYsB,EACtB,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,EACZ,WAAW,OAES,EADjB,IAAI,cAXT,8GAYC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,6CAAwB,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,EAAE,IAAI,EAAE,YAAY,EAAE,EACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC;IAE/C,SAAS,aAAa;QACpB,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAA,iCAAc,EAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,CACL,8BAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,wBAAwB,EAAE,SAAS;SACpC,CAAC;QAEF,uCAAK,SAAS,EAAC,wBAAwB;YACrC,8BAAC,kBAAQ,IACP,SAAS,EAAE,MAAM,KAAK,MAAM,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB;YACF,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,8BAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;gBAC1D,8BAAC,sBAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC7B,aAAa,EAAE,CACN;gBACZ,uCACE,SAAS,EAAC,wBAAwB,mBACpB,oBAAoB,eACxB,QAAQ,IAEjB,SAAS,IAAI,CACZ,8BAAC,yBAAY,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UAChC,KAAK,CACO,CAChB,CACG,CACF;YAEL,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAC9B,8BAAC,oBAAU,oBACL,MAAM,IACV,KAAK,EAAE,SAAS,CACd,MAAM,CAAC,MAAM,KAAK,OAAO;oBACvB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,wBAAwB,CAC7B,IACD,CACH,CACG,CACI,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,mDAAuD;AACvD,uDAAiE;AAEjE,iEAA2D;AAE3D,iEAAoE;AAEpE,8DAAsC;AACtC,0DAAkC;AAClC,0DAAkC;AAClC,+DAA0D;AAqD7C,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAYsB,EACtB,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,EACZ,WAAW,OAES,EADjB,IAAI,cAXT,8GAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,6CAAwB,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,EAAE,IAAI,EAAE,YAAY,EAAE,EACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC;IAE/C,SAAS,aAAa;QACpB,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAA,iCAAc,EAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,CACL,8BAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,wBAAwB,EAAE,SAAS;SACpC,CAAC;QAEF,uCAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;YAC1C,8BAAC,kBAAQ,IACP,SAAS,EAAE,MAAM,KAAK,MAAM,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB;YACF,uCAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC;gBAC9C,8BAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;gBAC1D,8BAAC,sBAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC7B,aAAa,EAAE,CACN;gBACZ,uCACE,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,mBACzB,oBAAoB,eACxB,QAAQ,IAEjB,SAAS,IAAI,CACZ,8BAAC,yBAAY,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UAChC,KAAK,CACO,CAChB,CACG,CACF;YAEL,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAC9B,8BAAC,oBAAU,oBACL,MAAM,IACV,KAAK,EAAE,SAAS,CACd,MAAM,CAAC,MAAM,KAAK,OAAO;oBACvB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,wBAAwB,CAC7B,IACD,CACH,CACG,CACI,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,YAAI,CAAC"}

package/cjs/form/file-upload/parts/item/ItemButton.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const button_1 = require("../../../../button");
+const Theme_1 = require("../../../../theme/Theme");
 const ItemButton = ({ action, onClick, id, title }) => {
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const Icon = action === "delete" ? aksel_icons_1.TrashIcon : aksel_icons_1.ArrowsCirclepathIcon;
-    return (react_1.default.createElement(button_1.Button, { id: id, className: "navds-file-item__button", type: "button", variant: "tertiary-neutral", onClick: onClick, icon: react_1.default.createElement(Icon, { title: title }) }));
+    return (react_1.default.createElement(button_1.Button, { id: id, className: cn("navds-file-item__button"), type: "button", variant: "tertiary-neutral", onClick: onClick, icon: react_1.default.createElement(Icon, { title: title }) }));
 };
 exports.default = ItemButton;
 //# sourceMappingURL=ItemButton.js.map

package/cjs/form/file-upload/parts/item/ItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemButton.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,qDAAsE;AACtE,+CAA4C;AAS5C,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAS,EAAE,EAAE;IAC3D,MAAM,IAAI,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAS,CAAC,CAAC,CAAC,kCAAoB,CAAC;IAEpE,OAAO,CACL,8BAAC,eAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,8BAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"ItemButton.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,qDAAsE;AACtE,+CAA4C;AAC5C,mDAAuD;AASvD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAS,EAAE,EAAE;IAC3D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAS,CAAC,CAAC,CAAC,kCAAoB,CAAC;IAEpE,OAAO,CACL,8BAAC,eAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACxC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,8BAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/cjs/form/file-upload/parts/item/ItemIcon.js

@@ -6,20 +6,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const loader_1 = require("../../../../loader");
+const Theme_1 = require("../../../../theme/Theme");
 const iconProps = {
     fontSize: "2rem",
     "aria-hidden": true,
 };
 function ItemIcon({ isLoading, file, showError }) {
+    const { cn } = (0, Theme_1.useRenameCSS)();
     if (isLoading) {
-        return (react_1.default.createElement("div", { className: "navds-file-item__icon navds-file-item__icon--loading" },
+        return (react_1.default.createElement("div", { className: cn("navds-file-item__icon navds-file-item__icon--loading") },
             react_1.default.createElement(loader_1.Loader, { size: "large" })));
     }
     if (showError) {
-        return (react_1.default.createElement("div", { className: "navds-file-item__icon" },
+        return (react_1.default.createElement("div", { className: cn("navds-file-item__icon") },
             react_1.default.createElement(aksel_icons_1.FileXMarkIcon, Object.assign({}, iconProps))));
     }
-    return (react_1.default.createElement("div", { className: "navds-file-item__icon" },
+    return (react_1.default.createElement("div", { className: cn("navds-file-item__icon") },
         react_1.default.createElement(Icon, { file: file })));
 }
 function Icon({ file }) {

package/cjs/form/file-upload/parts/item/ItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemIcon.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,qDAS6B;AAC7B,+CAA4C;AAS5C,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,MAAM;IAChB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAiB;IAC7D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,uCAAK,SAAS,EAAC,sDAAsD;YACnE,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,GAAG,CACnB,CACP,CAAC;IACJ,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,uCAAK,SAAS,EAAC,uBAAuB;YACpC,8BAAC,2BAAa,oBAAK,SAAS,EAAI,CAC5B,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,uCAAK,SAAS,EAAC,uBAAuB;QACpC,8BAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EAAE,IAAI,EAAsB;IACxC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtE,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,8BAAC,2BAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK;YACR,OAAO,8BAAC,yBAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK;YACR,OAAO,8BAAC,0BAAY,oBAAK,SAAS,EAAI,CAAC;QACzC,KAAK,KAAK;YACR,OAAO,8BAAC,yBAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,8BAAC,2BAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,8BAAC,0BAAY,oBAAK,SAAS,EAAI,CAAC;QACzC;YACE,OAAO,8BAAC,sBAAQ,oBAAK,SAAS,EAAI,CAAC;IACvC,CAAC;AACH,CAAC;AAED,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"ItemIcon.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/ItemIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,qDAS6B;AAC7B,+CAA4C;AAC5C,mDAAuD;AASvD,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,MAAM;IAChB,aAAa,EAAE,IAAI;CACpB,CAAC;AAEF,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAiB;IAC7D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,sDAAsD,CAAC;YAErE,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,GAAG,CACnB,CACP,CAAC;IACJ,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;YACzC,8BAAC,2BAAa,oBAAK,SAAS,EAAI,CAC5B,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;QACzC,8BAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,IAAI,CAAC,EAAE,IAAI,EAAsB;IACxC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtE,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,8BAAC,2BAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK;YACR,OAAO,8BAAC,yBAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK;YACR,OAAO,8BAAC,0BAAY,oBAAK,SAAS,EAAI,CAAC;QACzC,KAAK,KAAK;YACR,OAAO,8BAAC,yBAAW,oBAAK,SAAS,EAAI,CAAC;QACxC,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,8BAAC,2BAAa,oBAAK,SAAS,EAAI,CAAC;QAC1C,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,OAAO,8BAAC,0BAAY,oBAAK,SAAS,EAAI,CAAC;QACzC;YACE,OAAO,8BAAC,sBAAQ,oBAAK,SAAS,EAAI,CAAC;IACvC,CAAC;AACH,CAAC;AAED,kBAAe,QAAQ,CAAC"}

package/cjs/form/form-progress/FormProgress.js

@@ -45,6 +45,7 @@ const Collapsible_1 = __importDefault(require("../../collapsible/Collapsible"));
 const stack_1 = require("../../layout/stack");
 const progress_bar_1 = require("../../progress-bar");
 const stepper_1 = require("../../stepper");
+const Theme_1 = require("../../theme/Theme");
 const typography_1 = require("../../typography");
 const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
 /**
@@ -62,19 +63,20 @@ const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
  */
 exports.FormProgress = (0, react_1.forwardRef)((_a, ref) => {
     var { totalSteps, activeStep, open, onOpenChange, children, onStepChange, interactiveSteps, translations } = _a, rest = __rest(_a, ["totalSteps", "activeStep", "open", "onOpenChange", "children", "onStepChange", "interactiveSteps", "translations"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const translate = (0, i18n_hooks_1.useI18n)("FormProgress", translations);
     return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest),
-        react_1.default.createElement(progress_bar_1.ProgressBar, { "aria-hidden": true, value: activeStep, valueMax: totalSteps, className: "navds-form-progress__bar" }),
+        react_1.default.createElement(progress_bar_1.ProgressBar, { "aria-hidden": true, value: activeStep, valueMax: totalSteps, className: cn("navds-form-progress__bar") }),
         react_1.default.createElement(Collapsible_1.default, { lazy: true, open: open, onOpenChange: onOpenChange },
             react_1.default.createElement(stack_1.HStack, { justify: "space-between", align: "center" },
                 react_1.default.createElement(typography_1.BodyShort, { as: "span" }, translate("step", { activeStep, totalSteps })),
                 react_1.default.createElement(Collapsible_1.default.Trigger, { asChild: true, "aria-expanded": undefined },
-                    react_1.default.createElement(Button_1.default, { variant: "tertiary", size: "small", className: "navds-form-progress__button", icon: react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { "aria-hidden": true }) },
-                        react_1.default.createElement("span", { className: "navds-form-progress__btn-txt-hide" }, translate("hideAllSteps")),
-                        react_1.default.createElement("span", { className: "navds-form-progress__btn-txt-show" }, translate("showAllSteps"))))),
-            react_1.default.createElement(Collapsible_1.default.Content, { className: "navds-form-progress__collapsible" },
-                react_1.default.createElement("div", { className: "navds-form-progress__collapsible-content" },
-                    react_1.default.createElement("div", { className: "navds-form-progress__stepper" },
+                    react_1.default.createElement(Button_1.default, { variant: "tertiary", size: "small", className: cn("navds-form-progress__button"), icon: react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { "aria-hidden": true }) },
+                        react_1.default.createElement("span", { className: cn("navds-form-progress__btn-txt-hide") }, translate("hideAllSteps")),
+                        react_1.default.createElement("span", { className: cn("navds-form-progress__btn-txt-show") }, translate("showAllSteps"))))),
+            react_1.default.createElement(Collapsible_1.default.Content, { className: cn("navds-form-progress__collapsible") },
+                react_1.default.createElement("div", { className: cn("navds-form-progress__collapsible-content") },
+                    react_1.default.createElement("div", { className: cn("navds-form-progress__stepper") },
                         react_1.default.createElement(stepper_1.Stepper, { activeStep: activeStep, onStepChange: onStepChange, interactive: interactiveSteps }, children)))))));
 });
 exports.FormProgress.Step = stepper_1.Stepper.Step;

package/cjs/form/form-progress/FormProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,iEAAyC;AACzC,gFAAwD;AACxD,8CAA4C;AAC5C,qDAAiD;AACjD,2CAA0D;AAC1D,iDAA6C;AAC7C,2DAAqD;AAyDrD;;;;;;;;;;;;GAYG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAUoB,EACpB,GAAG,EACH,EAAE;QAZF,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,OAEM,EADf,IAAI,cATT,oHAUC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI;QACrB,8BAAC,0BAAW,yBAEV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAC,0BAA0B,GACpC;QAEF,8BAAC,qBAAW,IAAC,IAAI,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;YACtD,8BAAC,cAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ;gBAC5C,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,IACjB,SAAS,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACpC;gBACZ,8BAAC,qBAAW,CAAC,OAAO,IAAC,OAAO,yBAAgB,SAAS;oBACnD,8BAAC,gBAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,8BAAC,6BAAe,0BAAe;wBAErC,wCAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB;wBACP,wCAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB,CACA,CACW,CACf;YAET,8BAAC,qBAAW,CAAC,OAAO,IAAC,SAAS,EAAC,kCAAkC;gBAC/D,uCAAK,SAAS,EAAC,0CAA0C;oBACvD,uCAAK,SAAS,EAAC,8BAA8B;wBAC3C,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,gBAAgB,IAE5B,QAAQ,CACD,CACN,CACF,CACc,CACV,CACV,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,iBAAO,CAAC,IAAI,CAAC;AAEpB,QAAA,gBAAgB,GAAG,iBAAO,CAAC,IAAI,CAAC;AAE7C,kBAAe,oBAAY,CAAC"}
+{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,iEAAyC;AACzC,gFAAwD;AACxD,8CAA4C;AAC5C,qDAAiD;AACjD,2CAA0D;AAC1D,6CAAiD;AACjD,iDAA6C;AAC7C,2DAAqD;AAyDrD;;;;;;;;;;;;GAYG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAUoB,EACpB,GAAG,EACH,EAAE;QAZF,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,OAEM,EADf,IAAI,cATT,oHAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI;QACrB,8BAAC,0BAAW,yBAEV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,GACzC;QAEF,8BAAC,qBAAW,IAAC,IAAI,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;YACtD,8BAAC,cAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ;gBAC5C,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,IACjB,SAAS,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACpC;gBACZ,8BAAC,qBAAW,CAAC,OAAO,IAAC,OAAO,yBAAgB,SAAS;oBACnD,8BAAC,gBAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,EAC5C,IAAI,EAAE,8BAAC,6BAAe,0BAAe;wBAErC,wCAAM,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,IACrD,SAAS,CAAC,cAAc,CAAC,CACrB;wBACP,wCAAM,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,IACrD,SAAS,CAAC,cAAc,CAAC,CACrB,CACA,CACW,CACf;YAET,8BAAC,qBAAW,CAAC,OAAO,IAClB,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC;gBAEjD,uCAAK,SAAS,EAAE,EAAE,CAAC,0CAA0C,CAAC;oBAC5D,uCAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC;wBAChD,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,gBAAgB,IAE5B,QAAQ,CACD,CACN,CACF,CACc,CACV,CACV,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,iBAAO,CAAC,IAAI,CAAC;AAEpB,QAAA,gBAAgB,GAAG,iBAAO,CAAC,IAAI,CAAC;AAE7C,kBAAe,oBAAY,CAAC"}

package/cjs/form/form-summary/FormSummary.js

@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormSummary = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
 const FormSummaryAnswer_1 = __importDefault(require("./FormSummaryAnswer"));
 const FormSummaryAnswers_1 = __importDefault(require("./FormSummaryAnswers"));
 const FormSummaryEditLink_1 = __importDefault(require("./FormSummaryEditLink"));
@@ -68,7 +68,8 @@ const FormSummaryValue_1 = __importDefault(require("./FormSummaryValue"));
  */
 exports.FormSummary = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-form-summary", className) }), children));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary", className) }), children));
 });
 exports.FormSummary.Header = FormSummaryHeader_1.default;
 exports.FormSummary.Heading = FormSummaryHeading_1.default;

package/cjs/form/form-summary/FormSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummary.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,4EAAoD;AACpD,8EAAsD;AACtD,gFAAwD;AACxD,4EAAoD;AACpD,8EAAsD;AACtD,0EAAkD;AAClD,0EAAkD;AA4DlD;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,IAAA,cAAE,EAAC,oBAAoB,EAAE,SAAS,CAAC,KACpE,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,QAAQ,GAAG,6BAAmB,CAAC;AAC3C,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AACrC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AAErC,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"FormSummary.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,6CAAiD;AACjD,4EAAoD;AACpD,8EAAsD;AACtD,gFAAwD;AACxD,4EAAoD;AACpD,8EAAsD;AACtD,0EAAkD;AAClD,0EAAkD;AA4DlD;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KACpE,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,QAAQ,GAAG,6BAAmB,CAAC;AAC3C,mBAAW,CAAC,OAAO,GAAG,4BAAkB,CAAC;AACzC,mBAAW,CAAC,MAAM,GAAG,2BAAiB,CAAC;AACvC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AACrC,mBAAW,CAAC,KAAK,GAAG,0BAAgB,CAAC;AAErC,kBAAe,mBAAW,CAAC"}

package/cjs/form/form-summary/FormSummaryAnswer.js

@@ -15,11 +15,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormSummaryAnswer = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importDefault(require("react"));
+const Theme_1 = require("../../theme/Theme");
 exports.FormSummaryAnswer = react_1.default.forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-form-summary__answer", className) }), children));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__answer", className) }), children));
 });
 exports.default = exports.FormSummaryAnswer;
 //# sourceMappingURL=FormSummaryAnswer.js.map

package/cjs/form/form-summary/FormSummaryAnswer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryAnswer.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAYb,QAAA,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAG/C,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CAC3C,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
+{"version":3,"file":"FormSummaryAnswer.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6CAAiD;AAYpC,QAAA,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAG/C,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;IAE9B,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}

package/cjs/form/form-summary/FormSummaryAnswers.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.FormSummaryAnswers = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
 exports.FormSummaryAnswers = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("dl", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-form-summary__answers", className) }), children));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("dl", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__answers", className) }), children));
 });
 exports.default = exports.FormSummaryAnswers;
 //# sourceMappingURL=FormSummaryAnswers.js.map

package/cjs/form/form-summary/FormSummaryAnswers.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryAnswers.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAU7B,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,SAAS,OAAoC,EAA/B,IAAI,cAA9B,yBAAgC,CAAF;IAAqC,OAAA,CACpE,oDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KAEtD,QAAQ,CACN,CACN,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,0BAAkB,CAAC"}
+{"version":3,"file":"FormSummaryAnswers.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAUpC,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,SAAS,OAAoC,EAA/B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,oDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAEtD,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,0BAAkB,CAAC"}

package/cjs/form/form-summary/FormSummaryEditLink.js

@@ -33,19 +33,17 @@ 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.FormSummaryEditLink = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const link_1 = require("../../link");
+const Theme_1 = require("../../theme/Theme");
 const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
 exports.FormSummaryEditLink = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
+    const { cn } = (0, Theme_1.useRenameCSS)();
     const translate = (0, i18n_hooks_1.useI18n)("FormSummary");
-    return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: (0, clsx_1.default)("navds-form-summary__edit", className) }), children || translate("editAnswer")));
+    return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: cn("navds-form-summary__edit", className) }), children || translate("editAnswer")));
 });
 exports.default = exports.FormSummaryEditLink;
 //# sourceMappingURL=FormSummaryEditLink.js.map

package/cjs/form/form-summary/FormSummaryEditLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qCAAkC;AAClC,2DAAqD;AAkBxC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IACzC,OAAO,CACL,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}
+{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qCAAkC;AAClC,6CAAiD;AACjD,2DAAqD;AAkBxC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IAEzC,OAAO,CACL,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}

package/cjs/form/form-summary/FormSummaryHeader.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.FormSummaryHeader = void 0;
-const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const Theme_1 = require("../../theme/Theme");
 exports.FormSummaryHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("header", Object.assign({ ref: ref }, rest, { className: (0, clsx_1.default)("navds-form-summary__header", className) }), children));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement("header", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__header", className) }), children));
 });
 exports.default = exports.FormSummaryHeader;
 //# sourceMappingURL=FormSummaryHeader.js.map

package/cjs/form/form-summary/FormSummaryHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAU7B,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CAC3C,wDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACF,CACV,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
+{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAUpC,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,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;IAE9B,OAAO,CACL,wDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}

package/cjs/form/form-summary/FormSummaryValue.js

@@ -33,17 +33,15 @@ 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.FormSummaryValue = 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");
 exports.FormSummaryValue = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: (0, clsx_1.default)("navds-form-summary__value", className) }), children));
+    const { cn } = (0, Theme_1.useRenameCSS)();
+    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: cn("navds-form-summary__value", className) }), children));
 });
 exports.default = exports.FormSummaryValue;
 //# sourceMappingURL=FormSummaryValue.js.map