@altinn/altinn-components 0.56.16 → 0.56.18

package/dist/assets/PageMenu.css

@@ -1 +1 @@
-._menu_13em0_1{padding:0 .5rem;border-radius:.375rem}._list_13em0_6{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}@media(min-width:1024px){._list_13em0_6{flex-direction:row;align-items:center;justify-content:start;column-gap:.5rem;width:auto}}._menu_13em0_1[data-theme=base],._item_13em0_29[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._item_13em0_29[data-theme=base]:hover{background-color:var(--ds-color-base-hover)}._item_13em0_29[data-theme=base]:active{background-color:var(--ds-color-base-active)}
+._buttonGroup_1ybcg_1{display:flex;flex-direction:column;padding:.5rem;gap:.5rem}@media(min-width:1024px){._buttonGroup_1ybcg_1{flex-direction:row}}._button_1ybcg_1{justify-content:flex-start}

package/dist/components/Bookmarks/BookmarkModal.js

@@ -0,0 +1,41 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import { useState as u } from "react";
+import "../Button/Button.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import { QueryLabel as g } from "../Searchbar/QueryLabel.js";
+import { TextField as v } from "../Forms/TextField.js";
+import "../Snackbar/useSnackbar.js";
+import { SettingsModal as c } from "../Settings/SettingsModal.js";
+import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
+const B = ({
+  icon: e = h,
+  title: n,
+  params: t,
+  titleField: o,
+  buttons: m,
+  open: s = !1,
+  onClose: p
+}) => {
+  const [i, f] = u("");
+  return /* @__PURE__ */ l(c, { icon: e, title: n, buttons: m, open: s, onClose: p, children: [
+    /* @__PURE__ */ a(g, { params: t }),
+    /* @__PURE__ */ a(
+      v,
+      {
+        ...o,
+        label: o?.label || "Gi søket et navn",
+        size: "sm",
+        name: "title",
+        value: typeof o?.value == "string" ? o?.value : i,
+        onChange: (r) => {
+          typeof o?.onChange == "function" ? o.onChange(r) : f(r.target.value);
+        }
+      }
+    )
+  ] });
+};
+export {
+  B as BookmarkModal
+};

package/dist/components/Bookmarks/BookmarkSettingsItem.js

@@ -0,0 +1,35 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "../Button/Button.js";
+import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { SettingsItemBase as f } from "../Settings/SettingsItemBase.js";
+import { BookmarkSettingsItemLabel as g } from "./BookmarkSettingsItemLabel.js";
+import { S as k } from "../../MagnifyingGlass-bwVhw07z.js";
+const C = ({
+  id: m,
+  icon: i = k,
+  loading: o,
+  title: e,
+  highlightWords: p,
+  params: s,
+  contextMenu: r,
+  ...n
+}) => /* @__PURE__ */ t(
+  f,
+  {
+    ...n,
+    id: m,
+    icon: i,
+    loading: o,
+    label: /* @__PURE__ */ t(g, { highlightWords: p, loading: o, params: s, title: e }),
+    controls: r && /* @__PURE__ */ t(a, { ...r }),
+    linkIcon: !0
+  }
+);
+export {
+  C as BookmarkSettingsItem
+};

package/dist/components/{Settings/BookmarksSettingsItemLabel.js → Bookmarks/BookmarkSettingsItemLabel.js}

@@ -17,5 +17,5 @@ const h = ({
   /* @__PURE__ */ m(a, { params: i, size: r ? "xs" : "sm", variant: r ? "subtle" : "default" })
 ] });
 export {
-  h as BookmarksSettingsItemLabel
+  h as BookmarkSettingsItemLabel
 };

package/dist/components/Bookmarks/BookmarkSettingsList.js

@@ -0,0 +1,18 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Fragment as e, createElement as p } from "react";
+import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
+import { BookmarkSettingsItem as l } from "./BookmarkSettingsItem.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import { Divider as s } from "../Divider/Divider.js";
+import { List as d } from "../List/List.js";
+import "../Snackbar/useSnackbar.js";
+import { SettingsSection as a } from "../Settings/SettingsSection.js";
+const v = ({ loading: i, items: o }) => !o || o.length < 1 ? null : /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(d, { size: "sm", children: o.map((r, m) => /* @__PURE__ */ n(e, { children: [
+  m > 0 && /* @__PURE__ */ t(s, {}),
+  /* @__PURE__ */ p(l, { ...r, key: r.id, loading: i || r.loading })
+] }, r.id)) }) });
+export {
+  v as BookmarkSettingsList
+};

package/dist/components/Bookmarks/index.js

@@ -0,0 +1,8 @@
+import { BookmarkSettingsItem as t } from "./BookmarkSettingsItem.js";
+import { BookmarkSettingsList as e } from "./BookmarkSettingsList.js";
+import { BookmarkModal as a } from "./BookmarkModal.js";
+export {
+  a as BookmarkModal,
+  t as BookmarkSettingsItem,
+  e as BookmarkSettingsList
+};

package/dist/components/LayoutAction/LayoutAction.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
@@ -9,30 +9,30 @@ import { ActionHeader as f } from "./ActionHeader.js";
 import { ActionFooter as u } from "./ActionFooter.js";
 import "../Snackbar/useSnackbar.js";
 import { PageMenu as x } from "../Page/PageMenu.js";
-const M = ({
-  color: r = "company",
-  theme: t = "base",
-  hidden: i,
+const H = ({
+  color: m = "company",
+  theme: i = "base",
+  hidden: r,
   title: p,
-  menu: m,
-  dismissable: a,
-  onDismiss: e,
-  children: n
-}) => /* @__PURE__ */ c(s, { children: [
+  menu: t,
+  dismissable: e,
+  onDismiss: a,
+  children: c
+}) => /* @__PURE__ */ n(s, { children: [
   /* @__PURE__ */ o(
     f,
     {
-      theme: t,
-      color: r,
-      hidden: i,
+      theme: i,
+      color: m,
+      hidden: r,
       title: p,
-      dismissable: a,
-      onDismiss: e
+      dismissable: e,
+      onDismiss: a
     }
   ),
-  n,
-  /* @__PURE__ */ o(u, { hidden: i, children: m && /* @__PURE__ */ o(x, { ...m, theme: t, color: r }) })
+  c,
+  /* @__PURE__ */ o(u, { hidden: r, children: t && /* @__PURE__ */ o(x, { ...t }) })
 ] });
 export {
-  M as LayoutAction
+  H as LayoutAction
 };

package/dist/components/Page/PageMenu.js

@@ -1,16 +1,21 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
+import { Icon as u } from "../Icon/Icon.js";
 import "react";
-import "../Button/Button.js";
+import { Button as p } from "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as s } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageMenu.css';const n = "_menu_13em0_1", l = "_list_13em0_6", a = "_item_13em0_29", e = {
-  menu: n,
-  list: l,
-  item: a
-}, x = ({ theme: i, color: r, items: o = [] }) => /* @__PURE__ */ t("nav", { "data-theme": i, "data-color": r, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: o.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(s, { ...m, className: e.item }) }, m.id)) }) });
+import '../../assets/PageMenu.css';const c = "_buttonGroup_1ybcg_1", a = "_button_1ybcg_1", r = {
+  buttonGroup: c,
+  button: a
+}, v = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
+  const { icon: n, title: e, ...i } = o;
+  return /* @__PURE__ */ m(p, { variant: "ghost", className: r.button, size: "sm", ...i, children: [
+    n && /* @__PURE__ */ t(u, { svgElement: n }),
+    /* @__PURE__ */ t("span", { children: e })
+  ] }, o.id);
+}) });
 export {
-  x as PageMenu
+  v as PageMenu
 };

package/dist/components/Settings/index.js

@@ -1,20 +1,16 @@
-import { SettingsItem as e } from "./SettingsItem.js";
+import { SettingsItem as o } from "./SettingsItem.js";
 import { SettingsItemBase as m } from "./SettingsItemBase.js";
-import { SettingsList as i } from "./SettingsList.js";
-import { SettingsSection as g } from "./SettingsSection.js";
+import { SettingsList as f } from "./SettingsList.js";
+import { SettingsSection as i } from "./SettingsSection.js";
 import { SettingsModal as x } from "./SettingsModal.js";
 import { UsedByLog as S } from "./UsedByLog.js";
-import { UsedByLogItem as a } from "./UsedByLogItem.js";
-import { BookmarksSettingsItem as I } from "./BookmarksSettingsItem.js";
-import { BookmarksSettingsList as d } from "./BookmarksSettingsList.js";
+import { UsedByLogItem as B } from "./UsedByLogItem.js";
 export {
-  I as BookmarksSettingsItem,
-  d as BookmarksSettingsList,
-  e as SettingsItem,
+  o as SettingsItem,
   m as SettingsItemBase,
-  i as SettingsList,
+  f as SettingsList,
   x as SettingsModal,
-  g as SettingsSection,
+  i as SettingsSection,
   S as UsedByLog,
-  a as UsedByLogItem
+  B as UsedByLogItem
 };