@navikt/ds-react 0.8.0 → 0.9.0

package/cjs/accordion/Accordion.js

@@ -38,9 +38,9 @@ const react_1 = __importStar(require("react"));
 const AccordionItem_1 = __importDefault(require("./AccordionItem"));
 const AccordionContent_1 = __importDefault(require("./AccordionContent"));
 const AccordionHeader_1 = __importDefault(require("./AccordionHeader"));
-const Accordion = react_1.forwardRef((_a, ref) => {
+const Accordion = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { className: classnames_1.default("navds-accordion", className), ref: ref })));
+    return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)("navds-accordion", className), ref: ref })));
 });
 Accordion.Header = AccordionHeader_1.default;
 Accordion.Content = AccordionContent_1.default;

package/cjs/accordion/AccordionContent.js

@@ -38,12 +38,12 @@ const react_1 = __importStar(require("react"));
 const react_collapse_1 = require("react-collapse");
 const util_1 = require("../util");
 const AccordionItem_1 = require("./AccordionItem");
-const AccordionContent = react_1.forwardRef((_a, ref) => {
+const AccordionContent = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, id } = _a, rest = __rest(_a, ["children", "className", "id"]);
-    const context = react_1.useContext(AccordionItem_1.AccordionItemContext);
-    const newId = util_1.useId(id);
+    const context = (0, react_1.useContext)(AccordionItem_1.AccordionItemContext);
+    const newId = (0, util_1.useId)(id);
     const setContentId = context && context.setContentId;
-    util_1.useClientLayoutEffect(() => {
+    (0, util_1.useClientLayoutEffect)(() => {
         setContentId && setContentId(id ? newId : `accordionContent-${newId}`);
     }, [setContentId, newId]);
     if (context === null) {
@@ -55,6 +55,6 @@ const AccordionContent = react_1.forwardRef((_a, ref) => {
         : react_collapse_1.UnmountClosed;
     return (react_1.default.createElement("div", Object.assign({ ref: ref, id: context.contentId, role: "region", "aria-labelledby": context.buttonId }, rest),
         react_1.default.createElement(CollapseComponent, { isOpened: context.open },
-            react_1.default.createElement("div", { className: classnames_1.default("navds-accordion__content", className) }, children))));
+            react_1.default.createElement("div", { className: (0, classnames_1.default)("navds-accordion__content", className) }, children))));
 });
 exports.default = AccordionContent;

package/cjs/accordion/AccordionHeader.js

@@ -38,12 +38,12 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const AccordionItem_1 = require("./AccordionItem");
 const __1 = require("..");
-const AccordionHeader = react_1.forwardRef((_a, ref) => {
+const AccordionHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, id, onClick } = _a, rest = __rest(_a, ["children", "className", "id", "onClick"]);
-    const context = react_1.useContext(AccordionItem_1.AccordionItemContext);
-    const newId = __1.useId(id);
+    const context = (0, react_1.useContext)(AccordionItem_1.AccordionItemContext);
+    const newId = (0, __1.useId)(id);
     const setButtonId = context && context.setButtonId;
-    __1.useClientLayoutEffect(() => {
+    (0, __1.useClientLayoutEffect)(() => {
         setButtonId && setButtonId(id ? newId : `accordionContent-${newId}`);
     }, [setButtonId, newId]);
     if (context === null) {
@@ -54,12 +54,12 @@ const AccordionHeader = react_1.forwardRef((_a, ref) => {
         context.toggleOpen();
         onClick && onClick(e);
     };
-    return (react_1.default.createElement("button", Object.assign({ ref: ref, id: context.buttonId, className: classnames_1.default("navds-accordion__header", className, "navds-heading", "navds-heading--small"), onClick: handleClick, "aria-controls": context.contentId }, rest),
+    return (react_1.default.createElement("button", Object.assign({ ref: ref, id: context.buttonId, className: (0, classnames_1.default)("navds-accordion__header", className, "navds-heading", "navds-heading--small"), onClick: handleClick, "aria-controls": context.contentId }, rest),
         children,
-        react_1.default.createElement(ds_icons_1.Expand, { focusable: "false", role: "img", "aria-label": context.open ? "Lukk panel ikon" : "Åpne panel ikon", className: classnames_1.default("navds-accordion__expand-icon", {
+        react_1.default.createElement(ds_icons_1.Expand, { focusable: "false", role: "img", "aria-label": context.open ? "Lukk panel ikon" : "Åpne panel ikon", className: (0, classnames_1.default)("navds-accordion__expand-icon", {
                 "navds-accordion__expand-icon--flip": context.open,
             }) }),
-        react_1.default.createElement(ds_icons_1.ExpandFilled, { focusable: "false", role: "img", "aria-label": context.open ? "Lukk panel ikon" : "Åpne panel ikon", className: classnames_1.default("navds-accordion__expand-icon", "navds-accordion__expand-icon--filled", {
+        react_1.default.createElement(ds_icons_1.ExpandFilled, { focusable: "false", role: "img", "aria-label": context.open ? "Lukk panel ikon" : "Åpne panel ikon", className: (0, classnames_1.default)("navds-accordion__expand-icon", "navds-accordion__expand-icon--filled", {
                 "navds-accordion__expand-icon--flip": context.open,
             }) })));
 });

package/cjs/accordion/AccordionItem.js

@@ -36,13 +36,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionItemContext = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
-exports.AccordionItemContext = react_1.createContext(null);
-const AccordionItem = react_1.forwardRef((_a, ref) => {
+exports.AccordionItemContext = (0, react_1.createContext)(null);
+const AccordionItem = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, open, defaultOpen = false, renderContentWhenClosed = false, onClick, id } = _a, rest = __rest(_a, ["children", "className", "open", "defaultOpen", "renderContentWhenClosed", "onClick", "id"]);
-    const [internalOpen, setInternalOpen] = react_1.useState(defaultOpen);
-    const [buttonId, setButtonId] = react_1.useState("");
-    const [contentId, setContentId] = react_1.useState("");
-    return (react_1.default.createElement("div", Object.assign({ className: classnames_1.default("navds-accordion__item", className, {
+    const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
+    const [buttonId, setButtonId] = (0, react_1.useState)("");
+    const [contentId, setContentId] = (0, react_1.useState)("");
+    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)("navds-accordion__item", className, {
             "navds-accordion__item--open": open !== null && open !== void 0 ? open : internalOpen,
         }), ref: ref }, rest),
         react_1.default.createElement(exports.AccordionItemContext.Provider, { value: {

package/cjs/accordion-menu/AccordionMenu.js

@@ -38,9 +38,9 @@ const classnames_1 = __importDefault(require("classnames"));
 const MenuItems_1 = __importDefault(require("./MenuItems"));
 const AccordionMenuCollapsable_1 = __importDefault(require("./AccordionMenuCollapsable"));
 const AccordionMenuItem_1 = __importDefault(require("./AccordionMenuItem"));
-const AccordionMenu = react_1.forwardRef((_a, ref) => {
+const AccordionMenu = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("nav", Object.assign({ role: "navigation", ref: ref, className: classnames_1.default("navds-accordion-menu", className) }, rest),
+    return (react_1.default.createElement("nav", Object.assign({ role: "navigation", ref: ref, className: (0, classnames_1.default)("navds-accordion-menu", className) }, rest),
         react_1.default.createElement(MenuItems_1.default, null, children)));
 });
 AccordionMenu.Collapsable = AccordionMenuCollapsable_1.default;

package/cjs/accordion-menu/AccordionMenuCollapsable.js

@@ -37,10 +37,10 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const ds_icons_1 = require("@navikt/ds-icons");
 const MenuItems_1 = __importDefault(require("./MenuItems"));
-const Collapsable = react_1.forwardRef((_a, ref) => {
+const Collapsable = (0, react_1.forwardRef)((_a, ref) => {
     var { children, defaultOpen = false, title, className } = _a, rest = __rest(_a, ["children", "defaultOpen", "title", "className"]);
-    const [isOpen, setIsOpen] = react_1.useState(defaultOpen);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-accordion-menu-collapsable", className, {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(defaultOpen);
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-accordion-menu-collapsable", className, {
             "navds-accordion-menu-collapsable--open": isOpen,
         }) }, rest),
         react_1.default.createElement("button", { onClick: () => setIsOpen(!isOpen), className: "navds-accordion-menu-collapsable__button" },

package/cjs/accordion-menu/AccordionMenuItem.js

@@ -35,9 +35,9 @@ 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 Item = react_1.forwardRef((_a, ref) => {
+const Item = (0, react_1.forwardRef)((_a, ref) => {
     var { children, as: Component = "a", active = false, className } = _a, rest = __rest(_a, ["children", "as", "active", "className"]);
-    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: classnames_1.default("navds-accordion-menu-item", className, {
+    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-accordion-menu-item", className, {
             "navds-accordion-menu-item--active": active,
         }) }, rest), children));
 });

package/cjs/alert/Alert.js

@@ -55,10 +55,10 @@ const Icon = (_a) => {
             return null;
     }
 };
-exports.AlertContext = react_1.createContext(null);
-const Alert = react_1.forwardRef((_a, ref) => {
+exports.AlertContext = (0, react_1.createContext)(null);
+const Alert = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, variant, size = "medium", fullWidth = false, inline = false } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "inline"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, { "navds-alert--full-width": fullWidth, "navds-alert--inline": inline }) }),
+    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, { "navds-alert--full-width": fullWidth, "navds-alert--inline": inline }) }),
         react_1.default.createElement(Icon, { "aria-label": `${variant}-ikon`, focusable: "false", role: "img", variant: variant, alt: `${variant}-ikon`, className: "navds-alert__icon" }),
         react_1.default.createElement(__1.BodyLong, { as: "div", size: size, className: "navds-alert__wrapper" }, children)));
 });

package/cjs/alert/AlertContent.js

@@ -37,14 +37,14 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
 const _1 = require(".");
-const AlertContent = react_1.forwardRef((_a, ref) => {
+const AlertContent = (0, react_1.forwardRef)((_a, ref) => {
     var _b;
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const context = react_1.useContext(_1.AlertContext);
+    const context = (0, react_1.useContext)(_1.AlertContext);
     if (context === null) {
         console.warn("AlertContent has to be wrapped in <Alert />");
         return null;
     }
-    return (react_1.default.createElement(__1.BodyLong, Object.assign({}, rest, { as: "div", className: classnames_1.default(className, "navds-alert__content"), ref: ref, size: (_b = context.size) !== null && _b !== void 0 ? _b : "medium" }), children));
+    return (react_1.default.createElement(__1.BodyLong, Object.assign({}, rest, { as: "div", className: (0, classnames_1.default)(className, "navds-alert__content"), ref: ref, size: (_b = context.size) !== null && _b !== void 0 ? _b : "medium" }), children));
 });
 exports.default = AlertContent;

package/cjs/alert/AlertTitle.js

@@ -36,14 +36,14 @@ 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) => {
+const AlertTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const context = react_1.useContext(__1.AlertContext);
+    const context = (0, 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));
+    return (react_1.default.createElement(__1.Heading, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-alert__title"), as: "div", size: size }), children));
 });
 exports.default = AlertTitle;

package/cjs/button/Button.js

@@ -36,9 +36,9 @@ 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) => {
+const Button = (0, react_1.forwardRef)((_a, ref) => {
     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}`) }),
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, 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/card/MicroCard.js

@@ -36,8 +36,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MicroCard = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-exports.MicroCard = react_1.forwardRef((_a, ref) => {
+exports.MicroCard = (0, react_1.forwardRef)((_a, ref) => {
     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));
+    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-card__micro", "navds-detail", "navds-detail--small", className), title: children }, rest), children));
 });
 exports.default = exports.MicroCard;

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

@@ -39,13 +39,13 @@ 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) => {
+const CopyToClipboard = (0, react_1.forwardRef)((_a, ref) => {
     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();
-    const [openPopover, setOpenPopover] = react_1.useState(false);
-    react_1.useEffect(() => {
+    const buttonRef = (0, react_1.useRef)(null);
+    const mergedRef = (0, react_merge_refs_1.default)([buttonRef, ref]);
+    const timeoutRef = (0, react_1.useRef)();
+    const [openPopover, setOpenPopover] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         timeoutRef.current = openPopover
             ? window.setTimeout(() => setOpenPopover(false), 2000)
             : null;
@@ -55,11 +55,11 @@ const CopyToClipboard = react_1.forwardRef((_a, ref) => {
     }, [openPopover]);
     const title = `Kopier ${copyText}`;
     const handleClick = () => {
-        copy_to_clipboard_1.default(copyText);
+        (0, 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, size: size }, rest),
+        react_1.default.createElement(__1.Button, Object.assign({ ref: mergedRef, variant: "secondary", title: title, className: (0, 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: popoverPlacement, arrow: false, className: "navds-copy-to-clipboard__popover" },

package/cjs/form/ConfirmationPanel.js

@@ -36,9 +36,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
-const ConfirmationPanel = react_1.forwardRef((_a, ref) => {
+const ConfirmationPanel = (0, 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, {
+    return (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)("navds-confirmation-panel", className, {
             "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, { as: "div", className: classnames_1.default("navds-error-message", props.className, `navds-error-message--${(_a = props.size) !== null && _a !== void 0 ? _a : "medium"}`) })));
+    return (react_1.default.createElement(__1.Label, Object.assign({}, props, { as: "div", className: (0, 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

@@ -40,25 +40,25 @@ const __1 = require("../..");
 const ErrorMessage_1 = __importDefault(require("../ErrorMessage"));
 const useFieldset_1 = require("./useFieldset");
 exports.FieldsetContext = react_1.default.createContext(null);
-const Fieldset = react_1.forwardRef((props, ref) => {
+const Fieldset = (0, react_1.forwardRef)((props, ref) => {
     var _a, _b, _c;
-    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFieldset_1.useFieldset(props);
-    const fieldset = react_1.useContext(exports.FieldsetContext);
+    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, useFieldset_1.useFieldset)(props);
+    const fieldset = (0, react_1.useContext)(exports.FieldsetContext);
     const { children, className, errorPropagation = true, legend, description, hideLegend } = props, rest = __rest(props, ["children", "className", "errorPropagation", "legend", "description", "hideLegend"]);
     return (react_1.default.createElement(exports.FieldsetContext.Provider, { value: {
             error: errorPropagation ? (_a = props.error) !== null && _a !== void 0 ? _a : fieldset === null || fieldset === void 0 ? void 0 : fieldset.error : undefined,
-            errorId: classnames_1.default({
+            errorId: (0, classnames_1.default)({
                 [errorId]: showErrorMsg,
                 [(_b = fieldset === null || fieldset === void 0 ? void 0 : fieldset.errorId) !== null && _b !== void 0 ? _b : ""]: !!(fieldset === null || fieldset === void 0 ? void 0 : fieldset.error),
             }),
             size,
             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, as: "legend", className: classnames_1.default("navds-fieldset__legend", {
+        react_1.default.createElement("fieldset", Object.assign({}, (0, __1.omit)(rest, ["errorId", "error", "size"]), inputProps, { ref: ref, className: (0, classnames_1.default)(className, "navds-fieldset", `navds-fieldset--${size}`, { "navds-fieldset--error": hasError }) }),
+            react_1.default.createElement(__1.Label, { size: size, as: "legend", className: (0, classnames_1.default)("navds-fieldset__legend", {
                     "sr-only": !!hideLegend,
                 }) }, legend),
-            !!description && (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-fieldset__description", {
+            !!description && (react_1.default.createElement(__1.BodyShort, { className: (0, classnames_1.default)("navds-fieldset__description", {
                     "sr-only": !!hideLegend,
                 }), id: inputDescriptionId, size: size }, description)),
             children,

package/cjs/form/Fieldset/useFieldset.js

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

package/cjs/form/Select.js

@@ -39,18 +39,18 @@ const ds_icons_1 = require("@navikt/ds-icons");
 const __1 = require("..");
 const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
 const useFormField_1 = require("./useFormField");
-const Select = react_1.forwardRef((props, ref) => {
-    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField_1.useFormField(props, "textField");
+const Select = (0, react_1.forwardRef)((props, ref) => {
+    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, 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, as: "label", className: classnames_1.default("navds-select__label", {
+    return (react_1.default.createElement("div", { className: (0, 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, as: "label", className: (0, classnames_1.default)("navds-select__label", {
                 "sr-only": hideLabel,
             }) }, label),
-        !!description && (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-select__description", {
+        !!description && (react_1.default.createElement(__1.BodyShort, { className: (0, 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 : "medium"}`), size: props.htmlSize }), children),
+            react_1.default.createElement("select", Object.assign({}, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, className: (0, 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

@@ -38,15 +38,15 @@ const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
 const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
 const useFormField_1 = require("./useFormField");
-const TextField = react_1.forwardRef((props, ref) => {
-    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField_1.useFormField(props, "textField");
+const TextField = (0, react_1.forwardRef)((props, ref) => {
+    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, 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, 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", {
+    return (react_1.default.createElement("div", { className: (0, 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, as: "label", className: (0, classnames_1.default)("navds-text-field__label", { "sr-only": hideLabel }) }, label),
+        !!description && (react_1.default.createElement(__1.BodyShort, { className: (0, classnames_1.default)("navds-text-field__description", {
                 "sr-only": hideLabel,
             }), id: inputDescriptionId, size: size }, description)),
-        react_1.default.createElement("input", Object.assign({}, __1.omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, type: "text", className: classnames_1.default(className, "navds-text-field__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "m"}`), size: htmlSize })),
+        react_1.default.createElement("input", Object.assign({}, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, type: "text", className: (0, classnames_1.default)(className, "navds-text-field__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "m"}`), size: htmlSize })),
         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.default = TextField;

package/cjs/form/Textarea.js

@@ -41,22 +41,22 @@ const __1 = require("..");
 const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
 const useFormField_1 = require("./useFormField");
 const __2 = require("..");
-const Textarea = react_1.forwardRef((props, ref) => {
-    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField_1.useFormField(props, "textarea");
+const Textarea = (0, react_1.forwardRef)((props, ref) => {
+    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, useFormField_1.useFormField)(props, "textarea");
     const { label, className, description, maxLength, hideLabel = false } = props, rest = __rest(props, ["label", "className", "description", "maxLength", "hideLabel"]);
-    const maxLengthId = `TextareaMaxLength-${__2.useId()}`;
+    const maxLengthId = `TextareaMaxLength-${(0, __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, as: "label", className: classnames_1.default("navds-textarea__label", {
+    return (react_1.default.createElement("div", { className: (0, 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, as: "label", className: (0, classnames_1.default)("navds-textarea__label", {
                 "sr-only": hideLabel,
             }) }, label),
-        !!description && (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-textarea__description", {
+        !!description && (react_1.default.createElement(__1.BodyShort, { className: (0, 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 : "medium"}`, {
+            react_1.default.createElement(TextareaAutosize_1.default, Object.assign({}, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, className: (0, 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"], {
+                }), "aria-describedby": (0, classnames_1.default)(inputProps["aria-describedby"], {
                     [maxLengthId]: hasMaxLength,
                 }) })),
             hasMaxLength && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -72,9 +72,9 @@ const Textarea = react_1.forwardRef((props, ref) => {
 });
 const Counter = ({ maxLength, currentLength, size }) => {
     const difference = maxLength - currentLength;
-    return (react_1.default.createElement(__1.BodyShort, { className: classnames_1.default("navds-textarea__counter", {
+    return (react_1.default.createElement(__1.BodyShort, { className: (0, classnames_1.default)("navds-textarea__counter", {
             "navds-textarea__counter--error": difference < 0,
-        }), "aria-live": "polite", size: size }, difference < 0
+        }), "aria-live": difference < 20 ? "polite" : "off", size: size }, difference < 0
         ? `Du har ${Math.abs(difference)} tegn for mye`
         : `Du har ${difference} tegn igjen`));
 };

package/cjs/form/checkbox/Checkbox.js

@@ -27,14 +27,14 @@ const classnames_1 = __importDefault(require("classnames"));
 const useCheckbox_1 = __importDefault(require("./useCheckbox"));
 const ErrorMessage_1 = __importDefault(require("../ErrorMessage"));
 const __1 = require("../..");
-const Checkbox = react_1.forwardRef((props, ref) => {
-    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useCheckbox_1.default(props);
-    return (react_1.default.createElement("div", { className: classnames_1.default(props.className, "navds-checkbox", `navds-checkbox--${size}`, {
+const Checkbox = (0, react_1.forwardRef)((props, ref) => {
+    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, useCheckbox_1.default)(props);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(props.className, "navds-checkbox", `navds-checkbox--${size}`, {
             "navds-checkbox--error": hasError,
             "navds-checkbox--with-error-message": showErrorMsg,
             "navds-checkbox--with-description": !!props.description,
         }) },
-        react_1.default.createElement("input", Object.assign({}, __1.omit(props, [
+        react_1.default.createElement("input", Object.assign({}, (0, __1.omit)(props, [
             "children",
             "size",
             "error",

package/cjs/form/checkbox/CheckboxGroup.js

@@ -37,13 +37,13 @@ exports.CheckboxGroupContext = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
-exports.CheckboxGroupContext = react_1.createContext(null);
-const CheckboxGroup = react_1.forwardRef((_a, ref) => {
+exports.CheckboxGroupContext = (0, react_1.createContext)(null);
+const CheckboxGroup = (0, react_1.forwardRef)((_a, ref) => {
     var _b, _c;
     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 : "medium"}`) }),
+    const fieldset = (0, react_1.useContext)(__1.FieldsetContext);
+    return (react_1.default.createElement(__1.Fieldset, Object.assign({}, rest, { ref: ref, className: (0, 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/useCheckbox.js

@@ -19,8 +19,8 @@ const CheckboxGroup_1 = require("./CheckboxGroup");
  */
 const useCheckbox = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    const checkboxGroup = react_1.useContext(CheckboxGroup_1.CheckboxGroupContext);
-    const _b = useFormField_1.useFormField(props, "checkbox"), { inputProps } = _b, rest = __rest(_b, ["inputProps"]);
+    const checkboxGroup = (0, react_1.useContext)(CheckboxGroup_1.CheckboxGroupContext);
+    const _b = (0, useFormField_1.useFormField)(props, "checkbox"), { inputProps } = _b, rest = __rest(_b, ["inputProps"]);
     if (checkboxGroup) {
         if (props.checked) {
             console.warn("`checked` is unsupported on <Checkbox> elements within a <CheckboxGroup>. Please set a `value` or `defaultValue` on <CheckboxGroup> instead.");

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

@@ -36,9 +36,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("../..");
-const ErrorSummary = react_1.forwardRef((_a, ref) => {
+const ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
     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" }),
+    return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { className: (0, classnames_1.default)(className, "navds-error-summary", `navds-error-summary--${size}`), tabIndex: -1, role: "region" }),
         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);

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

@@ -35,8 +35,8 @@ 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 ErrorSummaryItem = react_1.forwardRef((_a, ref) => {
+const ErrorSummaryItem = (0, react_1.forwardRef)((_a, ref) => {
     var { children, as: Component = "a", className } = _a, rest = __rest(_a, ["children", "as", "className"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-error-summary__item", "navds-link") }), children));
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-error-summary__item", "navds-link") }), children));
 });
 exports.default = ErrorSummaryItem;

package/cjs/form/radio/Radio.js

@@ -27,14 +27,14 @@ const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("../..");
 const ErrorMessage_1 = __importDefault(require("../ErrorMessage"));
 const useRadio_1 = require("./useRadio");
-const Radio = react_1.forwardRef((props, ref) => {
-    const { inputProps, errorId, showErrorMsg, size, hasError, inputDescriptionId, } = useRadio_1.useRadio(props);
-    return (react_1.default.createElement("div", { className: classnames_1.default(props.className, "navds-radio", `navds-radio--${size}`, {
+const Radio = (0, react_1.forwardRef)((props, ref) => {
+    const { inputProps, errorId, showErrorMsg, size, hasError, inputDescriptionId, } = (0, useRadio_1.useRadio)(props);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(props.className, "navds-radio", `navds-radio--${size}`, {
             "navds-radio--error": hasError,
             "navds-radio--with-error-message": showErrorMsg,
             "navds-radio--with-description": !!props.description,
         }) },
-        react_1.default.createElement("input", Object.assign({}, __1.omit(props, [
+        react_1.default.createElement("input", Object.assign({}, (0, __1.omit)(props, [
             "children",
             "size",
             "error",

package/cjs/form/radio/RadioGroup.js

@@ -39,12 +39,12 @@ const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
 const __2 = require("../..");
 exports.RadioGroupContext = react_1.default.createContext(null);
-const RadioGroup = react_1.forwardRef((_a, ref) => {
+const RadioGroup = (0, react_1.forwardRef)((_a, ref) => {
     var _b, _c;
     var { children, className, name, defaultValue, value, onChange = () => { }, required } = _a, rest = __rest(_a, ["children", "className", "name", "defaultValue", "value", "onChange", "required"]);
-    const fieldset = react_1.useContext(__1.FieldsetContext);
-    const nameId = __2.useId();
-    return (react_1.default.createElement(__1.Fieldset, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-radio-group", `navds-radio-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"}`) }),
+    const fieldset = (0, react_1.useContext)(__1.FieldsetContext);
+    const nameId = (0, __2.useId)();
+    return (react_1.default.createElement(__1.Fieldset, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-radio-group", `navds-radio-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.RadioGroupContext.Provider, { value: {
                 name: name !== null && name !== void 0 ? name : `radioGroupName-${nameId}`,
                 defaultValue,

package/cjs/form/radio/useRadio.js

@@ -20,8 +20,8 @@ const RadioGroup_1 = require("./RadioGroup");
  */
 const useRadio = (props) => {
     var _a;
-    const radioGroup = react_1.useContext(RadioGroup_1.RadioGroupContext);
-    const _b = useFormField_1.useFormField(props, "radio"), { inputProps } = _b, rest = __rest(_b, ["inputProps"]);
+    const radioGroup = (0, react_1.useContext)(RadioGroup_1.RadioGroupContext);
+    const _b = (0, useFormField_1.useFormField)(props, "radio"), { inputProps } = _b, rest = __rest(_b, ["inputProps"]);
     if (!radioGroup) {
         console.warn("<Radio> must be used inside <RadioGroup>.");
     }

package/cjs/form/search-field/SearchField.js

@@ -40,14 +40,14 @@ const __1 = require("../..");
 const ErrorMessage_1 = __importDefault(require("../ErrorMessage"));
 const useFormField_1 = require("../useFormField");
 exports.SearchFieldContext = react_1.default.createContext(null);
-const SearchField = react_1.forwardRef((props, ref) => {
-    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField_1.useFormField(props, "searchfield");
+const SearchField = (0, react_1.forwardRef)((props, ref) => {
+    const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = (0, useFormField_1.useFormField)(props, "searchfield");
     const { className, hideLabel, children, label, description, error } = props, rest = __rest(props, ["className", "hideLabel", "children", "label", "description", "error"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref }, __1.omit(rest, ["id", "error", "errorId", "size", "disabled"]), { className: classnames_1.default(className, "navds-form-field", `navds-form-field--${size !== null && size !== void 0 ? size : "medium"}`, "navds-search-field", { "navds-search-field--error": hasError }) }),
-        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, as: "label", className: classnames_1.default("navds-text-field__label", {
+    return (react_1.default.createElement("div", Object.assign({ ref: ref }, (0, __1.omit)(rest, ["id", "error", "errorId", "size", "disabled"]), { className: (0, classnames_1.default)(className, "navds-form-field", `navds-form-field--${size !== null && size !== void 0 ? size : "medium"}`, "navds-search-field", { "navds-search-field--error": hasError }) }),
+        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, as: "label", className: (0, 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", {
+        !!description && (react_1.default.createElement(__1.BodyShort, { className: (0, classnames_1.default)("navds-text-field__description", {
                 "sr-only": hideLabel,
             }), id: inputDescriptionId, size: size }, description)),
         react_1.default.createElement("div", { className: "navds-search-field__input-wrapper" },