@navikt/ds-react 5.6.4 → 5.7.0

package/cjs/accordion/AccordionContent.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const BodyLong_1 = require("../typography/BodyLong");
+const typography_1 = require("../typography");
 const AccordionItem_1 = require("./AccordionItem");
 const AccordionContent = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
@@ -48,7 +48,7 @@ const AccordionContent = (0, react_1.forwardRef)((_a, ref) => {
         console.error("<Accordion.Content> has to be used within an <Accordion.Item>");
         return null;
     }
-    return (react_1.default.createElement(BodyLong_1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: (0, clsx_1.default)("navds-accordion__content", {
+    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: (0, clsx_1.default)("navds-accordion__content", {
             "navds-accordion__content--closed": !context.open,
         }, className), "aria-hidden": !context.open || undefined }), children));
 });

package/cjs/accordion/AccordionHeader.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const Heading_1 = require("../typography/Heading");
+const typography_1 = require("../typography");
 const AccordionContext_1 = require("./AccordionContext");
 const AccordionItem_1 = require("./AccordionItem");
 const aksel_icons_1 = require("@navikt/aksel-icons");
@@ -58,6 +58,6 @@ const AccordionHeader = (0, react_1.forwardRef)((_a, ref) => {
         }, "aria-expanded": itemContext.open, type: "button" }),
         react_1.default.createElement("div", { className: "navds-accordion__icon-wrapper" },
             react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "navds-accordion__header-chevron", title: "Vis mer", "aria-hidden": true })),
-        react_1.default.createElement(Heading_1.Heading, { size: (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small", as: "span", className: "navds-accordion__header-content" }, children)));
+        react_1.default.createElement(typography_1.Heading, { size: (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small", as: "span", className: "navds-accordion__header-content" }, children)));
 });
 exports.default = AccordionHeader;

package/cjs/alert/Alert.js

@@ -41,7 +41,7 @@ exports.Alert = void 0;
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const BodyLong_1 = require("../typography/BodyLong");
+const typography_1 = require("../typography");
 const button_1 = require("../button");
 const Icon = (_a) => {
     var { variant } = _a, props = __rest(_a, ["variant"]);
@@ -75,7 +75,7 @@ exports.Alert = (0, react_1.forwardRef)((_a, ref) => {
             "navds-alert--close-button": closeButton,
         }) }),
         react_1.default.createElement(Icon, { variant: variant, className: "navds-alert__icon" }),
-        react_1.default.createElement(BodyLong_1.BodyLong, { as: "div", size: size, className: "navds-alert__wrapper" }, children),
+        react_1.default.createElement(typography_1.BodyLong, { as: "div", size: size, className: "navds-alert__wrapper" }, children),
         closeButton && !inline && (react_1.default.createElement("div", { className: "navds-alert__button-wrapper" },
             react_1.default.createElement(button_1.Button, { className: "navds-alert__button", size: "small", variant: "tertiary-neutral", onClick: onClose, icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { title: "Lukk Alert" }) })))));
 });

package/cjs/button/Button.js

@@ -38,9 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
-const __1 = require("../");
+const react_1 = __importStar(require("react"));
+const loader_1 = require("../loader");
+const typography_1 = require("../typography");
 const util_1 = require("../util");
 /**
  * A button component
@@ -56,7 +57,7 @@ exports.Button = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "button", variant = "primary", className, children, size = "medium", loading = false, disabled, style, icon, iconPosition = "left" } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size", "loading", "disabled", "style", "icon", "iconPosition"]);
     const buttonRef = (0, react_1.useRef)(null);
     const [widthOverride, setWidthOverride] = (0, react_1.useState)();
-    const mergedRef = (0, react_1.useMemo)(() => (0, __1.mergeRefs)([buttonRef, ref]), [ref]);
+    const mergedRef = (0, react_1.useMemo)(() => (0, util_1.mergeRefs)([buttonRef, ref]), [ref]);
     (0, util_1.useClientLayoutEffect)(() => {
         if (loading) {
             const requestID = window.requestAnimationFrame(() => {
@@ -83,9 +84,9 @@ exports.Button = (0, react_1.forwardRef)((_a, ref) => {
             "navds-button--loading": widthOverride,
             "navds-button--icon-only": !!icon && !children,
             "navds-button--disabled": disabled !== null && disabled !== void 0 ? disabled : widthOverride,
-        }), style: Object.assign(Object.assign({}, style), { width: widthOverride }), disabled: (disabled !== null && disabled !== void 0 ? disabled : widthOverride) ? true : undefined }), widthOverride ? (react_1.default.createElement(__1.Loader, { size: size })) : (react_1.default.createElement(react_1.default.Fragment, null,
+        }), style: Object.assign(Object.assign({}, style), { width: widthOverride }), disabled: (disabled !== null && disabled !== void 0 ? disabled : widthOverride) ? true : undefined }), widthOverride ? (react_1.default.createElement(loader_1.Loader, { size: size })) : (react_1.default.createElement(react_1.default.Fragment, null,
         icon && iconPosition === "left" && (react_1.default.createElement("span", { className: "navds-button__icon" }, icon)),
-        children && (react_1.default.createElement(__1.Label, { as: "span", size: size === "medium" ? "medium" : "small" }, children)),
+        children && (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small" }, children)),
         icon && iconPosition === "right" && (react_1.default.createElement("span", { className: "navds-button__icon" }, icon))))));
 });
 exports.default = exports.Button;

package/cjs/copybutton/CopyButton.js

@@ -42,7 +42,7 @@ const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const copy_1 = __importDefault(require("../util/copy"));
-const Label_1 = __importDefault(require("../typography/Label"));
+const typography_1 = require("../typography");
 /**
  * A button component that copies text to the clipboard when clicked.
  *
@@ -75,17 +75,18 @@ exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
             onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
         }, activeDuration);
     };
-    const CopyIcon = () => {
-        return active ? (react_1.default.createElement("span", { className: "navds-copybutton__icon" }, activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeTitle })))) : (react_1.default.createElement("span", { className: "navds-copybutton__icon" }, icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title }))));
-    };
+    const copyIcon = (react_1.default.createElement("span", { className: "navds-copybutton__icon" }, active
+        ? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeTitle }))
+        : icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title }))));
     return (react_1.default.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { "aria-live": "polite", className: (0, clsx_1.default)("navds-copybutton", className, `navds-copybutton--${size}`, `navds-copybutton--${variant}`, {
             "navds-copybutton--icon-only": !text,
+            "navds-copybutton--icon-right": iconPosition === "right",
             "navds-copybutton--active": active,
         }), onClick: handleClick }),
         react_1.default.createElement("span", { className: "navds-copybutton__content" },
-            iconPosition === "left" && react_1.default.createElement(CopyIcon, null),
+            iconPosition === "left" && copyIcon,
             text &&
-                (active ? (react_1.default.createElement(Label_1.default, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, activeText)) : (react_1.default.createElement(Label_1.default, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, text))),
-            iconPosition === "right" && react_1.default.createElement(CopyIcon, null))));
+                (active ? (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, activeText)) : (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, text))),
+            iconPosition === "right" && copyIcon)));
 });
 exports.default = exports.CopyButton;

package/cjs/date/DateInput.js

@@ -41,10 +41,11 @@ exports.MonthPickerInput = exports.DatePickerInput = void 0;
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const __1 = require("..");
 const useFormField_1 = require("../form/useFormField");
 const context_1 = require("./context");
 const ReadOnlyIcon_1 = require("../form/ReadOnlyIcon");
+const typography_1 = require("../typography");
+const util_1 = require("../util");
 const DateInput = (0, react_1.forwardRef)((props, ref) => {
     const { className, hideLabel = false, label, description, variant = "datepicker" } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "variant"]);
     const isDatepickerVariant = variant === "datepicker";
@@ -66,21 +67,21 @@ const DateInput = (0, react_1.forwardRef)((props, ref) => {
             "navds-text-field--readonly": readOnly,
             "navds-date__field--readonly": readOnly,
         }) },
-        react_1.default.createElement(__1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
+        react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, clsx_1.default)("navds-form-field__label", {
                 "navds-sr-only": hideLabel,
             }) },
             react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, { readOnly: readOnly }),
             label),
-        !!description && (react_1.default.createElement(__1.BodyShort, { as: "div", className: (0, clsx_1.default)("navds-form-field__description", {
+        !!description && (react_1.default.createElement(typography_1.BodyShort, { as: "div", className: (0, clsx_1.default)("navds-form-field__description", {
                 "navds-sr-only": hideLabel,
             }), id: inputDescriptionId, size: size }, description)),
         react_1.default.createElement("div", { className: "navds-date__field-wrapper" },
-            react_1.default.createElement("input", Object.assign({ ref: ref }, (0, __1.omit)(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": open ? ariaId : undefined, readOnly: readOnly, className: (0, clsx_1.default)("navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`), size: isDatepickerVariant ? 10 : 14 })),
+            react_1.default.createElement("input", Object.assign({ ref: ref }, (0, util_1.omit)(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": open ? ariaId : undefined, readOnly: readOnly, className: (0, clsx_1.default)("navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`), size: isDatepickerVariant ? 10 : 14 })),
             react_1.default.createElement("button", { disabled: inputProps.disabled || readOnly, tabIndex: readOnly ? -1 : open ? -1 : 0, onClick: () => onOpen(), type: "button", className: "navds-date__field-button" },
                 react_1.default.createElement(aksel_icons_1.CalendarIcon, { pointerEvents: "none", title: open
                         ? conditionalVariables.iconTitle.close
                         : conditionalVariables.iconTitle.open }))),
-        react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && react_1.default.createElement(__1.ErrorMessage, { size: size }, props.error))));
+        react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && react_1.default.createElement(typography_1.ErrorMessage, { size: size }, props.error))));
 });
 exports.DatePickerInput = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(DateInput, Object.assign({}, props, { ref: ref })));
 exports.MonthPickerInput = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(DateInput, Object.assign({}, props, { variant: "monthpicker", ref: ref })));

package/cjs/date/datepicker/DatePicker.js

@@ -42,7 +42,8 @@ const clsx_1 = __importDefault(require("clsx"));
 const isWeekend_1 = __importDefault(require("date-fns/isWeekend"));
 const react_1 = __importStar(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const __1 = require("../..");
+const popover_1 = require("../../popover");
+const util_1 = require("../../util");
 const DateInput_1 = require("../DateInput");
 const context_1 = require("../context");
 const utils_1 = require("../utils");
@@ -79,7 +80,7 @@ const WeekNumber_1 = __importDefault(require("./parts/WeekNumber"));
 exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
     var _b;
     var { children, locale = "nb", dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, className, wrapperClassName, open: _open, onClose, onOpenToggle, strategy, bubbleEscape = false, onWeekNumberClick } = _a, rest = __rest(_a, ["children", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "className", "wrapperClassName", "open", "onClose", "onOpenToggle", "strategy", "bubbleEscape", "onWeekNumberClick"]);
-    const ariaId = (0, __1.useId)(id);
+    const ariaId = (0, util_1.useId)(id);
     const [open, setOpen] = (0, react_1.useState)(_open !== null && _open !== void 0 ? _open : false);
     const wrapperRef = (0, react_1.useRef)(null);
     const [selectedDates, setSelectedDates] = react_1.default.useState(defaultSelected);
@@ -108,10 +109,10 @@ exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
         } },
         react_1.default.createElement("div", { ref: wrapperRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
             children,
-            (_open !== null && _open !== void 0 ? _open : open) && (react_1.default.createElement(__1.Popover, { arrow: false, anchorEl: wrapperRef.current, open: _open !== null && _open !== void 0 ? _open : open, onClose: () => {
+            (_open !== null && _open !== void 0 ? _open : open) && (react_1.default.createElement(popover_1.Popover, { arrow: false, anchorEl: wrapperRef.current, open: _open !== null && _open !== void 0 ? _open : open, onClose: () => {
                     var _a;
                     (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false);
-                }, placement: "bottom-start", id: ariaId, role: "dialog", ref: ref, strategy: strategy, className: "navds-date__popover", bubbleEscape: bubbleEscape },
+                }, placement: "bottom-start", id: ariaId, role: "dialog", ref: ref, strategy: strategy, className: "navds-date__popover", bubbleEscape: bubbleEscape, flip: false },
                 react_1.default.createElement(react_day_picker_1.DayPicker, Object.assign({ locale: (0, utils_1.getLocaleFromString)(locale), mode: mode, onSelect: handleSelect, selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
                         Caption: dropdownCaption ? DropdownCaption_1.default : Caption_1.default,
                         Head: TableHead_1.default,
@@ -128,7 +129,7 @@ exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
                         weekend: (day) => disableWeekends && (0, isWeekend_1.default)(day),
                     }, modifiersClassNames: {
                         weekend: "rdp-day__weekend",
-                    }, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: true, showOutsideDays: true }, (0, __1.omit)(rest, ["onSelect"]))))))));
+                    }, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: true, showOutsideDays: true }, (0, util_1.omit)(rest, ["onSelect"]))))))));
 });
 exports.DatePicker.Standalone = DatePickerStandalone_1.default;
 exports.DatePicker.Input = DateInput_1.DatePickerInput;

package/cjs/date/datepicker/DatePickerStandalone.js

@@ -42,15 +42,15 @@ const clsx_1 = __importDefault(require("clsx"));
 const isWeekend_1 = __importDefault(require("date-fns/isWeekend"));
 const react_1 = __importStar(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const __1 = require("../..");
+const util_1 = require("../../util");
 const utils_1 = require("../utils");
-const TableHead_1 = __importDefault(require("./parts/TableHead"));
-const WeekNumber_1 = __importDefault(require("./parts/WeekNumber"));
 const Caption_1 = __importDefault(require("./parts/Caption"));
+const DayButton_1 = __importDefault(require("./parts/DayButton"));
 const DropdownCaption_1 = __importDefault(require("./parts/DropdownCaption"));
-const Row_1 = __importDefault(require("./parts/Row"));
 const HeadRow_1 = require("./parts/HeadRow");
-const DayButton_1 = __importDefault(require("./parts/DayButton"));
+const Row_1 = __importDefault(require("./parts/Row"));
+const TableHead_1 = __importDefault(require("./parts/TableHead"));
+const WeekNumber_1 = __importDefault(require("./parts/WeekNumber"));
 exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
     var _b;
     var { className, locale = "nb", dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, defaultSelected, onSelect, fixedWeeks = false, onWeekNumberClick } = _a, rest = __rest(_a, ["className", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "defaultSelected", "onSelect", "fixedWeeks", "onWeekNumberClick"]);
@@ -77,6 +77,6 @@ exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
                 weekend: (day) => disableWeekends && (0, isWeekend_1.default)(day),
             }, modifiersClassNames: {
                 weekend: "rdp-day__weekend",
-            }, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: fixedWeeks, showOutsideDays: true }, (0, __1.omit)(rest, ["children", "id"])))));
+            }, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: fixedWeeks, showOutsideDays: true }, (0, util_1.omit)(rest, ["children", "id"])))));
 });
 exports.default = exports.DatePickerStandalone;

package/cjs/date/datepicker/parts/Caption.js

@@ -7,8 +7,9 @@ exports.DatePickerCaption = void 0;
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const __1 = require("../../..");
 const WeekRow_1 = __importDefault(require("./WeekRow"));
+const button_1 = require("../../../button");
+const typography_1 = require("../../../typography");
 /**
  * https://github.com/gpbl/react-day-picker/tree/main/src/components/Caption
  */
@@ -19,9 +20,9 @@ const DatePickerCaption = ({ displayMonth, id }) => {
     const nextLabel = labelNext(nextMonth, { locale });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "navds-date__caption" },
-            react_1.default.createElement(__1.Button, { variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: previousLabel }), className: "navds-date__caption-button", type: "button" }),
-            react_1.default.createElement(__1.Label, { as: "span", "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-date__caption-label" }, formatCaption(displayMonth, { locale })),
-            react_1.default.createElement(__1.Button, { icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: nextLabel }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })),
+            react_1.default.createElement(button_1.Button, { variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: previousLabel }), className: "navds-date__caption-button", type: "button" }),
+            react_1.default.createElement(typography_1.Label, { as: "span", "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-date__caption-label" }, formatCaption(displayMonth, { locale })),
+            react_1.default.createElement(button_1.Button, { icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: nextLabel }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })),
         react_1.default.createElement(WeekRow_1.default, { displayMonth: displayMonth })));
 };
 exports.DatePickerCaption = DatePickerCaption;

package/cjs/date/datepicker/parts/DropdownCaption.js

@@ -5,15 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownCaption = void 0;
 const aksel_icons_1 = require("@navikt/aksel-icons");
+const date_fns_1 = require("date-fns");
 const setMonth_1 = __importDefault(require("date-fns/setMonth"));
 const setYear_1 = __importDefault(require("date-fns/setYear"));
 const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
 const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const __1 = require("../../..");
+const button_1 = require("../../../button");
+const Select_1 = require("../../../form/Select");
 const get_dates_1 = require("../../utils/get-dates");
 const labels_1 = require("../../utils/labels");
-const date_fns_1 = require("date-fns");
 const WeekRow_1 = __importDefault(require("./WeekRow"));
 /**
  * https://github.com/gpbl/react-day-picker/tree/main/src/components/CaptionDropdowns
@@ -39,11 +40,11 @@ const DropdownCaption = ({ displayMonth, id }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "navds-date__caption" },
             react_1.default.createElement("span", { "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-sr-only" }, formatCaption(displayMonth, { locale })),
-            react_1.default.createElement(__1.Button, { variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: previousLabel }), className: "navds-date__caption-button", type: "button" }),
+            react_1.default.createElement(button_1.Button, { variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: previousLabel }), className: "navds-date__caption-button", type: "button" }),
             react_1.default.createElement("div", { className: "navds-date__caption" },
-                react_1.default.createElement(__1.Select, { label: MonthDropdownLabel, hideLabel: true, className: "navds-date__caption__month", value: displayMonth.getMonth(), onChange: handleMonthChange }, months.map((m) => (react_1.default.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale }))))),
-                react_1.default.createElement(__1.Select, { label: yearDropdownLabel, hideLabel: true, value: displayMonth.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (react_1.default.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))),
-            react_1.default.createElement(__1.Button, { icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: nextLabel }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })),
+                react_1.default.createElement(Select_1.Select, { label: MonthDropdownLabel, hideLabel: true, className: "navds-date__caption__month", value: displayMonth.getMonth(), onChange: handleMonthChange }, months.map((m) => (react_1.default.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale }))))),
+                react_1.default.createElement(Select_1.Select, { label: yearDropdownLabel, hideLabel: true, value: displayMonth.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (react_1.default.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))),
+            react_1.default.createElement(button_1.Button, { icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: nextLabel }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })),
         react_1.default.createElement(WeekRow_1.default, { displayMonth: displayMonth })));
 };
 exports.DropdownCaption = DropdownCaption;

package/cjs/date/datepicker/parts/WeekRow.js

@@ -7,10 +7,10 @@ const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
 const responsive_1 = require("../../../layout/responsive");
 const typography_1 = require("../../../typography");
+const util_1 = require("../../../util");
 const get_month_weeks_1 = require("../../utils/get-month-weeks");
 const labels_1 = require("../../utils/labels");
 const WeekNumber_1 = __importDefault(require("./WeekNumber"));
-const util_1 = require("../../../util");
 const WeekRow = ({ displayMonth }) => {
     const { locale, fixedWeeks, onWeekNumberClick } = (0, react_day_picker_1.useDayPicker)();
     const labelId = (0, util_1.useId)();

package/cjs/date/datepicker/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/date/monthpicker/MonthCaption.js

@@ -10,10 +10,11 @@ const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
 const startOfYear_1 = __importDefault(require("date-fns/startOfYear"));
 const react_1 = __importDefault(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const __1 = require("../..");
 const context_1 = require("../context");
 const utils_1 = require("../utils");
 const date_fns_1 = require("date-fns");
+const button_1 = require("../../button");
+const Select_1 = require("../../form/Select");
 const MonthCaption = () => {
     const { fromDate, toDate, formatters: { formatYearCaption }, locale, } = (0, react_day_picker_1.useDayPicker)();
     const { hasDropdown, year, toYear } = (0, context_1.useSharedMonthContext)();
@@ -45,9 +46,9 @@ const MonthCaption = () => {
             : true;
     };
     return (react_1.default.createElement("div", { className: "navds-date__caption" },
-        react_1.default.createElement(__1.Button, { className: "navds-date__caption-button", disabled: hasPrevYear(), onClick: () => handleButtonClick(-1), "aria-label": (0, utils_1.labelPrevYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
-        hasDropdown ? (react_1.default.createElement(__1.Select, { label: "velg \u00E5r", hideLabel: true, value: year === null || year === void 0 ? void 0 : year.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (react_1.default.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))) : (react_1.default.createElement("span", { className: "navds-date__year-label", "aria-live": "polite" }, year.getFullYear())),
-        react_1.default.createElement(__1.Button, { className: "navds-date__caption-button", disabled: hasNextYear(), onClick: () => handleButtonClick(1), "aria-label": (0, utils_1.labelNextYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" })));
+        react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: hasPrevYear(), onClick: () => handleButtonClick(-1), "aria-label": (0, utils_1.labelPrevYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
+        hasDropdown ? (react_1.default.createElement(Select_1.Select, { label: "velg \u00E5r", hideLabel: true, value: year === null || year === void 0 ? void 0 : year.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (react_1.default.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))) : (react_1.default.createElement("span", { className: "navds-date__year-label", "aria-live": "polite" }, year.getFullYear())),
+        react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: hasNextYear(), onClick: () => handleButtonClick(1), "aria-label": (0, utils_1.labelNextYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { "aria-hidden": true }), variant: "tertiary", type: "button" })));
 };
 exports.MonthCaption = MonthCaption;
 exports.default = exports.MonthCaption;

package/cjs/date/monthpicker/MonthPicker.js

@@ -30,7 +30,8 @@ exports.MonthPicker = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const react_day_picker_1 = require("react-day-picker");
-const __1 = require("../..");
+const popover_1 = require("../../popover");
+const util_1 = require("../../util");
 const DateInput_1 = require("../DateInput");
 const context_1 = require("../context");
 const utils_1 = require("../utils");
@@ -60,7 +61,7 @@ const MonthSelector_1 = __importDefault(require("./MonthSelector"));
  * ```
  */
 exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = false, fromDate, toDate, disabled = [], selected, open: _open, id, onClose, onOpenToggle, locale = "nb", onMonthSelect, className, wrapperClassName, defaultSelected, year, onYearChange, strategy = "absolute", bubbleEscape = false, }, ref) => {
-    const ariaId = (0, __1.useId)(id);
+    const ariaId = (0, util_1.useId)(id);
     const [open, setOpen] = (0, react_1.useState)(_open !== null && _open !== void 0 ? _open : false);
     const wrapperRef = (0, react_1.useRef)(null);
     const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(defaultSelected);
@@ -84,7 +85,7 @@ exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = fal
         } },
         react_1.default.createElement("div", { ref: wrapperRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
             children,
-            (_open !== null && _open !== void 0 ? _open : open) && (react_1.default.createElement(__1.Popover, { arrow: false, anchorEl: wrapperRef.current, open: _open !== null && _open !== void 0 ? _open : open, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, placement: "bottom-start", role: "dialog", ref: ref, id: ariaId, className: "navds-date navds-date__popover", strategy: strategy, bubbleEscape: bubbleEscape },
+            (_open !== null && _open !== void 0 ? _open : open) && (react_1.default.createElement(popover_1.Popover, { arrow: false, anchorEl: wrapperRef.current, open: _open !== null && _open !== void 0 ? _open : open, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, placement: "bottom-start", role: "dialog", ref: ref, id: ariaId, className: "navds-date navds-date__popover", strategy: strategy, bubbleEscape: bubbleEscape, flip: false },
                 react_1.default.createElement(react_day_picker_1.RootProvider, { locale: (0, utils_1.getLocaleFromString)(locale), selected: selected !== null && selected !== void 0 ? selected : selectedMonth, toDate: toDate, fromDate: fromDate, month: selected !== null && selected !== void 0 ? selected : selectedMonth },
                     react_1.default.createElement("div", { className: (0, clsx_1.default)("rdp-month", className) },
                         react_1.default.createElement(context_1.SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },

package/cjs/date/monthpicker/MonthSelector.js

@@ -32,7 +32,7 @@ const setMonth_1 = __importDefault(require("date-fns/setMonth"));
 const setYear_1 = __importDefault(require("date-fns/setYear"));
 const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
 const react_1 = __importStar(require("react"));
-const __1 = require("../..");
+const typography_1 = require("../../typography");
 const context_1 = require("../context");
 const utils_1 = require("../utils");
 const MonthButton_1 = __importDefault(require("./MonthButton"));
@@ -72,7 +72,7 @@ const MonthSelector = () => {
         months.slice(4, 8),
         months.slice(8, 12),
     ];
-    return (react_1.default.createElement(__1.BodyShort, { as: "table", className: "rdp-table" },
+    return (react_1.default.createElement(typography_1.BodyShort, { as: "table", className: "rdp-table" },
         react_1.default.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((months, i) => (react_1.default.createElement("tr", { className: "rdp-row", key: i }, months.map((month) => {
             return (react_1.default.createElement("td", { key: month.toDateString(), className: "rdp-cell" },
                 react_1.default.createElement(MonthButton_1.default, { month: (0, setYear_1.default)(month, year.getFullYear()), months: months, focus: focus, setFocus: setFocus, tabRoot: tabRoot, setTabRoot: setTabRoot })));

package/cjs/date/monthpicker/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/date/utils/parse-date.js

@@ -7,7 +7,7 @@ exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_
 const parse_1 = __importDefault(require("date-fns/parse"));
 const isBefore_1 = __importDefault(require("date-fns/isBefore"));
 const sub_1 = __importDefault(require("date-fns/sub"));
-const _1 = require(".");
+const check_dates_1 = require("./check-dates");
 exports.INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
 exports.INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
 const ALLOWED_INPUT_FORMATS_DATE = [
@@ -31,7 +31,7 @@ const parseDate = (date, today, locale, type, allowTwoDigitYear) => {
     if (allowTwoDigitYear) {
         for (const format of ALLOWED_FORMATS) {
             parsed = (0, parse_1.default)(date, format, today, { locale });
-            if ((0, _1.isValidDate)(parsed) &&
+            if ((0, check_dates_1.isValidDate)(parsed) &&
                 !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
                 return parsed;
             }
@@ -40,10 +40,10 @@ const parseDate = (date, today, locale, type, allowTwoDigitYear) => {
             ...ALLOWED_FORMATS.map((x) => x.replace("yyyy", "yy")),
         ]) {
             parsed = (0, parse_1.default)(date, format, today, { locale });
-            if ((0, _1.isValidDate)(parsed) &&
+            if ((0, check_dates_1.isValidDate)(parsed) &&
                 isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
                 const convertedDate = assignCenturyToDate(date, format, today, locale);
-                if ((0, _1.isValidDate)(new Date(convertedDate))) {
+                if ((0, check_dates_1.isValidDate)(new Date(convertedDate))) {
                     return new Date(convertedDate);
                 }
                 else {
@@ -56,7 +56,7 @@ const parseDate = (date, today, locale, type, allowTwoDigitYear) => {
     else {
         for (const format of ALLOWED_FORMATS) {
             parsed = (0, parse_1.default)(date, format, today, { locale });
-            if ((0, _1.isValidDate)(parsed) &&
+            if ((0, check_dates_1.isValidDate)(parsed) &&
                 !isTwoDigitYear(date, today, locale, ALLOWED_FORMATS)) {
                 return parsed;
             }
@@ -70,7 +70,7 @@ function isTwoDigitYear(dateString, today, locale, formats) {
     const newFormat = formats.map((x) => x.replace("yyyy", "yy"));
     for (const format of newFormat) {
         parsed = (0, parse_1.default)(dateString, format, today, { locale });
-        if ((0, _1.isValidDate)(parsed)) {
+        if ((0, check_dates_1.isValidDate)(parsed)) {
             return true;
         }
     }
@@ -79,7 +79,7 @@ function isTwoDigitYear(dateString, today, locale, formats) {
 function assignCenturyToDate(dateStr, format, today, locale) {
     const date20Century = (0, parse_1.default)(appendCenturyToTwoYearDigitDateString(dateStr, "19"), format.replace("yy", "yyyy"), today, { locale });
     const date21Century = (0, parse_1.default)(appendCenturyToTwoYearDigitDateString(dateStr, "20"), format.replace("yy", "yyyy"), today, { locale });
-    if ((0, _1.isValidDate)(date20Century) && (0, _1.isValidDate)(date21Century)) {
+    if ((0, check_dates_1.isValidDate)(date20Century) && (0, check_dates_1.isValidDate)(date21Century)) {
         return (0, isBefore_1.default)(date20Century, (0, sub_1.default)(new Date(), {
             years: 80,
         }))

package/cjs/dropdown/Dropdown.js

@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = exports.DropdownContext = void 0;
+exports.Dropdown = void 0;
 const react_1 = __importStar(require("react"));
-const Toggle_1 = __importDefault(require("./Toggle"));
 const Menu_1 = __importDefault(require("./Menu"));
-exports.DropdownContext = (0, react_1.createContext)(null);
+const Toggle_1 = __importDefault(require("./Toggle"));
+const context_1 = require("./context");
 /**
  * A component that displays a dropdown menu when the user clicks on its toggle button.
  *
@@ -70,7 +70,7 @@ exports.Dropdown = (({ children, onSelect, closeOnSelect = true, defaultOpen = f
             setIsOpen(v);
         }
     };
-    return (react_1.default.createElement(exports.DropdownContext.Provider, { value: {
+    return (react_1.default.createElement(context_1.DropdownContext.Provider, { value: {
             isOpen: open !== null && open !== void 0 ? open : isOpen,
             handleToggle,
             anchorEl,

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

@@ -40,10 +40,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupedItem = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const Dropdown_1 = require("../../Dropdown");
+const context_1 = require("../../context");
 exports.GroupedItem = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "button", className } = _a, rest = __rest(_a, ["as", "className"]);
-    const context = (0, react_1.useContext)(Dropdown_1.DropdownContext);
+    const context = (0, react_1.useContext)(context_1.DropdownContext);
     return (react_1.default.createElement("dd", { className: "navds-dropdown__list-item" },
         react_1.default.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (event) => {
                 var _a, _b;

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

@@ -38,12 +38,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItem = void 0;
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
-const Dropdown_1 = require("../../Dropdown");
+const react_1 = __importStar(require("react"));
+const context_1 = require("../../context");
 exports.ListItem = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "button", className } = _a, rest = __rest(_a, ["as", "className"]);
-    const context = (0, react_1.useContext)(Dropdown_1.DropdownContext);
+    const context = (0, react_1.useContext)(context_1.DropdownContext);
     return (react_1.default.createElement("li", { className: "navds-dropdown__list-item" },
         react_1.default.createElement(Component, Object.assign({}, rest, { value: rest.children, onClick: (event) => {
                 var _a, _b;

package/cjs/dropdown/Menu/index.js

@@ -41,13 +41,13 @@ exports.Menu = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const popover_1 = require("../../popover");
-const Dropdown_1 = require("../Dropdown");
+const context_1 = require("../context");
 const Divider_1 = __importDefault(require("./Divider"));
 const GroupedList_1 = __importDefault(require("./GroupedList"));
 const List_1 = __importDefault(require("./List"));
 exports.Menu = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onClose, placement = "bottom-end" } = _a, rest = __rest(_a, ["className", "onClose", "placement"]);
-    const context = (0, react_1.useContext)(Dropdown_1.DropdownContext);
+    const context = (0, react_1.useContext)(context_1.DropdownContext);
     if (!context) {
         console.warn("Dropdown.Menu has to be wrapped in <Dropdown />");
         return null;

package/cjs/dropdown/Toggle.js

@@ -38,12 +38,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
-const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
-const Dropdown_1 = require("./Dropdown");
+const react_1 = __importStar(require("react"));
+const context_1 = require("./context");
 exports.Toggle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onClick } = _a, rest = __rest(_a, ["className", "onClick"]);
-    const context = (0, react_1.useContext)(Dropdown_1.DropdownContext);
+    const context = (0, react_1.useContext)(context_1.DropdownContext);
     if (!context) {
         console.warn("Dropdown.Toggle has to be wrapped in <Dropdown />");
         return null;

package/cjs/dropdown/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownContext = void 0;
+const react_1 = require("react");
+exports.DropdownContext = (0, react_1.createContext)(null);

package/cjs/expansion-card/ExpansionCard.js

@@ -37,18 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpansionCard = exports.ExpansionCardContext = void 0;
+exports.ExpansionCard = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const ExpansionCardContent_1 = __importDefault(require("./ExpansionCardContent"));
 const ExpansionCardDescription_1 = require("./ExpansionCardDescription");
 const ExpansionCardHeader_1 = __importDefault(require("./ExpansionCardHeader"));
 const ExpansionCardTitle_1 = require("./ExpansionCardTitle");
-exports.ExpansionCardContext = (0, react_1.createContext)({
-    open: false,
-    toggleOpen: () => { },
-    size: "medium",
-});
+const context_1 = require("./context");
 /**
  * A component that displays an expandable card.
  *
@@ -82,7 +78,7 @@ exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
         }
         shouldFade.current = true;
     };
-    return (react_1.default.createElement(exports.ExpansionCardContext.Provider, { value: { open: open !== null && open !== void 0 ? open : _open, toggleOpen: handleOpen, size } },
+    return (react_1.default.createElement(context_1.ExpansionCardContext.Provider, { value: { open: open !== null && open !== void 0 ? open : _open, toggleOpen: handleOpen, size } },
         react_1.default.createElement("section", Object.assign({}, rest, { className: (0, clsx_1.default)("navds-expansioncard", className, `navds-expansioncard--${size}`, {
                 "navds-expansioncard--open": open !== null && open !== void 0 ? open : _open,
                 "navds-expansioncard--no-animation": !shouldFade.current,