@altinn/altinn-components 0.29.5 → 0.30.1

package/dist/assets/Banner.css

@@ -0,0 +1 @@
+._banner_1of7r_1{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default);margin-top:0;padding:.5rem;display:flex;justify-content:space-between;align-items:center;column-gap:.5rem}._sticky_1of7r_12{position:sticky;top:0;z-index:1000}._title_1of7r_18{margin:0;padding:1rem;font-size:1rem;font-weight:500;line-height:1.5rem}._infoIcon_1of7r_25{min-height:1.5rem;max-height:1.5rem;min-width:1.5rem;max-width:1.5rem;margin-right:.5rem;vertical-align:bottom}._closeIcon_1of7r_34{min-height:1.5rem;max-height:1.5rem;min-width:1.5rem;max-width:1.5rem;color:var(--ds-color-warning-text-default);font-size:1.5rem}

package/dist/components/Banner/Banner.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { c as f } from "../../index-L8X2o7IH.js";
+import * as c from "react";
+import { forwardRef as d } from "react";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { IconButton as m } from "../Button/IconButton.js";
+import { u as p } from "../../useId-BVFxCjkq.js";
+import { S as u } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/Banner.css';var v = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
+};
+const h = d((e, o) => {
+  var { title: n, titleId: t } = e, r = v(e, ["title", "titleId"]);
+  let a = p();
+  return a = n ? t || "title-" + a : void 0, c.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": a }, r),
+    n ? c.createElement("title", { id: a }, n) : null,
+    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v16c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm.75 16V4.75h14.5v14.5zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0M10.5 10a.75.75 0 0 0 0 1.5h.75v4h-.75a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5h-.75v-4.75A.75.75 0 0 0 12 10z", clipRule: "evenodd" })
+  );
+}), _ = "_banner_1of7r_1", b = "_sticky_1of7r_12", g = "_title_1of7r_18", y = "_infoIcon_1of7r_25", i = {
+  banner: _,
+  sticky: b,
+  title: g,
+  infoIcon: y
+};
+var w = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(w || {});
+const z = ({ closeTitle: e = "close", onClose: o, text: n, color: t, sticky: r = !0 }) => /* @__PURE__ */ s(
+  "section",
+  {
+    className: f(i.banner, { [i.sticky]: r }),
+    role: "status",
+    "aria-live": "polite",
+    "data-color": t,
+    children: [
+      /* @__PURE__ */ s("div", { className: i.title, children: [
+        /* @__PURE__ */ l(h, { className: i.infoIcon, "aria-hidden": !0 }),
+        /* @__PURE__ */ l("span", { children: n })
+      ] }),
+      /* @__PURE__ */ l(
+        m,
+        {
+          icon: u,
+          variant: "solid",
+          onClick: o,
+          className: i.dismiss,
+          iconAltText: e
+        }
+      )
+    ]
+  }
+);
+export {
+  z as Banner,
+  w as BannerColorEnum
+};

package/dist/components/Banner/index.js

@@ -0,0 +1,5 @@
+import { Banner as o, BannerColorEnum as e } from "./Banner.js";
+export {
+  o as Banner,
+  e as BannerColorEnum
+};

package/dist/components/Bookmarks/EditableBookmark.js

@@ -3,9 +3,9 @@ import { jsx as n, jsxs as u } from "react/jsx-runtime";
 import * as f from "react";
 import { forwardRef as h, useState as O } from "react";
 import "../../index-L8X2o7IH.js";
-import { BookmarksListItem as x } from "./BookmarksListItem.js";
 import { Button as g } from "../Button/Button.js";
-import { IconButton as I } from "../Button/IconButton.js";
+import { IconButton as x } from "../Button/IconButton.js";
+import { BookmarksListItem as I } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import { QueryLabel as j } from "../Searchbar/QueryLabel.js";
@@ -49,7 +49,7 @@ const R = h((t, i) => {
 }) => {
   const [v, w] = O("");
   return /* @__PURE__ */ n(
-    x,
+    I,
     {
       ...y,
       expanded: r,
@@ -58,7 +58,7 @@ const R = h((t, i) => {
       ariaLabel: i || o,
       params: e,
       controls: /* @__PURE__ */ n(
-        I,
+        x,
         {
           variant: "outline",
           size: "xs",