@navikt/ds-react 7.33.5 → 7.35.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" | "as"> & {
+    /**
+     * 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;AA+G3B,gGAjHP,iCAAe,OAiHO;AA9GxB,6DAGkC;AA2GR,+FA7GxB,+BAAc,OA6GwB;AA1GxC,0DAAgF;AA0GtC,8FA1GjC,6BAAa,OA0GiC;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.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">;

package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js

@@ -5,12 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Theme_1 = require("../../../theme/Theme");
+const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
 const Input_context_1 = require("../Input/Input.context");
 const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
 const NoSearchHitsMessage = () => {
     const { cn } = (0, Theme_1.useRenameCSS)();
+    const translate = (0, i18n_hooks_1.useI18n)("Combobox");
     const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
-    return (react_1.default.createElement("div", { className: cn("navds-combobox__list-item--no-options"), id: filtered_options_util_1.default.getNoHitsId(id) }, "Ingen s\u00F8ketreff"));
+    return (react_1.default.createElement("div", { className: cn("navds-combobox__list-item--no-options"), id: filtered_options_util_1.default.getNoHitsId(id) }, translate("noMatches")));
 };
 exports.default = NoSearchHitsMessage;
 //# sourceMappingURL=NoSearchHitsMessage.js.map

package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoSearchHitsMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,gDAAoD;AACpD,0DAAyD;AACzD,oFAA0D;AAE1D,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,uCAAuC,CAAC,EACtD,EAAE,EAAE,+BAAmB,CAAC,WAAW,CAAC,EAAE,CAAC,2BAGnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"NoSearchHitsMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,gDAAoD;AACpD,8DAAwD;AACxD,0DAAyD;AACzD,oFAA0D;AAE1D,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,uCAAuC,CAAC,EACtD,EAAE,EAAE,+BAAmB,CAAC,WAAW,CAAC,EAAE,CAAC,IAEtC,SAAS,CAAC,WAAW,CAAC,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/cjs/index.d.ts

@@ -54,6 +54,10 @@ export { Switch, type SwitchProps } from "./form/switch";
 export { Textarea, type TextareaProps } from "./form/textarea";
 export { TextField, type TextFieldProps } from "./form/textfield";
 export { LinkCard, type LinkCardProps, type LinkCardTitleProps, type LinkCardDescriptionProps, type LinkCardFooterProps, type LinkCardAnchorProps, type LinkCardIconProps, type LinkCardImageProps, } from "./link-card";
+export { InlineMessage, type InlineMessageProps } from "./inline-message";
+export { GlobalAlert, type GlobalAlertProps, type GlobalAlertHeaderProps, type GlobalAlertTitleProps, type GlobalAlertContentProps, type GlobalAlertCloseButtonProps, } from "./alert/global-alert";
+export { InfoCard, type InfoCardProps, type InfoCardHeaderProps, type InfoCardTitleProps, type InfoCardContentProps, } from "./alert/info-card";
+export { LocalAlert, type LocalAlertProps, type LocalAlertHeaderProps, type LocalAlertTitleProps, type LocalAlertContentProps, type LocalAlertCloseButtonProps, } from "./alert/local-alert";
 /**
  * Theming
  */