@navikt/ds-react 0.8.0 → 0.9.0

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

@@ -37,14 +37,14 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const SearchField_1 = require("./SearchField");
 const __1 = require("../..");
-const SearchFieldButton = react_1.forwardRef((_a, ref) => {
+const SearchFieldButton = (0, react_1.forwardRef)((_a, ref) => {
     var { className, variant = "primary", disabled } = _a, rest = __rest(_a, ["className", "variant", "disabled"]);
-    const searchField = react_1.useContext(SearchField_1.SearchFieldContext);
+    const searchField = (0, react_1.useContext)(SearchField_1.SearchFieldContext);
     if (searchField === null) {
         console.warn("SearchFieldButton has to be wrapped in <SearchField />");
         return null;
     }
     const { size, inputProps } = searchField;
-    return (react_1.default.createElement(__1.Button, Object.assign({ ref: ref, className: classnames_1.default(className, "navds-search-field__button") }, rest, { size: size, variant: variant, disabled: disabled !== null && disabled !== void 0 ? disabled : inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled })));
+    return (react_1.default.createElement(__1.Button, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, "navds-search-field__button") }, rest, { size: size, variant: variant, disabled: disabled !== null && disabled !== void 0 ? disabled : inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled })));
 });
 exports.default = SearchFieldButton;

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

@@ -37,14 +37,14 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const SearchField_1 = require("./SearchField");
 const __1 = require("../..");
-const SearchFieldClearButton = react_1.forwardRef((_a, ref) => {
+const SearchFieldClearButton = (0, react_1.forwardRef)((_a, ref) => {
     var { className, variant = "secondary", disabled } = _a, rest = __rest(_a, ["className", "variant", "disabled"]);
-    const searchField = react_1.useContext(SearchField_1.SearchFieldContext);
+    const searchField = (0, react_1.useContext)(SearchField_1.SearchFieldContext);
     if (searchField === null) {
         console.warn("SearchFieldClearButton has to be wrapped in <SearchField />");
         return null;
     }
     const { size, inputProps } = searchField;
-    return (react_1.default.createElement(__1.Button, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-search-field__clear-button"), size: size, variant: variant, disabled: disabled !== null && disabled !== void 0 ? disabled : inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled })));
+    return (react_1.default.createElement(__1.Button, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-search-field__clear-button"), size: size, variant: variant, disabled: disabled !== null && disabled !== void 0 ? disabled : inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled })));
 });
 exports.default = SearchFieldClearButton;

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

@@ -36,14 +36,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const SearchField_1 = require("./SearchField");
-const SearchFieldInput = react_1.forwardRef((_a, ref) => {
+const SearchFieldInput = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    const searchField = react_1.useContext(SearchField_1.SearchFieldContext);
+    const searchField = (0, react_1.useContext)(SearchField_1.SearchFieldContext);
     if (searchField === null) {
         console.warn("SearchFieldInput has to be wrapped in <SearchField />");
         return null;
     }
     const { size, inputProps } = searchField;
-    return (react_1.default.createElement("input", Object.assign({}, rest, inputProps, { type: "search", role: "searchbox", ref: ref, className: classnames_1.default(className, "navds-search-field__input", "navds-text-field__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "medium"}`) })));
+    return (react_1.default.createElement("input", Object.assign({}, rest, inputProps, { type: "search", role: "searchbox", ref: ref, className: (0, classnames_1.default)(className, "navds-search-field__input", "navds-text-field__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "medium"}`) })));
 });
 exports.default = SearchFieldInput;

package/cjs/form/useFormField.js

@@ -14,8 +14,8 @@ const index_2 = require("../index");
 const useFormField = (props, prefix) => {
     var _a, _b, _c;
     const { size, error, errorId: propErrorId } = props;
-    const fieldset = react_1.useContext(index_1.FieldsetContext);
-    const genId = index_2.useId();
+    const fieldset = (0, react_1.useContext)(index_1.FieldsetContext);
+    const genId = (0, index_2.useId)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${prefix}-${genId}`;
     const errorId = propErrorId !== null && propErrorId !== void 0 ? propErrorId : `${prefix}-error-${genId}`;
     const inputDescriptionId = `${prefix}-description-${genId}`;
@@ -31,7 +31,7 @@ const useFormField = (props, prefix) => {
         inputProps: {
             id,
             "aria-invalid": hasError,
-            "aria-describedby": classnames_1.default(props["aria-describedby"], {
+            "aria-describedby": (0, classnames_1.default)(props["aria-describedby"], {
                 [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
                 [errorId]: showErrorMsg,
                 [(_c = fieldset === null || fieldset === void 0 ? void 0 : fieldset.errorId) !== null && _c !== void 0 ? _c : ""]: hasError && !!(fieldset === null || fieldset === void 0 ? void 0 : fieldset.error),

package/cjs/grid/Cell.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 Cell = react_1.forwardRef((_a, ref) => {
+const Cell = (0, react_1.forwardRef)((_a, ref) => {
     var { children, xs, sm, md, lg, className } = _a, rest = __rest(_a, ["children", "xs", "sm", "md", "lg", "className"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: classnames_1.default("navds-grid__cell", xs && `navds-grid__cell--xs-${xs}`, sm && `navds-grid__cell--sm-${sm}`, md && `navds-grid__cell--md-${md}`, lg && `navds-grid__cell--lg-${lg}`, className) }), children));
+    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-grid__cell", xs && `navds-grid__cell--xs-${xs}`, sm && `navds-grid__cell--sm-${sm}`, md && `navds-grid__cell--md-${md}`, lg && `navds-grid__cell--lg-${lg}`, className) }), children));
 });
 exports.default = Cell;

package/cjs/grid/ContentContainer.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 ContentContainer = react_1.forwardRef((_a, ref) => {
+const ContentContainer = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-content-container", className) }, rest)));
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-content-container", className) }, rest)));
 });
 exports.default = ContentContainer;

package/cjs/grid/Grid.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 Grid = react_1.forwardRef((_a, ref) => {
+const Grid = (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, className: classnames_1.default("navds-grid", className) }, rest), children));
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-grid", className) }, rest), children));
 });
 exports.default = Grid;

package/cjs/guide-panel/Guide.js

@@ -36,9 +36,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Illustration_1 = require("./Illustration");
-const Guide = react_1.forwardRef((_a, ref) => {
+const Guide = (0, react_1.forwardRef)((_a, ref) => {
     var { className, illustration, size = "medium", color } = _a, rest = __rest(_a, ["className", "illustration", "size", "color"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-guide", className) }, rest),
-        react_1.default.createElement("div", { className: classnames_1.default("navds-guide__illustration", `navds-guide__illustration--${size}`) }, illustration !== null && illustration !== void 0 ? illustration : react_1.default.createElement(Illustration_1.DefaultIllustration, null))));
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-guide", className) }, rest),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)("navds-guide__illustration", `navds-guide__illustration--${size}`) }, illustration !== null && illustration !== void 0 ? illustration : react_1.default.createElement(Illustration_1.DefaultIllustration, null))));
 });
 exports.default = Guide;

package/cjs/guide-panel/GuidePanel.js

@@ -36,9 +36,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const Guide_1 = __importDefault(require("./Guide"));
 const classnames_1 = __importDefault(require("classnames"));
-const GuidePanel = react_1.forwardRef((_a, ref) => {
+const GuidePanel = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, illustration, poster = false, color } = _a, rest = __rest(_a, ["children", "className", "illustration", "poster", "color"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: classnames_1.default("navds-guide-panel", className, {
+    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-guide-panel", className, {
             "navds-guide-panel--poster": poster,
         }) }),
         react_1.default.createElement(Guide_1.default, { size: poster ? "medium" : "small", illustration: illustration }),

package/cjs/help-text/HelpText.js

@@ -38,15 +38,15 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
 const __1 = require("..");
-const HelpText = react_1.forwardRef((_a, ref) => {
+const HelpText = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, placement = "top", title = "hjelp" } = _a, rest = __rest(_a, ["className", "children", "placement", "title"]);
-    const buttonRef = react_1.useRef(null);
-    const mergedRef = react_merge_refs_1.default([buttonRef, ref]);
-    const popoverRef = react_1.useRef(null);
-    const wrapperRef = react_1.useRef(null);
-    const [open, setOpen] = react_1.useState(false);
-    const popoverId = `popover-${__1.useId()}`;
-    react_1.useEffect(() => {
+    const buttonRef = (0, react_1.useRef)(null);
+    const mergedRef = (0, react_merge_refs_1.default)([buttonRef, ref]);
+    const popoverRef = (0, react_1.useRef)(null);
+    const wrapperRef = (0, react_1.useRef)(null);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const popoverId = `popover-${(0, __1.useId)()}`;
+    (0, react_1.useEffect)(() => {
         var _a;
         open && ((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.focus());
     }, [open]);
@@ -55,7 +55,7 @@ const HelpText = react_1.forwardRef((_a, ref) => {
         rest.onClick && rest.onClick(e);
     };
     return (react_1.default.createElement("div", { className: "navds-help-text", ref: wrapperRef },
-        react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (e) => handleClick(e), className: classnames_1.default(className, "navds-help-text__button"), type: "button", "aria-expanded": open, "aria-controls": popoverId, "aria-haspopup": "dialog", title: title }),
+        react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (e) => handleClick(e), className: (0, classnames_1.default)(className, "navds-help-text__button"), type: "button", "aria-expanded": open, "aria-controls": popoverId, "aria-haspopup": "dialog", title: title }),
             react_1.default.createElement(ds_icons_1.Helptext, { className: "navds-help-text__icon" }),
             react_1.default.createElement("span", { className: "navds-sr-only" }, title)),
         react_1.default.createElement(__1.Popover, { ref: popoverRef, onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, role: "tooltip", anchorEl: buttonRef.current, id: popoverId, placement: placement },

package/cjs/internal-header/InternalHeader.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 InternalHeader = react_1.forwardRef((_a, ref) => {
+const InternalHeader = (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, className: classnames_1.default("navds-interal-header", className) }, rest), children));
+    return (react_1.default.createElement("header", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-interal-header", className) }, rest), children));
 });
 exports.default = InternalHeader;

package/cjs/internal-header/InternalHeaderTitle.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 InternalHeaderTitle = react_1.forwardRef((_a, ref) => {
+const InternalHeaderTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { element = "h1", children, className } = _a, rest = __rest(_a, ["element", "children", "className"]);
-    return react_1.createElement(element, Object.assign(Object.assign({}, rest), { ref, className: classnames_1.default("navds-interal-header__title", "navds-label", className), children: react_1.default.createElement("span", null, children) }));
+    return (0, react_1.createElement)(element, Object.assign(Object.assign({}, rest), { ref, className: (0, classnames_1.default)("navds-interal-header__title", "navds-label", className), children: react_1.default.createElement("span", null, children) }));
 });
 exports.default = InternalHeaderTitle;

package/cjs/internal-header/InternalHeaderUser.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 InternalHeaderUser = react_1.forwardRef((_a, ref) => {
+const InternalHeaderUser = (0, react_1.forwardRef)((_a, ref) => {
     var { className, name, ident } = _a, rest = __rest(_a, ["className", "name", "ident"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-interal-header__user", className) }, rest),
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-interal-header__user", className) }, rest),
         react_1.default.createElement("span", { className: "navds-interal-header__name navds-body-short navds-body--s" }, name),
         react_1.default.createElement("span", { className: "navds-detail navds-detail--s" }, ident)));
 });

package/cjs/link/Link.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 Link = react_1.forwardRef((_a, ref) => {
+const Link = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "a", className } = _a, rest = __rest(_a, ["as", "className"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default("navds-link", className) })));
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-link", className) })));
 });
 exports.default = Link;

package/cjs/link-panel/LinkPanel.js

@@ -39,9 +39,9 @@ const ds_icons_1 = require("@navikt/ds-icons");
 const classnames_1 = __importDefault(require("classnames"));
 const LinkPanelTitle_1 = require("./LinkPanelTitle");
 const LinkPanelDescription_1 = require("./LinkPanelDescription");
-const LinkPanelComponent = react_1.forwardRef((_a, ref) => {
+const LinkPanelComponent = (0, react_1.forwardRef)((_a, ref) => {
     var { children, as = "a", border = true, className } = _a, rest = __rest(_a, ["children", "as", "border", "className"]);
-    return (react_1.default.createElement(__1.Panel, Object.assign({}, rest, { as: as, border: border, ref: ref, className: classnames_1.default("navds-link-panel", className) }),
+    return (react_1.default.createElement(__1.Panel, Object.assign({}, rest, { as: as, border: border, ref: ref, className: (0, classnames_1.default)("navds-link-panel", className) }),
         react_1.default.createElement("div", { className: "navds-link-panel__content" }, children),
         react_1.default.createElement(ds_icons_1.Next, { className: "navds-link-panel__chevron", "aria-label": "arrow-icon pointing right" })));
 });

package/cjs/link-panel/LinkPanelDescription.js

@@ -37,7 +37,7 @@ exports.LinkPanelDescription = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
-exports.LinkPanelDescription = react_1.forwardRef((_a, ref) => {
+exports.LinkPanelDescription = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement(__1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: classnames_1.default("navds-link-panel__description", className) })));
+    return (react_1.default.createElement(__1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: (0, classnames_1.default)("navds-link-panel__description", className) })));
 });

package/cjs/link-panel/LinkPanelTitle.js

@@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkPanelTitle = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-exports.LinkPanelTitle = react_1.forwardRef((_a, ref) => {
+exports.LinkPanelTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, as: Component = "div" } = _a, rest = __rest(_a, ["className", "as"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default("navds-link-panel__title", "navds-heading", "navds-heading--medium", className) })));
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-link-panel__title", "navds-heading", "navds-heading--medium", className) })));
 });

package/cjs/loader/Loader.js

@@ -36,10 +36,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
-const Loader = react_1.forwardRef((_a, ref) => {
+const Loader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, size = "medium", title = "venter...", transparent = false, variant = "neutral", id } = _a, rest = __rest(_a, ["children", "className", "size", "title", "transparent", "variant", "id"]);
-    const internalId = __1.useId(id);
-    return (react_1.default.createElement("svg", Object.assign({ "aria-labelledby": internalId, ref: ref, className: classnames_1.default("navds-loader", className, `navds-loader--${size}`, `navds-loader--${variant}`, {
+    const internalId = (0, __1.useId)(id);
+    return (react_1.default.createElement("svg", Object.assign({ "aria-labelledby": internalId, ref: ref, className: (0, classnames_1.default)("navds-loader", className, `navds-loader--${size}`, `navds-loader--${variant}`, {
             "navds-loader--transparent": transparent,
         }), focusable: "false", viewBox: "0 0 50 50", preserveAspectRatio: "xMidYMid" }, rest),
         react_1.default.createElement("title", { id: id !== null && id !== void 0 ? id : `loader-${internalId}` }, title),

package/cjs/modal/Modal.js

@@ -40,11 +40,11 @@ const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
 const ds_icons_1 = require("@navikt/ds-icons");
 const __1 = require("..");
 const ModalContent_1 = __importDefault(require("./ModalContent"));
-const Modal = react_1.forwardRef((_a, ref) => {
+const Modal = (0, react_1.forwardRef)((_a, ref) => {
     var { children, open, onClose, className, shouldCloseOnOverlayClick = true } = _a, rest = __rest(_a, ["children", "open", "onClose", "className", "shouldCloseOnOverlayClick"]);
-    const modalRef = react_1.useRef(null);
-    const mergedRef = react_merge_refs_1.default([modalRef, ref]);
-    const buttonRef = react_1.useRef(null);
+    const modalRef = (0, react_1.useRef)(null);
+    const mergedRef = (0, react_merge_refs_1.default)([modalRef, ref]);
+    const buttonRef = (0, react_1.useRef)(null);
     const onModalCloseRequest = (e) => {
         if (shouldCloseOnOverlayClick || e.type === "keydown") {
             onClose();
@@ -53,9 +53,9 @@ const Modal = react_1.forwardRef((_a, ref) => {
             buttonRef.current.focus();
         }
     };
-    return (react_1.default.createElement(react_modal_1.default, Object.assign({}, rest, { isOpen: open, ref: mergedRef, className: classnames_1.default("navds-modal", className), overlayClassName: "navds-modal__overlay", shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, onRequestClose: (e) => onModalCloseRequest(e) }),
+    return (react_1.default.createElement(react_modal_1.default, Object.assign({}, rest, { isOpen: open, ref: mergedRef, className: (0, classnames_1.default)("navds-modal", className), overlayClassName: "navds-modal__overlay", shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, onRequestClose: (e) => onModalCloseRequest(e) }),
         children,
-        react_1.default.createElement(__1.Button, { className: classnames_1.default("navds-modal__button", {
+        react_1.default.createElement(__1.Button, { className: (0, classnames_1.default)("navds-modal__button", {
                 "navds-modal__button--shake": shouldCloseOnOverlayClick,
             }), size: "small", variant: "secondary", ref: buttonRef, "aria-label": "lukk modalvindu", onClick: onClose },
             react_1.default.createElement(ds_icons_1.Close, { focusable: "false", role: "img", "aria-label": "X-ikon for \u00E5 lukke modal" }))));

package/cjs/modal/ModalContent.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 ModalContent = react_1.forwardRef((_a, ref) => {
+const ModalContent = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: classnames_1.default("navds-modal__content", className) })));
+    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-modal__content", className) })));
 });
 exports.default = ModalContent;

package/cjs/page-header/PageHeader.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 PageHeader = react_1.forwardRef((_a, ref) => {
+const PageHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, illustration, description, variant = "guide", align = "left" } = _a, rest = __rest(_a, ["children", "className", "illustration", "description", "variant", "align"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-page-header", className, `navds-page-header--${variant}`, `navds-page-header--${align}`) }, rest),
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-page-header", className, `navds-page-header--${variant}`, `navds-page-header--${align}`) }, rest),
         illustration && (react_1.default.createElement("div", { className: "navds-page-header__illustration" }, illustration)),
         react_1.default.createElement("div", { className: "navds-page-header__wrapper" },
             react_1.default.createElement(__1.Heading, { className: "navds-page-header__title", size: "2xlarge", level: "1" }, children),

package/cjs/panel/Panel.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 Panel = react_1.forwardRef((_a, ref) => {
+const Panel = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, border = false, as: Component = "div" } = _a, rest = __rest(_a, ["children", "className", "border", "as"]);
-    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: classnames_1.default("navds-panel", className, {
+    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-panel", className, {
             "navds-panel--border": border,
         }) }, rest), children));
 });

package/cjs/popover/Popover.js

@@ -39,29 +39,29 @@ const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
 const react_popper_1 = require("react-popper");
 const __1 = require("..");
 const PopoverContent_1 = __importDefault(require("./PopoverContent"));
-const useEventLister = (event, callback) => react_1.useEffect(() => {
+const useEventLister = (event, callback) => (0, react_1.useEffect)(() => {
     document.addEventListener(event, callback);
     return () => {
         document.removeEventListener(event, callback);
     };
 }, [event, callback]);
-const Popover = react_1.forwardRef((_a, ref) => {
+const Popover = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, anchorEl, arrow = true, open, onClose, placement = "right", offset } = _a, rest = __rest(_a, ["className", "children", "anchorEl", "arrow", "open", "onClose", "placement", "offset"]);
-    const popoverRef = react_1.useRef(null);
-    const mergedRef = react_merge_refs_1.default([popoverRef, ref]);
-    const close = react_1.useCallback(() => open && onClose(), [open, onClose]);
-    useEventLister("click", react_1.useCallback((e) => {
+    const popoverRef = (0, react_1.useRef)(null);
+    const mergedRef = (0, react_merge_refs_1.default)([popoverRef, ref]);
+    const close = (0, react_1.useCallback)(() => open && onClose(), [open, onClose]);
+    useEventLister("click", (0, react_1.useCallback)((e) => {
         if (![anchorEl, popoverRef.current].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target))) {
             close();
         }
     }, [anchorEl, close]));
-    useEventLister("keydown", react_1.useCallback((e) => e.key === "Escape" && close(), [close]));
-    useEventLister("focusin", react_1.useCallback((e) => {
+    useEventLister("keydown", (0, react_1.useCallback)((e) => e.key === "Escape" && close(), [close]));
+    useEventLister("focusin", (0, react_1.useCallback)((e) => {
         if (![anchorEl, popoverRef.current].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target))) {
             close();
         }
     }, [anchorEl, close]));
-    const { styles, attributes, update } = react_popper_1.usePopper(anchorEl, popoverRef.current, {
+    const { styles, attributes, update } = (0, react_popper_1.usePopper)(anchorEl, popoverRef.current, {
         placement,
         modifiers: [
             {
@@ -78,10 +78,10 @@ const Popover = react_1.forwardRef((_a, ref) => {
             },
         ],
     });
-    __1.useClientLayoutEffect(() => {
+    (0, __1.useClientLayoutEffect)(() => {
         open && update && update();
     }, [open, update]);
-    return (react_1.default.createElement("div", Object.assign({ ref: mergedRef, className: classnames_1.default("navds-popover", className, {
+    return (react_1.default.createElement("div", Object.assign({ ref: mergedRef, className: (0, classnames_1.default)("navds-popover", className, {
             "navds-popover--hidden": !open || !anchorEl,
         }), "aria-live": "polite", "aria-hidden": !open || !anchorEl, tabIndex: -1 }, attributes.popper, rest, { style: styles.popper }),
         children,

package/cjs/popover/PopoverContent.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 PopoverContent = react_1.forwardRef((_a, ref) => {
+const PopoverContent = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: classnames_1.default("navds-popover__content", className) })));
+    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-popover__content", className) })));
 });
 exports.default = PopoverContent;

package/cjs/speech-bubble/Bubble.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 Bubble = react_1.forwardRef((_a, ref) => {
+const Bubble = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, topText, backgroundColor } = _a, rest = __rest(_a, ["children", "className", "topText", "backgroundColor"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-speechbubble__bubble", className, "navds-body-long"), style: { backgroundColor: backgroundColor }, tabIndex: 0 }, rest),
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-speechbubble__bubble", className, "navds-body-long"), style: { backgroundColor: backgroundColor }, tabIndex: 0 }, rest),
         topText && (react_1.default.createElement("span", { className: "navds-speechbubble__top-text navds-detail" }, topText)),
         children));
 });

package/cjs/speech-bubble/SpeechBubble.js

@@ -35,9 +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 SpeechBubble = react_1.forwardRef((_a, ref) => {
+const Bubble_1 = __importDefault(require("./Bubble"));
+const SpeechBubble = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, topText, illustration, position = "left", illustrationBgColor, backgroundColor } = _a, rest = __rest(_a, ["children", "className", "topText", "illustration", "position", "illustrationBgColor", "backgroundColor"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: classnames_1.default("navds-speechbubble", className, `navds-speechbubble--${position}`, "navds-body-long") }, rest),
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-speechbubble", className, `navds-speechbubble--${position}`, "navds-body-long") }, rest),
         react_1.default.createElement("div", { className: "navds-speechbubble__illustration", style: { backgroundColor: illustrationBgColor } }, illustration),
         react_1.default.createElement("ol", { className: "navds-speechbubble__bubble-list" }, react_1.default.Children.map(children, (child, i) => {
             if (react_1.default.isValidElement(child)) {
@@ -45,4 +46,5 @@ const SpeechBubble = react_1.forwardRef((_a, ref) => {
             }
         }))));
 });
+SpeechBubble.Bubble = Bubble_1.default;
 exports.default = SpeechBubble;

package/cjs/speech-bubble/index.js

@@ -13,10 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Bubble = exports.SpeechBubble = void 0;
+exports.SpeechBubble = void 0;
 var SpeechBubble_1 = require("./SpeechBubble");
 Object.defineProperty(exports, "SpeechBubble", { enumerable: true, get: function () { return __importDefault(SpeechBubble_1).default; } });
 __exportStar(require("./SpeechBubble"), exports);
-var Bubble_1 = require("./Bubble");
-Object.defineProperty(exports, "Bubble", { enumerable: true, get: function () { return __importDefault(Bubble_1).default; } });
-__exportStar(require("./Bubble"), exports);

package/cjs/tag/Tag.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 Tag = react_1.forwardRef((_a, ref) => {
+const Tag = (0, react_1.forwardRef)((_a, ref) => {
     var { className, variant, size = "medium" } = _a, rest = __rest(_a, ["className", "variant", "size"]);
     const Component = size === "medium" ? __1.BodyShort : __1.Detail;
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, as: "span", size: size, className: classnames_1.default("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) })));
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, as: "span", size: size, className: (0, classnames_1.default)("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) })));
 });
 exports.default = Tag;

package/cjs/typography/BodyLong.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 BodyLong = react_1.forwardRef((_a, ref) => {
+const BodyLong = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "size", "spacing", "as"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-body-long", {
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-body-long", {
             "navds-body-long--small": size === "small",
             "navds-typo--spacing": !!spacing,
         }) })));

package/cjs/typography/BodyShort.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 BodyShort = react_1.forwardRef((_a, ref) => {
+const BodyShort = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "size", "spacing", "as"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-body-short", {
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-body-short", {
             "navds-body-short--small": size === "small",
             "navds-typo--spacing": !!spacing,
         }) })));

package/cjs/typography/Detail.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 Detail = react_1.forwardRef((_a, ref) => {
+const Detail = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "size", "spacing", "as"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-detail", {
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-detail", {
             "navds-detail--small": size === "small",
             "navds-typo--spacing": !!spacing,
         }) })));

package/cjs/typography/Heading.js

@@ -35,10 +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 Heading = react_1.forwardRef((_a, ref) => {
+const Heading = (0, react_1.forwardRef)((_a, ref) => {
     var { level = "1", size, spacing = false, className, as } = _a, rest = __rest(_a, ["level", "size", "spacing", "className", "as"]);
     let HeadingTag = as !== null && as !== void 0 ? as : `h${level}`;
-    return (react_1.default.createElement(HeadingTag, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-heading", `navds-heading--${size}`, {
+    return (react_1.default.createElement(HeadingTag, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-heading", `navds-heading--${size}`, {
             "navds-typo--spacing": spacing,
         }) })));
 });

package/cjs/typography/Ingress.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 Ingress = react_1.forwardRef((_a, ref) => {
+const Ingress = (0, react_1.forwardRef)((_a, ref) => {
     var { className, spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "spacing", "as"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-ingress", {
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-ingress", {
             "navds-typo--spacing": !!spacing,
         }) })));
 });

package/cjs/typography/Label.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 Label = react_1.forwardRef((_a, ref) => {
+const Label = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "size", "spacing", "as"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default(className, "navds-label", {
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-label", {
             "navds-label--small": size === "small",
             "navds-typo--spacing": !!spacing,
         }) })));

package/cjs/util/useId.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useId = exports.useClientLayoutEffect = void 0;
 const react_1 = require("react");
-const short_uuid_1 = __importDefault(require("short-uuid"));
+const uuid_1 = require("uuid");
 const canUseDOM = () => {
     return (typeof window !== "undefined" &&
         typeof window.document !== "undefined" &&
@@ -14,9 +11,9 @@ const canUseDOM = () => {
 exports.useClientLayoutEffect = canUseDOM() ? react_1.useLayoutEffect : () => { };
 const useId = (id) => {
     var _a;
-    const [newId, setNewId] = react_1.useState(undefined);
-    exports.useClientLayoutEffect(() => {
-        setNewId(short_uuid_1.default.generate());
+    const [newId, setNewId] = (0, react_1.useState)(undefined);
+    (0, exports.useClientLayoutEffect)(() => {
+        setNewId((0, uuid_1.v4)());
     }, []);
     return (_a = id !== null && id !== void 0 ? id : newId) !== null && _a !== void 0 ? _a : "";
 };