@navikt/ds-react 7.33.4 → 7.34.0

package/cjs/alert/info-card/root/InfoCardRoot.d.ts

@@ -0,0 +1,76 @@
+import React from "react";
+import { BaseAlert } from "../../base-alert";
+import { InfoCardContent, type InfoCardContentProps } from "../content/InfoCardContent";
+import { InfoCardHeader, type InfoCardHeaderProps } from "../header/InfoCardHeader";
+import { InfoCardTitle, type InfoCardTitleProps } from "../title/InfoCardTitle";
+type InfoCardProps = Omit<BaseAlert.RootProps, "type" | "global" | "status"> & {
+    /**
+     * Changes the HTML element used for the root element.
+     *
+     * **When using `section`, provide either `aria-label` or `aria-labelledby` for better accessibility.**
+     * `axe-core` might warn about unique landmarks if you have multiple InfoCards on page with the same label.
+     * In those cases consider updating to unique `aria-label` or `aria-labelledby` props.
+     * @see [📝 Landmarks unique](https://dequeuniversity.com/rules/axe/4.6/landmark-unique)
+     * @default "div"
+     */
+    as?: "div" | "section";
+};
+interface InfoCardComponent extends React.ForwardRefExoticComponent<InfoCardProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link InfoCardHeaderProps}
+     * @example
+     * ```jsx
+     *  <InfoCard>
+     *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+     *      <InfoCard.Title>Info title</InfoCard.Title>
+     *    </InfoCard.Header>
+     *  </InfoCard>
+     * ```
+     */
+    Header: typeof InfoCardHeader;
+    /**
+     * Title component for InfoCard. Remember to use correct heading-level with the `as` prop.
+     * @see 🏷️ {@link InfoCardTitleProps}
+     * @example
+     * ```jsx
+     *  <InfoCard>
+     *    <InfoCard.Header>
+     *      <InfoCard.Title as="h2">Info title</InfoCard.Title>
+     *    </InfoCard.Header>
+     *  </InfoCard>
+     * ```
+     */
+    Title: typeof InfoCardTitle;
+    /**
+     * @see 🏷️ {@link InfoCardContentProps}
+     * @example
+     * ```jsx
+     *  <InfoCard>
+     *    <InfoCard.Header>
+     *      <InfoCard.Title>Info title</InfoCard.Title>
+     *    </InfoCard.Header>
+     *
+     *    <InfoCard.Content>Content</InfoCard.Content>
+     *  </InfoCard>
+     * ```
+     */
+    Content: typeof InfoCardContent;
+}
+/**
+ * A component for displaying informational content in a card format.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/infocard)
+ * @see 🏷️ {@link InfoCardProps}
+ * @example
+ * ```jsx
+ *  <InfoCard data-color="info">
+ *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *    <InfoCard.Content>Content</InfoCard.Content>
+ *  </InfoCard>
+ * ```
+ */
+export declare const InfoCard: InfoCardComponent;
+export default InfoCard;
+export { InfoCardContent, InfoCardHeader, InfoCardTitle };
+export type { InfoCardProps, InfoCardHeaderProps, InfoCardTitleProps, InfoCardContentProps, };

package/cjs/alert/info-card/root/InfoCardRoot.js

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoCardTitle = exports.InfoCardHeader = exports.InfoCardContent = exports.InfoCard = void 0;
+const react_1 = __importStar(require("react"));
+const base_alert_1 = require("../../base-alert");
+const InfoCardContent_1 = require("../content/InfoCardContent");
+Object.defineProperty(exports, "InfoCardContent", { enumerable: true, get: function () { return InfoCardContent_1.InfoCardContent; } });
+const InfoCardHeader_1 = require("../header/InfoCardHeader");
+Object.defineProperty(exports, "InfoCardHeader", { enumerable: true, get: function () { return InfoCardHeader_1.InfoCardHeader; } });
+const InfoCardTitle_1 = require("../title/InfoCardTitle");
+Object.defineProperty(exports, "InfoCardTitle", { enumerable: true, get: function () { return InfoCardTitle_1.InfoCardTitle; } });
+/**
+ * A component for displaying informational content in a card format.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/infocard)
+ * @see 🏷️ {@link InfoCardProps}
+ * @example
+ * ```jsx
+ *  <InfoCard data-color="info">
+ *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *    <InfoCard.Content>Content</InfoCard.Content>
+ *  </InfoCard>
+ * ```
+ */
+exports.InfoCard = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { "data-color": dataColor = "info", as = "div" } = _a, restProps = __rest(_a, ["data-color", "as"]);
+    return (react_1.default.createElement(base_alert_1.BaseAlert.Root, Object.assign({ ref: forwardedRef, "data-color": dataColor }, restProps, { type: "moderate", global: false, as: as })));
+});
+exports.InfoCard.Header = InfoCardHeader_1.InfoCardHeader;
+exports.InfoCard.Title = InfoCardTitle_1.InfoCardTitle;
+exports.InfoCard.Content = InfoCardContent_1.InfoCardContent;
+exports.default = exports.InfoCard;
+//# sourceMappingURL=InfoCardRoot.js.map

package/cjs/alert/info-card/root/InfoCardRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardRoot.js","sourceRoot":"","sources":["../../../../src/alert/info-card/root/InfoCardRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,gEAGoC;AA4G3B,gGA9GP,iCAAe,OA8GO;AA3GxB,6DAGkC;AAwGR,+FA1GxB,+BAAc,OA0GwB;AAvGxC,0DAAgF;AAuGtC,8FAvGjC,6BAAa,OAuGiC;AAzCvD;;;;;;;;;;;;;GAaG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAIgB,EAChB,YAAY,EACZ,EAAE;QANF,EACE,YAAY,EAAE,SAAS,GAAG,MAAM,EAChC,EAAE,GAAG,KAAK,OAEI,EADX,SAAS,cAHd,oBAIC,CADa;IAId,OAAO,CACL,8BAAC,sBAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,gBACL,SAAS,IACjB,SAAS,IACb,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,EACb,EAAE,EAAE,EAAE,IACN,CACH,CAAC;AACJ,CAAC,CACmB,CAAC;AAEvB,gBAAQ,CAAC,MAAM,GAAG,+BAAc,CAAC;AACjC,gBAAQ,CAAC,KAAK,GAAG,6BAAa,CAAC;AAC/B,gBAAQ,CAAC,OAAO,GAAG,iCAAe,CAAC;AAEnC,kBAAe,gBAAQ,CAAC"}

package/cjs/alert/info-card/title/InfoCardTitle.d.ts

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert";
+type InfoCardTitleProps = BaseAlert.TitleProps;
+/**
+ * Title component for InfoCard. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link InfoCardTitleProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header>
+ *      <InfoCard.Title as="h2">Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *  </InfoCard>
+ * ```
+ */
+declare const InfoCardTitle: import("react").ForwardRefExoticComponent<BaseAlert.TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export { InfoCardTitle };
+export type { InfoCardTitleProps };

package/cjs/alert/info-card/title/InfoCardTitle.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoCardTitle = void 0;
+const base_alert_1 = require("../../base-alert");
+/**
+ * Title component for InfoCard. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link InfoCardTitleProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header>
+ *      <InfoCard.Title as="h2">Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *  </InfoCard>
+ * ```
+ */
+const InfoCardTitle = base_alert_1.BaseAlert.Title;
+exports.InfoCardTitle = InfoCardTitle;
+//# sourceMappingURL=InfoCardTitle.js.map

package/cjs/alert/info-card/title/InfoCardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardTitle.js","sourceRoot":"","sources":["../../../../src/alert/info-card/title/InfoCardTitle.tsx"],"names":[],"mappings":";;;AAAA,iDAA6C;AAI7C;;;;;;;;;;;GAWG;AACH,MAAM,aAAa,GAAG,sBAAS,CAAC,KAAK,CAAC;AAE7B,sCAAa"}

package/cjs/alert/local-alert/close-button/LocalAlertCloseButton.d.ts

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert";
+type LocalAlertCloseButtonProps = BaseAlert.CloseButtonProps;
+/**
+ * @see 🏷️ {@link LocalAlertCloseButtonProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *     <LocalAlert.CloseButton onClick={() => alert("Closed!")} />
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+declare const LocalAlertCloseButton: import("react").ForwardRefExoticComponent<BaseAlert.CloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { LocalAlertCloseButton };
+export type { LocalAlertCloseButtonProps };

package/cjs/alert/local-alert/close-button/LocalAlertCloseButton.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalAlertCloseButton = void 0;
+const base_alert_1 = require("../../base-alert");
+/**
+ * @see 🏷️ {@link LocalAlertCloseButtonProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *     <LocalAlert.CloseButton onClick={() => alert("Closed!")} />
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+const LocalAlertCloseButton = base_alert_1.BaseAlert.CloseButton;
+exports.LocalAlertCloseButton = LocalAlertCloseButton;
+//# sourceMappingURL=LocalAlertCloseButton.js.map

package/cjs/alert/local-alert/close-button/LocalAlertCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/close-button/LocalAlertCloseButton.tsx"],"names":[],"mappings":";;;AAAA,iDAA6C;AAI7C;;;;;;;;;;;GAWG;AACH,MAAM,qBAAqB,GAAG,sBAAS,CAAC,WAAW,CAAC;AAE3C,sDAAqB"}

package/cjs/alert/local-alert/content/LocalAlertContent.d.ts

@@ -0,0 +1,18 @@
+import { BaseAlert } from "../../base-alert";
+type LocalAlertContentProps = BaseAlert.ContentProps;
+/**
+ * @see 🏷️ {@link LocalAlertContentProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *
+ *    <LocalAlert.Content>Content</LocalAlert.Content>
+ *  </LocalAlert>
+ * ```
+ */
+declare const LocalAlertContent: import("react").ForwardRefExoticComponent<BaseAlert.ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { LocalAlertContent };
+export type { LocalAlertContentProps };

package/cjs/alert/local-alert/content/LocalAlertContent.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalAlertContent = void 0;
+const base_alert_1 = require("../../base-alert");
+/**
+ * @see 🏷️ {@link LocalAlertContentProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *
+ *    <LocalAlert.Content>Content</LocalAlert.Content>
+ *  </LocalAlert>
+ * ```
+ */
+const LocalAlertContent = base_alert_1.BaseAlert.Content;
+exports.LocalAlertContent = LocalAlertContent;
+//# sourceMappingURL=LocalAlertContent.js.map

package/cjs/alert/local-alert/content/LocalAlertContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/content/LocalAlertContent.tsx"],"names":[],"mappings":";;;AAAA,iDAA6C;AAI7C;;;;;;;;;;;;GAYG;AACH,MAAM,iBAAiB,GAAG,sBAAS,CAAC,OAAO,CAAC;AAEnC,8CAAiB"}

package/cjs/alert/local-alert/header/LocalAlertHeader.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BaseAlert } from "../../base-alert";
+type LocalAlertHeaderProps = Omit<BaseAlert.HeaderProps, "icon">;
+/**
+ * @see 🏷️ {@link LocalAlertHeaderProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+declare const LocalAlertHeader: React.ForwardRefExoticComponent<LocalAlertHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export { LocalAlertHeader };
+export type { LocalAlertHeaderProps };

package/cjs/alert/local-alert/header/LocalAlertHeader.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalAlertHeader = void 0;
+const react_1 = __importStar(require("react"));
+const base_alert_1 = require("../../base-alert");
+/**
+ * @see 🏷️ {@link LocalAlertHeaderProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+const LocalAlertHeader = (0, react_1.forwardRef)((props, forwardedRef) => {
+    return react_1.default.createElement(base_alert_1.BaseAlert.Header, Object.assign({ ref: forwardedRef }, props));
+});
+exports.LocalAlertHeader = LocalAlertHeader;
+//# sourceMappingURL=LocalAlertHeader.js.map

package/cjs/alert/local-alert/header/LocalAlertHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/header/LocalAlertHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAI7C;;;;;;;;;;GAUG;AACH,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,OAAO,8BAAC,sBAAS,CAAC,MAAM,kBAAC,GAAG,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAEO,4CAAgB"}

package/cjs/alert/local-alert/index.d.ts

@@ -0,0 +1,2 @@
+export { LocalAlert, LocalAlertHeader, LocalAlertTitle, LocalAlertContent, LocalAlertCloseButton, } from "./root/LocalAlertRoot";
+export type { LocalAlertProps, LocalAlertHeaderProps, LocalAlertTitleProps, LocalAlertContentProps, LocalAlertCloseButtonProps, } from "./root/LocalAlertRoot";

package/cjs/alert/local-alert/index.js

@@ -0,0 +1,11 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalAlertCloseButton = exports.LocalAlertContent = exports.LocalAlertTitle = exports.LocalAlertHeader = exports.LocalAlert = void 0;
+var LocalAlertRoot_1 = require("./root/LocalAlertRoot");
+Object.defineProperty(exports, "LocalAlert", { enumerable: true, get: function () { return LocalAlertRoot_1.LocalAlert; } });
+Object.defineProperty(exports, "LocalAlertHeader", { enumerable: true, get: function () { return LocalAlertRoot_1.LocalAlertHeader; } });
+Object.defineProperty(exports, "LocalAlertTitle", { enumerable: true, get: function () { return LocalAlertRoot_1.LocalAlertTitle; } });
+Object.defineProperty(exports, "LocalAlertContent", { enumerable: true, get: function () { return LocalAlertRoot_1.LocalAlertContent; } });
+Object.defineProperty(exports, "LocalAlertCloseButton", { enumerable: true, get: function () { return LocalAlertRoot_1.LocalAlertCloseButton; } });
+//# sourceMappingURL=index.js.map

package/cjs/alert/local-alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/local-alert/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,wDAM+B;AAL7B,4GAAA,UAAU,OAAA;AACV,kHAAA,gBAAgB,OAAA;AAChB,iHAAA,eAAe,OAAA;AACf,mHAAA,iBAAiB,OAAA;AACjB,uHAAA,qBAAqB,OAAA"}

package/cjs/alert/local-alert/root/LocalAlertRoot.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+import { BaseAlert } from "../../base-alert";
+import { LocalAlertCloseButton, type LocalAlertCloseButtonProps } from "../close-button/LocalAlertCloseButton";
+import { LocalAlertContent, type LocalAlertContentProps } from "../content/LocalAlertContent";
+import { LocalAlertHeader, type LocalAlertHeaderProps } from "../header/LocalAlertHeader";
+import { LocalAlertTitle, type LocalAlertTitleProps } from "../title/LocalAlertTitle";
+interface LocalAlertProps extends Omit<BaseAlert.RootProps, "type" | "global" | "data-color"> {
+    status: Exclude<BaseAlert.RootProps["status"], undefined>;
+}
+interface LocalAlertComponent extends React.ForwardRefExoticComponent<LocalAlertProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link LocalAlertHeaderProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title>Info title</LocalAlert.Title>
+     *    </LocalAlert.Header>
+     *  </LocalAlert>
+     * ```
+     */
+    Header: typeof LocalAlertHeader;
+    /**
+     * Title component for LocalAlert. Remember to use correct heading-level with the `as` prop.
+     * @see 🏷️ {@link LocalAlertTitleProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title as="h2">Info title</LocalAlert.Title>
+     *    </LocalAlert.Header>
+     *  </LocalAlert>
+     * ```
+     */
+    Title: typeof LocalAlertTitle;
+    /**
+     * @see 🏷️ {@link LocalAlertContentProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title>Info title</LocalAlert.Title>
+     *    </LocalAlert.Header>
+     *
+     *    <LocalAlert.Content>Content</LocalAlert.Content>
+     *  </LocalAlert>
+     * ```
+     */
+    Content: typeof LocalAlertContent;
+    /**
+     * @see 🏷️ {@link LocalAlertCloseProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title>Info title</LocalAlert.Title>
+     *     <LocalAlert.CloseButton onClick={() => alert("Closed!")} />
+     *    </LocalAlert.Header>
+     *  </LocalAlert>
+     * ```
+     */
+    CloseButton: typeof LocalAlertCloseButton;
+}
+/**
+ * A component for displaying important messages about a certain part of the page.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/localalert)
+ * @see 🏷️ {@link LocalAlertProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert status="error">
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Alert title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *    <LocalAlert.Content>Content</LocalAlert.Content>
+ *  </LocalAlert>
+ * ```
+ */
+export declare const LocalAlert: LocalAlertComponent;
+export default LocalAlert;
+export { LocalAlertContent, LocalAlertHeader, LocalAlertTitle, LocalAlertCloseButton, };
+export type { LocalAlertProps, LocalAlertContentProps, LocalAlertHeaderProps, LocalAlertTitleProps, LocalAlertCloseButtonProps, };

package/cjs/alert/local-alert/root/LocalAlertRoot.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalAlertCloseButton = exports.LocalAlertTitle = exports.LocalAlertHeader = exports.LocalAlertContent = exports.LocalAlert = void 0;
+const react_1 = __importStar(require("react"));
+const base_alert_1 = require("../../base-alert");
+const LocalAlertCloseButton_1 = require("../close-button/LocalAlertCloseButton");
+Object.defineProperty(exports, "LocalAlertCloseButton", { enumerable: true, get: function () { return LocalAlertCloseButton_1.LocalAlertCloseButton; } });
+const LocalAlertContent_1 = require("../content/LocalAlertContent");
+Object.defineProperty(exports, "LocalAlertContent", { enumerable: true, get: function () { return LocalAlertContent_1.LocalAlertContent; } });
+const LocalAlertHeader_1 = require("../header/LocalAlertHeader");
+Object.defineProperty(exports, "LocalAlertHeader", { enumerable: true, get: function () { return LocalAlertHeader_1.LocalAlertHeader; } });
+const LocalAlertTitle_1 = require("../title/LocalAlertTitle");
+Object.defineProperty(exports, "LocalAlertTitle", { enumerable: true, get: function () { return LocalAlertTitle_1.LocalAlertTitle; } });
+/**
+ * A component for displaying important messages about a certain part of the page.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/localalert)
+ * @see 🏷️ {@link LocalAlertProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert status="error">
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Alert title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *    <LocalAlert.Content>Content</LocalAlert.Content>
+ *  </LocalAlert>
+ * ```
+ */
+exports.LocalAlert = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { status } = _a, restProps = __rest(_a, ["status"]);
+    return (react_1.default.createElement(base_alert_1.BaseAlert.Root, Object.assign({ ref: forwardedRef, role: "alert" }, restProps, { type: "strong", global: false, status: status })));
+});
+exports.LocalAlert.Header = LocalAlertHeader_1.LocalAlertHeader;
+exports.LocalAlert.Title = LocalAlertTitle_1.LocalAlertTitle;
+exports.LocalAlert.Content = LocalAlertContent_1.LocalAlertContent;
+exports.LocalAlert.CloseButton = LocalAlertCloseButton_1.LocalAlertCloseButton;
+exports.default = exports.LocalAlert;
+//# sourceMappingURL=LocalAlertRoot.js.map

package/cjs/alert/local-alert/root/LocalAlertRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/root/LocalAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,iFAG+C;AAuH7C,sGAzHA,6CAAqB,OAyHA;AAtHvB,oEAGsC;AAgHpC,kGAlHA,qCAAiB,OAkHA;AA/GnB,iEAGoC;AA6GlC,iGA/GA,mCAAgB,OA+GA;AA5GlB,8DAGkC;AA0GhC,gGA5GA,iCAAe,OA4GA;AAtCjB;;;;;;;;;;;;;GAaG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAyC,EAAE,YAAY,EAAE,EAAE;QAA3D,EAAE,MAAM,OAAiC,EAA5B,SAAS,cAAtB,UAAwB,CAAF;IACrB,OAAO,CACL,8BAAC,sBAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,IACR,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,IACd,CACH,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,kBAAU,CAAC,MAAM,GAAG,mCAAgB,CAAC;AACrC,kBAAU,CAAC,KAAK,GAAG,iCAAe,CAAC;AACnC,kBAAU,CAAC,OAAO,GAAG,qCAAiB,CAAC;AACvC,kBAAU,CAAC,WAAW,GAAG,6CAAqB,CAAC;AAE/C,kBAAe,kBAAU,CAAC"}

package/cjs/alert/local-alert/title/LocalAlertTitle.d.ts

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert";
+type LocalAlertTitleProps = BaseAlert.TitleProps;
+/**
+ * Title component for LocalAlert. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link LocalAlertTitleProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title as="h2">Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+declare const LocalAlertTitle: import("react").ForwardRefExoticComponent<BaseAlert.TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export { LocalAlertTitle };
+export type { LocalAlertTitleProps };

package/cjs/alert/local-alert/title/LocalAlertTitle.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalAlertTitle = void 0;
+const base_alert_1 = require("../../base-alert");
+/**
+ * Title component for LocalAlert. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link LocalAlertTitleProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title as="h2">Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+const LocalAlertTitle = base_alert_1.BaseAlert.Title;
+exports.LocalAlertTitle = LocalAlertTitle;
+//# sourceMappingURL=LocalAlertTitle.js.map

package/cjs/alert/local-alert/title/LocalAlertTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertTitle.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/title/LocalAlertTitle.tsx"],"names":[],"mappings":";;;AAAA,iDAA6C;AAI7C;;;;;;;;;;;GAWG;AACH,MAAM,eAAe,GAAG,sBAAS,CAAC,KAAK,CAAC;AAE/B,0CAAe"}

package/cjs/date/Date.Dialog.d.ts

@@ -14,5 +14,5 @@ type DateWrapperProps = {
         strategy?: "absolute" | "fixed";
     };
 };
-declare const DateDialog: ({ open, children, onClose, anchor, locale, translate, variant, popoverProps, }: DateWrapperProps) => React.JSX.Element;
+declare const DateDialog: ({ open, children, onClose, anchor, locale, translate, variant, popoverProps, }: DateWrapperProps) => React.JSX.Element | null;
 export { DateDialog };

package/cjs/date/Date.Dialog.js

@@ -55,6 +55,9 @@ const DateDialog = ({ open, children, onClose, anchor, locale, translate, varian
     const modalRef = (0, react_1.useRef)(null);
     const isInModal = (0, Modal_context_1.useModalContext)(false) !== undefined;
     const hideModal = (0, hooks_1.useMedia)("screen and (min-width: 768px)", true) && !isInModal;
+    if (!open) {
+        return null;
+    }
     if (hideModal) {
         return (react_1.default.createElement(popover_1.Popover, Object.assign({ arrow: false, anchorEl: anchor, open: open, onClose: onClose, placement: "bottom-start", role: "dialog", className: cn("navds-date__popover", {
                 "navds-date": variant === "month",

package/cjs/date/Date.Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Date.Dialog.js","sourceRoot":"","sources":["../../src/date/Date.Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,sCAAmC;AACnC,oCAAiC;AACjC,0DAAyD;AACzD,wCAAqC;AACrC,0CAA8C;AAC9C,yCAAyC;AACzC,wDAAkD;AAElD,+CAAsD;AAEtD,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,aAAa;CACZ,CAAC;AAiBX,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,eAAe,GAAG,IAAA,oBAAO,EAAC,QAAQ,EAAE,IAAA,mCAAqB,EAAC,MAAM,CAAC,CAAC,CAAC;IACzE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACvD,MAAM,SAAS,GACb,IAAA,gBAAQ,EAAC,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAEhE,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,8BAAC,iBAAO,kBACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;gBACnC,YAAY,EAAE,OAAO,KAAK,OAAO;aAClC,CAAC,EACF,IAAI,EAAE,KAAK,IACP,YAAY,GAEf,QAAQ,CACD,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,aAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC,gBACW,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE;YACjC,0BAA0B,EAAE,SAAS;YACrC,YAAY,EAAE,OAAO,KAAK,OAAO;SAClC,CAAC,EACF,oBAAoB,QACpB,SAAS,EAAC,KAAK;QAEf,uCAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;YACzC,QAAQ;YACT,8BAAC,eAAM,IACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,IAEZ,eAAe,CAAC,OAAO,CAAC,CAClB,CACL,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AACO,gCAAU"}
+{"version":3,"file":"Date.Dialog.js","sourceRoot":"","sources":["../../src/date/Date.Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,sCAAmC;AACnC,oCAAiC;AACjC,0DAAyD;AACzD,wCAAqC;AACrC,0CAA8C;AAC9C,yCAAyC;AACzC,wDAAkD;AAElD,+CAAsD;AAEtD,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,aAAa;CACZ,CAAC;AAiBX,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,eAAe,GAAG,IAAA,oBAAO,EAAC,QAAQ,EAAE,IAAA,mCAAqB,EAAC,MAAM,CAAC,CAAC,CAAC;IACzE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACvD,MAAM,SAAS,GACb,IAAA,gBAAQ,EAAC,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAEhE,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,8BAAC,iBAAO,kBACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;gBACnC,YAAY,EAAE,OAAO,KAAK,OAAO;aAClC,CAAC,EACF,IAAI,EAAE,KAAK,IACP,YAAY,GAEf,QAAQ,CACD,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,aAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC,gBACW,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE;YACjC,0BAA0B,EAAE,SAAS;YACrC,YAAY,EAAE,OAAO,KAAK,OAAO;SAClC,CAAC,EACF,oBAAoB,QACpB,SAAS,EAAC,KAAK;QAEf,uCAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;YACzC,QAAQ;YACT,8BAAC,eAAM,IACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,IAEZ,eAAe,CAAC,OAAO,CAAC,CAClB,CACL,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AACO,gCAAU"}

package/cjs/date/Date.locale.d.ts

@@ -34,6 +34,11 @@ export declare const getGlobalTranslations: (locale: string | undefined) => {
     showLess: string;
     readOnly: string;
     close: string;
+    error: string;
+    info: string;
+    success: string;
+    warning: string;
+    announcement: string;
 } | undefined;
 interface DateTranslationContextProps {
     translate: TFunction<"DatePicker">;