@navikt/ds-react 0.7.4 → 0.8.0

package/cjs/alert/AlertTitle.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const __1 = require("..");
+const AlertTitle = react_1.forwardRef((_a, ref) => {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    const context = react_1.useContext(__1.AlertContext);
+    if (context === null) {
+        console.warn("AlertTitle has to be wrapped in <Alert />");
+        return null;
+    }
+    const size = context.size === "medium" ? "small" : "xsmall";
+    return (react_1.default.createElement(__1.Heading, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-alert__title"), as: "div", size: size }), children));
+});
+exports.default = AlertTitle;

package/cjs/alert/index.js

@@ -7,9 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
 var Alert_1 = require("./Alert");
-Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.default; } });
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
 __exportStar(require("./Alert"), exports);

package/cjs/button/Button.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -35,8 +35,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const __1 = require("../");
 const Button = react_1.forwardRef((_a, ref) => {
-    var { variant = "primary", className, size = "m" } = _a, rest = __rest(_a, ["variant", "className", "size"]);
-    return (react_1.default.createElement("button", Object.assign({ ref: ref, className: classnames_1.default(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, "navds-body-short", { "navds-body--s": size === "s" }) }, rest)));
+    var { as: Component = "button", variant = "primary", className, children, size = "medium" } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size"]);
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`) }),
+        react_1.default.createElement(__1.BodyShort, { as: "span", className: "navds-button__inner", size: size }, children)));
 });
 exports.default = Button;

package/cjs/button/index.js

@@ -7,9 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
 var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.default; } });
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
 __exportStar(require("./Button"), exports);

package/cjs/card/MicroCard.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -37,7 +37,7 @@ exports.MicroCard = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 exports.MicroCard = react_1.forwardRef((_a, ref) => {
-    var { className, component: Component = "a", children } = _a, rest = __rest(_a, ["className", "component", "children"]);
-    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: classnames_1.default("navds-card__micro", "navds-detail", "navds-detail--s", className), title: children }, rest), children));
+    var { className, as: Component = "a", children } = _a, rest = __rest(_a, ["className", "as", "children"]);
+    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: classnames_1.default("navds-card__micro", "navds-detail", "navds-detail--small", className), title: children }, rest), children));
 });
 exports.default = exports.MicroCard;

package/cjs/card/index.js

@@ -7,9 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicroCard = void 0;
 var MicroCard_1 = require("./MicroCard");
-Object.defineProperty(exports, "MicroCard", { enumerable: true, get: function () { return MicroCard_1.default; } });
+Object.defineProperty(exports, "MicroCard", { enumerable: true, get: function () { return __importDefault(MicroCard_1).default; } });
 __exportStar(require("./MicroCard"), exports);

package/cjs/copy-to-clipboard/CopyToClipboard.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -34,13 +34,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const ds_icons_1 = require("@navikt/ds-icons");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
 const classnames_1 = __importDefault(require("classnames"));
+const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
 const react_1 = __importStar(require("react"));
 const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
 const __1 = require("..");
 const CopyToClipboard = react_1.forwardRef((_a, ref) => {
-    var { children, text, label, icon, className } = _a, rest = __rest(_a, ["children", "text", "label", "icon", "className"]);
+    var { children, copyText, popoverText, className, size = "medium", popoverPlacement = "right" } = _a, rest = __rest(_a, ["children", "copyText", "popoverText", "className", "size", "popoverPlacement"]);
     const buttonRef = react_1.useRef(null);
     const mergedRef = react_merge_refs_1.default([buttonRef, ref]);
     const timeoutRef = react_1.useRef();
@@ -53,15 +53,16 @@ const CopyToClipboard = react_1.forwardRef((_a, ref) => {
             timeoutRef.current && clearTimeout(timeoutRef.current);
         };
     }, [openPopover]);
-    const title = `Kopier ${label} (${text})`;
+    const title = `Kopier ${copyText}`;
     const handleClick = () => {
-        copy_to_clipboard_1.default(text);
+        copy_to_clipboard_1.default(copyText);
         setOpenPopover(true);
     };
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(__1.Button, Object.assign({ ref: mergedRef, variant: "secondary", title: title, className: classnames_1.default("navds-copy-to-clipboard", className), onClick: handleClick }, rest),
-            icon ? (react_1.default.createElement(react_1.default.Fragment, null, icon)) : (react_1.default.createElement(ds_icons_1.Copy, { focusable: "false", role: "img", "aria-label": "Fil ikon for kopiering" })),
+        react_1.default.createElement(__1.Button, Object.assign({ ref: mergedRef, variant: "secondary", title: title, className: classnames_1.default("navds-copy-to-clipboard", className), onClick: handleClick, size: size }, rest),
+            react_1.default.createElement(ds_icons_1.Copy, { focusable: "false", role: "img", "aria-label": "Fil ikon for kopiering" }),
             children ? children : react_1.default.createElement("span", { className: "sr-only" }, title)),
-        react_1.default.createElement(__1.Popover, { role: "alert", anchorEl: buttonRef.current, open: openPopover, onClose: () => setOpenPopover(false), placement: "right", arrow: false, className: "navds-copy-to-clipboard__popover" }, label)));
+        react_1.default.createElement(__1.Popover, { role: "alert", anchorEl: buttonRef.current, open: openPopover, onClose: () => setOpenPopover(false), placement: popoverPlacement, arrow: false, className: "navds-copy-to-clipboard__popover" },
+            react_1.default.createElement(__1.BodyShort, { size: size, as: "span" }, popoverText))));
 });
 exports.default = CopyToClipboard;

package/cjs/copy-to-clipboard/index.js

@@ -7,9 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyToClipboard = void 0;
 var CopyToClipboard_1 = require("./CopyToClipboard");
-Object.defineProperty(exports, "CopyToClipboard", { enumerable: true, get: function () { return CopyToClipboard_1.default; } });
+Object.defineProperty(exports, "CopyToClipboard", { enumerable: true, get: function () { return __importDefault(CopyToClipboard_1).default; } });
 __exportStar(require("./CopyToClipboard"), exports);

package/cjs/form/ConfirmationPanel.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -39,7 +39,7 @@ const __1 = require("..");
 const ConfirmationPanel = react_1.forwardRef((_a, ref) => {
     var { className, children, label } = _a, props = __rest(_a, ["className", "children", "label"]);
     return (react_1.default.createElement("div", { ref: ref, className: classnames_1.default("navds-confirmation-panel", className, {
-            "navds-confirmation-panel--s": props.size === "s",
+            "navds-confirmation-panel--s": props.size === "small",
             "navds-confirmation-panel--error": !!props.error,
             "navds-confirmation-panel--checked": !!props.checked,
         }) },

package/cjs/form/ErrorMessage.js

@@ -8,6 +8,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
 const ErrorMessage = (props) => {
     var _a;
-    return (react_1.default.createElement(__1.Label, Object.assign({}, props, { component: "div", className: classnames_1.default("navds-error-message", props.className, `navds-error-message--${(_a = props.size) !== null && _a !== void 0 ? _a : "m"}`) })));
+    return (react_1.default.createElement(__1.Label, Object.assign({}, props, { as: "div", className: classnames_1.default("navds-error-message", props.className, `navds-error-message--${(_a = props.size) !== null && _a !== void 0 ? _a : "medium"}`) })));
 };
 exports.default = ErrorMessage;

package/cjs/form/Fieldset/Fieldset.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -55,7 +55,7 @@ const Fieldset = react_1.forwardRef((props, ref) => {
             disabled: (_c = props.disabled) !== null && _c !== void 0 ? _c : false,
         } },
         react_1.default.createElement("fieldset", Object.assign({}, __1.omit(rest, ["errorId", "error", "size"]), inputProps, { ref: ref, className: classnames_1.default(className, "navds-fieldset", `navds-fieldset--${size}`, { "navds-fieldset--error": hasError }) }),
-            react_1.default.createElement(__1.Label, { size: size, component: "legend", className: classnames_1.default("navds-fieldset__legend", {
+            react_1.default.createElement(__1.Label, { size: size, as: "legend", className: classnames_1.default("navds-fieldset__legend", {
                     "sr-only": !!hideLegend,
                 }) }, legend),
             !!description && (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-fieldset__description", {

package/cjs/form/Fieldset/index.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldsetContext = exports.default = void 0;
 var Fieldset_1 = require("./Fieldset");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Fieldset_1.default; } });
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Fieldset_1).default; } });
 Object.defineProperty(exports, "FieldsetContext", { enumerable: true, get: function () { return Fieldset_1.FieldsetContext; } });

package/cjs/form/Fieldset/useFieldset.js

@@ -5,7 +5,7 @@ const useFormField_1 = require("../useFormField");
 /**
  * Handles props for Fieldset in context with parent Fieldset.
  */
-exports.useFieldset = (props) => {
+const useFieldset = (props) => {
     const formField = useFormField_1.useFormField(props, "fieldset");
     const { inputProps } = formField;
     return Object.assign(Object.assign({}, formField), { inputProps: {
@@ -13,3 +13,4 @@ exports.useFieldset = (props) => {
             "aria-describedby": inputProps["aria-describedby"],
         } });
 };
+exports.useFieldset = useFieldset;

package/cjs/form/Select.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -43,14 +43,14 @@ const Select = react_1.forwardRef((props, ref) => {
     const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField_1.useFormField(props, "textField");
     const { children, label, className, description, htmlSize, hideLabel = false } = props, rest = __rest(props, ["children", "label", "className", "description", "htmlSize", "hideLabel"]);
     return (react_1.default.createElement("div", { className: classnames_1.default(props.className, "navds-form-field", `navds-form-field--${size}`, { "navds-select--error": hasError }) },
-        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, component: "label", className: classnames_1.default("navds-select__label", {
+        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, as: "label", className: classnames_1.default("navds-select__label", {
                 "sr-only": hideLabel,
             }) }, label),
         !!description && (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-select__description", {
                 "sr-only": hideLabel,
             }), id: inputDescriptionId, size: size }, description)),
         react_1.default.createElement("div", { className: "navds-select__container" },
-            react_1.default.createElement("select", Object.assign({}, __1.omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, className: classnames_1.default(className, "navds-select__input", "navds-body-short", `navds-body--${size !== null && size !== void 0 ? size : "m"}`), size: props.htmlSize }), children),
+            react_1.default.createElement("select", Object.assign({}, __1.omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, className: classnames_1.default(className, "navds-select__input", "navds-body-short", `navds-body--${size !== null && size !== void 0 ? size : "medium"}`), size: props.htmlSize }), children),
             react_1.default.createElement(ds_icons_1.Expand, { className: "navds-select__chevron" })),
         react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && react_1.default.createElement(ErrorMessage_1.default, { size: size }, props.error))));
 });

package/cjs/form/TextField.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -42,7 +42,7 @@ const TextField = react_1.forwardRef((props, ref) => {
     const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField_1.useFormField(props, "textField");
     const { label, className, description, htmlSize, hideLabel = false } = props, rest = __rest(props, ["label", "className", "description", "htmlSize", "hideLabel"]);
     return (react_1.default.createElement("div", { className: classnames_1.default(props.className, "navds-form-field", `navds-form-field--${size}`, { "navds-text-field--error": hasError }) },
-        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, component: "label", className: classnames_1.default("navds-text-field__label", { "sr-only": hideLabel }) }, label),
+        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, as: "label", className: classnames_1.default("navds-text-field__label", { "sr-only": hideLabel }) }, label),
         !!description && (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-text-field__description", {
                 "sr-only": hideLabel,
             }), id: inputDescriptionId, size: size }, description)),

package/cjs/form/Textarea.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -47,14 +47,14 @@ const Textarea = react_1.forwardRef((props, ref) => {
     const maxLengthId = `TextareaMaxLength-${__2.useId()}`;
     const hasMaxLength = maxLength !== undefined && maxLength > 0;
     return (react_1.default.createElement("div", { className: classnames_1.default(props.className, "navds-form-field", `navds-form-field--${size}`, { "navds-textarea--error": hasError }) },
-        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, component: "label", className: classnames_1.default("navds-textarea__label", {
+        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, as: "label", className: classnames_1.default("navds-textarea__label", {
                 "sr-only": hideLabel,
             }) }, label),
         !!description && (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-textarea__description", {
                 "sr-only": hideLabel,
             }), id: inputDescriptionId, size: size }, description)),
         react_1.default.createElement("div", { className: "navds-textarea__wrapper" },
-            react_1.default.createElement(TextareaAutosize_1.default, Object.assign({}, __1.omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, className: classnames_1.default(className, "navds-textarea__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "m"}`, {
+            react_1.default.createElement(TextareaAutosize_1.default, Object.assign({}, __1.omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, className: classnames_1.default(className, "navds-textarea__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "medium"}`, {
                     "navds-textarea--counter": hasMaxLength,
                 }), "aria-describedby": classnames_1.default(inputProps["aria-describedby"], {
                     [maxLengthId]: hasMaxLength,
@@ -70,7 +70,7 @@ const Textarea = react_1.forwardRef((props, ref) => {
                 react_1.default.createElement(exports.Counter, { maxLength: maxLength, currentLength: props.value.length, size: size })))),
         react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(ErrorMessage_1.default, { size: size }, props.error)))));
 });
-exports.Counter = ({ maxLength, currentLength, size }) => {
+const Counter = ({ maxLength, currentLength, size }) => {
     const difference = maxLength - currentLength;
     return (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-textarea__counter", {
             "navds-textarea__counter--error": difference < 0,
@@ -78,4 +78,5 @@ exports.Counter = ({ maxLength, currentLength, size }) => {
         ? `Du har ${Math.abs(difference)} tegn for mye`
         : `Du har ${difference} tegn igjen`));
 };
+exports.Counter = Counter;
 exports.default = Textarea;

package/cjs/form/checkbox/Checkbox.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -42,7 +42,7 @@ const Checkbox = react_1.forwardRef((props, ref) => {
             "description",
             "hideLabel",
         ]), inputProps, { className: "navds-checkbox__input", ref: ref })),
-        react_1.default.createElement(__1.BodyShort, { component: "label", htmlFor: inputProps.id, size: size, className: "navds-checkbox__label" }, props.hideLabel ? (react_1.default.createElement("span", { className: "sr-only" }, props.children)) : (props.children)),
+        react_1.default.createElement(__1.BodyShort, { as: "label", htmlFor: inputProps.id, size: size, className: "navds-checkbox__label" }, props.hideLabel ? (react_1.default.createElement("span", { className: "sr-only" }, props.children)) : (props.children)),
         props.description && (react_1.default.createElement(__1.BodyShort, { size: size, id: inputDescriptionId, className: "navds-checkbox__description" }, props.description)),
         react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && react_1.default.createElement(ErrorMessage_1.default, { size: size }, props.error))));
 });

package/cjs/form/checkbox/CheckboxGroup.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -43,7 +43,7 @@ const CheckboxGroup = react_1.forwardRef((_a, ref) => {
     var { value, defaultValue = [], onChange = () => { }, children, className } = _a, rest = __rest(_a, ["value", "defaultValue", "onChange", "children", "className"]);
     const state = value !== null && value !== void 0 ? value : [];
     const fieldset = react_1.useContext(__1.FieldsetContext);
-    return (react_1.default.createElement(__1.Fieldset, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-checkbox-group", `navds-checkbox-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "m"}`) }),
+    return (react_1.default.createElement(__1.Fieldset, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-checkbox-group", `navds-checkbox-group--${(_c = (_b = rest.size) !== null && _b !== void 0 ? _b : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _c !== void 0 ? _c : "medium"}`) }),
         react_1.default.createElement(exports.CheckboxGroupContext.Provider, { value: {
                 value,
                 defaultValue,

package/cjs/form/checkbox/index.js

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = exports.Checkbox = void 0;
 var Checkbox_1 = require("./Checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.default; } });
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(Checkbox_1).default; } });
 var CheckboxGroup_1 = require("./CheckboxGroup");
-Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return CheckboxGroup_1.default; } });
+Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return __importDefault(CheckboxGroup_1).default; } });

package/cjs/form/checkbox/useCheckbox.js

@@ -29,7 +29,8 @@ const useCheckbox = (_a) => {
             console.warn("A <Checkbox> element within a <CheckboxGroup> requires a `value` property.");
         }
     }
-    return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), { type: "checkbox", checked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.value) ? checkboxGroup.value.includes(props.value)
+    return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), { type: "checkbox", checked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.value)
+                ? checkboxGroup.value.includes(props.value)
                 : props.checked, defaultChecked: checkboxGroup
                 ? checkboxGroup.defaultValue.includes(props.value)
                 : props.defaultChecked, onChange: (e) => {

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

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -37,10 +37,10 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("../..");
 const ErrorSummary = react_1.forwardRef((_a, ref) => {
-    var { children, className, size = "m", headingTag = "h2", heading } = _a, rest = __rest(_a, ["children", "className", "size", "headingTag", "heading"]);
+    var { children, className, size = "medium", headingTag = "h2", heading } = _a, rest = __rest(_a, ["children", "className", "size", "headingTag", "heading"]);
     return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: classnames_1.default(className, "navds-error-summary", `navds-error-summary--${size}`), tabIndex: -1, role: "region" }),
-        react_1.default.createElement(__1.Title, { className: "navds-error-summary__title", component: headingTag, size: "s" }, heading),
-        react_1.default.createElement("ul", { className: classnames_1.default("navds-error-summary__list", "navds-body-short", `navds-body--${size}`) }, react_1.default.Children.map(children, (child) => {
+        react_1.default.createElement(__1.Heading, { className: "navds-error-summary__heading", as: headingTag, size: "small" }, heading),
+        react_1.default.createElement(__1.BodyShort, { as: "ul", size: size, className: "navds-error-summary__list" }, react_1.default.Children.map(children, (child) => {
             return react_1.default.createElement("li", { key: child === null || child === void 0 ? void 0 : child.toString() }, child);
         }))));
 });