@navikt/ds-react 7.33.5 → 7.35.0

package/esm/alert/base-alert/close-button/BaseAlertCloseButton.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type BaseAlertCloseButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * @see 🏷️ {@link BaseAlertCloseButtonProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header>
+ *      <BaseAlert.Title>Info title</BaseAlert.Title>
+ *      <BaseAlert.CloseButton onClick={...} />
+ *    </BaseAlert.Header>
+ *  </BaseAlert>
+ * ```
+ */
+declare const BaseAlertCloseButton: React.ForwardRefExoticComponent<BaseAlertCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { BaseAlertCloseButton };
+export type { BaseAlertCloseButtonProps };

package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js

@@ -0,0 +1,36 @@
+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;
+};
+import React, { forwardRef } from "react";
+import { XMarkIcon } from "@navikt/aksel-icons";
+import { Button } from "../../../button/index.js";
+import { useRenameCSS } from "../../../theme/Theme.js";
+import { useI18n } from "../../../util/i18n/i18n.hooks.js";
+/**
+ * @see 🏷️ {@link BaseAlertCloseButtonProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header>
+ *      <BaseAlert.Title>Info title</BaseAlert.Title>
+ *      <BaseAlert.CloseButton onClick={...} />
+ *    </BaseAlert.Header>
+ *  </BaseAlert>
+ * ```
+ */
+const BaseAlertCloseButton = forwardRef((_a, forwardedRef) => {
+    var { className } = _a, restProps = __rest(_a, ["className"]);
+    const { cn } = useRenameCSS();
+    const translate = useI18n("global");
+    return (React.createElement(Button, Object.assign({ ref: forwardedRef, type: "button" }, restProps, { "data-color": "neutral", variant: "tertiary-neutral", className: cn(className, "navds-base-alert__close-button"), size: "small", title: translate("close"), icon: React.createElement(XMarkIcon, { "aria-hidden": true }) })));
+});
+export { BaseAlertCloseButton };
+//# sourceMappingURL=BaseAlertCloseButton.js.map

package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/close-button/BaseAlertCloseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAIxD;;;;;;;;;;;GAWG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAGrC,CAAC,EAAsD,EAAE,YAAY,EAAE,EAAE;QAAxE,EAAE,SAAS,OAA2C,EAAtC,SAAS,cAAzB,aAA2B,CAAF;IAC1B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,MAAM,kBACL,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,IACT,SAAS,kBACF,SAAS,EACpB,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gCAAgC,CAAC,EAC1D,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EACzB,IAAI,EAAE,oBAAC,SAAS,0BAAe,IAC/B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/esm/alert/base-alert/content/BaseAlertContent.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface BaseAlertContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/**
+ * @see 🏷️ {@link BaseAlertContentProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header>
+ *      <BaseAlert.Title>Info title</BaseAlert.Title>
+ *    </BaseAlert.Header>
+ *
+ *    <BaseAlert.Content>Content</BaseAlert.Content>
+ *  </BaseAlert>
+ * ```
+ */
+declare const BaseAlertContent: React.ForwardRefExoticComponent<BaseAlertContentProps & React.RefAttributes<HTMLDivElement>>;
+export { BaseAlertContent };
+export type { BaseAlertContentProps };

package/esm/alert/base-alert/content/BaseAlertContent.js

@@ -0,0 +1,34 @@
+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;
+};
+import React, { forwardRef } from "react";
+import { useRenameCSS, useThemeInternal } from "../../../theme/Theme.js";
+/**
+ * @see 🏷️ {@link BaseAlertContentProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header>
+ *      <BaseAlert.Title>Info title</BaseAlert.Title>
+ *    </BaseAlert.Header>
+ *
+ *    <BaseAlert.Content>Content</BaseAlert.Content>
+ *  </BaseAlert>
+ * ```
+ */
+const BaseAlertContent = forwardRef((_a, forwardedRef) => {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const { cn } = useRenameCSS();
+    const themeContext = useThemeInternal(false);
+    return (React.createElement("div", Object.assign({ ref: forwardedRef, "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, restProps, { className: cn(className, "navds-base-alert__content") }), children));
+});
+export { BaseAlertContent };
+//# sourceMappingURL=BaseAlertContent.js.map

package/esm/alert/base-alert/content/BaseAlertContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/content/BaseAlertContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMtE;;;;;;;;;;;;GAYG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAA4D,EAC5D,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,OAAuC,EAAlC,SAAS,cAAnC,yBAAqC,CAAF;IAGnC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,gBACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAC3B,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,2BAA2B,CAAC,KAEpD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/alert/base-alert/header/BaseAlertHeader.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface BaseAlertHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * Icon to display in the header.
+     */
+    icon?: React.ReactNode;
+}
+/**
+ * @see 🏷️ {@link BaseAlertHeaderProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <BaseAlert.Title>Info title</BaseAlert.Title>
+ *    </BaseAlert.Header>
+ *  </BaseAlert>
+ * ```
+ */
+declare const BaseAlertHeader: React.ForwardRefExoticComponent<BaseAlertHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export { BaseAlertHeader };
+export type { BaseAlertHeaderProps };

package/esm/alert/base-alert/header/BaseAlertHeader.js

@@ -0,0 +1,41 @@
+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;
+};
+import React, { forwardRef } from "react";
+import { useRenameCSS } from "../../../theme/Theme.js";
+import { BodyShort } from "../../../typography/index.js";
+import { useI18n } from "../../../util/i18n/i18n.hooks.js";
+import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
+import { BaseAlertStatusIcon } from "../root/BaseAlertRoot.utils.js";
+/**
+ * @see 🏷️ {@link BaseAlertHeaderProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <BaseAlert.Title>Info title</BaseAlert.Title>
+ *    </BaseAlert.Header>
+ *  </BaseAlert>
+ * ```
+ */
+const BaseAlertHeader = forwardRef((_a, forwardedRef) => {
+    var { children, className, icon } = _a, restProps = __rest(_a, ["children", "className", "icon"]);
+    const { cn } = useRenameCSS();
+    const { status, color, statusId } = useBaseAlert();
+    const translate = useI18n("global");
+    const headerIcon = icon !== null && icon !== void 0 ? icon : (status ? React.createElement(BaseAlertStatusIcon, { status: status }) : null);
+    return (React.createElement("div", Object.assign({ ref: forwardedRef }, restProps, { "data-color": color, className: cn(className, "navds-base-alert__header") }),
+        headerIcon && (React.createElement("div", { className: cn("navds-base-alert__icon") }, headerIcon)),
+        status && (React.createElement(BodyShort, { id: statusId, "aria-hidden": true, visuallyHidden: true }, `${translate(status)}: `)),
+        children));
+});
+export { BaseAlertHeader };
+//# sourceMappingURL=BaseAlertHeader.js.map

package/esm/alert/base-alert/header/BaseAlertHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/header/BaseAlertHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAUlE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EAAiE,EACjE,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,OAAsC,EAAjC,SAAS,cAAzC,iCAA2C,CAAF;IAGzC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GACd,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpE,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,IACb,SAAS,kBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC;QAEnD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,UAAU,CAAO,CACjE;QACA,MAAM,IAAI,CACT,oBAAC,SAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/esm/alert/base-alert/index.d.ts

@@ -0,0 +1 @@
+export * as BaseAlert from "./namespace.js";

package/esm/alert/base-alert/index.js

@@ -0,0 +1,3 @@
+"use client";
+export * as BaseAlert from "./namespace.js";
+//# sourceMappingURL=index.js.map

package/esm/alert/base-alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/base-alert/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC"}

package/esm/alert/base-alert/namespace.d.ts

@@ -0,0 +1,10 @@
+export { BaseAlertCloseButton as CloseButton } from "./close-button/BaseAlertCloseButton.js";
+export { BaseAlertContent as Content } from "./content/BaseAlertContent.js";
+export { BaseAlertTitle as Title } from "./title/BaseAlertTitle.js";
+export { BaseAlertHeader as Header } from "./header/BaseAlertHeader.js";
+export { BaseAlert as Root } from "./root/BaseAlertRoot.js";
+export type { BaseAlertCloseButtonProps as CloseButtonProps } from "./close-button/BaseAlertCloseButton.js";
+export type { BaseAlertContentProps as ContentProps } from "./content/BaseAlertContent.js";
+export type { BaseAlertTitleProps as TitleProps } from "./title/BaseAlertTitle.js";
+export type { BaseAlertHeaderProps as HeaderProps } from "./header/BaseAlertHeader.js";
+export type { BaseAlertProps as RootProps } from "./root/BaseAlertRoot.js";

package/esm/alert/base-alert/namespace.js

@@ -0,0 +1,6 @@
+export { BaseAlertCloseButton as CloseButton } from "./close-button/BaseAlertCloseButton.js";
+export { BaseAlertContent as Content } from "./content/BaseAlertContent.js";
+export { BaseAlertTitle as Title } from "./title/BaseAlertTitle.js";
+export { BaseAlertHeader as Header } from "./header/BaseAlertHeader.js";
+export { BaseAlert as Root } from "./root/BaseAlertRoot.js";
+//# sourceMappingURL=namespace.js.map

package/esm/alert/base-alert/namespace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"namespace.js","sourceRoot":"","sources":["../../../src/alert/base-alert/namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/alert/base-alert/root/BaseAlertRoot.context.d.ts

@@ -0,0 +1,12 @@
+import { AkselColor } from "../../../types/index.js";
+type BaseAlertContextProps = {
+    size: "medium" | "small";
+    status?: "announcement" | "success" | "warning" | "error";
+    color: AkselColor | undefined;
+    statusId: string;
+};
+declare const BaseAlertProvider: import("react").ForwardRefExoticComponent<BaseAlertContextProps & {
+    children: React.ReactNode;
+} & import("react").RefAttributes<unknown>>, useBaseAlert: <S extends boolean = true>(strict?: S) => S extends true ? BaseAlertContextProps : BaseAlertContextProps | undefined;
+export { BaseAlertProvider, useBaseAlert };
+export type { BaseAlertContextProps };

package/esm/alert/base-alert/root/BaseAlertRoot.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../../util/create-context.js";
+const [BaseAlertProvider, useBaseAlert] = createContext({
+    name: "BaseAlert",
+    errorMessage: "useBaseAlert must be used within a BaseAlertProvider",
+});
+export { BaseAlertProvider, useBaseAlert };
+//# sourceMappingURL=BaseAlertRoot.context.js.map

package/esm/alert/base-alert/root/BaseAlertRoot.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlertRoot.context.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAS7D,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAwB;IAC7E,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,sDAAsD;CACrE,CAAC,CAAC;AAEH,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/esm/alert/base-alert/root/BaseAlertRoot.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { AkselColor } from "../../../types/index.js";
+import { type BaseAlertContextProps } from "./BaseAlertRoot.context.js";
+interface BaseAlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Component content.
+     */
+    children: React.ReactNode;
+    /**
+     * Changes the size.
+     * @default "medium"
+     */
+    size?: BaseAlertContextProps["size"];
+    /**
+     * Overrides color
+     */
+    "data-color"?: AkselColor;
+    /**
+     * Intensity of the alert
+     */
+    type: "moderate" | "strong";
+    /**
+     * Centers content and removes border-radius
+     * @default false
+     */
+    global?: boolean;
+    /**
+     * Type of alert
+     */
+    status?: BaseAlertContextProps["status"];
+    /**
+     * Changes the HTML element used for the root element.
+     *
+     * **Testing**: When using `axe-core` for accessibility testing, `section` might warn about unique landmarks if you have multiple Alerts on page with the same status.
+     * In those cases, consider using `div` as the root element, or adding unique `aria-label` or `aria-labelledby` props.
+     * @see [📝 Landmarks unique](https://dequeuniversity.com/rules/axe/4.6/landmark-unique)
+     * @default "section"
+     */
+    as?: "section" | "div";
+}
+declare const BaseAlert: React.ForwardRefExoticComponent<BaseAlertProps & React.RefAttributes<HTMLDivElement>>;
+export { BaseAlert };
+export type { BaseAlertProps };

package/esm/alert/base-alert/root/BaseAlertRoot.js

@@ -0,0 +1,29 @@
+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;
+};
+import React, { forwardRef } from "react";
+import { useRenameCSS } from "../../../theme/Theme.js";
+import { useId } from "../../../util/index.js";
+import { useI18n } from "../../../util/i18n/i18n.hooks.js";
+import { BaseAlertProvider, } from "./BaseAlertRoot.context.js";
+import { baseAlertStatusToDataColor } from "./BaseAlertRoot.utils.js";
+const BaseAlert = forwardRef((_a, forwardedRef) => {
+    var { children, className, size = "medium", "data-color": dataColor, type, global = false, status, as: Component = "section", "aria-label": ariaLabel, role } = _a, restProps = __rest(_a, ["children", "className", "size", "data-color", "type", "global", "status", "as", "aria-label", "role"]);
+    const { cn } = useRenameCSS();
+    const statusId = useId();
+    const translate = useI18n("global");
+    const alertColor = status ? baseAlertStatusToDataColor(status) : dataColor;
+    return (React.createElement(BaseAlertProvider, { size: size, status: status, color: alertColor, statusId: statusId },
+        React.createElement(Component, Object.assign({ "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (!status || Component === "div" ? undefined : translate(status)), ref: forwardedRef }, restProps, { className: cn(className, "navds-base-alert"), "data-size": size, "data-color": alertColor, "data-variant": type, "data-global": global }),
+            React.createElement("div", { role: role }, children))));
+});
+export { BaseAlert };
+//# sourceMappingURL=BaseAlertRoot.js.map

package/esm/alert/base-alert/root/BaseAlertRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAEL,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAwCnE,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAYiB,EACjB,YAAY,EACZ,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,SAAS,EACzB,YAAY,EAAE,SAAS,EACvB,IAAI,OAEW,EADZ,SAAS,cAXd,uGAYC,CADa;IAId,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,SAAS,gCAEN,SAAS,aAAT,SAAS,cAAT,SAAS,GACT,CAAC,CAAC,MAAM,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAElE,GAAG,EAAE,YAAY,IACb,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,eACjC,IAAI,gBACH,UAAU,kBACR,IAAI,iBACL,MAAM;YAEnB,6BAAK,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAO,CACvB,CACM,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/esm/alert/base-alert/root/BaseAlertRoot.utils.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { AkselColor } from "../../../types/index.js";
+import type { BaseAlertContextProps } from "../root/BaseAlertRoot.context.js";
+declare function baseAlertStatusToDataColor(status: BaseAlertContextProps["status"]): AkselColor;
+declare function BaseAlertStatusIcon({ status, fill, }: {
+    status: BaseAlertContextProps["status"];
+    fill?: boolean;
+}): React.JSX.Element | null;
+export { BaseAlertStatusIcon, baseAlertStatusToDataColor };

package/esm/alert/base-alert/root/BaseAlertRoot.utils.js

@@ -0,0 +1,42 @@
+import React from "react";
+import { CheckmarkCircleFillIcon, CheckmarkCircleIcon, ExclamationmarkTriangleFillIcon, ExclamationmarkTriangleIcon, MegaphoneSpeakingFillIcon, MegaphoneSpeakingIcon, XMarkOctagonFillIcon, XMarkOctagonIcon, } from "@navikt/aksel-icons";
+function baseAlertStatusToDataColor(status) {
+    switch (status) {
+        case "announcement":
+            return "neutral";
+        case "success":
+            return "success";
+        case "warning":
+            return "warning";
+        case "error":
+            return "danger";
+    }
+    return "neutral";
+}
+const STATUS_ICONS = {
+    announcement: {
+        fill: MegaphoneSpeakingFillIcon,
+        outline: MegaphoneSpeakingIcon,
+    },
+    success: {
+        fill: CheckmarkCircleFillIcon,
+        outline: CheckmarkCircleIcon,
+    },
+    warning: {
+        fill: ExclamationmarkTriangleFillIcon,
+        outline: ExclamationmarkTriangleIcon,
+    },
+    error: {
+        fill: XMarkOctagonFillIcon,
+        outline: XMarkOctagonIcon,
+    },
+};
+function BaseAlertStatusIcon({ status, fill = true, }) {
+    if (!status) {
+        return null;
+    }
+    const Icon = fill ? STATUS_ICONS[status].fill : STATUS_ICONS[status].outline;
+    return React.createElement(Icon, { "aria-hidden": true });
+}
+export { BaseAlertStatusIcon, baseAlertStatusToDataColor };
+//# sourceMappingURL=BaseAlertRoot.utils.js.map

package/esm/alert/base-alert/root/BaseAlertRoot.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlertRoot.utils.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,+BAA+B,EAC/B,2BAA2B,EAC3B,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAI7B,SAAS,0BAA0B,CACjC,MAAuC;IAEvC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,cAAc;YACjB,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,YAAY,EAAE;QACZ,IAAI,EAAE,yBAAyB;QAC/B,OAAO,EAAE,qBAAqB;KAC/B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,uBAAuB;QAC7B,OAAO,EAAE,mBAAmB;KAC7B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,+BAA+B;QACrC,OAAO,EAAE,2BAA2B;KACrC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,oBAAoB;QAC1B,OAAO,EAAE,gBAAgB;KAC1B;CACO,CAAC;AAEX,SAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,IAAI,GAAG,IAAI,GAIZ;IACC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;IAE7E,OAAO,oBAAC,IAAI,0BAAe,CAAC;AAC9B,CAAC;AAED,OAAO,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,CAAC"}

package/esm/alert/base-alert/title/BaseAlertTitle.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface BaseAlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+    /**
+     * Changes the HTML element used for the title.
+     * @default "h2"
+     */
+    as?: "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+}
+/**
+ * Title component for BaseAlert. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link BaseAlertTitleProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header>
+ *      <BaseAlert.Title as="h2">Info title</BaseAlert.Title>
+ *    </BaseAlert.Header>
+ *  </BaseAlert>
+ * ```
+ */
+declare const BaseAlertTitle: React.ForwardRefExoticComponent<BaseAlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export { BaseAlertTitle };
+export type { BaseAlertTitleProps };

package/esm/alert/base-alert/title/BaseAlertTitle.js

@@ -0,0 +1,38 @@
+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;
+};
+import cl from "clsx";
+import React, { forwardRef } from "react";
+import { useRenameCSS } from "../../../theme/Theme.js";
+import { BodyShort } from "../../../typography/index.js";
+import { useId } from "../../../util/index.js";
+import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
+/**
+ * Title component for BaseAlert. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link BaseAlertTitleProps}
+ * @example
+ * ```jsx
+ *  <BaseAlert>
+ *    <BaseAlert.Header>
+ *      <BaseAlert.Title as="h2">Info title</BaseAlert.Title>
+ *    </BaseAlert.Header>
+ *  </BaseAlert>
+ * ```
+ */
+const BaseAlertTitle = forwardRef((_a, forwardedRef) => {
+    var { children, className, as = "h2", id: idProp } = _a, restProps = __rest(_a, ["children", "className", "as", "id"]);
+    const { cn } = useRenameCSS();
+    const { size, statusId } = useBaseAlert();
+    const titleId = useId(idProp);
+    return (React.createElement(BodyShort, Object.assign({ ref: forwardedRef }, restProps, { as: as, size: size === "medium" ? "large" : "medium", weight: "semibold", className: cn(className, "navds-base-alert__title"), id: titleId, "aria-labelledby": cl(statusId, titleId) }), children));
+});
+export { BaseAlertTitle };
+//# sourceMappingURL=BaseAlertTitle.js.map

package/esm/alert/base-alert/title/BaseAlertTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlertTitle.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/title/BaseAlertTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAW7D;;;;;;;;;;;GAWG;AACH,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EAMsB,EACtB,YAAY,EACZ,EAAE;QARF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,IAAI,EACT,EAAE,EAAE,MAAM,OAEU,EADjB,SAAS,cALd,qCAMC,CADa;IAId,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,IACb,SAAS,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,EAAE,EAAE,OAAO,qBACM,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,KAErC,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/alert/global-alert/close-button/GlobalAlertCloseButton.d.ts

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

package/esm/alert/global-alert/close-button/GlobalAlertCloseButton.js

@@ -0,0 +1,16 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link GlobalAlertCloseButtonProps}
+ * @example
+ * ```jsx
+ *  <GlobalAlert>
+ *    <GlobalAlert.Header>
+ *      <GlobalAlert.Title>Info title</GlobalAlert.Title>
+ *     <GlobalAlert.CloseButton onClick={() => alert("Closed!")} />
+ *    </GlobalAlert.Header>
+ *  </GlobalAlert>
+ * ```
+ */
+const GlobalAlertCloseButton = BaseAlert.CloseButton;
+export { GlobalAlertCloseButton };
+//# sourceMappingURL=GlobalAlertCloseButton.js.map

package/esm/alert/global-alert/close-button/GlobalAlertCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/global-alert/close-button/GlobalAlertCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;;GAWG;AACH,MAAM,sBAAsB,GAAG,SAAS,CAAC,WAAW,CAAC;AAErD,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/esm/alert/global-alert/content/GlobalAlertContent.d.ts

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

package/esm/alert/global-alert/content/GlobalAlertContent.js

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link GlobalAlertContentProps}
+ * @example
+ * ```jsx
+ *  <GlobalAlert>
+ *    <GlobalAlert.Header>
+ *      <GlobalAlert.Title>Info title</GlobalAlert.Title>
+ *    </GlobalAlert.Header>
+ *
+ *    <GlobalAlert.Content>Content</GlobalAlert.Content>
+ *  </GlobalAlert>
+ * ```
+ */
+const GlobalAlertContent = BaseAlert.Content;
+export { GlobalAlertContent };
+//# sourceMappingURL=GlobalAlertContent.js.map

package/esm/alert/global-alert/content/GlobalAlertContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/global-alert/content/GlobalAlertContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;;;GAYG;AACH,MAAM,kBAAkB,GAAG,SAAS,CAAC,OAAO,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/esm/alert/global-alert/header/GlobalAlertHeader.d.ts

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

package/esm/alert/global-alert/header/GlobalAlertHeader.js

@@ -0,0 +1,18 @@
+import React, { forwardRef } from "react";
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link GlobalAlertHeaderProps}
+ * @example
+ * ```jsx
+ *  <GlobalAlert status="success">
+ *    <GlobalAlert.Header>
+ *      <GlobalAlert.Title>Info title</GlobalAlert.Title>
+ *    </GlobalAlert.Header>
+ *  </GlobalAlert>
+ * ```
+ */
+const GlobalAlertHeader = forwardRef((props, forwardedRef) => {
+    return React.createElement(BaseAlert.Header, Object.assign({ ref: forwardedRef }, props));
+});
+export { GlobalAlertHeader };
+//# sourceMappingURL=GlobalAlertHeader.js.map

package/esm/alert/global-alert/header/GlobalAlertHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/global-alert/header/GlobalAlertHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;GAUG;AACH,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,OAAO,oBAAC,SAAS,CAAC,MAAM,kBAAC,GAAG,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/esm/alert/global-alert/index.d.ts

@@ -0,0 +1,2 @@
+export { GlobalAlert, GlobalAlertHeader, GlobalAlertTitle, GlobalAlertContent, GlobalAlertCloseButton, } from "./root/GlobalAlertRoot.js";
+export type { GlobalAlertProps, GlobalAlertHeaderProps, GlobalAlertTitleProps, GlobalAlertContentProps, GlobalAlertCloseButtonProps, } from "./root/GlobalAlertRoot.js";

package/esm/alert/global-alert/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { GlobalAlert, GlobalAlertHeader, GlobalAlertTitle, GlobalAlertContent, GlobalAlertCloseButton, } from "./root/GlobalAlertRoot.js";
+//# sourceMappingURL=index.js.map

package/esm/alert/global-alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/global-alert/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC"}